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=)
*pink tu masukkan kod shoutmix
kuning tu gambar shoutbox..
mudahkan..selamat mencuba......=)
nak pi tidoq..bye!!
credit to:www.place2how-to.com
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
4)save!<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>
*pink tu masukkan kod shoutmix
kuning tu gambar shoutbox..
mudahkan..selamat mencuba......=)
nak pi tidoq..bye!!
credit to:www.place2how-to.com
Comments