TUTORIAL SHOUTBOX TIMBUL TEPI BLOG TANPA BERJALAN

Asalamualaikum w.b.t...saya tak tau nak explain macam mana rupa shoutbox nie..shoutbox nie macam ajax floating shoutbox jugakla tapi dia tak timbul kat tengah-tengah..tengoklah sendiri rupanya=)

tekan untuk lihat dengan lebih jelas!

header tu x berapa nak lawakan..hehehe..

ok!step dia senang daripada shoutbox ajax floating tu..

1)login blog>design>page element>add gadget>HTML/javascript

2)copy kod dibawah dan pastekan di javascript

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index: 10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #333333;
background:#ffffff;
padding:10px; 
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()">[ close ]</a></div>

<div style='text-align:left; '>
<p>

<a alt="HOW-TO HOUSE" style="text-decoration:none" href="http://place2how-to.blogspot.com/2010/12/how-to-make-floating-and-click-to.html" target="_blank">[?]Add this shoutbox style</a>

</p>
</div>  

masukkan kod shoutbox disini

</td></tr></table>

</div>

<script src="https://sites.google.com/site/howtohouse/hth-scripts/howtohouse_shoutbox.js"></script>

<div style="z-index: 5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="url image shoutbox korang disini"/>
</a>
</div> 

4)save!
*pink tu masukkan kod shoutmix
  kuning tu gambar shoutbox..


mudahkan..selamat mencuba......=)
nak pi tidoq..bye!!

credit to:www.place2how-to.com