Cara Sederhana Membuat Tombol Back To Top / Scroll To Top Di Blog

Membuat Tombol Back To Top Sederhana Di Blog | Tombol kembali ke atas | --- Assalamualikum, pada kesempatan ini, rezdown7 akan membagikan tutorial sederhana untuk pelengkap di blog kita, yaitu cara membuat tombol kembali ke halaman atas blog, tombol ini sangat berguna untuk pengunjung blog jika postingan yang dibaca sangat panjang. Tombol ini tidak menggunakan Javascript ataupun jQuery dan juga tanpa gambar tapi hanya memanfaatkan HTML dan CSS, makanya efeknya tidak secara perlahan pergerakannya keatas, tapi langsung dan pastinya efek terhadap loading blog tidak memberatkan.
Membuat Tombol Back To Top Sederhana Di Blog sbb :
1. Masuk ke akun blogger anda, lalu pilih blog anda.
2. Jika telah berada di halaman dashboard blog, pilih Tata Letak/Page Elements
3. Klik Tambahkan Gadgets/Add Gadgets --> HTML/JavaScript

4. Selanjutnya copy kode berikut :

  <style>
.totop {
background: white;
padding: 7px;
position: fixed;
bottom : 5px;
right : 5px;
border-radius : 50%;
}
.totop:hover {
background: maroon;
border-radius : 2px;
border-radius : 4px;
border-radius : 50%;
}

.totop a{
color:black;
font-size: 14;
font-weight : bold;
}

.totop a:hover{
text-decoration :none;
color : blue;
}
</style>
<div class="totop">
<a href="#" title="BACK TO TOP">TOP</a></div>

5. Lalu Paste di halaman Popup HTML/JavaScript tadi, lalu Save tanpa mengisi judul.
6. Selesai.