Header Ads

Cara Membuat Tombol Go to Bottom di Blogger

Cara Membuat Tombol Go to Bottom di Blogger

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.

5 comments:

  1. thx sob atas tips/infonya, ditunggu tips2 berikutnya, slmt berkarya n lbh maju lg

    ReplyDelete
  2. Sama-sama sob.. terima kasih yah udah sering datang ke sini.

    ReplyDelete
  3. ow ini backgroundny bisa d gonta-ganti kan gan? tanya pemula soalny gan hehe
    gan mau update tadi yg posting sy judulnya Cara menghitung jarak petir dari jarak kita berdiri uda ada gambarny bisa diliat skrg gan thanks

    ReplyDelete
  4. Di sini kita cuma memasang gambar yg udah jadi utk dijadiin tombol yang udah kita buat sebelumnya di media yg lain.

    ReplyDelete
  5. saya lagi nyari yang melayang sob, misal disisi kiri, ada dua tombol goto top dan goto bottom, punya nggak ya?

    happy blogging

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.