Cara Membuat Jumlah Komentar di Samping Judul Postingan

Cara Membuat Jumlah Komentar di samping Judul Postingan - Setelah sebelumnya saya telah menjelaskan cara membuat hanya judul pada Blog sobat,(yang belum baca silahkan di baca) nah sekarang saya akan menjelaskan Cara Membuat Jumlah Komentar di samping Judul Postingan blog sobat, untuk contoh silahkan lihat gambar berikut
Nah Gini caranya :
Langkah  1
Login ke Blogger - Rancangan - Edit HTML
Ceklis Pada Expand Template Widgets"

Langkah  2
Temukan kode berikut :


<h3 class='post-title entry-title'>
Untuk mempermudah silahkan tekan Ctr + F di keyboard sobat
Sesudah kode tersebut, tambahkan kode berikut 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://about-tutorials.blogspot.com>

Sekarang temukan kode berikut :

</head>

Sebelum kode tersebut. tambahkan kode berikut :


<!--COMMENT-BUBBLES-STARTS--><style type="text/css">

.comment-bubble {

float: right;

background: url(http://i49.tinypic.com/2vugahu.jpg) no-repeat;

width: 55px;

height: 38px;

font-size: 18px;

margin-top: -15px;

margin-right: 2px;

text-align: center;

}

</style><!--COMMENT-BUBBLES-STOPS-http://about-tutorials.blogspot.com>

catatan: kalau tidak ingin pakai Gambar jumlah komentarnya seperti punya saya, silahkan di hapus

background: url(http://i49.tinypic.com/2vugahu.jpg) dan Ganti dengan Kode Warna yang sobat Inginkan, Bisa Di lihat di sini


oke sobat, semoga Bermanfaat..

G+

0 comments:

Post a Comment