Membuat Tombol Back to Top Simple - Back to Top adalah perintah untuk mempercepat jalannya scroll ke atas. dan mungkin sering anda lihat di blog orang lain dengan tanda panah ke atas di pojok bawah blog (footer). Nah bagaimana sih cara untuk memasangnya di blog kita?
Cara membuatnya:
1. Masuk ke blogger
2. Buka menu Rancangan
3. Add a gadget/Tambahkan Widget
4. Pilih HTML/Javascript dan masukkan kode dibawah
<style type="text/css">.backtotop a:hover {background:none;}</style>
<div class="backtotop">
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top">
<img style="border:0;" src="link URL gambar" /></a>
</div>
Keterangan:
Tulisan berwarna kuning adalah gambar / image dari back to up jika anda punya gambar atau tanda lain silakan ganti link tersebut.
5. Simpan dan lihat hasilnya Cukup mudah bukan? semoga trik membuat tombol back to top simple ini bermanfaat.
Selamat Mencoba & Berkreasi. Semoga Bermanfaat... 😉
Pages:
|
Post a Comment
Note: Laborblog.my.id sangat menghargai pendapat anda. Bijaksana & etis lah dalam menyampaikan opini. Pendapat sepenuhnya tanggung jawab anda sesuai UU ITE.