Minggu, 06 Februari 2011

Membuat Tombol Back To Top

Back to Top adalah perintah untuk mempercepat jalannya scroll ke atas. Contohnya, bisa anda lihat pada pojok kanan bawah blog ini.

Cara membuatnya :
Masuk ke bloggerBuka menu Design/Rancangan
Pilih Page Element/Elemen Laman
Add a gadget/Tambahkan Gadget
Pilih HTML/Javascript dan masukkan kode berikut,


<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:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMCJsLezxjRaTQc7wva3Rdl86eEroj5h8gXM-mQIHVYFF2JgKeufqrSFlPx6ucZ-P_7AXGgs2lC8eRAJYVwkqf-x1q5H2E1jnWlgtSByZSE-aeheZ1461EATdZVvqXkbcJvogY-fjN9Q/s400/back-to-top.gif" /></a></div>
Simpan 


NB: untuk tulisan warna biru, anda bisa menggantinya dengan gambar yg anda suka, gantikan alamat berwarna biru tersebut dengan URL gambar anda. Jika anda menggunakan alamat URL biru di atas maka gambar back to topnya seperti :

0 komentar:

Posting Komentar