TutorialBlog: Floating Button Up

Assalamualaikum dan salam sejahtera,

 

1. Login ke Blogspot .

2. Klik Layout > Add a Gadget Javascript / HTML

3. Copy kod di bawah dan Pastekan kedalamnya

<a href='#' style='position: fixed; right: 1px; bottom: 260px;' title='back to top'><img height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgprOYpqFY_wyTvJ1Ybce9QNhorNHUvElYBl8ArnqZc1G0_z_YjLCUUE9fiRHHq79CsdYPqNpBCWjcYu-Rjm7HGpNu5Iq1x-kjj88ZEzDR-kP42L61CvOUSIy6opaC7uma9sFULgZJoxc/s320/up.png" width="21" /></a><a href='http://studioous.blogspot.com/' style='position: fixed; right: 1px; bottom: 287px;' title='home'><img height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1teDRbgbpemoAkZZegymolCy6i-XupV1TQLsPhSgreVlmSglBIQ7CQKk8G3PsnKbo2Uy2Hjx08dR6IdTUWne8HkU8FiiTWaWkA5FMxevUPG9omfhW_nb3D6GCd9ThhqDCHBc7UZQN844/s320/home1.png" width="21" />

Warna merah untuk kedudukan Right-left, warna biru letak URL blog anda, warna coklat boleh letak pic sendiri untuk lebih menarik. Warna coklat untuk tukar imej yang lebih menarik.
Nak 'paste' di Add Widget pun boleh, tapi nanti menyemak..

By Lyssa:
(top of page only)

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="http://i214.photobucket.com/albums/cc18/KoRn_sTaR60291/Profile%20Stuff/redicon.png" /></a>

Credit: BicaraFarah | Lyssa
Tag: tutorial top of page lyssa, tutorial back to top, tutorial floating button up

Terima kasih baca, sudi-sudilah komen :) .