Tutorial : Floating Back To Top + Home Button

WRITTEN BY : ARRIF TIME : 12:42 PM TOTAL COMMENTS : 0



Assalamualaikum dan salam sejahtera semua.

Siapa nak buat button back to top dekat blog? Tapi ni siap dengan ada Home Button tau. Selalu kan kalau nak buat kena main edit-edit kode yang panjang kan? Kali ni nak permudahkan kerja kauorang buat benda ni. So boleh lah follow tutorial ni okay ?



Jadi kita mulakan.

1. Pergi 'Dashboard'
2. a. Untuk blogger yang guna 'Blogger Old Interface' : Buka ruangan 'Design' ==> 'Add Page Element'
    b. Untuk blogger yang guna 'Blogger New Interface' : Buka ruangan 'Layout' ==> 'Add a Gadget'
3. Pilih element/gadget 'HTML/Javascript'
4. Copy kod dekat bawah ni :

<a href='#' style='position: fixed; right: 1px; bottom: 260px;' title='back to top'><img height="21" src="http://4.bp.blogspot.com/_LZtXSNcp76A/SxuSQwW77uI/AAAAAAAAAsc/qXqE9on4u5k/s320/up.png" width="21" /></a><a href='http://arepskema.blogspot.com/' style='position: fixed; right: 1px; bottom: 287px;' title='home'><img height="21" src="http://3.bp.blogspot.com/_LZtXSNcp76A/SxuSNhQnfiI/AAAAAAAAAsU/vFPaDmaIMQE/s320/home1.png" width="21" />


5. Dah Copy kan? Paste kan kod tu dekat bahagian 'HTML/Javascript' tadi.

PENGUBAHSUAIAN :
- Right = Nak letak button tu sebela kanan atau kiri blog. Kalau nak kiri, tukar right kepada left
- URL warna merah tu adalah url gambar. Boleh ubah dengan gambar kauorang sendiri kalau nak, kalau tak nak tayah usik.
http://arepskema.blogspot.com/ kauorang tukar dengan URL blog kauorang sendiri

7. Tekan lah  button 'Save' dan lihat hasilnya dekat blog kauorang.


Sila bagitahu kalau menjadi dan bagitahu juga kalau tak menjadi. ;)



Related Posts Plugin for WordPress, Blogger...

No comments:

Post a Comment

Dah baca kan? Komen lah sikit. Sikit pun jadilah.
Fikir sebelum menaip. ;)