Wadah Madrasah Pengalaman: Tutorial Float Welcome note kat header


Wednesday, August 17, 2011

Tutorial Float Welcome note kat header

.



Tutorial nie 100% dari Biyha
Dan diubah mengikut kesuaian





1. Design > Page elements > Add a gadget > HTML/JavaScript
2. Copy and paste code ini:



<div style=" position:absolute; top:0px; left:200px;"><img src="URL Image"/></div><div style=" position:absolute; top:26px; left:215px;"><center>Your words. </center></div>




URL Image korang ambek yg kat bawah nie..pilih je nak guna yang mana 100% dari Biyha

Your words. tu korang letak lah ape yang korang nak letak..Jangan terlalu panjang lah..Kalau nak update hari hari so ubah lah hari hari k..




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEm7zr4_K9pJJsNxcVapgaD98_xW1v79peBdFSEjbQUa_muKsZ1fz3scnrqABLDWaH6_EL8wiit93zVdagx4EV46P3EcoNdHjHp6Uu4vnvsu50k9PLcnRgmURmOq_x407JPm9sNTwbAEc/s320/blueupdates.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45U9hXHkYK1R0egGIJgUcMPIBAfCPyqsosRfD3JOmDlgflSTfxbCUq2kwBd6y5vvUfKDBOhCBDsjR8imVAB3p3jcRP_tfhEVOYeLdFdS15yrM2ZYkBKenoqUb5ZnW6z5HIyr-MlVIw_g/s320/pinkupdates.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGNlr1oXDrMAmV4MwMJonMGREbGPHWzOv8_Qn2hdJA5m4hyphenhyphenWeU3kgadvdmH1bfxH1hqHp8_r556yhyV1GlloocETERZmc9Nr2dpo75jUFSGiDocfr5mkb_b4pEvuyCn8YhnY6D2RqKaUw/s320/greyupdates.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMjyEqukAAUjGmD_GV08FiIrgQztV4j44VQ83qHQnuN7OD3L5GsB9crki_STScbXqImNPsFD1F9x82BUCMvNEV-8QqpMwmzQmQwdCGqmw0yqUdQRuWAe7rhFJSajlrWcwhJuEz-NZWU3M/s320/purpleupdates.png

Pastikan korang Add gadget pada atas header k..Tengok tutorial nie..
Tutorial Add Ruang Gadget atas Header dalam page Element



.





15 comments:

ain said...

knp dia tak melekat kat atas eh ?

Wan_hazel said...

sila tanya dengan owner tuto k

Anonymous said...

faten guna :)

Wan_hazel said...

ok..ehehhe

Éilyá Ráshîd said...

lerw..naper x kuar2 un? kt gadget dye ade tp kuar un...

Wan_hazel said...

tak kuar??erk pelik

adilahroslan said...

npe dy ta letak dkt ats ye??

Wan_hazel said...

add gadget atas header taw..

Cik Amani said...

wan, macam mana nak besarkan ruang atas header?mcm sempit sgt lah.

Wan_hazel said...

ruang atas header???buat header besar ke???kalau nak wat header besar...besarkan header masa edit tu je

Cik Amani said...

owh kiranya nak kasi ruang kena wat header jelah..then lau buang header tu,ciput balik ruang...

sebab bila add gadjet kat atas header,gadjet tu akan gnggu header.

so ingt boleh besarkan ruang atas tanpa ada header yg besar.

Wan_hazel said...

Brother _ Sister

tak faham lak wan camne....add gadget kat atas header dia tak ganggu header taw

Shaquilla Abdullah said...

dah cuba :) dah berjaya :) tapi tak sesuai untuk blog quilla :) at lease mencuba kan :) thanks for the tutorial :)

Anonymous said...

Nape die tak gerak eh?

Wan_hazel said...

yg nie tak bgerak..ada satu lagi tutorial tu..cek yg satu lagi k