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

Comments

cik nony said…
kite buat tak keluar pon ..
Jαnnαhツ said…
dah kuar tapi cmne nak buat design sendiri??
Nabella Ieyla said…
thanks aww! menjadikk!

Popular Posts