Tutorial : Shoutbox Di Bahagian Header

Gadis Kidal Berceloteh...
12/03/2012

.Assalamualaikum !
Peacee Yo(!) ^_^v


Oh . Sepertimana yang korang tahu .. Bagi yang tahu lah , header Lyssa dah ada shoutbox ! muehehe . Bagi yang terlepas , boleh baca ENTRI INI !  Ramai jugak yang nak buat macam Lyssa ni . ehee .

Dan disebabkan ramai yang berminat , Lyssa teruskanlah buat tutorialnya ye ? Senang je kot . Tapi , kena pandai main tukar-2 koding dia . Elehh . Ikut je step kat bawah ni haa . Ok ?

Tapi , sebelum tu , korang WAJIB kena ikut --->> TUTORIAL INI

Dah kan ? Tutorial tadi tu , Lyssa suruh korang tambahkan ADD A GADGET di bahagian atas header . Sekarang korang boleh dah ikut step ini .


1.  Dashboard > Design > Klik Add A Gadget yang korang tambahkan tadi > Html/JavaScript

2. Copy kod di bawah ini :

<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<div style='padding-left:0px; position: absolute; z-index: 300; margin-left:600px;margin-top: 30px; background:#;'title='shoutbox'>
KOD SHOUTBOX KORANG !!
</div>

3. Paste di bahagian Html/JavaScript tadi tu .

*Warna Merah : Korang ubah jarak tu dari kiri . Pandai-2 korang lah yang ini oke ?
*Warna Biruu : Korang ubah jarak dari atas . Yang ni pun pandai-2 korang lah auh ?
*Warna Oren : Haa . Yang ni , kod shoutbox korang . Kalau rasa panjang sgt shoutbox korang tu , just ubah HEIGHT-nya . Ada dalam kod-kod tu . 


4. Then , bila dah siap , korang tekan SAVE !

5. View blog korang sekarang . Masih tak puas hati dengan kedudukannya ? Ubah lagi warna biru dan merah tu .. Sampai kedudukan yang cantik kat bahagian header korang tu :)


Peace ^^v  Hope sangat korang faham apa yang Lyssa dok merepek kat bahagian atas ni oke ? HAHA :D

Bagi sesiapa yang jadi , tolong bagitau ! Lyssa naakkkk tengok :)


KONGSIKAN ARTIKEL INI..
Previous
Next Post »

73 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
Meeda
AUTHOR
March 12, 2012 at 8:25 PM delete

thanks for the tuto kak lyssa..
nanti nak try buat jugaklah :]

avatar
ilyhaifa
AUTHOR
March 12, 2012 at 8:31 PM delete

Hye , Bestnyew tuto nie :)

avatar
Ida Roslan
AUTHOR
March 12, 2012 at 8:32 PM delete

wah menarik sgt. thanks untuk tuto ini =)

avatar
Luahan hati
AUTHOR
March 12, 2012 at 8:32 PM delete

terima kasih kak lyssa ^_^

avatar
March 12, 2012 at 8:37 PM delete

insyaAllah akn cuba jugakk... tp not sure bila... heeee ><

avatar
ienaeliena
AUTHOR
March 12, 2012 at 8:38 PM delete

tq for this tutorial lyssa(^_~)
if u xkesah..jom follow blog cik iena
www.ienaeliena.com

avatar
Hanis Aliya
AUTHOR
March 12, 2012 at 8:41 PM delete

kak lyssa memang pakar tuto kan?? btw, nice tuto! ;)

avatar
Unknown
AUTHOR
March 12, 2012 at 9:00 PM delete

tuto yg superb :D suka sume tuto Kak Lyssa.. insya-Allah akn buat ^_^

avatar
Aina Akmal
AUTHOR
March 12, 2012 at 9:29 PM delete

thanks kak lyssa for the tutor.

avatar
Anonymous
AUTHOR
March 12, 2012 at 9:32 PM delete

Awesome tuto , KakLyssa! ^^

avatar
Ieyra Ghani
AUTHOR
March 12, 2012 at 9:53 PM delete

tq for the tutorial kak lyssa :)

avatar
wani
AUTHOR
March 12, 2012 at 10:19 PM delete

uwaaa,
comel lha kak lyssa
thanks for tuto ni...

avatar
wani
AUTHOR
March 12, 2012 at 10:20 PM delete

uwaaa,
comel lha kak lyssa
thanks for tuto ni...

avatar
Anonymous
AUTHOR
March 13, 2012 at 5:31 AM delete

wahh . nice tutorial .
akak , leyh taa tolong saya pasal background kat post n post title .
minta tolong sangat-sangat . =,=

avatar
Atyn Aqillah
AUTHOR
March 13, 2012 at 6:35 AM delete

Jadi!Thanks Kak Lyssa!tUTOR yANG SANGAT menarik!!!!!

avatar
AY
AUTHOR
March 13, 2012 at 8:45 AM delete

warhh.. tq
afiq nak test juga ni

avatar
ndxblg
AUTHOR
March 13, 2012 at 9:18 AM delete

wah menarik jugak nie...nak try sat :)

avatar
Ayen
AUTHOR
March 13, 2012 at 9:25 AM delete

cantik2 :) nty nk try lah . hee :D

avatar
Finn
AUTHOR
March 13, 2012 at 10:24 AM delete

yeay! thanx kak lyssa sebab sudi jenguk blog sy.pasal menu tab tuh.hehek.nanti sy tukar balik. i'm so sorry. peace! >,< janganlah marah. ololo.. jenguk balik blog sy ni..

avatar
March 13, 2012 at 12:08 PM delete

Kak Lyssa , nak tanye ni..Macam mane akak buad scroll bar kat tepi blog tu ea ? yg warna pink purple tu ?? Hope akk buad tuto ni ea ? timekaseh^^

avatar
nkk
AUTHOR
March 13, 2012 at 12:59 PM delete

menjadikk lha kak lyssa, tq, kak lyssa memang terbaik lha !! xDD

avatar
March 13, 2012 at 1:52 PM delete

http://aisyahcome.blogspot.com/


PLEASE FOLLOW ME PLEASE !!!

avatar
ch000tz
AUTHOR
March 13, 2012 at 2:21 PM delete

ada bakat jadi cikgu ni heheh

avatar
aindzaya
AUTHOR
March 13, 2012 at 3:51 PM delete

lyssa nie..mcm2 jenis tuto la..hihihiih


"Kenapa akak pakai niqab?".

avatar
shera
AUTHOR
March 13, 2012 at 4:10 PM delete

dah jadi .
pastu , remove .
Sekadar nak try je . Bila letak dekat header saya , buruk bebeno ! hihi
Kalau akak punya OK ! cntk je . tak payah lah remove shoutbox dekat header tu ye kak . nnti sng org nk tggl jejak . Kalau akak letak kat sidebar , susahlah nak tulis . hihi
* sorry to say

avatar
HRC Casing
AUTHOR
March 13, 2012 at 4:47 PM delete

Lawa jugak kalau buat shoutbox kat header..Nampak berisi sikit..Anyway thanks for the tutorial kak lyssa ! =D

avatar
Purple Girl
AUTHOR
March 13, 2012 at 4:48 PM delete

(https://www.facebook.com/profile.php?id=100003311674534&sk=wall)

yang ni fb kak lyssa ke????
saya tengah muskil ni????

avatar
Anonymous
AUTHOR
March 13, 2012 at 8:58 PM delete

thx kak lyssa <3 dah jadi .^^.

avatar
jihah :D
AUTHOR
March 14, 2012 at 12:39 AM delete

kak lyssa punye blog awesome ! nk jgak blog mcm kak lyssa !

avatar
Anonymous
AUTHOR
March 14, 2012 at 3:53 AM delete

salam . nak cari kod shoutbox kat mane??

avatar
Isya Yusof
AUTHOR
March 14, 2012 at 10:02 PM delete

jadi laa kak lyssa..
tapi rase cm serabut sgt..so sy dlete..hehe

avatar
Anonymous
AUTHOR
March 14, 2012 at 10:27 PM delete

xkisah kat ner2..yg pnting ada.snang nak tick kedatangan mas disini..hahahaha.

avatar
MiSz AzUmI
AUTHOR
March 15, 2012 at 5:12 AM delete

waaa...mcm2 idea kak lyssa ada..bes tuto nie..(n_n)~

avatar
March 15, 2012 at 2:00 PM delete

tak jadi lahh kak lyssa . kenape tak jadi ek ? dah copy dah kod n kod shoutbox tu . tapi tak dapat pon . tolooongggg !

avatar
Cik Aspa
AUTHOR
March 16, 2012 at 10:14 PM delete

Thanks,lyssa 4 the tutorial!!!it's work!!jeng0k la..aspazarina dot blogspot dot com..hehehe..tq!!

avatar
miss nurin
AUTHOR
March 16, 2012 at 11:31 PM delete

akak cam ne nk buat yang tepi tu yang warne purple tu?

avatar
Unknown
AUTHOR
March 17, 2012 at 7:59 AM delete

oke... sebelum neyh da try bape byk tuto dari blog laen.... tapi tak pernah nak menjadi.. tapi kali neyh, tuto yg simple neyh mmg menjadi.. thanx lyssa =D

avatar
March 18, 2012 at 5:28 PM delete

jadi .. nak tengok ? meh singgah ~

http://yuyunsibuncit.blogspot.com/

avatar
March 18, 2012 at 7:39 PM delete

lyssa cute :) nak dpt kan code tu kat mna?

avatar
March 20, 2012 at 4:44 AM delete

heyy thanks for the tuto...
sy try change kod shoutbox dgn kod follow twitter...dan ia menjadi :) thanks again ^^ hehe (skema gila ayat) ;p

avatar
Dayang Deno
AUTHOR
March 20, 2012 at 9:56 PM delete

hye lissa :) thanks for ur tutor.. byk membantu deno.. (^_^) deno nak tanya... mcm mana nak letak iklan churp2 kat blog ya...? saya budak baru belajar... heeee^^

avatar
March 24, 2012 at 4:42 PM delete

kak lyssa amira tk fhm bab kod shoutbox tuu . nk cri kt ane ?

avatar
Ashi
AUTHOR
April 5, 2012 at 9:05 PM delete This comment has been removed by the author.
avatar
April 7, 2012 at 6:57 PM delete

@ilyhaifa
cmne nak dapatkan code shoutbox ?

avatar
April 21, 2012 at 9:42 PM delete

awk....sy x jmpe la...Html/JavaScript...tlg3...asap ye...tq sooo much..=)

avatar
Anonymous
AUTHOR
April 23, 2012 at 6:26 PM delete

lisa , sy jadi buat . tp awk pye ade pic muslimah bertudng muke blur tu kan ?

avatar
cha-no aishah
AUTHOR
May 22, 2012 at 2:22 AM delete

KOD SHOUTBOX KORANG !! <--mean apa ek..sory baru lagi..

avatar
June 5, 2012 at 12:20 AM delete

puh!!! jadi juga ya..jom terjah blog sha..tgk hasilnya http://opzzpinky.blogspot.com/

penat bermain dgn html..hehe

avatar
Unknown
AUTHOR
June 5, 2012 at 6:22 PM delete

thxs lyssa :) pls visit my web to Download or reading new artical http://funnyzoneads.blogspot.com/

avatar
Unknown
AUTHOR
July 14, 2012 at 7:03 PM delete

Thanks k.lysaa
Tuto yg brguna. Loveu.
<3

avatar
July 21, 2012 at 11:28 AM delete

KOD SHOUTBOX KORANG !! <-- camne nk buad?

avatar
Roselina
AUTHOR
July 26, 2012 at 9:58 PM delete

kak Lysa I'm from Indonesia. Camne nak buad icon kat Shoutbox ?

avatar
August 18, 2012 at 5:33 PM delete

huhu best arr kak....thanks

avatar
Unknown
AUTHOR
August 31, 2012 at 2:24 AM delete

jadi2 tq ya hehehe :)

avatar
Unknown
AUTHOR
November 2, 2012 at 4:08 PM delete

mekasih yer ajar akak..baru dpt wat shoubox..dh hampir sehari akak tercarik2..jemputlaa datang tengok blog akak yg x seberapa..hehehe..
http://cintaitupasti.blogspot.com/

avatar
Aynaaa
AUTHOR
November 9, 2012 at 7:08 PM delete

Macam mana nak buang lagu? Susahlah.

avatar
Unknown
AUTHOR
November 22, 2012 at 7:16 PM delete

huhuhuhu x phm yg warna oren tu... cam ner nak wat kod shoutbox???

avatar
ar3-ni5a
AUTHOR
November 22, 2012 at 8:35 PM delete

knpa tak keluar suara ? *sedeyh*

avatar
May 26, 2013 at 7:43 PM delete

Assalamualaikum kak lyssa . Syakirah nak mintak tolong kak lyssa bleh x ? Syakirah nak kak lyssa ajar macam mana nak buat scroll box untuk shoutbox .. Kak lyssa tlong ajar kn ek . trima kasih kak lyssa ..

avatar
Dika
AUTHOR
May 26, 2014 at 7:13 PM delete

x jadi pon... tolong di update tutornya

avatar

.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon