apabae

Blogging », Trik Blogger »

Membuat Scroll To Top pada Blogger

kali ini pingin berbagi nih untuk mempercantik tampilan blog kita dengan menggunakan auto scroll atau croll to top dengan menggunakan jquery.

ok ga usah panjang lebar de temen² kalo pengen segera mengetahuinya bisa langsung di baca dan dipraktekan. ok ok

langkah pertama log in dulu dong kemudian masuk ke tab edit html blog temen²

ke dua :
cari code ini -=> ]]></b:skin>

letakan script ini diatasnya
#toTop { border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:1px;right:5px;cursor:pointer;color:#666;text-decoration:none; }

ke tiga :
kemudian kita masukan jquery nya dengan mengcopy script dibawah ini dan pastekan di atas code -=> </head>

<script src='http://sites.google.com/site/apabaegroup/script-2/jquery-1.3.2.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/apabaegroup/script-2/jquery.scroll.pack.js' type='text/javascript'/>
<script src='http://sites.google.com/site/apabaegroup/script-2/jquery.easing.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
$(&quot;#toTop&quot;).scrollToTop({speed:1300,start:600});
});
</script>

ke empat
cari code -=> </body>

copy script dibawah ini dan pastekan di atasnya
<a href='#' id='toTop'><img src='http://img683.imageshack.us/img683/5264/topsi.png'/></a>

Langkah terakhir tinggal simpan... sekarang coba scroll kebawah blog temen² dan lihat pada pojok kanan bawah, muncul tanda panah bukan..?

selamat mencoba..

apabila temen² kurang jelas membaca artikel dari saya temen² bisa kunjungi http://zifoe.blogspot.com/2009/11/jquery-scroll-to-top.html untuk memperjelas artikel diatas.

baca juga artikel dibawah ini :
nowgoogle.com adalah multiple search engine popular
Free live stream free stream onlineapabae