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:

IzwanNie said...

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

Cinta Lea Ixora said...

shoutbox cute sgt smpi xpasan :P

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

fathiahRAIHANA said...

@Cinta Lea Ixora

hehehe . sorry la tak gtaw awal2 kak leen :D

fathiahRAIHANA said...

@Hendra Musonif

ngee. sila laah sifuu :D

fathiahRAIHANA said...

@ekin

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

fathiahRAIHANA said...

@Firdaus Kasim

ingat laaa :D

ada mokhtar said...

nak cuba buat jugak la =)

Yuyun said...

heheee oke tenkiyu dear =) mwahhhh =)

fathiahRAIHANA said...

@ada mokhtar

try laaa :D

fathiahRAIHANA said...

@Yuyun

back to youu sis :D

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

SyUhAdA said...

yeay..
dah bleh wat..
tQ~

Ismet Ulam Raja Pegaga said...

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

Izzatul Islam said...

thanks tuan rumah

cikk mynn said...

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

Hazwaniey Nadzim said...

TQVM

shamila jamil said...

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

 
Copyright © 2011 FathiahRaihanaAlFarasya. All Rights Reserved.