Pin It

Widgets

tutorial : nak buat back to top menggunakan gambar

on Friday, 11 May 2012


Assalamualaikum dan salam sejahtera
owkey hari ini saya nak ajar bagaimana nak buat back to top 
bergambar seperti gambar contoh diatas. 
stepnya sangat-sangat mudah. jom 


Langkah 1
Login blog >> page element >> add a gadget >> html javascript

Langkah 2
Kosongkan title dan copy paste kod dibawah ini 
<div style="position: fixed; bottom: 0px; right50px;"><a href='javascript:scroll(0,0)'><img src="link gambar yang nak diletakkan" /></a><br />
</div>
Langkah 3
*Warna biru tu korang boleh tukar sama ada nak "right atau left"  
*Warna Merah ubah kalau gambar tu nak dekat dengan boder blog boleh tambah 50 > 80 kalau nak jauh dari boder blog boleh letak antara 0 > 50. 
*Warna Pink Tu letakkan link Gambar owkey
Ini adalah contoh Link gambar law kamu nak ambil....jer

http://4.bp.blogspot.com/-EGbNhZJ0VSs/ThXsy49eeJI/AAAAAAAABdE/EB2eWxW0lis/s1600/shoes_up.png

http://2.bp.blogspot.com/--rRWPmg9ABI/ThX4ljWhn6I/AAAAAAAABdQ/GHTr7rxoM5Q/s1600/arrow_up.png

http://4.bp.blogspot.com/-40I4BabKuC0/ThX4mcnvAOI/AAAAAAAABdU/_yncsxeUfdk/s1600/back_button.png
http://1.bp.blogspot.com/-OkB-kWu1--o/ThX4m4J2qzI/AAAAAAAABdY/ocvn4eiLo3I/s1600/btt_button.png

http://1.bp.blogspot.com/-ziID0TwW97U/ThX4nbPZ4QI/AAAAAAAABdc/VdRJLIFkpY8/s1600/btt_button1.png
http://1.bp.blogspot.com/-JjwCGUVyZbI/ThX4vSCPYtI/AAAAAAAABdk/IHNnYZxmVgA/s1600/logo.png

http://4.bp.blogspot.com/-LVdweJuoU8k/ThX4tids73I/AAAAAAAABdg/M5Hv0i0n0y4/s1600/Domo-kun-psd40132.png
http://2.bp.blogspot.com/-5D0VmcZdGEE/ThX43coAonI/AAAAAAAABds/GVTOBuDbNL4/s1600/arrow_up_3.png

owkey jangan upa view dulu law jadi save owkey

Ranking: 5

{ 0 ulasan... read them below or add one }

Post a Comment

Terima kasih kerana memberi komen. Sila datang kembali ya !

Kami akan cuba membalas komen anda secepat yang mungkin.

 
© BLOG BUDAK BAEK All Rights Reserved