Selasa, 05 Juni 2012

Cara Memasang Floating Back To Top Button


P
ada halaman poisting yang ini TM akan sharing lagi tentang Cara Memasang Floating Back To Top Button, hal ini jelas sekali perlu dipasang pada blog sobat, terlebih lagi jika sobat memiliki artikel artikel yang cukup panjang. tentunya ini akan mempermudah tamu sobat untuk kembali kehalaman awal. Ok langsung saja kita ikuti step stepnya.
Cara membuat Floating Back to Top  Select All
  • Login : Login ke Blogger.
    • Tuliskan User Name (Nama Pengguna) atau bisa juga gunakan Email Address.
    • Ketik Password (Sandi) milik sobat pada box yang tersedia.
    • Jika semua sudah benar, silahkan klik "Login".
  • Beberapa saat setelah klik login maka halaman dasboard akan muncul di hadapan sobat. Cari dan klik link "Design (Rancangan)".
  • Di Page Elements (Elemen Laman) ini silahkan klik add gadget dan pilih HTML JAVASCRIPT kemudian pasteka script ini kedalamnya dan save. Selesai..Buka blog sobat untuk melihat hasilnya..

    Kode script

    <!--BACK2TOP-STARTS-->
    
    <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKdI8N2gTQgOyu06jHnygtBGX5p672gIAHjPu3gfLNc5FkGSALH1rCefauyklrVY54s7dGvGd8oLfO0Tr9rm8KRup9MaHuPoD3E4FU_aAMphu2Y09wJV9_QycFPPhId1Qp-vxfJX4IyAA/s1600/up+b.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOgmWzv-gk7PN2G4nk7Jz03LiAZWdwkzPGFeTeI1KuMlNv-Gic5SqgPp6JQehRKomx4-Nlrvfd_M6lS5IeOg2t0cUo4wwg6osDCdRjD2Goj1_LUeNdUv_zW-oT9eBUbnWsS9sx-gg-bEY/s1600/up+s.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOgmWzv-gk7PN2G4nk7Jz03LiAZWdwkzPGFeTeI1KuMlNv-Gic5SqgPp6JQehRKomx4-Nlrvfd_M6lS5IeOg2t0cUo4wwg6osDCdRjD2Goj1_LUeNdUv_zW-oT9eBUbnWsS9sx-gg-bEY/s1600/up+s.png'"/></a>
    
    <!--BACK2TOP-STOPS-->
    Sobat juga bisa mengganti gambarnya sesuai dengan selera sobat yaitu alamat url yang berwarna kuning dan pink.

1 Comment: