Home » , » Cara Mudah Membuat Tombol Back to Top di Blog

Cara Mudah Membuat Tombol Back to Top di Blog

Written By Unknown on Friday, August 31, 2012 | 3:10 PM


Cara Mudah Membuat Tombol Back to Top di Blog - Tombol back to top pada dasarnya digunakan untuk menggulung layar dari bawah ke atas dengan cara klik pada gambar back to top tersebut. Tombol back to top ini sangat berguna sekali apabila anda memiliki sebuah web/blog yang ukuran tinggi elemennya panjang. Cara untuk membuat tombol back to top ini bervariasi dan beraneka ragam. Namun pada kesempatan kali ini akan saya share bagaimana cara membuat tombol back to top tersebut dengan cara yang mudah dipahami.

Cara ini cukup simple dan efektif digunakan, dan berikut adalah cara mudah membuat tombol back to top :

1. Login ke blogger.com
2. Masuk ke halaman Tata Letak » Tambahkan Elemen Baru/Tambah Gadget » Pilih HTML/JavaScript.
3. Letakkan script kode berikut di dalamnya :

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm1r036O25eWSKasUMoacYALLxZgLgo04xHzcntwYRHWIFI4NpBxi3v0CaGXlfGlzxoMbcp_iwBlpNar_1IyJ9GD3NI4fHSE3cxommr8mUWn0W730SZdqWwiOTRMQfA29ifEkVa19geTs/s1600/back-to-top.gif" alt="Back to Top" title="Ke atas" /></a>

4. Klik save/simpan, dan selesai.

Note :
Tulisan yang berwarna orange adalah alamat gambar yang akan digunakan sebagai tombol back to top, silahkan jika ingin diganti dengan gambar anda maka ganti dengan alamat/url gambar anda tersebut.

Cukup sekian postingan mengenai cara mudah membuat tombol back to top ini, selebihnya saya mohon ma'af. Dan semoga bermanfaat bagi anda. Sampai jumpa lagi di postingan berikutnya.

0 comments:

Post a Comment