Membuat tombol kontrol keren untuk blogspot

October 04, 2020

Membuat tombol kontrol keren untuk blogspot Melalui beberapa situs, saya menemukan utilitas ini cukup menarik, jadi saya menulis artikel untuk dibagikan kepada Anda sehingga semua orang dapat menggunakannya untuk Blogspot. Utilitas itu hanyalah tombol kontrol di blog Anda, tombol seperti bagian atas atau bawah halaman, Anda sudah familiar, di sini saya akan memiliki 3 tombol lagi dengan fitur seperti kembali ke halaman sebelumnya, tombol gulir blog secara otomatis dan hentikan gulir blog. Tombol auto-scroll artinya ketika Anda mengklik tombol ini, blog Anda secara otomatis akan scroll ke bawah secara perlahan, hal ini akan membantu pembaca untuk dapat membaca artikel tanpa harus menyeret mouse ke slider lagi. Anda dapat menonton live demo di situs Anda, Anda melihat di sisi kanan akan melihat tombol-tombol yang Anda klik pada setiap tombol untuk melihat fitur-fiturnya.

» Cara Pemasangannya

Login ke akun Blogger Anda
Masuk ke desain (Desain)
Pilih edit HTML (Edit HTML)
Copy kode di bawah ini pastekan setelah tag <head>
Selanjunya Simpan template

<style type = 'text / css'>
#backscroll {
width: 30px;
tinggi baris: 50px;
posisi: tetap;
kanan: 5px;
atas: 100px;
}
</style>
<script language = 'javascript'>
/ * <! [CDATA [* / suspendcode = "<div id = 'backscroll'> <a onclick = 'javascript: amutop (); return false;' href = '#' title = 'TOP'> <img border = 0 src = \ "https: //lh5.googleusercontent.com/-ObCGpcQDQDk/T35aQPPWQMI/AAAAAAAAAPA/8iDyiJ07n3Y/s48/top.gif \" width = \ " 30 \ "> </a> <br> <a onclick = 'javascript: history.back (); return false;' href = '#' title = 'BACK'> <img border = 0 src = \ "https: //lh4.googleusercontent.com/-HQASFJRYdd0/T35aO4vWfrI/AAAAAAAAAOo/WtpQMguYPLs/s48/back.gif \" width = \ " 30 \ "> </a> <br> <a onclick = 'javascript: sc (); return false;' href = '#' title = 'STOP'> <img border = 0 src = \ "https://lh5.googleusercontent.com/-mZIfXp3qmSM/T35aP6jrhtI/AAAAAAAAAO0/Dda_pbetGyE/s48/ting. gif \ "width = \" 30 \ "> </a> <br> <a onclick = 'javascript: clearInterval (timer); initialize (); return false;' href = '#' title = 'TURUN'> <img border = 0 src = \ "https: //lh4.googleusercontent.com/-HW6-lwAajuU/T35aO55KD8I/AAAAAAAAAOs/uWG9m072otc/s48/gun.gif \" width = \ "30 \"> </a> <br> <a onclick = 'javascript: amubutton (); return false;' href = '#' title = 'BOTTOM'> <img border = 0 src = \ "https: //lh4.googleusercontent.com/-i00crAzVJK0/T35aO5nmNdI/AAAAAAAAAOw/t0BCAeUQZbY/s48/end.gif \" width = \ " 30 \ "> </a> </div>" img border = 0 src = \ "https: //lh4.googleusercontent.com/-HW6-lwAajuU/T35aO55KD8I/AAAAAAAAAOs/uWG9m072otc/s48/gun.gif \" width = \ "30 \"> </a> <br > <a onclick = 'javascript: amubutton (); return false;' href = '#' title = 'BOTTOM'> <img border = 0 src = \ "https: //lh4.googleusercontent.com/-i00crAzVJK0/T35aO5nmNdI/AAAAAAAAAOw/t0BCAeUQZbY/s48/end.gif \" width = \ " 30 \ "> </a> </div>" img border = 0 src = \ "https: //lh4.googleusercontent.com/-HW6-lwAajuU/T35aO55KD8I/AAAAAAAAAOs/uWG9m072otc/s48/gun.gif \" width = \ "30 \"> </a> <br > <a onclick = 'javascript: amubutton (); return false;' href = '#' title = 'BOTTOM'> <img border = 0 src = \ "https: //lh4.googleusercontent.com/-i00crAzVJK0/T35aO5nmNdI/AAAAAAAAAOw/t0BCAeUQZbY/s48/end.gif \" width = \ " 30 \ "> </a> </div>"
document.write (suspendcode); var currentpos, timer; function inisialisasi () {timer = setInterval ("scrollwindow ()", 30)} function sc () {clearInterval (timer)} fungsi scrollwindow () {currentpos = document.documentElement .scrollTop || document.body.scrollTop; window.scrollTo (0, ++ currentpos)} fungsi amutop () {window.scrollTo (0,0); clearInterval (timer)} fungsi amubutton () {window.scrollTo (0 , 8E4); clearInterval (timer)}; / *]]> * / </script>

Selamat mencoba, semoga bermanfaat...

Artikel Terkait

Post a Comment

0 Comments