Tutorial Bubble Komen

Ehem...ehem...sebelum krole memulakan kelas tutorial kita pada hari ini.krole ingin mengucapkan jutaan terima kasih yang wish krole cepat sembuh setelah selamat cabut gigi tadi(hehehe),so hari ini krole nak buat tutorial bagaimana hendak meletakkan bubble komen ditepi tajuk entri anda semua,sebenarnya tutorial ini direquest oleh blogger caliph~mesti ramai yang kenalkan...so caliph anda wajib untuk membaca tutorial ini ye(hehehe cam memaksa lak),ok murid-murid semua seperti biasa cikgu krole akan cuba buat tutorial ini sesimple yang boleh agar mudah difahami dan berjaya dilaksanakan...tapi kalau tak jadi,jangan malu dan jangan segan tanya saja kat krole ya.ok nak buat ni memang mudah korang hanya perlu ikuti langkah-langkah yang krole sediakan seperti dibawahni.

Langkah Pertama :
-login ke akaun blogger anda>>>Design>>>Edit HTML>>>klik expand widget
-setelah selesai cari code ini <h3 class='post-title entry-title'>
-kemudian pastekan code dibawah ini sebelum atau selepas code tadi.

<b:if cond='data:post.allowComments'>

<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><br/><span style='font-size:10px'>Komen</span></a>

</b:if>

*yang berwarna merah tu untuk membuat perkataan komen dibawahnya,kalau korang tak nak delete je ayat komen tu.

Langkah Kedua :
-cari code ini </head>
-kemudian pastekan code dibawah ni sebelum atau selepas code tadi.

<style type="text/css">.comment-bubble {

float: right;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitulL_jWd3FsvzdpbwLsvxUFveSRMb8rq1s2IZq1Ik9nkBwHWWXTFgRGlFzIOT2GdWt-ZcB5GPrtJlitpaVMTij1aATcPGgpCGdmhPLuQ-gPB1r8RWAiFbTpWB0EiJzLpmS6bPZObqOI9m/s1600/Blogger+comment+bubble+%284%29.png) no-repeat;

width: 55px;

height: 38px;

font-size: 18px;

margin-top: -15px;

margin-right: 2px;

text-align: center;

}

</style>

Langkah Ketiga :
-save dan preview..kalau jadi sila menjerit yeahhhhh!!!hehehe



p/s : tutorial oh tutorial~