Membuat tombol kembali ke atas super ringan tanpa gambar

Halo sobat blogger semua, hari ini saya mau membagikan sebuah artikel yang saya beri judul cara membuat tombol back to top super ringan tanpa gambar. Ngomongin soal tombol kembali ke atas atau biasa oleh para blogger di sebut tombol Back to Top, apa sih fungsinya tombol yang satu ini ? jawabannya adalah fungsi tombol kembali menuju ke atas ini adalah supaya memudahkan pengunjung ketika berada di blog kita. Sebagai contoh ketika pengunjung sudah berada di halaman paling bawah blog maka jika ingin kembali menuju ke atas tidak perlu susah payah untuk menggeser scroll mouse menuju ke atas, kalo panjang halamannya sedikit mungkin tidak akan menjadi masalah tetapi kalau halamannya sangat panjang pasti butuh waktu yang cukup lama untuk men-scroll mousenya. Maka dari itu dengan adanya tombol back to top ini yang perlu kita lakukan jika kita ingin kembali ke atas kita hanya perlu menekan tombol ini sekali saja maka akan langsung kembali ke atas.
Apakah sobat tertarik mencoba memasang tombol kembali ke atas super ringan tanpa gambar di blog kalian ? jika iya silahkan di simak dan baca dengan teliti seluruh panduannya yang sudah saya bagikan di bawah. Jika ingin melihat gambar screenshotnya silahkan kalian lihat di bawah ini :

 Demo gambar

  Buat para sahabat blogger semua yang ingin memasang tombol kembali menuju ke atas seperti di blog ini kayak yang ada di pojok kanan bawah, silahkan ikuti panduan lengkapnya di bawah ini :

1. Kalian harus login terlebih dahulu ke blogger
2. Kemudian klik menu dan pilih template
3. Menuju pengeditan kode html
4. Tambahkan kode di bawah ini ke dalam kode css, bisa di atas kode ]]></b:skin> atau </style> :

#backtotop{position:fixed;bottom:5px;right:5px;}

Jika ingin mengatur warna link-nya juga, tambahkan kode di bawah ini :

#backtotop a,#backtotop a:visited{font-size:13px;color:#cc4411;font-family:Arial,Helvetica,sans-serif;word-wrap:break-word;}
#backtotop a:hover{color:#000;}

Untuk kode color di atas kalian bisa atur sendiri, sesuaikan agar tampil menarik di blog kalian.
5. Tambahkan kode di bawah ini dan taruh di atas kode </body> :

<div id='backtotop'><a href='#' rel='nofollow' title='Kembali menuju ke Atas'>Kembali menuju ke Atas</a></div>

Kode merah bisa kalian ganti sesuai kata-kata kalian sendiri.
Dan jika ingin menambahkan gambar, ganti kode di atas dengan kode di bawah ini :

<div id='backtotop'><a href='#' rel='nofollow' title='Kembali menuju ke Atas'><img alt='Kembali ke Atas' src='url gambar punya sobat taruh di sini' title='Kembali ke Atas' /></a></div>

Gunakan gambar dengan resolusi kecil dan yang terpenting harus ringan pastinya.
6. Simpan template dan lihat hasilnya.

  Bagaimana sahabat blogger semua simple banget-kan he he, ... Pokoknya ringan banget deh, kode-kode di atas juga saya pakai di blog ini. Silahkan dicoba kawan dan sekian dulu yah.

Membuat tombol kembali ke atas super ringan tanpa gambar
Halo sobat blogger semua, hari ini saya mau membagikan sebuah artikel yang saya beri judul cara membuat tombol back to top super ringan tanp...