Skip to main content

Cara Membuat Tombol Back To Top Dengan Efek Bounce

Cara Membuat Tombol Back To Top Dengan Efek Bounce

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Tombol Back To Top Dengan Efek Bounce. Pasti anda telah menemukan Blog - Blog yang memiliki Back To Top / Kembali Ke Atas. namun, terkadang ada juga Back To Top yang dibilang 'KASAR', mengapa ? Karena Tombolnya secara tiba - tiba keatas, itu membuat nilai penampilan blog anda berkurang, nah, untuk menutupi itu semua, saya mempunyai Cara untuk Membuat Tombol Back To Top Dengan Lembut dan Pelan. Jika anda bingung dan penasaran mari kita praktekan. Cekidott....

Cara Membuat Tombol Back To Top Dengan Efek Bounce Di Blog :

1. Masuk ke Blogger Home kalian.
2. Kemudian pilih Template Edit > HTML.
3. Setelah itu cari kode </head>, Kemudian copy dan pastekan diatas kode </head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').slideDown(200); } else { $('#BounceToTop').slideUp(300); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script>

4. Klik save / simpan.
5. Masuk ke Tata Letak > Add Gadget.
6. Pilih yang HTML/JavaScript.
7. Kemudian masukan kode dibawah ini :

<style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
<div id='BounceToTop'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnYxFSFmkHsyZJHQ4FnvA8TFyiv19nL4TpWRdKVKPblFO7w8Dq-0Brko3i5gD8qM-n2oGe5fugSFA84WwX97oSFFHPlcq0nUmaQbLjEi0qRnWMoXq6TSG7CClwiwhXArAMFvFxNHI1rg4/s1600/Arrow+Up+ViperGoy+Blog.png'/></div>

8. Save / Simpan tanpa diberi judul.

Nah, begitulah Cara Memasang Tombol Back To Top Di Blog Dengan Efek Bounce. Saya berterima kasih kepada Blog KangIsmet karena sudah membuat Kode Back To Top tersebut. Jadi saya berterima kasih banyak dan jangan lupa membaca artikel vipergoy sebelumnya tentang

Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Membuat Tombol Back To Top / Kembali Ke Atas Di Blog (Bounce). Terima kasih
Labels:

Comments

Post a Comment

Popular posts from this blog

MEMBUAT BLOG DI TERIMA ADSENSE

Membuat blog langsung di terima Google adsense atau sekali daftar langsung diterima oleh Google Adsense adalah idaman para blogger pemula. Karena Masa depan dari para publisher adalah mendapatkan bayaran dari iklan yang di tempatkan di Blog. Saya pun dulu seperti itu . Ada semangat ngeblog ketika blog yg kita miliki terpampang iklan iklan dari GA.  Walaupun ada banyak situs pengganti google adsense yg juga bayar mahal namun GA tetap menjadi pilihan paling utama .  Google adsense masih menjadi Favorit di urusan mendapatkan penghasilan dari internet Baca Juga ; Alasan Blog Di Tolak Google Adsense Untuk bekerja sama dengan Google adsense ada ketentuan ketentuan dasar yg harus Blogger mania ketahui kemudian terapkan. Walaupun ada banyak cara untuk mendapatkan adsense, Baik itu youtube atau ad mob tetapi disini kita bicara tentang Google adsense di Blog. Ketentuan inilah yg nantinya akan menjadi kebijakan yg dinilai oleh google apakah Blogger mania mengikuti atura...
Post a Comment
Read more

CARA BLOG TERINDEKS SEACH ENGINE

CARA BLOG TERINDEKS SEACH ENGINE - bаgаіmаnа cara cepat terindex Google atau dі indeks оlеh mesin pencari (search engine) уаng lainnya pada blog/website,  ѕеbеnаrnуа tips SEO іnі ѕudаh banyak diulas оlеh para blogger maupun pakar SEO, tарі disini ѕауа аkаn mengulas kembali dаrі pengalaman уаng ѕudаh ѕауа terapkan dalam blog ini. Sahabat Blogger Mania kunci dari kesuksesan ngeblog adalah yang pertama kali harus ada dalam mesin pencari.  Setelah berada di mesin pencari kita menyediakan Iklan yang relevan dan iklan yang di tempatkan untuk bisa di klik oleh visitor. Cara Agar Artikel/Postingan Cepat Terindex Google , Yahoo dan Bing, banyak pertanyaan dаrі pengunjung tеntаng bаgаіmаnа cara agar artikel atau postingan dі blog cepat terindex Google atau dі indeks оlеh mesin pencari (search engine) уаng lainnya pada blog/website,  ѕеbеnаrnуа tips SEO agar postingan/artikel blog cepat muncul dі Google index іnі ѕudаh banyak diulas оlеh para Blogger maupun pakar SEO, tарі disini ѕ...
Post a Comment
Read more

Auto key tutorial AKA Easy animation

This tutorial will teach you how to easily animate an object using the Auto Key animation technique, this technique lets you animate without bones or anything. Using this technique you set the initial and final stages in the animation and the program automatically creates all the stages in between them making you a smooth animation without a lot of pain. You could use vertices, faces, objects, or anything including any modifier that lets you alter the shape of a model to animate using this technique. This tutorial is targeted at mid-level 3DS MAX people who want to get into animation. Open up 3DS MAX or reset it if you have already opened it. Create a plane in the same size as the one displayed below, the size does not have to be exact as you can use anything for this. You can adjust the size of the plane once you have already created it by changing the parameters in the modifier tab. Red Outline : Modifier panel/Parameters Create a "Sphere" and place it near ...
Post a Comment
Read more