Tutorial Komen Speech Bubble

Tutorial ini direquest oleh encik insan biasa :) jika ada sebarang masalah sila inform di ruangan komen.

mula2

Dashboard >> Design >> Edit HTML >> Expand Widget Templates

Selepas itu , tekan CTRL + F dan cari code di bawah

<b:if cond="'data:post.link'">

dan paste kod ini

<b:if cond="'data:post.allowComments'"><br /><a class="'comment-bubble'" href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:post.numcomments/><br/><span style="'font-size:10px'">Komen(Change-able)</span></a><br /></b:if>

di atas kod tersebut..

seterusnya sila preview, kalau ada ayat itu tepi title post sila save, dan seterusnya untick expand widget templates . dan save kod di bawah dengan CTRL + C

<style type="'text/css'">.comment-bubble {<br />float: right;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAMXa2-Iv8qHV5wrnQTSuZSYlt2JVzOm4J6FsdZfqIKMKHsYP7hn1Sc7mXFI1BY9WBCIO6Ache2RWAoBMQdnornUvAyxSy8Hhy2QkWugyHSXD-TIp0YIDe3eEE54GfcWKkRreRttWi-ITc/s1600/Blogger+comment+bubble+%284%29.png(Change-Able) no-repeat;<br />width: 55px;<br />height: 38px;<br />font-size: 18px;<br />margin-top: -15px;<br />margin-right: 2px;<br />text-align: center;<br />}<br /></style>

paste kan code di atas di bawah code ini,

]]></b:skin>

Note
anda boleh menukar ayat di sebelah kiri ayat (Change-Able) dengan ayat anda,
Contohnya
Komen - Comment / Bahas
URL Gambar - Dengan URL Speech Bubble Anda.

Selamat Mencuba !