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

10 Years Ago


        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:
  • Memasang Iklan Melayang Sederhana di Blog
            Seorang blogger biasanya mendapatkan pemasukan dari tiap klik iklannya, semakin banyak klik iklan maka semakin banyak juga penghasilannya. Nah bagaimana dengan blog yang iklik iklannya rendah? ya kemungkinan pemasukannya juga...
  • Pengenalan GUI dalam Unity3d
             Sebelumnya dah pada tau gunanya engine unity3d kan?  Yup unity3d adalah software untuk membuat game baik 2d maupun 3d. Yang belum punya bisa download dulu softwarenya disini           ...
  • Memasang Recent Post Slider Otomatis di Blog
        Memasang Recent Post Slider Otomatis di Blog - Jumpalagi kawan :D, kali ini ane mau share Cara Memasang Recent Post Slider Otomatis di Blog. Cek this out :D Recent Post merupakan salah satu widget yang perlu ada dalam sebuah blog. Fungsinya...
- Hide Comments

Artikel Rekomendasi

Related Post

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