Trick Komentar Balon Di Judul Postingan

trick tips Komentar Balon Di Judul Postingan contohnya seperti gambar diatas..
Silahkan ikuti langkahnya berikut ini :

1. Login ke akun Blogger
2. Klik Rancangan / Tata Letak
3. Klik Edit HTML
4. Bakup dulu template Anda "Download Full Template"
5. Centan kotak kecil disamping tuliasan Expand Template Widget
6. Cari kode </head> atau Untuk memudahkan silahkan genakan tool pencari tekan Ctrl+F.
7. Letakan kode dibawah ini diatas kode </head>


<!--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://bloggerstop.net-->

8. Kemudian Cari kode <h3 class='post-title entry-title'> kemudain letakan kode dibawah ini setelah kode tersebut


<!--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://bloggerstop.net-->

9. Klik Save template

jika tadi gagal atau pengen coba kode yang lain coba cara berikut ini :

1. cari kode ]]></b:skin>, Copy paste kode dibawah ini lalu simpan di atas kode ]]></b:skin>


.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://i43.tinypic.com/dljpzo.jpg) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:float;
}

2. Cari kode yang seperti ini <h3 class='post-title entry-title'> tag
3. Copy paste kode dibawah ini letakan tepat di bawah kode tadi

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

4. Klik Save Template

*Keterangan :
background: misalnya url(http://i49.tinypic.com/2vugahu.jpg) no-repeat; => dapat sobat ganti dengan image yang lain juga bisa
width: 55px; => sobat dapat memperbesar satuannya dan memperkecil satuannya.
height: 38px; => dapat meninggikan atau memendekannya.



Bookmark & Share