Blogger Widgets

Sabtu, 03 Januari 2015

Cara Membuat Tombol Panah Kembali Keatas

Cara Membuat Tombol Panah Kembali Ke Atas Pada Blog Secara tidak sengaja saya menemukan artikel menarik dari salah satu Blog teman yang Ber Platformwordpressyang beralamatkan http://onesetia82.wordpress.com/Saya tertarik pada salah satu artikelnya yang berjudul Cara Membuat Tombol Icon Back To Top Pada WordPressDan semenjak itulah saya memasang tombol back to top pada Blog saya ini.

Pilihan Ikon
Ada beberapa pilihan ikon tombol yang di sediakan, berikut adalah contoh-contoh ikon yang dapat anda pasang pada Blog anda.

 http://onesetia82.files.wordpress.com/2012/01/back-to-top-1.png
 http://onesetia82.files.wordpress.com/2012/01/back-to-top-2.png
 http://onesetia82.files.wordpress.com/2012/01/back-to-top-3.png
 http://onesetia82.files.wordpress.com/2012/01/back-to-top-4.png
 http://onesetia82.files.wordpress.com/2012/01/back-to-top-6.png
 http://onesetia82.files.wordpress.com/2012/01/back-to-top-8.png
 http://onesetia82.files.wordpress.com/2012/01/back-to-top-9.png
 http://onesetia82.files.wordpress.com/2012/01/back-to-top-10.png
Cara memasangnya
Untuk cara pemasangan widget ini caranya sangat sederhana dan mudah sekali untuk dilakukan. langkahnya sebagai berikut.
  • Login Blogger
  • Pilih Tata Letak >> Tambahkan Gadget >> HTML/Javascript
  • Kemudian tambahkan kode script yang sudah saya sediakan lalu simpan (tampa Judul)
Kode Script yang harus di tambahkan
Berikut adalah kode script yang harus anda tambahkan.
  1. <div style="display:scroll;position:fixed;bottom:10px;right:10px;">
    <a href='#' title='Kembali Keatas'><img src='http://onesetia82.files.wordpress.com/2012/01/back-to-top-8.png' /></a>
    </a></div>
Keterangan
Teks berwarna Biru di ganti dengan salah satu URL gambar ikon yang anda pilih di atas.