1. Silahkan anda copypaste kode di bawah ini,lalu taruh di atas kode skin ]]></b:skin>
#BounceToTop { background: #3498DB; text-align: center; position: fixed; bottom: 14px; right: 20px; cursor: pointer; width: 30px; height: 30px; padding: 5px; display: none;}
#BounceToTop:before { content: ""; position: absolute; bottom: 10px; right: 5px; width: 0; height: 0; border-style: solid; border-width: 0 15px 20px 15px; border-color: transparent transparent #444 transparent; line-height: 0; transition: all 0.3s ease-out;}
#BounceToTop:hover:before { content: ""; position: absolute; bottom: 10px; right: 5px; width: 0; height: 0; border-style: solid; border-width: 0 15px 20px 15px; border-color: transparent transparent #ddd transparent; line-height: 0;}
#BounceToTop:after { border-color: transparent transparent #3498DB transparent; content: ""; position: absolute; bottom: 10px; right: 11px; width: 0; height: 0; border-style: solid; border-width: 0 9px 12px 9px; line-height: 0;}
Note: jika anda menggunakan template yang saya bagikan taruh kode tersebut di sekitar kode yang saya blog di bawah ini
Mulai dari kode <style type=’text/css’> sampai kode penutup </style>
2. Setelah itu cari kode </body>
3. Lalu taruh kode di bawah ini di atas kode </body>
<script type=’text/javascript’>
//<![CDATA[
$(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>
<div id=’BounceToTop’/>
Note: Untuk template yang saya bagikan taro kodenya di atas kode <!–</body>–></body>
4. Setelah itu simpan dan lihat hasilnya.
Selamat mencoba,semoga visitornya makin banyak ya.
makasih gan tutorialnya, ane udah pasang sih sebenernya…
tapi ga melayang, dia cuma nempel di footer kalo nggak salah 😀
ane praktekin dulu buat modifikasi tombol punya ane 🙂
makasih gan tutorialnya, ane udah pasang sih sebenernya…
tapi ga melayang, dia cuma nempel di footer kalo nggak salah 😀
ane praktekin dulu buat modifikasi tombol punya ane 🙂
nyimak aja gan soalnya udah ane pasang
nyimak aja gan soalnya udah ane pasang
Makasih gan, ijin coba dulu gan
langsung coba ah, bisa ganti warnanya nggak
langsung cba gan
langsung cba gan
langsung cba gan
Bisa mas,tapi code gak tahu. Itu back ground pake code hastag 3498db ,saya gak hafal kode warna mas.
Bisa mas,tapi code gak tahu. Itu back ground pake code hastag 3498db ,saya gak hafal kode warna mas.
Bisa mas,tapi code gak tahu. Itu back ground pake code hastag 3498db ,saya gak hafal kode warna mas.
Silahkan mas di coba , warna ,bisa di ganti lho
siiip. cobain ah…
Ini Back To Topnya Kaya Punya Agan? Saya COba Dulu Deh 😀 AS : http://anti-alone.blogspot.com/
Kebetulan di blog saya yang udah ada tombol back to topnya gan 😀 Btw, bagus juga nih tombolnya 🙂
wah ini nih yg lagi saya cari.. tx gan, kalo ada waktu visit.. http://www.12rom.hol.es