Heric-Ajha
By Heric Oktorius
Free All Information,Template,TipsTrick,Tutorial,Cheat,Games,Software.

Blogroll

KZ grups Aldi-Gakure

~Patner~

Gih Pro NsxHGC-Syndicatecreator-hasbiCheatermaninjau

Recent Comment

Cara Membuat Back To Top Keren

Ditulis oleh: -


langsung aja ya!.



Pertama buka Blogger > Rancangan > Edit HTML > jangan lupa klik Expand Template Widget

Kalo Udah Copy Kode dibawah ini!


#toTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none; color:#000; font-family:verdana; font-size:11px;} 

Taruh Code diatas, diatas tag ]]></b:skin>
Oke! Lanjut ke kode </head> n taruh script di bawah ini, dibawah kode </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/><script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop() &gt; 100) { $(&#39;#toTop&#39;).fadeIn(); } else { $(&#39;#toTop&#39;).fadeOut(); } });
$(&#39;#toTop &gt; img&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script>

 kalo udah Copy kode dibawah ini!

<div id='toTop'><!-- Back to top animation written by farizemo | edited by ilham mboh --><img src='http://picturestack.com/408/690/3RMToTopyonbijEz.png' style='margin-right:-9px'/></div>

Code yang berwarna merah kamu ganti dengan url gambar kamu sendiri


Lalu klik

SIMPAN TEMPLATE

Lihat Hasilnya!


Sekian Sampai Disini semoga berhasil n bermanfaat!

0 Orang Ganteng "Cara Membuat Back To Top Keren", Baca atau Masukkan Komentar

Posting Komentar

* Taati lah Aturan Komentar :

1). Dilarang Berkomentar Yang Tidak Berhubungan Dengan Postingan Diatas. Apabila Tidak Berhubungan Saya Admin Heric-ajha, Akan Menghapusnya.

2). Disini Tempat Blogger, "Heric-Ajha" Jadi Dilarang Menggunakan Kata-Kata Seperti : "Gan, Pertamaxx, Pertamina" Ini Bukan Template Jualan/Forum, Ini Adalah Tempat Blogger.

3). Apabila Anda Mau COPY-PASTE, Tolong Sertakan Sumbernya. Dan Jangan Lupa Komentar Di bawah,..!

4). Jangan Lupa Join,berkomentar, dan Submit Link.


.::Terimakasih Atas AndaYang Telah Taat Dengan Aturan::.

Copyright © 2012 Heric Oktorius™ V9 | Design By Heric Oktorius ~ Some Rights Is Reserved.