Sekarang saya akan memberikan tutorial bagaimana cara untuk menambahkan sebuah ikon bubble ke sebelah judul post anda yang menampilkan jumlah komentar dari postingan tersebut.
Langkah #1
Login ke Blogger > Layout > Edit HTML
Ceklis "Expand Template Widgets"
Langkah #2
Temukan kode berikut :
<h3 class='post-title entry-title'>
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://www.trikblogspot.co.cc/-->
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://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 !!
related post :
7 Testimonial:
mantap nih bagn makasih ya tutorialnya meluncur ke takp untuk nyoba hee
Makasih sob tutorialnya..
Bermanfaat sekali sob..
kunjung balik n comment balik ya sob, hehe.. ^_^
thnks atas artikelnya ya,,,salam kenal serta salam persahabatan juga.
makasih banyak gan tutorialnya berhasil
bisa saling follow gan??
Spesialis penyakit dalam, termasuk wasir atau wasir, pengobatan herbal
mantap
SILAHKAN KOMENTAR
Maturnuwun sampeyan sudah mampir di Blog Mas uwah, tinggalkan komentar untuk menjalin persahabatan ingat NO SPAM.