Membuat Tombol Back to Top di Blogspot - CyberCafeNet

Breaking

Tuesday, January 19, 2016

Membuat Tombol Back to Top di Blogspot

Tombol back to top biasanya terdapat pada blog yang dibuat di Wordpress. Sesuai dengan namanya, tombol back to top berfungsi untuk membawa pembaca kembali ke atas blog yang dikunjungi, sehingga tidak perlu repot – repot menggulung scrollbar. Namun bukan berarti para blogger yang menggunakan blog Blogger tidak dapat membuat tombol back to top. Dengan sedikit kreatifitas, para Blogger dapat membuat tombol back to top ini. Tombol back to top ini akan terlihat di pojok kanan bawah dan akan selalu terlihat.
Jika Anda berminat untuk memasang tombol back to top di blog Anda, copy script dibawah ini :





<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Balik Ke Atas"><img border="0" src="http://4.bp.blogspot.com/-ZQ4bNM8qxic/T7yO2F98F6I/AAAAAAAAArI/oXOHxGUEaKg/s1600/top_up.png"/></a>

Anda dapat mengubah icon yang akan digunakan sebagai tombol back to top. Silakan gunakan gambar dibawah ini,


Klik kanan pada gambar diatas, lalu pilih Copy Image Location (untuk Mozilla Firefox) atau Copy Shortcut (Internet Explorer). Lalu ganti url yang berwarna merah diatas dengan url gambar yang telah Anda pilih sebelumnya.
Anda juga dapat mengganti teks yang muncul ketika pengunjung menggerakkan pointer mouse diatas tombol back to top ini. Cukup dengan mengganti tulisan Balik Ke Atas dengan tulisan yang Anda inginkan, misalnya Back To Top.
Untuk memasang script tombol back to top ini, silahkan ikuti langkah – langkah dibawah :
1. Buka blog Anda seperti biasa, lalu pilih Tata Letak, kemudian pilih Tambah Gadget.
2. Pada jendela yang muncul, pilih HTML/Javascript.
3. Pastekan kode diatas, lalu klik Simpan
4. Buka blog Anda dan lihat hasilnya.
Selamat Mencoba membuat tombol back to top! Jangan lupa tinggalkan komentar!

No comments:

Post a Comment