Wednesday, July 20, 2011

Tutorial : Floating Button

salam peeps ! baru balek dari spital neh, wat appoinment utk check up. ESOK pkol2... grr..

ade permintaan >>


ouhh.. Floating Button yee...
ade kat kiri blog nad...



meh nad ajarkan..step by step...

1. Dashboard >> Design >> page elements >> Add a Gadget >> + HTML/JavaScript

2. Copy kod kat bawah neh ...


<div style="display:scroll; position:fixed; bottom:230px; left:0px;">
<a href="LINK" target="_blank"><img src="URL GAMBAR" border="0" width="130" height="230" /></a>
</div>
3. Sebelum Paste dlm HTML td, korang kene EDIT sikit KOD neh..

warna biru > position button korang.. boleh bottom @ top
warna merah > boleh adjust ikut kesesuaian.
warna pepel > LINK fb, twitter @ etc
warna oren > URL gambar/ icon..

4. biler dah edit, PASTE dlm HTML, Then SAVE..

5. Preview. jadi ke tak... kalau TAK JADI, edit balek, adjust warna MERAH k...Try n error !

p/s : yang kod tuh utk satu button je. kalau nak TAMBAH, TAMBAHkan je kat bawah kod td. gune kod yg sme... pandai2 korang adjust taw. =)

GOOD LUCK !
join Awesome bloglist pelangihaty jom ! =)

suka? LIKE & COMMENT keyh ^_^

E N D

No comments: