TUTORIAL : FLOAT IMAGE DI ATAS HEADER

selamat petang,,hmm.dah seminggu blog nie tak berupdate..kesian EMPAYAR 

BINTANG TIGA.kan dah kurang kaseh sayang dari mirul & solehah pulaks.haha..

sorry..sorry..tak sengaja laa..sebab bz cket + no idea.hehe,,faham kan?kan?

terima kaseh korang,..sebab memahami..

okei.dah abis intro.hehe.petang nie solehah nak buat tutorial float image kat atas 

header.. err.tak paham ek??okei.KLIK SINI UNTUK RUJUKAN. (bagi link 

blog sndiri..baguss..haha)dah tengok??ha..yg ada matahari,,burung2..supermann..

hehe..yg tu laaa.. 

LANGKAH 1

• mula mula..sangat senang..korang cari gambar/icon yg sesuai .. nak cari kat sini pun boleh bahh.hehe..klik kat GLITTER GRAPHIC . 

LANGKAH 2

• dah jumpa gambar/icon yang sesuai?/contoh nya icon yg nie..hehe..

http://dl2.glitter-graphics.net/pub/368/368912ibk2yf8c3s.gif

• copy url gambar/icon tu dulu okeh.. 

LANGKAH 3

• dah ada url..korang pegi DASHBOARD > DESIGN > PAGE ELEMENT
• add gadget HTML/JAVASCRIPT..letak atas header..mcm nie..

LANGKAH 4

• dah?korang copy code nie..letak dalam gadget HTML/JAVASCRIPT  :)

<div style='padding-left: 0px; position: absolute; z-index: 300; margin-left:600px; margin-top: 70px;'><img src=" URL GAMBAR/ICON "/></div>

LANGKAH 5

• okei.meh solehah nak xplen ckit koding2 yg penting..hehe

1. margin-left:600px; = yg nie kode untuk jarak/posisi gambar/icon korang dari sisi.msti bnyak kan bersabar buat yg nie okei.hehe..
2. margin-top: 70px; = yg nie.jarak gambar/icon dari atas.. dua nie je lah penting..hoho

LANGKAH 6

• dah siap??so..betambah kiut laa header anda sebab ada benda begerak gerak..hehe  :)

p/s : kalau ada yg tak faham or kat atas header takda add gadget..bgitau solehah okei..nnti cepat2 solehah buat tutorial..hehe  :) tata..yg bertanya2 kat blog solehah tu..try la buat tutorial nie.hehe