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