Menu

Home Sites YTube Loker

Senin, 23 November 2015

Cara Membuat Tombol Back To Top (Kembali Ke Atas)

Tombol back to top atau tombol kembali ke atas berfungsi sebagai tombol cepat untuk mengembalikan ke tampilan halamaan semula atau bergeser ke atas, tombol ini perlu di tambahkan untuk mempermudah pembaca jika ingin kembali ke menu awal atau halamaan semula, apalagi jika blog atau website kita memiliki halaman yang panjang, tentunya sangat di sarankan untuk membuat atau memasang tombol back to top (kembali ke atas) di blog atau website kita.

Berikut ini saya akan menyarankan cara membuat tombol back to top (kembali ke atas) yang cukup sederhana dan mudah dalam pemasanganya, biar tidak penasaran berikut adalah hasil dari tombol back to top yang akan saya bahas :

adjieumbara.blogspot.com


Untuk bisa memasang tombol back to top (kembali ke atas) sobat bisa mengikuti instruksi sederhana berikut :
  1. Setelah login ke akun blogger silahkan sobat masuk ke pengaturan Template
  2. Klik Edit HTML
  3. Cari kode </body> kemudian letakkan salah satu kode berikut tepat di atasnya :
  • Back to top warna biru
<a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to Top'><img src='https://sites.google.com/site/marudutsimarmata/backtotop_48x48x32.png? attredirects=0' style='border: none;'/></a>

  • Back to top warna hijau
<a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to Top'><img src='https://sites.google.com/site/marudutsimarmata/back-to-top2_48x48x32.png?attredirects=0' style='border: none;'/></a>

  • Back to top warna orange
 <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to Top'><img src='https://sites.google.com/site/marudutsimarmata/back-to-top1_48x48x32.png?attredirects=0' style='border: none;'/></a>

  • Back to top warna cokelat
<a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to Top'><img src='https://sites.google.com/site/marudutsimarmata/back-to-top4_48x48x32.png?attredirects=0' style='border: none;'/></a>

Perhatikan tulisan yang berwarna tebal, semoga artikel ini membantu...

Tidak ada komentar:

Posting Komentar