Cara Menampilkan Jumlah Komentar di Samping Judul Artikel/Postingan

Assalamualaikum sobat blogger, langsung saja pada kesempatan kali ini ir-fa.blogspot.com akan menjelaskan cara menampilkan jumlah komentar disamping kanan judul artikel seperti gambar dibawah ini.

Bagi yang berminat mencoba silahkan ikuti langkah-langkah berikut:
  • Pertama login ke blogger.com
  • Kemudian pilih menu template
  • EDIT HTML
  • Letakkan kode CSS berikut diatas kode ]]></b:skin>

 .numComments {
float:right;
text-align: center;
padding: 10px 0 0 0;
margin-top : -10px;
font-size: 18px !important;
width: 25px;
height:25px;
color: #000000;
}

  • Kemudian cari kode HTML <b:if cond='data:post.title'> (untuk mempermudah pencarian gunakan ctrl+F)
  • Letakkan kode berikut dibawah kode <b:if cond='data:post.title'>
<span class='numComments'>
<a expr:href='data:post.url'>
<data:post.numComments/></a></span>
 
  • Langkah selanjutnya, cari kode seperti di bawah ini dan hapus

 <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'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                <data:post.commentLabelFull/>:
              </a>
            </b:if>
          </b:if>
        </b:if>
      </span>
  • Langkah terakhir, SAVE dan lihat hasilnya.



Previous
Next Post »

2 komentar

Click here for komentar
30 Juli 2013 06.39 ×

untuk menghilangkannya bagaimana caranya bro, aku bingung, krn diblogku ada tanda itu kayaknya menganggu, moghon pencerahan, makasih, salam
abunawarbima@gmail.com

Balas
avatar
admin
28 Agustus 2013 09.47 ×

Tinggal di hilangkan ja kode CSS n kode HTML.nya gan, CSS.y biasanya berbeda-beda tapi cari ja yang mirip kya di atas.
kemudian untuk mengembalikan jumlah komentar yang ada di bawah postingan artikel, tambahkan lagi kode yang di cetak merah diatas.

Balas
avatar
admin
Thanks for your comment