Wednesday 14 February 2018

TUTORIAL CARA MUDAH BUAT BUTTON BACK TO TOP

Assalamualaikum dan salam sejahtera semua.

Okay tutorial kali ni sangat mudah okay. Banyak cara nak buat button back to top kan? Yang ada tu sampai tak menjadi-jadi kan? Haha. Takpe,, kali ni aku bagi ajar cara paling mudah lah nak buat button arrow back to top tu. Ha meh follow tutorial ni..

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 style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top">
<img src="https://png.icons8.com/metro/50/000000/long-arrow-up.png" /></a>

5. Paste code tadi tu dekat bahagian 'HTML/Javascript'

PENGUBAHSUAIAN :
https://cdn2.iconfinder.com/data/icons/free-basic-icon-set-2/300/9-128.png : Korang boleh tukar lah gambar/icon arrow kauorang sendiri. Boleh cari dekat iconfinder ataupun glittergraphic atau pun kat mana-mana lah. Nak senang cari dekat icons8.com.

5. Save dan lihat hasilnya dekat blog korang okay.

No comments:

Post a Comment