Memasang jumlah komentar pada judul posting

Memasang jumlah komentar pada judul post adalah judul postingan untuk menjawab pertanyaan salah seorang blogger yang menanyakan "Kang, blog ini dihalaman depan samping judul post ada comment link berwarna hijau, itu bagaimana cara bikinnya ???". Pertanyaan salah seorang blogger tadi mengarah kepada gambar hijau yang berisi jumlah komentar yang berada pada judul posting blog ini.

Selain berfungsi sebagai pernak - pernik blog, memasang jumlah komentar pada judul posting berfungsi juga untuk mengetahui jumlah komentar pada suatu artikel blog. Oke sob, tanpa basa - basi lagi, kita langsung saja ke tutorial tentang Memasang jumlah komentar pada judul posting di bawah ini:

1. Login pada blogger menggunakan id blog sobat
2. Masuk ke halaman Template
3. Klik Edit HTML lalu Lanjutkan
4. Jangan lupa klik centang pada Expand Template Widget
5. Pertama - tama, cari kode ]]></b:skin>
6. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

   .comment-link {
   background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3II7vsp8NIoWityFZV7CZ5wv49AnAVSuBoNjYBG-39sH1w_NdarFqcIOpX77WTmNYexLVdS0lOJLKnIW_gXnw5nn7zW2St_opkgHxx4aWIHW-Q7YoJIIU7sHvX2HrERPzR5Jtcag8MY8/s1600/comment-link+anjeunn.png) no-repeat;
   width:30px;
   height:20px;
   float:right;
   color:#fff !important;
   font-size:10px;
   text-align:center;
   margin-left:4px;
   }

7. Selanjutnya, cari kode yang mirip dengan <h2 class='post-title entry-title'>
8. Copy kode di bawah ini dan paste di sebelah kode <h2 class='post-title entry-title'>
   

   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <span class='post-comment-link'>
   <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 == 0'>0<b:else/><data:post.numComments/></b:if></a>
   </b:if>
   </span>
   </b:if> 

9. Nah, jika semua itu dipasang, jumlah komentar akan muncul di halaman homepage, jadi di halaman postingan tidak ada. Untuk mencegah munculnya jumlah komentar tampil di halaman statis (pages) copy kode di bawah ini, dan paste di atas kode </head>

   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   <style>
   .comment-link{display:none;}
   </style>
   </b:if>

10. Simpan Template dan lihat hasilnya

Selesai deh, ohiya sob, untuk mengganti gambar jumlah komentarnya, ganti saja tulisan berwarna merah dengan link gambar yang sobat inginkan untuk dijadikan sebagai gambar jumlah komentarnya. Nah, sampai disini dulu untuk Memasang jumlah komentar pada judul posting. Sampai Jumpa ;)