Laman

  • HOME
  • LOMBA BLOG
  • ARTIKEL
  • TUTORIAL
  • ORDER DESIGN
  • ABOUT ME
  • JUAL KEFIR
JASA DESIGN BLOG KHUSUS BLOGSPOT & JUAL PRODUK KEFIR

Cara Membuat Tombol Back To Top di Blog

Agustinadian Susanti | Minggu, Agustus 25, 2013 |
Tombol ini biasanya ada di sebelah kanan bawah dan berfungsi untuk mempermudah pengunjung blog membaca kembali bagian atas halaman lebih cepat daripada menggunakan scroll mouse ke atas. Berikut ini caranya : 

1. Log in ke www.blogger.com 
2. Klik Tata Letak 
3. Klik Tambah Gadget 
4. Klik HTML/ Java Script 
5. Copy dan Paste kode dibawah ini (Ctrl+C → Ctrl+V)

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="URL Icon Back To Top" /></a>
6. Ganti tulisan URL Icon Back To Top dengan salah satu link dibawah ini yang Anda pilih:


Kode Script:
http://3.bp.blogspot.com/-twCluUe7WBE/UPbpgayOBNI/AAAAAAAACBk/Vj_ZhY4y4Vc/s1600/back+to+top15.png

Kode Script:
http://4.bp.blogspot.com/-a59gfdLJTJU/UPblQr_4pnI/AAAAAAAACAo/gAygGuiqovw/s1600/back+to+top9.gif

Kode Script:
http://3.bp.blogspot.com/_JwD5r652h00/SvDBW6QlhXI/AAAAAAAAARY/6ZxECjTlMxM/s400/bttp-13.png

Kode Script:
http://3.bp.blogspot.com/_JwD5r652h00/SvDBBlYeFHI/AAAAAAAAAQo/lzY3WpZpwPA/s40

Kode Script:
http://1.bp.blogspot.com/_JwD5r652h00/SvDBBzoz4II/AAAAAAAAAQw/n9hIomKpQxY/s400/bttp-8.png

Kode Script:
http://1.bp.blogspot.com/-GOFEDMYSa4Y/UPbpgB4AekI/AAAAAAAACBg/qgQrtPIpovc/s1600/back+to+top14.png
7. Simpan → Lihat Blog Anda

sumber: 
http://www.deknanda.com/2013/08/salam-jumpa-kembali-sobat-blogger_6.html#.UhmuqFL3AsY

5 komentar:

Terima kasih sudah berkunjung. Silakan tuliskan komentar Anda di bawah ini. Komentar Anda sangat bermanfaat dan sangat saya hargai atau jika ada pertanyaan silakan tinggalkan pesan di livechat saya (sidebar kiri bawah)
Perhatian: saya akan menghapus otomatis komentar yang ada link hidupnya :D

Related Posts Plugin for WordPress, Blogger...