Cara Membuat Widget Back To Top di Blog

Selamat siang para bloggers!! Postingan Belajar Internet siang ini akan membahas mengenai, widget back to top di blog. Sudah pada tau kan, apa itu widget back to top di blog??  Jika Anda tahu belum tahu, baiklah saya akan memberikan sedikit penjelasan, Widget back to top adalah widget yang berfungsi untuk mengembalikan tampilan kembali ke atas halaman suatu blog atau website. Singkatnya, jika Anda scroll atau menbuat tampilan website turun ke bawah, maka ketika Anda klik widget tersebut dengan otomatis Anda akan lansung di bawah ke tampilan paling atas. Sudah mengerti sampai sini?
Baiklah, untuk sekedar demo (bukan unjuk rasa yah), silahkan lihat widget yang berada pada sudut kanan atas, coba Anda ke bawah tampilan blog ini dan klik widget tersebut, maka Anda akan segera mengerti.

Lansung saja kita ke topik permasalahannya,
1. Login ke akun blogger sobat
2. Masuk ke bagian tata letak, klik tambahkan gadget dan cari HTML/Javascript
3. Salin kode di bawah ini ke tempat HTML/Javascript tersebut

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='alamat url gambar kamu'/></a>

catatan:

Bottom bermakna bawah, artinya letak widget tersebut berada di bawah, jika Anda ingin letaknya di atas seperti yang saya gunakan, silahkan ganti dengan top.

Right bermakna kanan,artinya letak widget tersebut berada di sebelah kanan, jika Anda ingin letaknya di kiri ganti dengan left atau tengah dengan center.

Tulisan back to top Anda bisa ganti dengan sesuka hati, bisa kembali ke atas, kembali ke ujung atau yang lainnya.

Silahkan ganti alamat url gambar kamu dengan url yang saya berikan di bawah artikel ini, atau Anda bisa buat gambar berbeda sesuai keinginan Anda dan upload, ambil alamat urlnya atau silahkan cari di mbah google, disana Anda akan menemukan banyak gambar widget back to top unik, keren dan lucu.

4. Untuk judul, sebaiknya tidak usah diisi, cukup di kosongkan saja dan lansung klik simpan.
5. Letak, Anda bisa menaruh di mana saja, karena letak yang akan muncul nanti di halaman blog atau website sobat tetap berada di tempat yang Anda atur tadi.
6. Selesai

Untuk memudahkan sobat semua, silahkan ganti alamat url tersebut dengan url di bawah ini:

: http://g.imagehost.org/0439/arrow_1.jpg

: http://g.imagehost.org/0497/arrow_2.jpg

: http://g.imagehost.org/0466/arrow_3.jpg

: http://g.imagehost.org/0130/arrow_4.jpg

: http://g.imagehost.org/0042/arrow_5.jpg

(gambar dan url diambil dari http://keripiku.blogspot.com/ )