Cara Membuat Fitur / Tombol ShortCut Back To Top di Blogger-Blogspot

 

 

Back to Top Button atau Tombol Short cut Kembali ke Atas / Cara membuat fitur / Short Cut Back To Top di Blogger-Blogspot,  adalah merupakan fitur  yang ada pada blog yang berfungsi mempercepat bagi pengunjung/visitor blog . Mari kita lihat dan berguna melihat kembali ke bagian atas halaman blog dengan cepat. sekali klik tanpa harus melakukan scrolling mouse lagi. Efeknya sangat besar sekali terutama bagi blog yang memiliki halaman panjang. Letak dari tombol fitur back to top kali ini ada di bagian footer sebelah kanan.
Cara menambahkan fitur/Short Cut “Back To Top” pada Blogger-Blogspot:

 

  1. Masuklah ke kotak edit HTML.
  2. Lalu Carilah kode dengan tag </body> (Ctrl+F)
  3. Masukkan kode tersebut jangan lupa di atas </body>:

<a href=’#’ style=’position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;’ title=’Back to Top’><img alt=’Back to Top’ border=’0’src=’alamat url gambar Back to Top-mu’/></a>

Ganti titlenya  Back to Top  dengan kata-kata yang lebih disukai, misalnkan  ‘Go to top’, ‘ loncat ke atas’, ‘lewat ke atas’, ‘lihat ke atas’, atau ‘kembali ke atas’…bebas, Fungsinya hanya sdebagai notifikasi kepada visitor/pengunjung tentang fungsi tombol tersebut.

 

Alt Back to TOP lebih dianjurkan untuk ditinggalkan seandainya gambar gagal diupload dibrowser jadi tulisan itu masih bisa menjadi alternatif pengganti.

Sertakan gambar dibawah ini, klik kanan copy lalu save as, dan  upload lalu host.(foto yang diinginkan).

 

back to top,top

 

Atau dapat dicari juga di photobucket.com,gambar-gambar yang berhubungan dengan  ‘back to top’ sendiri yang lebih sesuai dengan karakter warna dan ukuran footer blog nya, gunakanlah keyword back to top button image,lalu upload dan hosting gambar tersebut.

Lalu copy direct link nya gambar tersebut dan ganti alamat url “back to Top” nya dengan alamat url/link tersebut, tadi, Contoh:

<a href=’#’ style=’position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;’ title=’Back to Top’><img alt=’Back to Top’ border=’0’src=http://101helper.blogspot.com/2014/09/how-to-add-stylish-back-to-top-button.html /></a>

 

  1. setelah ok lalu paste/masukan dan pastikan tidak ada yang tertinggal, lalu save template HTML-nya.
  2. Finish!Fitur/Button Back To Top sudah siap untuk

\ digunakan.

 

Related Posts

About The Author

Add Comment