Cara Menampilkan Jumlah Komentar Di Samping Judul Posting

Pada kesempatan kali ini  saya akan memposting bagaimana cara untuk menambahkan sebuah ikon bubble ke sebelah judul post anda yang menampilkan jumlah komentar dari postingan tersebut.

• Login ke Blogger > Layout > Edit HTML
• Ceklis "Expand Template Widgets"
• Cari kode berikut

<h3 class='post-title entry-title'>

Sesudah kode tersebut ketemu, tambahkan kode di bawah ini tepat dibawahnya :

<!--COMMENT-BUBBLES-STARTS--><b:if cond='data:post.allowComments'>

<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

</b:if><!--COMMENT-BUBBLES-STOPS-http://www.trikblogspot.co.cc/-->

• Setelah itu cari dan temukan kode berikut :

</head>

Setelah ketemu Letakan kode di bawah ini tepat setelah kode </head> :

<!--COMMENT-BUBBLES-STARTS--><style type="text/css">
.comment-bubble {
float: right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Xqxjx8zsCMnrAwtb17RQKTqZgwffByhGTLrVsP5AoyEgAmOaBFY97GaApzCFH7cIPTd_A21mDodjI2n0qeWC31YMowrrL7wFMDh_PISFxFxm0OSjbDqrazmdcsd-qyYWcab6x5Uxamw/s1600/comments.png) no-repeat;
width: 35px;
height: 38px;
font-size: 12px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style><!--COMMENT-BUBBLES-STOPS-http://www.trikblogspot.co.cc/-->

Edit kode yang berwarna Biru tersebut sesuai dengan gaya blog anda. Ganti link warna kuning dengan link gambar yang anda sukai bisa buat sendiri atau cari di photobucket. gmpang bukan !!
Selamat mencoba semoga bermanfa'at jangan lupa like nya ya :)

Anda baru saja membaca artikel yang berkategori Blogger dengan judul Cara Menampilkan Jumlah Komentar Di Samping Judul Posting. Please...di share keteman-teman yang lainnya yaa... dan jika ingin berlangganan Artikel di Blog ini secara Gratis, Tinggal masukin aja Email kalian di Bawah ini...!!! Thanks : Cuek2Bebek - fiQQi / eeChad

Subscribe via Email

Ditulis oleh: Unknown -