>>> Recent Coment

>>> Recent Post

[Pasang]

Cara Membuat Tombol Back To Top Di Blog


tahukah anda tentang back to top? adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini.

Tombol back to Top Blogspot kali ini berjenis melayang (floating) dan berada di bagian pojok kanan bawah. Kodenya pun sedehana dan tidak menggunakan javascript/jquery sehingga waktu muatnya lebih pendek. Script ini dibuat berdasarkan perintah link yang mengacu ke wrapper (#) dengan ditambah aturan CSS position-styling. Easy.

Cara Memasang Back to Top di blog:
1. Copy kode berikut:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Scroll/Back to Top"><img src="url gambar back to top blog" /></a>

Anda dapat mengganti title Scroll/Back to Top dengan kata-kata yang diinginkan

2. Buka dashboard > Design/Rancangan > Klik Add a/Tambah Gadget > Pilih opsi HTML/Javascript

3. Paste/letakkan kode tersebut, lalu save.

Posisi gadget dimanapun tidak masalah karena letak tombol tersebut fixed (tetap), yang menjadikannya melayang.

keterangan:
anda dapat mengganti gambarnya dengan link di bawah ini


arrow+1  http://g.imagehost.org/0439/arrow_1.jpg

arrow+2 http://g.imagehost.org/0497/arrow_2.jpg

arrow+3 http://g.imagehost.org/0466/arrow_3.jpg

arrow+4 http://g.imagehost.org/0130/arrow_4.jpg

arrow+5 http://g.imagehost.org/0042/arrow_5.jpg


semoga bermanfaat........

sumber   : http://sumbangsihkomputer.blogspot.com






Artikel Terkait:

Comments
0 Comments

{ 0 komentar... Skip ke Kotak Komentar }

Tambahkan Komentar Anda

 

widget blog qu

Flag Counter
Klik Like !
×
http://soukiblog.blogspot.com/ © 2012 | Template By Jasriman Sukri