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

tutorial blog

• How to Use Pokespy
• Cara Membuat Link Download dari MediaFire
• Menambah Elemen Sidebar Sebelah Kiri di Blogspot
• Cara Mendaftar Blog ke Dmoz
• Begini Cara Daftar Blog di Technorati
• Cara Claim Token Di Technorati
• Menyembunyikan Titel Blog Untuk Diganti Logo Di Header
• Membuat Header dan Menu Navigasi Tidak Bergerak (Tetap Diatas)
• Membuat Ruang Posting Blog Menjadi 2 Kolom Di Homepage
• Static Pages Blogger Bermasalah? Solusinya Begini
• Memasang Widget Cek No Resi JNE, TIKI, Pos Indonesia
• Membagi Elemen Postingan Blog Menjadi Dua Kolom Tanpa Edit HTML
• Cara Mengganti Template Baru di Blogspot
• Membuat Efek Marquee di Blogspot
• Cara Membuat Tabel dan Thumbnail di Postingan Blog
• Cara Membuat Artikel Terbaru Dengan Thumbnail di Blogspot
• Membuat Related Posts Dengan Thumbnail di Bawah Postingan
• Cara Mengganti Warna Link di Blogspot
• Cara Memberi Tombol Scroll di Kotak Komentar Blog
• Cara Membuat Related Posts Super Cepat
• Cara Pasang Tombol Spoiler di Komentar Blogspot Versi 2
• Cara Memasang Google Translate di Blog
• Cara Membuat Blockquote di Postingan Blog
• Inilah Widget Random Post Fast Loading Plus Thumbnail
• Merubah Tampilan Blog Yang Berbeda Pada Homepage dan Halaman Posting