Cara Membuat Tombol Back To Top di Blog

Rahina Blog. Selamat malam minggu sobat bertemu lagi dengan saya di sini kali ini kita mau ngebahas tentang Cara buat tombol Back to top
apa sih kelebihan nya?. Kelebihan nya buat memudah kan pengunjung yang menggunakan smart phone jadi biar ga pegel geser" tuh layar hp lumayan kan lah ya jadi skali klik langsung ada di atas kaya naik lift ajja jadi nya :v

Mungkin ini sudah banyak yang ~~share~~ diluar sana tapi tidak ada salah nya kalau ane share pengalaman sendiri mah iya kan?
Yaudah daripada kita ngobrol sana-sini mending langsung saja dah

1. Login ke Blogger.
2. Klik Template kemudian Edit HTML.
3. Klik kiri 1 kali di kotak template.
4. Tekan Ctrl+F untuk pencarian cepat.
5. Cari kode </head> menggunakan kotak pencarian, kemudian enter.
6. Masukan kode di bawah ini diatas kode </head> Tapi jika sudah ada kode ini di template anda, maka lewati langkah ini.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">

7. Masih di tempat yang sama - Cari kode </head>
8. Masukan script dibawah ini diatas </head>

<script type='text/javascript'>
$(function() { $(window).scroll(function() {if($(this).scrollTop()>500) { $('#ScrollToTop').fadeIn()}
else { $('#ScrollToTop').fadeOut();}});$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},700);
return false})});
</script>

9. Cari kode ]]></b:skin>
10. Masukan kode CSS dibawah ini diatas ]]></b:skin>

#ScrollToTop{text-align:center;z-index:9999;position:fixed;bottom:40px; right:30px;cursor:pointer;display:none;opacity:0.7;}
#ScrollToTop:hover{opacity:1;}

11. Cari kode </body>
12. Masukan kode di bawah ini di atas </body>

<div id='ScrollToTop'>
<img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv4ngRQd7kj8V5ZXUwk3NATfQIUCWZyr9AxRk1Ghb2ChUcwtmuM7bpINb3v5L8-gcB1-9jKljyuK3vZ106vSbkw9mDJGUokiLQ4pMWc_huxlNG1EthvUc979Z3cthU5B4T_EOVSlKSz4Y/s1600/backtotop.png'/>

13. Save Template dan lihat hasilnya.

Tombol back to top ini memberikan fungsi baik cara untuk melompat ke atas dengan mudah dan singkat, dari pada harus menggerakannya dengan mouse. Ini adalah salah satu cara untuk mempermudah pengunjung menelusuri konten - konten yang ada di blog kita. Nah untuk itulah kita membuat dan memasang Tombol back to Top di Blog.

Demikian lah Artikel tentang Cara Buat tombol back To to Top di Blog Semoga bermafaat.