tutorial : nak buat back to top menggunakan gambar | Dunia sebenar Shida tutorial : nak buat back to top menggunakan gambar

Klik Banner untuk lebih lanjut (iklan berbayar) nak tempah? (klik sini)


Friday, 8 July 2011

tutorial : nak buat back to top menggunakan gambar

Assalamualaikum, peace upon you.
ok hari ni shida nak ajar bagaimana nak buat back to top bergambar seperti gambar contoh diatas. stepnya sangat-sangat mudah. jom follow ^_^

1. login blog >> page element >> add a gadget >> html javascript

2. kosongkan title dan copy paste kod dibawah ini 

<div style="position: fixed; bottom: 0px; right: 50px;"><a href='javascript:scroll(0,0)'><img src="link gambar yang nak diletakkan" /></a><br />
</div>

3.  right warna biru tu korang boleh tukar sama ada nak "right atau left" dan 50px ni korang boleh ubah kalau gambar tu nak dekat dengan boder blog boleh tambah 50 > 80 kalau nak jauh dari boder blog boleh letak antara 0 > 50. pandai-pandai lah korang main kod tu ok.

4. ayat yang shida highlight dengan warna pink tu korang kena paste url pic yang nak korang letakkan menjadi sebagai button untuk back to top korang. kalau rasa tak pandai nak design atau cari boleh ambil bawah ni shida bagi free. dah ambil cakap terima kasih tau! :) 

5. dah siap korang boleh save dan cuba tekan sama ada berfungsi atau tak :)

ok selamat mencuba ^_^

macam mana nak ambil link gambar ni? klik saja gambar ok :)










3 Jari Ohsem:

caliph shuriken said...

dulu pnah wt back to top ni.. tapi bila ikon tu dh ilang tiba2 rsa mlas nk wt lagi, huh...

syam risman said...

mekaseh sis shida ~
suke gile ikon robot2 tu ~
comel ^__^

wan_muna said...

tenkiu...saya amik gambar domo...ai ai...arigato...