Menampilkan Jumlah Komentar di Samping Judul Artikel

Selasa, Januari 15, 2013

InfoDari - Selamat malam semuanya!
Kali ini saya Posting cara menampilkan Jumlah Komentar di samping Artikel pada Homepage Blog.

Mungkin anda penasaran bagaimana penampakannya, silahkan lihat pada gambar dibawah ini:

Pasti pernah lihat kan?
Iya donk!!! Blog saya ini kan juga pake seperti yang ada di gambar...



Tanpa memperpanjang isi teks Artikel, mari kita mulai saja.

Berikut ini adalah langkah-langkah nya:
TueehEY4zLI/AAAAAAAAAyk/dPs5ZheGmEA/s1600/comments.png

• Login pada Blogger: Dasbor
• Masuk ke halaman Template
• Klik Edit HTML lalu Lanjutkan
• Jangan lupa klik centang pada Expand Template Widget
• Pertama - tama, cari kode ]]></b:skin>
• Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

.comment-link {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLMmAr-kSARqCV3hJfeoSWFceFl7hMCXHEJASRWNhK9iZehqD_cxOPshAfZbup1eyWks1YFwLKq-74epYqQNdChQuFlmws66YEBY9QonLtubBpU-JOn7gvozi5UZP88s4qfSyZvAjfH9c/s1600/comments.png) no-repeat;
width:30px;
height:20px;
float:right;          
color:#fff !important;
font-size:10px;
text-align:center;
margin-left:4px;
}

• Selanjutnya, cari kode yang mirip dengan <h2 class='post-title entry-title'>
• 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> 

• 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>

• Simpan Template dan lihat hasilnya

Sekian Untuk Postingan tentang Cara Menampilkan Jumlah Komentar di Samping Judul Artikel.

Semoga membantu, terimakasih.

sekian

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.