Cara Membuat Tombol Back To Top Melayang Blogger/Blogspot V2

Tombol back to Top Blogspot kali ini berjenis melayang (floating) dan berada di bagian pojok kanan bawah. Kodenya pun sedehana dan tidak menggunakan javascript/jquery sehingga waktu muatnya lebih pendek. Script ini dibuat berdasarkan perintah link yang mengacu ke wrapper (#) dengan ditambah aturan CSS position-styling. Easy.

Cara Memasang Back to Top Blogger/Blogspot V2:
1. Copy kode berikut:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Scroll/Back to Top"><img src="url gambar back to top blog" /></a>
Anda dapat mengganti title Scroll/Back to Top dengan kata-kata yang diinginkan. Ganti url gambar back to top blog dengan gambar back to top anda, atau copy salah satu dari beberapa gambar "Back To Top" di posting tips-tricks blogger 

2. Buka dashboard > Design/Rancangan > Klik Add a/Tambah Gadget > Pilih opsi HTML/Javascript

3. Paste/letakkan kode tersebut, lalu save.

Posisi gadget dimanapun tidak masalah karena letak tombol tersebut fixed (tetap), yang menjadikannya melayang.

4. Done!

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Tulisan/Peraturan Komentar Di Atas Kolom Komentar

Halo Sahabat Lk Blog's Sudah 2 Harti Saya Tidak Posting,Nah Kali Ini Saya Akan Posting Tentang Cara Membuat Tulisan/Peraturan Komentar Di Atas Kolom Komentar Oke Langsung Saja Caranya Sebelumnya Centang Dulu Expand Template Widget 1. Login Ke Blogger 2. Pilih Template 3. Pilih Edit Html 4. Pilih Lanjutkan 5. Masukkan Kode Beriku DiAtas Kode ]]></b:skin> /* Com Msg */ #comkaisar{padding:5px; margin-bottom:10px; background:#;-moz-background-inline-policy:continuous; -moz-background-origin:padding; margin-left:10px; margin-top:8px; border-radius:5px; box-shadow:0 0 10px #F00; border:2px groove #F00;} #comkaisar ul li{list-style-type:square;padding-left:1px} 6. Cari Kode  <h4 id='comment-post-message'><data:postCommentMsg/> 7 . Masukkan Kode Ini DiBawahnya <div id='comkaisar'><center><b> Judul Text </b></center><ul><li> Gnti Dengan Text Kamu </li> <li> Gnti Dengan Text Ka...
Read more

Cara Membuat Website Tools Social Point

Image
 Karena Banyak Sekali Yg Membuat Website Tools Social Point Maka kali ini say akan share cara membuatnya Demo Download Tools ini hanya untuk game : Social Wars *not work Social Empires *not work Dragon City *work Langung saja ke Caranya :D 1.Buka Idhostinger dan Login (Klo Belum Punya Silahkan daftar) 2.Pilih Tab Hosting dan pilih domain yg diinginkan dan klik kelola   3.Scroll ke bawah dan pilih File manager 3 4.Jika Muncul Seperti Klik Saja Masuk File Manager dan masukkan password kamu 5.Pilih Folder public_html 6.Klik Tombol Upload   7.Klik Browser di bagian Archive dan jika sudah klik gambar 8.Seleasi Silahkan Buka : situsmu.com/sw.php untuk tools sw , sedangkan untuk tools se : situsmu.com/se.php NB : Maaf Kalau ada Scriptnya Yang Tidak Berfungsi/Error Mohon Jangan Ganti Subscribenya ya Semoga Bermanfaat
Read more

Cara Membuat Situs Auto Visitors

Image
Demo Click here Download Click here   Cara Membuat Situs Auto Visitors Situs ini seperti bot yang berfungsi untuk memperbanyak pengunjung/penayangan sehingga blog/situs akan tampak seperti ramai, script ini bisa di pasang cron job dengan mengcopy link yang sudah di submit lalu buat cron job di google drive dan situs Auto Visitors yang dibuat pun bisa di gunakan orang lain 1.Buka cpanel mu 2.Masuk ke file manager 3.Upload script di atas 4.Buka situsmu dan Situs Auto Visitors pun berhasil di buat Bebas megedit script di atas asalkan tidak mengganti credit dari blog Alal dan saya sendiri (yang mengedit sedikit)
Read more