Sunday, January 2, 2011

Cara Menambahkan Tombol Comment Counter di Blogger

tombol penghitung komentar blogCara Menambahkan Tombol Comment Counter di Blogger.
Untuk menambahkan tombol penghitung komentar di blogger, sangat mudah cara menambahkannya cukup simpel dan mudah di terapkan. Kegunaan tombol comment counter yaitu anda bisa melihat berapa komentar yang di tiap postingnya.

Berikut ini tips cara menambahkan tombol comment counter di blogger yang saya ambil dari blog know how :
1. login ke blogger pilih rancangan klik edit html;
2. backup dulu template sebelumnya, ini berguna apabila script yang digunakan nantinya ada masalah dan bisa dikembalikan ke sediakala.
3. beri centang pada kolom expand widget;
4. masukan kode di bawah ini sebelum kode ]]></b:skin>

.comments-button {
width : 48px;
height : 48px;
background : url(http://3.bp.blogspot.com/_vLeiVavkV_M/TRqeSsZYiYI/AAAAAAAADw0/NKcU4q-Vbq4/s200/comment-counter-bubble.png) no-repeat;
float : right;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding-top:10px;
}

5. setelah itu cari kode dibawah ini, untuk pencarian cepat gunakan ctrl+f
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>

6. salin kode berikut :
<b:if cond='data:post.allowComments'>
<a class='comments-button'
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'
><data:post.numComments/></a>

</b:if>

7. dan masukan kode tadi diantara kode no urut 5 tadi seperti ini :
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.allowComments'>
<a class='comments-button'
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'
><data:post.numComments/></a>

</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>

8. simpan template dan lihat hasilnya.

Lihat juga yang ini



No comments:

Post a Comment

komentarlah dengan sopan jangan spam..

Blog Gado Gado@2010. Powered by Blogger.