Cara Membuat Tombol Back to Top Simple Fast Loading di Blog

Romeltea | Follow @romel_tea
 Tombol Back to Top
Cara Membuat Tombol Back to Top Simple Fast Loading di Blog Blogspot.

BACK to Top Button (tombol kembali ke atas) yaitu tombol berupa ikon gambar panah yang memudahkan pengunjung untuk kembali ke bagian atas halaman blog.

Dengan adanya tombol back to top ini, pembaca tidak usah scroll mouse atau "tap" layar, tapi tinggal klik tombol back to top, maka otomatis tampilan halaman akan bergeser ke bagian atas.

Disebut  Simple & Fast Loading karena cara pemasangannya sangat mudah dan tidak banyak kode sehingga tampilannya cepat, tidak mempengaruhi kecepatan loading blog.

Cara Membuat Tombol Back to Top di Blogspot

1. Layout -> Add Gadget
2. Pilih "HTML/Java Script"
3. Judulnya kosongkan.
4. Masukkan kode di bawah ini ke bagian "Content"

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:none;" src="http://4.bp.blogspot.com/-N8cJMzDDw-Q/U_pCjA52b0I/AAAAAAAAAMU/5n0bqFoSU0o/s1600/Back_to_top_icon.png" alt="Kembali ke Atas" width="60"/></a></div>


Kode yang berwarna merah adalah URL/Link gambar. Anda bisa menggantinya dengan gambar panah pilihan Anda.

5. Save!

Kini tombol back to top sudah ada di blog Anda, seperti yang ada di blog ini --di sebelah kanan bawah. (http://blogromeltea.blogspot.com).*

Sumber

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Blogger from Bandung, Jawa Barat, Indonesia. Follow me: facebook twitter instagram twitter youtube

Recommended Posts

No comments on Cara Membuat Tombol Back to Top Simple Fast Loading di Blog

Post a Comment

No Spam, Please!

Contact Form

Name

Email *

Message *