Memasang Hidden Shoutbox.

1. Masuk akaun Blogger.

2. Pilih 'Layout'--> 'Add a Gadget'--> 'Html / Javascript'.

3. Copy kod di bawah dan Paste.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvO99bNXjpqt4U5Kfr8FgTXk7b3Hx34Hl2iajXAwDruAgdrMiJlwCyTQ37pZpWU_7Y3gbZLLDmrzWbg05QreTmiAPZY0ZGI-w3gB-yEReWlbqd-mamjAqEFu9EAKpU_0zxChS70V73brc/s400/Shoutbox+tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

MASUKKAN KOD SHOUTBOX ANDA DISINI

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4. Perhatian !!! Gantikan text yang berwarna biru dengan kod shoutbox anda.

5. Save.

6. Selamat Mencuba.

READ MORE...

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.

<div class='post-header-line-1'/>

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

READ MORE...

Memasang Top Comments Bergerak.

1. Masuk akaun Blogger.

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

3. Copy kod di bawah dan Paste.

<center><!--Top Comments-->
<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>
<!-- End Top Comments--></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

READ MORE...