9.2.11

TUTORIAL : FLOAT SHOUTBOX


selamat malam . selamat malam. :) terlebih dahulu..saya ingin..mengucapkan..ribuan terima
kaseh kepada blogger blogger lain yang telah menyokong EMPAYAR BINTANG TIGA .
hahaha.mcm ayat ayat buat pidato syarahan je kn..ekeke..mcm lama dh solehah tak update
EBT nie ha..mesti EBT sedeyh & nangis malam malam kan.sebab..sebab..kurang kaseh
syg..oleh yang demikian.. *asl asek kuar ayat ayat cinta nie.hehe.. .malam nie solehah nak
buat satu tutorial..tapi..tapi..ada tapi pulak.haha..float shoutbox nie solehah tak abis edit koding.
so.kalau nak float pun.dapt buat LEFT & RIGHT je.CENTER tak dapat..di sebab kan ada yg
tnya mcm mne nak buat shoutbox kat blog solehah tu..solehah buatkan lah untuk korang okeh.
hohoho..*jangan gelak sudah..solehah blom dapat buat koding center.

LANGKAH 1
  • mula mula..DESIGN > PAGE ELEMENT >  ADD GADGET > HTML/JAVASCRIPT
LANGKAH 2
  • ambik koding nie.paste kat dalam gadget HTML/JAVASCRIPT




<style type="text/css">
.gb_fixed{
position:fixed;
top:50px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:3px solid #f5f347;
background:#604c3a;

right:10px;
padding:10px;
padding-top:20px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>

KODE CBOX/SHOUTMIX KORANG

<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="URL BUTTON CLOSE"/></a></center></div>
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="URL BUTTON SHOUTBOX"/></a>



LANGKAH 3
  • hoho,tengok kod yg wrna merah tu.kat ctu.korang boleh tukar warna background dalam shoutbox & border shoutbox korang. tukar kod warna okeh.heee :) yg top tu.jarak button korang dari atas..
LANGKAH 4
  •  <img src="URL BUTTON CLOSE"/> = yg nie kalau korang nak buat button CLOSE/TUTUP dalam bentuk gambar..nak tulis cmtu je pun boleh jugak.korang gantikan kode nie dngan ayat ayat cinta yg korang nak.hehe..for example : close : tutup : get out : boleh belaaaahhh. :  hehe..
  • <img src="URL BUTTON SHOUTBOX"/> = yg nie pulak button shoutbox korang.nak buat sendiri pun boleh..solehah pun ada buat beberapa bijik untuk korang.tapi..tak cantek kot.. :)
LANGKAH 5
  • dah siap.korang SAVE okeh..jadi tak??kalau tak jadi..hehe..bgtau solehah yep.
nnti dah pandai buat kat CENTER.solehah renew tutorial nie okeh.

nie.sapa yg nak ambik.boleh bahh..hehe..solehah buat..tak cantek..korang try buat
sendiri jugak okei. :)

BUTTON SHOUTBOX
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFTmMk0MWjdyOFkOpdKxdelDz42Sk7Ig_y8vYsSVTKxrvzQIZRj16340SqQAoRBuWZnluSArzbsN2BTUaVsvoJKc6Cu4Tsd6K0fl29aMtFEadY59JdbMeaFkKghhYtVEIL_vq_4akuyaAI/s1600/shoutbox1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ80aJ_BWuxT1qYJf6uKszVJBQqOhSAWIDagSKxwJV-nTJiyez5MehxFDTxh9Uc3DCSyYfY1aarP6Vwu6bRmpEj8VLAFUbOYeCrJvL1zEOeS8ixExdk7WiVNwjwPpPTxUfG44TswTz2qos/s1600/shoutbox2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyJ_g4-ECptoYrVBqxJfG5GLEK43IFTMmlocRbIn1qQ16aAHOHl4SbCmiIElugWDoWqy0kBcJ8I7-NOvENz2A4lOl7qvThhPb60MyJVe7VP_GPL7VIXZSzGkmvAtoDjFTa6GnAPGCIL9J/s1600/shoutbox3.png


BUTTON CLOSE.

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPwksWpJz-cyiLFx2qGgzoghlJRsfjGfQQv5_iLlL7z05HH2GquDKmaYMxTrcpBIG44OVV78pXJ-pUdqOFjXcFik2goU1Ran9MTLVxEd4jwdj4Xk3XpOPBBZgRq9tFhqSKuaPZk-ZnBoaY/s1600/TUTUP1.png
 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX7v1w5XbQg2wpPimQgbu1Nu488IRSUj-T8kNThm1vx-jLrh0YVd9M-k6Zycch2_L36iph_7dWmRNvhjRMdmVKa6moQH7q1mLoJmsw4NiZcuwX5WxPd6aKc9DhC5zYgi3fIAWfI4rV_fsa/s1600/CLOSE1.png


dah renew button close jd kecik ckit :)

39 comments:

Salina@IbuAqil said...

As'salam dik..
Trima kasih berkongsi ilmu..

♥ solehah ♥ said...

@Salina@IbuAqil
wah.akak dh buat eh.hehe..

btw.sama sama :)

Salina@IbuAqil said...

dah buat dik.. mekasih yer.. tp akak ada nak tanya.. akak buat then kadang ble nak close, buton 2 terlalu bwh & x nmpak kalo akak bkk guna lappy kecil akak.. macam mana kalo akak nak close just klik dkt buton yg nak open dia 2 mcm adik buat skrg?! sbb ble akak open window 2, buton SHOUT 2 ilang ler dik.. jenuh akak godek2.. leh tlh ajarkan x dear?! :D

♥ solehah ♥ said...

@Salina@IbuAqil

button close tu tlalu bawah sebb smalam solehah ltk koding br..
tapi solehah dh delete koding tu..
xla ke bwah sgt kn.
klau nak close pkai button shoutbox tu jugak.x boleh la kak..sebab nie float shoutbox..klau nk close pkai button shoutbox..akak try pkai yg hidden shoutbox.. :)

button shout tu memang ilang.sebab shoutbox tu dh float ats button tu kan.dh close baru nmpak balik.

HIDDEN SHOUTBOX

Salina@IbuAqil said...

@♥ solehah ♥ owh!!!! ok dik.. nnt akak cuba lg.. mekasih dear atas info ni erk.. :D

Yann said...

deng solehah... cayang ktk eh... polah tuto tok.. kmk suka glak2... :D

♥ solehah ♥ said...

@Salina@IbuAqil

okei kak..nnti ade pape..tnya je okeh..hehe :)

♥ solehah ♥ said...

@Yann Mazian

huwaa..p kmk lom dpt polh center ya kak yann..haha..

♥ MISZ hazNie said...

haz dh mek.n mmg menjd..=)

Proud Mommy said...

salam dik..saya dah buat tuto ni best..jadi shtmix saya dah float2 gitu hehe..oh ye dik nti klu dah dpt coding yg tgh2 buat tuto yer..hehe..sng nak fhm tuto adik..tq ya..

Proud Mommy said...

salam tima kasih tunjuk ajar dik..oh yea boleh tak akak nak request tuto..

mcm ni..mcm mana nak hilangkan kotak html/java script yang kita tak letak tajuk..ntah adik fhm ke tak ni..cuba adik g blog saya..nmpk tak kotak2 hijau dbwh sidebar saya tu..mcm mana nak hlgkn yea..

tima kasih jika adik sudi membantu..jika adik ada masa lapang bantu saya huhu..

Proud Mommy said...

salam..thanks dik atas cadangan adik tu dah kemas blog saya tu..

sori blk2 saya komen dkt cni..x dpt komen dkt shtbx sbb skrin notebk saya kcl..

tima ksh jd teman saya..tqvm :)

♥ solehah ♥ said...

@Sharienz Sz

hehe.samasama kak.. :)

Anonymous said...

solehah
ikin da try
i did it
heee...
mekasyeh yarh...

♥ solehah ♥ said...

@miZ EkiN

samasama ekin..hehe :)

Saya sendiri said...

salam saye dah wat..jd tapi xleh nak ltk at tp cm awk pnye..awk tlg ajar kn cmne nak wt cm awk pnye ltk at tp tu

♥ solehah ♥ said...

@Saya sendiri

klau nk buat yg mcm kt tepi tu..
refer kt cni okeh..hehe..

http://empayarbintangtiga.blogspot.com/2011/02/tutorial-combine-shoutbox-follower.html

Proud Mommy said...

salam adik akak minta izin ambik button shoutmix satu yer :)

thanks adik :)

Unknown said...

thx.. :) jadi pun wat..huhu

Unknown said...

cmne nk buat ayt sndiri utk button to eh?

♥ solehah ♥ said...

@zaCt nabeLLa

hehe.buat button baru :)
lpas tu uplod.letak url :)

Anonymous said...

aip! cip!..terima ksaih atas tuto i..

.:QIELA:. said...

qiella amek tuto nie..
and don't worry ti qiella letak credit yerr.. =)

mumu said...

kalau nk buat die kt sebelah kiri pulak cmne ?

qahfisya farsya said...

mnjdy !! thanx ^^

Azzah said...

salam..dah jadik..saya ambik button yek..thanx

bella said...

sudah jadi :) sy amik yea

miss_Dark_heLious said...

salam ^^.. sy amik ye.. thank u

aLyn Lina said...

sy amek satu yer..mekasih..:)

cik afifah said...

SAYE AMBIK SATU JUGE TAU.MEKASEH..

Mieja said...

tq.... :)

♥ AMALINA NURAIN ♥ said...

thanks , kite dah try dh , jadi lahh

Unknown said...

THANK 4 THE TUT0....JD r SY WT , lgi simple....

simiey[dot]com said...

terima kasih!!~

Aqilarin said...

salam. trimas babe ^_____________^

Wahidah said...

salam.tq! dah jadi.tumpang amik ek? ;)

Nisa said...

Thanks, I needed this. Nanti nak try on my blog for Google Connect and Facebook :]

Anonymous said...

jumpa pun yang simple2! saya ambil satu k.tq!

Sayidah Nafisah Ruslan said...

yey! dah jadi dekat blog saya.. tq :)

 
Design by AH|SW |Empayar Bintang Tiga 2013