Sunday, January 30, 2011

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.

24 comments:

Izwanie Eynia said...

assalamualaikum tuan belog.. mintak kod ne leh? ^__^

cintaleaixora said...

shoutbox cute sgt smpi xpasan :P

FR said...

@IzwanNie

sila laaa :)

Hendra Musonif said...

heee...tumpang lalu... :p

ekin said...

salam ana.
thanx 4 the tutorial.
ala tp xleh nak right click tuk copy. huhuuu

Firdaus Kasim said...

hye ana, knal saya lg x? kita pernah kenal kt tagged.. knal x?

FR said...

@Cinta Lea Ixora

hehehe . sorry la tak gtaw awal2 kak leen :D

FR said...

@Hendra Musonif

ngee. sila laah sifuu :D

FR said...

@ekin

lahh . ana lupa bgtaw . hehe. tekan la control + C :D

FR said...

@Firdaus Kasim

ingat laaa :D

ada mokhtar said...

nak cuba buat jugak la =)

Yuyun said...

heheee oke tenkiyu dear =) mwahhhh =)

FR said...

@ada mokhtar

try laaa :D

FR said...

@Yuyun

back to youu sis :D

ILA HonEyBuNNy said...

jalan sini....;-)

Kuronofu91 said...

comel shoutbox~~~~

qyqa said...

helo dak comelll
tengsss 4 da toturial
qyqa rasa msti x jd kalu bt..huhuhuhuhu
buta IT..
tp na try gak..hehehe

Hendra Musonif said...

hahaha...mana la ada sifuuu...ni pon belajar dari sifuuuu lain gak...huahuahua

Unknown said...

yeay..
dah bleh wat..
tQ~

Ismet Ulam Raja said...

erhm...owner..mcm mner nk buat shoutbox tur muncul ke tengah???

Mohamad Shahrilniza said...

thanks tuan rumah

Yasmynn Hulala said...

kak, camne nak cari gamba, nak ganti yang domo pink tuhh ?

Hazwaniey said...

TQVM

Mila Jamil said...

hehe...thanks,,kak,,da mnjadi...^_^...btw,,comel la blog...

 
Copyright © 2011 FathiahRaihanaAlFarasya. All Rights Reserved.