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 :)