Langkah 1
Login ke blog anda dan dari dashboard blog anda , pilih Template >> Edit HTML.
Langkah 2
Klik di area kode template dan tekan ctrl+F5 untuk membuka kotak pencarian dan ketik kode berikut di kotak pencarian.
]]></b:skin>Langkah 3
Sekarang tambahkan kode di bawah ini tepat di atas ]]></b:skin>.
.comment-bubble {Langkah 4
float : right;
width : 48px;
height : 48px;
background : url(http://goo.gl/92MxG2);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}
Setelah kode di atas ditambahkan ke template, cari kode di bawah ini
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
Jika anda tidak dapat menemukan kode di atas, coba cari kode seperti di bawah ini.
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
Langkah 5
Sekarang tambahkan kode berikut tepat setelah kode di atas.
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color: #000000; font-size: 18px; font-weight: bold;'><data:post.numComments/></a>
</b:if>
Anda dapat mengubah kode warna #ffffff dengan pilihan warna atau warna yang sesuai dengan template anda. Demikian pula dengan mengubah ukuran font 18px untuk ukuran font yang anda inginkan.
Saya telah menyediakan beberapa gambar keren yang dapat anda tambahkan ke konter komentar blog anda. Dapat dilakukan hanya dengan mengganti URL pada Langkah 3 yang disorot dalam warna merah.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWueShLzuFx-MTiFzPmBnqwHnVeRNkHugoT_ngj30SyHsZ94NiHRRbh6xaxfoXzBkUlh36FAYnxOUCtpp33wJjInokaF-HGedw75Zyb1cwE_WLeZtIFWFGcjoKUmSGrC5nFR_wnTlCldj-/s1600/blue+bubbe+comment+counter.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj487doHUpBAt-_baQKUZr8chtyaAKGhvQpxBe2Rh4mbP8W94EJJ4MM2z1L5AQknOog0yBpWqWBlrgCxTtfHE91iiHdGMA4d65QvRtorIC7Di6jwQa1AHqOjaU53Xu8ORpzanRtF7kSeyA3/s1600/pink+comment.png
Semoga Bermanfaat.
1 comments:
Terimakasih atas informasinya min, sangat bermanfaat!
ReplyJangan lupa kunjungi website kampusku yukk walisongo.ac.id
Post a Comment