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.

Share :

Tweet

Related Post