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 :)
24 comments:
assalamualaikum tuan belog.. mintak kod ne leh? ^__^
shoutbox cute sgt smpi xpasan :P
@IzwanNie
sila laaa :)
heee...tumpang lalu... :p
salam ana.
thanx 4 the tutorial.
ala tp xleh nak right click tuk copy. huhuuu
hye ana, knal saya lg x? kita pernah kenal kt tagged.. knal x?
@Cinta Lea Ixora
hehehe . sorry la tak gtaw awal2 kak leen :D
@Hendra Musonif
ngee. sila laah sifuu :D
@ekin
lahh . ana lupa bgtaw . hehe. tekan la control + C :D
@Firdaus Kasim
ingat laaa :D
nak cuba buat jugak la =)
heheee oke tenkiyu dear =) mwahhhh =)
@ada mokhtar
try laaa :D
@Yuyun
back to youu sis :D
jalan sini....;-)
comel shoutbox~~~~
helo dak comelll
tengsss 4 da toturial
qyqa rasa msti x jd kalu bt..huhuhuhuhu
buta IT..
tp na try gak..hehehe
hahaha...mana la ada sifuuu...ni pon belajar dari sifuuuu lain gak...huahuahua
yeay..
dah bleh wat..
tQ~
erhm...owner..mcm mner nk buat shoutbox tur muncul ke tengah???
thanks tuan rumah
kak, camne nak cari gamba, nak ganti yang domo pink tuhh ?
TQVM
hehe...thanks,,kak,,da mnjadi...^_^...btw,,comel la blog...
Post a Comment