Cara Membuat Tombol Panah Back To Top di Blogspot
Tombol back to top adalah sebuah
tombol yang berfungsi untuk membuat/mempercepat pergerakan scroll dari bawah
keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader
ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat
ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back
to top tersebut.
Fitur back to top
yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan
jQuery. Kelebihan nya juga adalah efek back to top
ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog
tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah
dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger
berikut.
Cara
Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger
- Silahkan login di Blogger
- Pilih Template > Edit HTML > klik Expand Widget Template
- Copy kode dibawah ini dan Paste tepat diatas kode </body> (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)
- Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWt7CmuW_LpKwWBtQV7vUiHjMnyx3xDiz6EbzQAzdp7QJSclWZ8fAduz1LRl54Twjrjq8yD_YDD4xUvNKuaVtq0VKoeJnEHeLJf-u2ba-aSwkJ2LcAT7H3Da31hFedqKlVEDmtxm28R7o/s1600/back-to-top.gif'/></a>
- Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'
type='text/javascript'/>
<script
src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js'
type='text/javascript'/>
0 komentar:
Post a Comment