Selasa, 12 Juli 2011

Cara Membuat Tombol Go to Bottom di Blogger

Tombol Go to Bottom merupakan kebalikan dari tombol Back to Top. Jadi, tombol ini bila diklik akan membawa kita langsung menuju footer atau bagian terbawah dari halaman blog. Tombol ini nantinya akan berada di pojok kanan atas area layar halaman blog dan posisinya tetap di tempat tersebut.

Jika Anda tertarik untuk memasangnya pada blog, silakan simak langkah-langkahnya di bawah ini.

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 pada Konten.

<a style="display:scroll;position:fixed;top:5px;right:5px;" href="#footer" title="Pergi ke Bawah"><img src="http://i1119.photobucket.com/albums/k636/klikmunadi/down.png" /></a>
  • top:5px; menunjukkan jarak antara tepi atas layar dengan sisi atas tombol sebesar 5 piksel. Jika ingin lebih renggang lagi, silakan angkanya diganti dengan nilai yang lebih tinggi.
  • right:5px; menunjukkan jarak antara sisi kanan tombol dengan tepi kanan layar sebesar 5 piksel.
  • title="Pergi ke Bawah" merupakan judul link. Silakan diganti sesuai keinginan Anda.
  • URL gambarnya dapat Anda ganti dengan URL gambar Anda sendiri.
5. Klik tombol SIMPAN.

Tidak ada komentar:

Posting Komentar