Memasang Tombol Back to Top dengan Css versi Indcreate | Ciskulnet

Kumpulan tutorial dan artikel seputar teknologi

Memasang Tombol Back to Top dengan Css versi Indcreate

14:00


        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:
- Hide Comments

0 Komentar Untuk "Memasang Tombol Back to Top dengan Css versi Indcreate"

Berkmentarlah dengan baek dan sopan
- jangan melakukan spam ataupun sara Home

Artikel Rekomendasi

Related Post

Powered by Blogger.
Copyright © 2017 Ciskulnet All Rights Reserved - Template by Djasnote
^