Jumat, 28 Desember 2012

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.

membuat tombol back to top di blogspot membuat tombol back to top di blogspotmembuat tombol back to top di blogspotmembuat tombol back to top di blogspotmembuat tombol back to top di blogspotmembuat tombol back to top di blogspot

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!

3 komentar:

  1. best lah...
    kunjungi blog sya ya...bosss
    http://nursingdocumentation.blogspot.com/

    BalasHapus
    Balasan
    1. @Ahmad Fauzan : oke, thanks. Nanti saya main ke blog Anda. Trims kunjungannya! :)

      Hapus
  2. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus

Kurang mengerti dengan artikel diatas, ingin menanyakan sesuatu yang kurang jelas atau ingin meninggalkan jejak? Silakan gunakan Kotak Komentar!. Jika Anda ingin meletakkan kode HTML pada kotak komentar, gunakan tools HTML Parser But, remember! Berkomentarlah dengan bahasa yang sopan, tanpa iklan, spam politik, porno, dan hal - hal negatif lainnya. Terima kasih!