Kamis, 29 September 2011

Cara Pasang Tombol 'Back to Top' pada Blog

Actions arrow up top iconTombol 'Back to Top' atau 'Kembali ke Atas' merupakan sebuah tombol yang jika diklik akan membawa kita menuju ke bagian atas suatu halaman pada blog. Tombol ini berguna untuk memudahkan pengunjung saat ingin kembali ke bagian atas halaman blog setelah selesai membaca artikel kita yang panjang hehe. Jadi, pengunjung tidak perlu repot-repot mengeklik scroll bar atau memutar scroll pada mouse untuk kembali lagi ke bagian atas halaman.

Letak tombol ini berada di pojok kanan bawah layar monitor dan melayang. Untuk memasang tombol ini, ikuti langkah-langkahnya berikut :

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen Laman > Tambah Gadget.

3. Pilih HTML/JavaScript.

4. Copy dan paste kode di bawah ini di kolom Konten.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Kembali ke Atas"><img src="http://icons.iconarchive.com/icons/saki/nuoveXT/128/Actions-arrow-up-top-icon.png" /></a>

  • Anda dapat mengganti Kembali ke Atas dengan judul yang Anda inginkan.
  • Bila ingin menggunakan gambar Anda sendiri, silakan ganti "http://icons.iconarchive.com/icons/saki/nuoveXT/128/Actions-arrow-up-top-icon.png" dengan url gambar Anda kalau yang saya gunakan dari iconarchive.com
5. Klik tombol SIMPAN, dan Pindahkan elemen ke posisi paling bawah.

7. Klik tombol SIMPAN.

8. Selesai deh :) .




Tidak ada komentar:

Posting Komentar