Back to top

Baru-baru ni saya buat button "back to top" untuk blog. Rasanya, ramai yang dah tahu kut apa itu button "back to top"? Bagi yang tak tahu, button "back to top" ni berfungsi untuk memudahkan pembaca kembali ke page teratas dengan pantas, terutama bagi blog yang memaparkan entri memanjang ke bawah. Biasanya button ni terletak kat bahagian bawah kanan blog. Lihat contoh kat blog ni.

Saya kongsikan button yang saya buat tu kat sini, ok. Kalau ada yang berkenan ke suka ke bolehlah gunakan sesuka hati pada blog masing-masing. Ni dipanggil apa, freebies ke apa? Apa-apa je la, yang penting button "back to top" ni telah dikategorikan sebagai percuma untuk korang. Ahaks.

Cara pasang ke dalam blog:

1. Log masuk ke akaun blogger masing-masing.
2. Pergi ke Layout > Add a Gadget (tak kisah kat mana-mana) > HTML/JavaScript type
3. Paste kod yang berkenaan. (senang, kan?)

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzeZRXLbc0NGh2VxCCcEQ-Hmd_5D2tNUZUvRDbPgITzb7F_pTZd7UwGx56IsEW2O640eHbOtJEj8hSjaqQJwDNdgeonG3Bs8DEZLQhJpRnnY9_7J1Z9wx9tqQLvRm_xylu-oNJ1gpd0pg/s1600/back_to_top_blue.png" alt="b2topibn2ism" width="70" border="0" /></a>


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhjhCxz6_VRhckY7RmEaXCEo2oi9t1BruI3peOMlapDgrX9yQUljkJZ34OFaKlWTKMM9BKpclFnv4eMvzenwLNpll7h7XcfLppe7jf-WqngKmDiTnKHFZqW5OX_09wchEjFhP3x8VeSE4/s1600/back_to_top_purple.png" alt="b2topibn2ism" width="70" border="0" /></a>


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvHcsIjjMrUkEIpChfH2T7p7bCN5TEkpMs9t62cjE48LqiCuj37QNOXPHuMG8axwOwdJ07PvFCp-031VKK76MimSMjfvmGO6kwK1kDwk835eRXJac9Z0k6cW53jOw5ano7fkDHz7ZKMY/s1600/back_to_top_green.png" alt="b2topibn2ism" width="70" border="0" /></a>


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtlBcVpoM8-oQf_TYF4rq04wckynL_4oirJIXaqgDIipIrI8mXPA0FFuYK8F4u6ErgetjqeCiAC_nmNFxAgjOz78aIt9HPtig9RC2lxhbRbLiLYYLfCfhHs9WP9oz7gi4xqoOWKayUkFI/s1600/back_to_top_pink.png" alt="b2topibn2ism" width="70" border="0" /></a>


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir1KOUQWNotOutylyWlR3iPuQhyphenhyphenOJnkML5KQCty6j_6DBVX3ewa1UG_SJJXCh8gYQpJZGoo0Hlc3LKvvcZNj3dEaAgH4zWo8log5nqnj1pxx2ISfbT_VbiODSrphqeMf4qee4wYJ6wQqI/s1600/back_to_top_oren.png" alt="b2topibn2ism" width="70" border="0" /></a>