Cara Meletakkan Jumlah Komentar Diatas Postingan

Widget total komentar dari pengunjung yang sudah berkomentar di blog anda dapat diletakkan disebelah atas kanan postingan blog. Dengan menampilkan jumlah komentar blog, anda dapat mengetahui sudah berapa para komentator yang melayangkan komentar di blog.

Cara Menampilkan Jumlah Komentar Diatas Postingan
1. Login ke blogger anda
2. Pada dasboard, pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

a.comment-bubble:hover{color:#cc6611;} a.comment-bubble { float:right; width:34px; height:18px; text-align: center; white-space:nowrap; font: bold 14px monospace; color:white; position:relative; margin-left: 6px; margin-top: 3px; padding-top:2px; background:#eeaa00; /* fallback */ background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8dd99), to(#eeaa00)); background:-webkit-linear-gradient(#f8dd99, #eeaa00); background:-moz-linear-gradient(#f8dd99, #eeaa00); background:-o-linear-gradient(#f8dd99, #eeaa00); background:linear-gradient(#f8dd99, #eeaa00); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border: 1px solid #dd8808; border-bottom-color: #f8dd99; border-right-color: #f8dd99; } a.comment-bubble:after { content:""; position:absolute; bottom:-5px; left:11px; border-width:5px 5px 0px 0px; border-style:solid; border-color:#eeaa00 transparent; display:block; width:0; }

4. Berikutnya anda cari lagi kode seperti dibawah ini :

<b:includable id='post' var='post'> <div class='post hentry'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title'>

5. Dan letakkan kode berikut sebelum kode diatas

<b:if cond='data:post.allowComments'><a class='comment-bubble' expr:href='data:post.url + "#comments"' expr:title='"Comments to "" + data:post.title + """'><data:post.numComments/></a></b:if>

6. Simpan template

Silahkan anda coba untuk menampilkan jumlah komentar diatas postingan, semoga ulasan ini dapat bermanfaat.

Related Posts