Klik-klik banner untuk info lebih lanjut lebih menarik, nak tempah slot? :: 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 comments:

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

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

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

    ReplyDelete

Segala komen-komen yang telah disiarkan adalah tanggungjawab sepenuhnya ke atas penulis itu sendiri. Pemilik blog tidak akan bertanggungjawab jika berlaku sebarang permasalahan berkaitan dengan komen yang disiarkan. Mana-mana komen yang berbentuk iklan, mengandungi link/url yang mencurigakan, mengandungi kata-kata maki hamun yang tidak menyenangkan tidak akan disiarkan. Harap Maklum dan Terima Kasih atas kerjasama.