Memasang Tombol Back to Top dengan Css > Kulcis

Memasang Tombol Back to Top dengan Css

21:23


        Dalam postingan sebelumnya tepatnya pada post yang ini " Cara Memasang Tombol Back to Top / Kembali ke Atasdi Blog Blogspot Tanpa edit Template " saya sudah menjelaskan apa itu tombol back to top, karena selera beberapa orang lebih menyukai yang simple jadi kaliini saya share tombol back to topdengan css. Lebih ringan dan lebih mudah pastinya.

Untuk demonya bisa dilihat di blog ini

Langsung saja ikuti cara berikut gan:

1. Login ke blog kamu pilih Layout
2. Add Gadget
3. HLML/Javascript
4. COPAS kode berikut ini kemudian Save!

 <style>
.indcreatetop{position: fixed;background: #3D3D3D;padding: 15px 40px 0px 25px;right: -17px;bottom: 40px;font: bold 55px caption;border-radius: 20px;color: white;}
.indcreatetop:hover,.indcreatetop a:hover{background:#000)}
</style>
<a href="#top" title="Back to top" class='indcreatetop'>^</a> 

       Selesai, tinggal lihat hasilnya
Untuk mengubah warna backgroundnya silahkan ubah code yang berwarna merah, dan untuk warna background hover ganti kode warna biru.
Selamat mencoba :D, pantengin terus indcreate ya untuk post post menarik lainnya :)


Related Post:

2 Komentar Untuk "Memasang Tombol Back to Top dengan Css"

Terimakasih sudah berkunjung ke Ciskulnet ^_^

-Berkomentarlah dengan sopan
-Dilarang memasang link aktif, spam dan sara
-Komentar harus sesuai dengan Topik atau judul postingan

Formulir Kontak

Name

Email *

Message *

^