Membuat Tombol Back to Top di Blogspot

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>

Lihat PREVIEW-nya DISINI

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

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!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Bagikan di FB Tweet ke Twitter! Bagikan di G+

Thanks for reading! Ingin menyebarluaskan artikel ini? Tolong sertakan juga link sumbernya (Membuat Tombol Back to Top di Blogspot). Klik juga tombol Google +1 dibawah. Terima Kasih! Klik juga :

Anda sibuk? Tetap baca artikel terupdate dan terbaru dari Tips SEO + Blog – PC 123 melalui e-mail Anda. Caranya? Masukkan alamat e-mail Anda pada kotak berikut ini, dan klik Daftar, dan saya akan mengirimkan artikel terbaru ke e-mail Anda. Saya menjamin privasi Anda. Untuk info lebih jelas mengenai kotak ini, silahkan klik Disini.