Minggu, 07 Oktober 2012

Memasang Tombol Back to Top

Hanya Ingin Berbagi - Tombol Back to Top (tombol kembali ke atas) adalah tombol yang dipasang pada bagian bawah halaman blog, jika tombol ini diklik, maka pengunjung akan kembali pada bagian paling atas halaman blog.  Dengan adanya tombol back to top ini, maka navigasi pada blog anda menjadi semakin nyaman.


Tombol Back to Top ini mungkin sekali dibutuhkan jika artikel yang di publish cukup panjang, contoh tombol back to top juga terpasang di blog ini pada bagian bawah sebelah kanan halaman blog.




Berikut ini adalah cara memasang tombol back to top pada halaman blog. 



  • Siapkan sebuah gambar atau image yang akan digunakan sebagai tombol back to top, ukuran dan bentuk sesuaikan saja dengan tampilan blog. 
  • Upload gambar tersebut ke tempat hosting image seperti Photobucket atau Google Picasaweb setelah itu copy url gambar dan untuk sementara disimpan dulu ke notepad
  • Login ke blogger dengan ID anda. 
    • Klik Rancangan >> Edit HTML dan cari Tag </body>
    • Tempatkan kode berikut ini tepat di bawahnya. 
        &lt;a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"&gt;&lt;img src="https://lh5.googleusercontent.com/-KbTRxiG1ZSw/TyCHkuO6_uI/AAAAAAAAAms/xI_xFJnUa7o/h120/backtop.png" /&gt;&lt;/a&gt;
      • Ganti kode url gambar (tulisan berwarna merah) dengan kode url gambar anda (yang sebelumnya telah disimpan di notepad).
      • Simpan Template. 
      • Kode ini dapat pula anda masukkan melalui gadget HTML/Javascript, gunakan saja cara yang dianggap paling mudah.
      Perhatikan hasilnya pada bagian bawah halaman blog, maka akan muncul tombol back to top, jika tombol ini diklik, scroll bar akan bergeser ke atas dan anda akan kembali ke bagian paling atas halaman blog.

       
      Silahkan di baca
      Anda boleh menyalin artikel dalam blog ini, dengan cara bagaimanapun, untuk tujuan apapun selama tidak melanggar hukum. Jangan cuma disimpan, sebar luaskan apa yang telah Anda salin. Jika hendak menerbitkan atas nama Anda sendiri, gantilah redaksinya. Jika malas, sertakan tautan ke sini agar Anda bisa melempar tanggungjawab bila terjadi sesuatu nanti. Simple :)
      close
      Recommended For You
      ×