CARA MEMBUAT HITUNGAN KOMENTAR DI BAWAH JUDUL POSTINGAN BLOG - UNTUK TEMPLATE BLOGGER LAMA

Trik ini mudah sekali di ikuti yang kalian butuhkan hanyalah mengerti dan terbiasa membuka dasbor dan mengedit halaman HTMLnya tidak perlu jago koding. Jumlah komentar akan terlihat di bawah Judul postingan seperti pada template editblogtema ini. Caranya:

1. Masuk ke pengaturan blogger
2. Pilih Tema
3. Pilih Edit HTML

Setelah halaman editor HTML terbuka cari kode <data:post.body/> kode ini akan menjadi banyak jika di dalam template kalian telah menggunakan fitur 'read more' dan 'related posts' pilih kode yang ketiga dan letakan kode berikut tepat di atasnya:

<b:if cond='data:post.authorPhoto.url'>
<img alt='Avatar' class='avatar' expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>By:
</b:if>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><justify><data:post.author/></justify></span>
</a>
<span class='comment-count cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
<data:post.numComments/>Komentar
</span>
<div class='post-header-container container'/>

Selanjutnya masih di halaman editor HTML cari kode: </head> dan letakan kode CSS style berikut tepat di atasnya:

<style> .avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}</style>

Save template

Keuntungan menggunakan trik ini adalah:

1. Ringan
2. Tidak perlu memasang Comment Picker buatan pihak ketiga
3. Asli dari elemen blogger itu sendiri, saya hanya memodifikasi elemen tersebut untuk menampilkannya
4. Aman.

Ingat ini dapat di terapkan pada template template blog lama seperti template sederhana, PT. Keren sekali, Jendela, Perjalanan dst. Untuk template terbaru blogger seperti Contempo, Emporio, Soho dan Notable fitur ini telah tampil otomatis dan responsif, tinggal mengatur di pengaturan dasbor blog saja.

Fitur ini juga akan menampilkan gambar profile di atas hitungan komentar tersebut. Semua sumber kodenya sama: Berasal dari template bawaan blogger itu sendiri, saya hanya memodifikasi dan memanipulasinya agar tampil secara otomatis di bawah judul postingan blogger...

Lihat DEMO pada template hasil re-desain saya (Template sederhana atau Simple masih dalam pengerjaan/perapian):

DEMO

Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini!