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:
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 :)
0 Komentar Untuk "Memasang Tombol Back to Top dengan Css versi Indcreate"
Post a Comment
Berkmentarlah dengan baek dan sopan
- jangan melakukan spam ataupun sara Home