Tutorial ShoutBox Magic . tak berjalan tak terapung tapi tiba-tiba ada =D

Assalamualaikum =) tajuk memang tak bule blahh kan . okehh dari mood nak jadi Voldermort, hari nie kita tukar mood Harry Potter pulak hokehhh .

 sebelum nie, shoutbox ana berjalan keluar kan kan kan bila korang tekan menatang pink tak tau malu nie kan . sebab ramai yang tanya cemana nak buat menatang pink berjalan nieh , ana buat tutorial okey :)  lagipun sahabat-sahabat kesayangan saya ramai yg baru berjinak-jinak dengan dunia blog nie . untuk korang jugak ah ^^

tapi sekarang, sebab ana dah ada mood ala-ala Harry Potter, ana tak mau dah rr shoutbox ana main aci jalan je . kita main aci muncul tetiba pulak okehh . time kasih kepada Hendra Musonif untuk tutorial nieh =)

hokeyhhh . kita mulakan kelas dengan Profesor Al-Farasya ya . Dumbledor pun tak reti oo nak buat mende niehhh . dia pun dah mati . so Profesor Al-Farasya boleh mengepalai Hogwarts . muehehehehehe . kan aku dah mengarut .

first step : bukak Design > Page Elements > Add New Gadget > HTML/ Javascript

second step : copy paste je code nieh . ana kasi free, tak payah bayar cukai pun .  nak copy tekan control + C yaaaa . 

<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>




PUT YOUR SHOUTBOX CODE HERE








</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="YOUR SHOUTBOX IMAGE URL HERE"/>

</a>

</div>




haaaa . dah copy paste ?
sekarang tengok tulisan kaler Pink nieh . kat situ korang letak laa code Shoutbox korang .
tulisan kaler Merah pulak , korang ganti lah dengan image URL macam menatang pink ana tu .

kalau korang dah berjaya buat , kira ana terima la msuk Hogwarts walaupun dah terlebih umo . ngee ~  papaii . kalau ada kemusykilan sila tanyaaa okeh :)

Kalau SUKa boleh LIKE :)

---

Bukan karya seni.

---