Cara Menampilkan Jumlah Komentar Pada Judul Postingan Blog

Selamat siang sob...

Setelah sebelumnya saya share mengenai widget-widget twitter yang keren, kali ini postingan saya tidak kalah menarik sob...

Yup, sesuai judulnya kali ini kita akan memasang jumlah komentar tepat disamping judul artikel atau postingan blog kita. Untuk contohnya bisa kalian lihat sendiri di judul postingan blog saya ini. Sebelumnya siapkan dulu bahan-bahannya sob, hehehe yaitu kode-kode dibawah ini yang nantinya akan dipasang.

1. Login dulu ke blogger.

2. Pilih Template - Edit HTML dan centang "Expand Template Widget".

3. Cari kode ]]></b:skin> dan letakkan kode berikut ini tepat diatasnya.

 

.comment-ballon{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi88PcflEFhgpREqiqP-steoAQA_YESgKGKnX-EQoWzevSAUWb-0usDfN8GlMsoMC09ZE0U6RNJUhHK7hNUyJQcehiG5dAZYFYX9YwNV-9xtOqu8_iE22gLwnA_jmY2ZXw0zBhUN-fOmMRh/s1600/comment+jadi.gif) no-repeat;
width:32px;
height:32px;
text-align:center;
font-size: 16px;
float: right;
padding-top: 3px;
margin-right: 10px;
font-color: #ffffff;
}
.comment-ballon a{
color: #000000;
}

4. Lanjut sob kalo udah, kita cari kode <a expr:name='data:post.id'/> dan letakkan kode berikut ini tepat diatasnya.

 

 <div class='comment-ballon'><b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/> </b:if></a>
</b:if></div>

5. Kemudian cari lagi kode seperti dibawah ini sob dan kemudian hapus kode tersebut.

 

<span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <b:include data='post' name='comment_count_picker'/>
                    </b:if>
                  </b:if>
                </b:if>
              </span>

6. Langkah terakhir --->> Simpan Template.

7. Enjoy.

Ok...terima kasih sob atas kunjungannya dan silahkan tinggalkan komentar kalian yang ingin dan sudah mencoba. Semoga bermanfaat.