Assalamu ‘alaikum sobat… bagaimana kabarnya? Masi pada puasa kan… mudah-mudahan semua amal ibadah kita di bulan yang penuh rahmat ini mendapatkan balasan yang setimpal dari Allah SWT, amin…. (cieee dah kayak ustad ngemengnya..) hehehe…
Baik sobat BM7 semua, pada kesempatan kali ini Blog Merdiy@nse7 akan coba membahas mengenai Cara Membuat Navigasi Back To Top Jquery pada Blog. Fungsi Navigasi Back To Top ini adalah untuk menggulung layar ke atas pada Blog/Situs sobat.
Berikut adalah langkah-langkah Cara Membuat Navigasi Back To Top Jquery pada Blog :
1. Log in di Blogger.com
2. Pada Setting/ Rancangan pilih Edit HTML
3. Carilah kode ]]></b:skin> (Untuk mempercepat pencarian gunakan ctrl+F)
Copy kode dibawah ini, letakkan sebelum kode ]]></b:skin>
#backtotop {
width:100px; /* Mengubah Lebar Box*/
background:#F4FFBF; /* Mengubah warna background box*/
border:1px solid #ccc; /* Mengubah Border Style*/
text-align:center;
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
color:#666; /* Mengubah warna text*/
text-decoration:none;
}
4. Cari kode </body>
Copy kode dibawah ini, letakkan sebelum kode </body>
<a href="#" id="backtotop">Back to top</a>
5. Kemudian terakhir cari kode <head>
Copy kode dibawah ini, letakkan setelah kode <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
Ok sobat BM7, saya cukupkan sampai disini dulu postingan mengenai Cara Membuat Navigasi Back To Top Jquery pada Blog kali ini. Semoga bermanfaat.
Monday, August 1, 2011
Subscribe to:
Post Comments (Atom)
wah mantab sob, kalo yang css ada gak ya?
Thx sobat, semoga bermanfaat... untuk css saya juga sedang coba cari2 mas Deny... nanti kalo dah dapet akan saya share disini... Tengkyu
aku pingin CSS sob biar lebih ringan, hhe ada tidak ?
daku mah gaptek,jadi gak bisa koment,love,peace and gaul.
sob kalo untuk back to dwon'nya boleh di posting saya tunggu,tapi yang jquery ya
Naufal Syahrial Hidayat@ parsing aja css di sini hxxp://www.cssdrive.com/compressor/compress.php