SyamZone™

Memasang Google Buzz Button.

1. Sign in akaun blogger anda.

2. Pilih LAYOUT --> EDIT HTML.

3. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah.

4. Cari kod ini.

5. Copy kod di bawah dan letakkan selepas kod di atas.

<div style="float:right;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'reader';
</script>
<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>

6. Sekiranya anda tidak menjumpai kod no.4. Cari kod ini dan letakkan di sebelumnya.

<data:post.body/>

7. Setelah selesai pilih PREVIEW.

8. Sekiranya anda berpuas hati pilih SAVE TEMPLATE.

9. Selamat Mencuba.

Sumber NJuice.com

Memasang Top Comments Bergerak.

1. Masuk akaun Blogger.

2. Pilih LAYOUT --> Add a Gadget --> Html / Javascript.

3. Copy kod di bawah dan Paste.

<center>
<div style="text-shadow:4px 4px 4px #adadad; font-size: 14px; COLOR: black;"><b>Top Comment :</b></div>
<div style="border: 3px dotted black; background: #fff000; padding:2px; width:470px; font-size: 12px; color:black;">
<script type="text/javascript">
function pipeCallback(obj) {
document.write("<marquee>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> | ";
document.write(item);
}
document.write("</marquee>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=S Y A M Z O N E&url=http%3A%2F%2Fnama-blog-anda.blogspot.com&num=10" type="text/javascript"></script>
</div></center>

4. Gantikan text kod berwarna biru dengan nama blog anda dan gantikan text kod berwarna merah kepada nama yang selalu anda gunakan untuk komen, contoh nama yang selalu saya gunakan untuk komen ialah S Y A M Z O N E .

5. Anda boleh menggantikan kod warna background yang berwarna kuning mengikut kesesuaian template anda.

6.Setelah selesai pilih SAVE.

7. Selamat Mencuba

Memasang 'Heart Comment Count'.

1. Sign in akaun blogger.

2. Pilih LAYOUT --> EDIT HTML.

3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang masalah.

4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.

5. Cari kod ini.

]]></b:skin>

6. Copy kod di bawah dan letakkan di atas kod tadi.

.heart-comment-count{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGjEjO8yMyHELOP0WieEJ1YVE4ndjXE0HKJaTBoY7z8yxK5qLItjYmZ3-waBIpBy0KrkTpOLlXtWc1nYMuLxxfW-346QZRMTeo-aTP4QrO8DLaCLtphyG3K2hL7u6arYDBD28Z4sKwi2UH/s400/heart-gold-icon.png) no-repeat;
float:right;top:0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:31px;
width:34px;
text-align:center;
margin-left:10px;
padding:6px 0 0 0;
}

Anda boleh memilih salah satu icon di bawah untuk digunakan.

Gantikan url icon yang berwarna merah.

01. Heart Pink.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJwi0fuR-1YdEf-6wgk9-OgXQRwKU8ph0OJoq2PfBasRGcokSsYTqdQqnesETqZBK8vWD_hY4mA859x7yoowLeHZvVVPvb0stWnGI2RKL2Fhhda8Z5Y_eZIisijUARBA466tMbPReRGvD/s400/heart-pink-icon.png

02. Heart Gold.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGjEjO8yMyHELOP0WieEJ1YVE4ndjXE0HKJaTBoY7z8yxK5qLItjYmZ3-waBIpBy0KrkTpOLlXtWc1nYMuLxxfW-346QZRMTeo-aTP4QrO8DLaCLtphyG3K2hL7u6arYDBD28Z4sKwi2UH/s400/heart-gold-icon.png

7. Setelah selesai memilih icon.

8. Cari kod ini.

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

9. Copy kod dibawah dan letakkan diatas kod tadi.

10. Pilih PREVIEW untuk melihat hasilnya.

11. Sekiranya berpuas hati SAVE TEMPLATE.

Perhatian !!! Anda boleh mengubah kepada Comment Bubble dengan menggantikan url icon berwarna merah dan kod dibawah.

padding:3px 0 0 0;

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipg5Bpvowr3MvIVFQXsZL1Cw1EzYdy-nUYDn7KbbnS67-gzUsHz-HJc_HsndzQu3UwX96PmzeFCvw3-zdpfHkyf9wfqC1VwGhaoeK5YiI5DiKbTWaXo-erSqWtyNUFvcFCENNWwfr2VSVT/s400/comment-icon+2.png

12. Selamat Mencuba.