Widget Konter Komentar Keren Untuk Blog

Komentar selalu dilihat sebagai faktor penting dalam keberhasilan blog anda. Pengguna biasanya komentar di blog anda untuk menghargai penulis atau untuk mengajukan pertanyaan. Salah satu cara untuk menilai popularitas posting adalah dengan melihat jumlah komentar pada posting dan untuk itu anda harus menempatkan konter komentar di blog anda. Dalam artikel ini saya akan menjelaskan cara untuk menambahkan widget komentar indah bergelembung pada blog.

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 {
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;
}
Langkah 4

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

Saya harap anda menyukai tips singkat kami ini yang memberikan konter komentar yang indah pada judul posting blog anda.

Semoga Bermanfaat.


1 comments:

Terimakasih atas informasinya min, sangat bermanfaat!
Jangan lupa kunjungi website kampusku yukk walisongo.ac.id

Reply

Post a Comment