Menampilkan jumlah komentar di samping judul postingan


Cara simpel menampilkan jumlah komentar. pada postingan kali ini blogsmanado tidak menjelaskan secara terperinci dan panjang lebar, ane yakin sobat semua sudah faham.

  • Log In Blog, Buka template -> Edit HTML -> Kasih tanda centang pada menu "expand widget tempate".
  • Ambil nafas
  • kemudian Copas CSS dibawah ini di atas kode script ]]></b:script>
 .numComments {
background: url(http://4.bp.blogspot.com/_C6KkooKXCEw/TICilRvoM4I/AAAAAAAAGzs/F1VwCZc7uzY/s200/smallcommentsx-c.png)repeat-x;
float:right;
text-align: center;
padding: 10px 0 0 0;
margin-top : -10px;
font-size: 18px !important;
width: 25px;
height:25px;
color: #000000;
}
Menampilkan jumlah komentar di samping judul postingan


Note :
URL yang saya beri warna biru dapat sobat ganti dengan URL gambar yang diinginkan.
Untuk mempermudah pencarian kode, sangat dianjurkan untuk menekan tombol kombinasi ctrl+huruf A atau F3.
  • Cari kode HTML <b:if cond='data:post.title'> 
  • Jika sudah sobat  Copas kode dibawah ini tepat di bawah kode <b:if cond='data:post.title'>
 <span class='numComments'>
<a expr:href='data:post.url'>
<data:post.numComments/></a></span>
  •  Selesai
Sobat juga dapat menghapus kode dibawah ini bila mau, dengan cara cari kode yang saya beri warna merah sampai kode penutup/merah
 <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>

No comments:
Write komentar