Setiap hari selalu berusaha untuk
Menghias Blog mulai dari menambah
Widget,
Pernak-Pernik yang menunjang tampilan
Blog kita sehingga enak dipandang dan
Pengunjung Blog pun merasah betah.
Tutorial Blog kali ini akan
Mempercantik Komentar Blog mulai dari
Link Komentator Terbuka Di Tab Baru,
Memberi Foto Profil Pada Komentar, Membuat Komentar Admin Berbeda dengan Pengunjung Blog dan kali ini adalah
Memberi Nomor Pada Komentar Blog.
Contohnya bisa diliha diblog saya ini yang ada
komentarnya...!
Tutorial Pemasangannya :
1. Masuk
Blogger > Rancangan > Edit HTML ( Expand Template Widget )
2. Cari
Kode <dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
3. Sisipkan Kode yang berwarna Hijau diantara kode diatas, sehingga menjadi
<dl id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script> <!--COMM-NUM-STARTS-->
<b:loop values='data:post.comments' var='comment'>
4. Setelah itu cari kode
<data:commentPostedByMsg/>
5. Copy Kode dibawah ini setelah kode diatas
<!--COMM-NUM-STARTS-->
<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--COMMNUM-STOPS-->
6. Simpan
7. Eiiiit.. Belum selesai....heee...
8. Cari Kode
</head>
9. Copi kode dibawah ini sebelum kode diatas
<!--COMM-NUM-STARTS-->
<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}
.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}
</style>
<!--COMM-NUM-STOPS-->
10. Simpan
kalian bisa gunakan image dibawah ini :
Related Posts :