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 :
Written by: Pendi Ari Wibowo
Pendiari | Artikel Islam, Blog Dan Motivasi Updated at:
10/22/2011
Title : Memberi Nomor Pada Komentar Blog
Description : Setiap hari selalu berusaha untuk Menghias Blog mulai dari menambah Widget , Pernak-Pernik yang menunjang tampilan Blog kita sehingga en...