Memasang Icon dan nomor Comments pada kotak Komentar

Sebelum ini Iyagus membahas tentang mengapa google membenci blog saya  dan kali ini iyagus akan memberikan satu tips yang boleh dikatan unik. Memasang Icon dan nomor Comments pada kotak Komentar, tujuannya bukan lain hanya sekedar memperindah tampilan blog. Sebenarnya tips ini tidak terlalu penting cuman bagi sobat yang suka dengan keindahan dan ingin melihat tampilan  blognya lebih menarik silahkan di cobah, ini juga saya pasang, boleh sobat lihat pada artikel yang lain yang sahabat blogger kita sudah commment. nah...jika sobat minat berikut ini cara-caranya tinggal sobat ikuti aja langkah-langkahnya oke".

Sperti biasanya sebelum memulai memasang tips ini terlebih dahulu sobat memperhatikan dengan cermat di bagian mana harus di letakkan jangan asal kopas.

Pastikan sudah login di blognya
Selanjutnya Klik Desaign/ Rancangan atau tata letak
Kemudian Klik Edit HTML
Oya jangan lupa untuk mencentang kotak kecil/ Expand Template widget
Selanjutnya cari kode berikut :
Untuk lebih cepat mencari kode bawah ini, silahkan gunakan CTRL+F bisa baca disini cara cepat mencari kode HTML

<b:loop values='data:post.comments' var='comment'>

Kemudian Kopy Kode berikut dan paste / letakkan diatas kode tadi diatas

<script type='text/javascript'>var CommentsCounter=0;</script>

Kemudian cari lagi kode berikut

<data:commentPostedByMsg/>

Kemudian kopi kode berikut lalu letakkan/ Paste tepat dibawah kode tadi diatas

<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>

Kemudian yang terakhir, cari kode berikut :

 </head>

Kemudian letakkan kode berikut tepat diatas kode tadi diatas </head>

<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url( http://3.bp.blogspot.com/_O84nraTVNhw/TUfr5tCNw0I/AAAAAAAAAOU/xCcJHKk5QbE/s1600/df97c4.png ) 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>

Kemudian kopi lagi, eh...sorry. masih mau kopy-kopy ya hehehe...
Selanjutnya SAVE Tamplate
Oya sobat WARNA HIJAU diatas merupakan icon kotak komentar diblog ini jika sobat ingin mengantinya silahkan, cari icon yang lain.

Selamat mencobah ya semoga berhasil
Saya  mau minum kopi dulu hehe...mau ikut ga?

No comments:

Post a Comment

Jika ada sembarang pertanyaan silahkan komentar disini.