Tutorial : Buat Button Back To Top Cara Mudah

WRITTEN BY : ARRIF TIME : 2:02 PM TOTAL COMMENTS : 0


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://cdn2.iconfinder.com/data/icons/free-basic-icon-set-2/300/9-128.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 : Kauorang boleh tukar lah gambar/icon arrow kauorang sendiri. Boleh cari dekat iconfinder ataupun glittergraphic atau pun kat mana-mana lah.

5. Save dan lihat hasilnya dekat blog kauorang okay.


Related Posts Plugin for WordPress, Blogger...

No comments:

Post a Comment

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