Instruction

Cara membuat navigasi Back to Top pada blog

Bagi blogger yang mau blog nya ada tombol/button navigasi back to top, disini saya akan memberikan caranya. Yah, terkadang memang pada suatu web/blog setelah kita membaca salah satu artikelnya ataupun saat mencari-cari artikel dari atas hingga bawah terkadang terlalu panjang hingga scroll page nya jauh ke bawah. Nah untuk kembali ke awal atas halaman kan pastinya terlalu repot untuk menggulung scrollnya, disini akan terlihat menjadi lebih mudah karena saya akan menuju bagaimana cara agar jika terjadi seperti itu bisa menjadi sangat cepat kembali ke atas /halaman teratas pada web/blog. Kita disini hanya akan menambahkan sedikit tombol/navigasi Kembali ke Atas (Back to Top).

Sebagai contohnya saya akan perlihatkan button Kembali ke Atas (Back to Top) yang ada di kanan bagian bawah pada blog saya. Lihat pada gambar di bawah ini :



Caranya silahkan copypaste code widget di bawah ini dan ganti URL image yang berwarna merah dengan URL image yang akan digunakan sebagai button/tombol navigasi back to top oleh Anda : 

<a style="display:scroll;position:fixed;bottom:5px;right:5px;"href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg2iT0w3rBPyBinsZ0gQ4mLKizbB9o6LM8n73pwLQOPlxRt-kCT2Z-qWsNyojUbF83Jnjm3y9ZuFZNfFCS6UriaJnCrXMRMjnspWzoJ5N1EqbBS2bycm50rCuvvT-T-y1-OSjjKlirL8sS/s1600/back+to+top.gif" /></a>

Jika belum punya image anda bisa cari di google search dengan keyword ‘Icon Back to Top’.

Cara menempatkan widget Back to Top di blogspot 

Silahkan masuk ke blogger dengan akun anda, Dashboard/Dasbor►Lay Out/Rancangan►Add Gadget/Tambah gadget - Java Script►Paste

LayOut/Rancangan klik 'Add Gadget/tambah gadget



Pilih Gadget 'HTML /Java Script' dan klik icon + :

Copypaste widget dan klik 'Save/Simpan' :


Catatan : Dimanapun anda menempatkannya mau di sidebar kanan atau kiri atau di footer,  akan tetap berada di posisi kanan dan widget ini adalah type scroll.

No comments:

Post a Comment