Comment Bubble merupakan lingkaran bulat seperti balon di pojok kanan judul posting yang sangat membantu kita seberapa comment yang ada dalam postingan kita. Hal ini sangat membantu pada saat kita tidak sempat Login ke akun kita untuk mengcek comment yang ada dikarenakan dot dot dot
Sebelum mengedit template Anda mulai menyimpan cadangan dulu untuk jaga-jaga dengan meng-klik "Download Template Lengkap".
Sudah siap apa belum??
Berikut langkah-langkah menambah "Comment Bubble" di samping judul:
1. Pergi ke Layout> Edit HTML> Klik "Expand Template Widget"
2. Cari kode dibawah ini:

]]></b:skin>

3.Copy paste kode dibawah ini tepat "diatas" langkah 2
/*------Commment Bubble Start------*/

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4m4DunajkHQbiHjo_x2LNRIL_5kTnWI18Pv2bLT017HL8m6CC6HYaq9DYNxFnxf_zitn7eUmbg4WZ0TsDehPRG680bzelilyspFB489p5jVZICOuSUVmATnVtMzjFeLtgb08eNLdmnq7/s128/bubble9.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding:0px 0px 0px 0px;
}

/*------Commment Bubble End AmirOktavia------*/

4. Sekarang cari kode:
<h3 class='title'><data:title/>

Jika anda tidak menemukan cari kode di bawah ini:
<h2 class='title'><data:title/>


5. Copy paste kode dibawah ini tepat sesudah kode pada langkah 4:
<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>


Save dan lihat hasil nya....

Sobat bisa menukar gambar background "Comment Bubble" dengan mengganti
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs4m4DunajkHQbiHjo_x2LNRIL_5kTnWI18Pv2bLT017HL8m6CC6HYaq9DYNxFnxf_zitn7eUmbg4WZ0TsDehPRG680bzelilyspFB489p5jVZICOuSUVmATnVtMzjFeLtgb08eNLdmnq7/s128/bubble9.png) no-repeat;


Anda tidak perlu membuang waktu Anda untuk mencari gambar "Comment Bubble", saya sudah pasang link supaya Anda dapat mendownload koleksi gambar "Comment Bubble"

Download Comment Bubble.rar

3 komentar:

Erianto Anas mengatakan...

Jujur mbak, tadinya saya bingung apa maskud tulisan mbak. Krn gak ada keterangan apa itu Comment Buble. Tp pas saya klik gbr comment bublenya, saya jd tersenyum....

Walah walah mbak ada ilmu tersembunyi di sini ya....

Makasi dan jangan bosan2 berkunjung ke blogernas ya mbak....

Admin mengatakan...

Mas....Saya Amir laki-laki, ditambah Oktavia pacar saya mas.....
wah.... comment pertama lg dr blogger terkenal....
makasi banyak mas atas kunjungannya.....

Erianto Anas mengatakan...

Oya? heheh ... maaf mas ya,
Pas lihat profilnya saya bingung juga,
Pas lihat fotonya, wah ... si mbak rupanya nih..
Maaf ya dan ... salam buat pacarnya biar awet tuh hubungannya.

Okey mas Selamat blogging ya!

Posting Komentar

Copyright 2010 Tutorial, Tips & Trik..!!