Cara Memasang Tombol Back to Top Blog Simple & Fast Loading

Untuk para temen-temen blogger mungkin udah sering dengar tentang cara pemasangan tombol Back to Top (Kembali ke Atas) dan kebanyakan juga cara pemasanganya menggunakan jQuery atau bisa disebut javaScript.
Nah pasti temen-temen juga sudah tau dampak atau pengaruhnya terhadap loading blog, selain itu jika pemasangan tombol Back to Top menggunakan javaScript juga bisa terjadi crash gitu dengan javaScript yang lain. Untuk cara teraman yaitu mengunakan tombol Back to Top tanpa jQuery dan yang pasti ini sangat di anjurkan karena murni menggunakan CSS+HTML tanpa campur tangan javaScript.

Ini kodenya, SEO Friendly dan yang pasti Fast loading :

1. Masuk ke Template > Edit HTML
2. Copas kode berikut di atas kode </body>

<span class='back-to-top'><a href='#'> &#8593; </a></span>
<span class='back-to-top-a'><a href='http://masmenor.blogspot.com/'>MM</a></span>
<style>
.back-to-top {position: fixed ;bottom:20px;right:10px;z-index:9999999}
.back-to-top-a {font-size:10px;z-index:9999999;opacity:0.2;position:fixed;bottom:0;}
.back-to-top a {font-size: 30px ;background-color: #00CC00 ;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:12px 18px 20px;text-decoration: none}.back-to-top a:hover {background-color: #1B1B1B ;text-decoration: none}
</style>

Ganti tulisan warna Merah dengan Alamat blog anda

3. Save Template

Selamat mencoba, semoga berhasil