Menampilkan jumlah komentar di samping judul postingan Menampilkan jumlah komentar di samping judul postingan - Blog Manado - Tutorial Web Design

Menampilkan jumlah komentar di samping judul postingan

Menampilkan jumlah komentar di samping judul postingan
Share

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxDKLzxaC0KZ-8dywXhfOMz1pzcoy2yCES-2ARw2LFy0zIdPYRjq-WXyEDS0y7syIZruuKLsJa3gy29uRrLgVH0k9CvhkFU8QQzUUt9F3ZSfZvKsFe_3AUS_4K4QJXXUjJDZqYlaeZSCZG/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>

0 Response

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel