Cara Memasang jumlah komentar pada judul posting

Tampilan komentar pada Blogger umumnya beragam tetapi pada template asli atau bawaan blogger jumlah koimentar terletak di bagian bawah postingan, tetapi untuk mempercantik tampilan tersebut kita bisa sedikit mengutak-atik agar tampilannya bisa terletak pada samping judul postingan..Okelah tanpa panjang lebar kesana-kemari mari kita ganti tampilan tersebut. Langkah-Langkah 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/AVvXsEhKV9jtDqkuutgFmYSOV9c13kBeQXJGyWGstTw0FPAdcEhpEBmxf2FsRfwApo5wldjQB-7YBT4P6b8A0ZtKOhXZsK87Ld886Ys_KBTn_8XQ4KorJrB6lt0Gx9YjzYT8Zs1xhVLQcj5m4qI/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