Cara Menciptakan Tombol Back To Top Di Blogspot

Jumat, 20 Juli 2018

Bagikan :

Tweet

Teknik menciptakan/memasang tombol back to top/go top di blogger, tombol back to top ialah sebuah tombol yang berfungsi untuk menciptakan/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempergampang reader ataupun visitor untuk kembali´pada bab atas dari blog/website dengan cepat dikala berada dibagian bawah halaman dengan spesialuntuk sekali klik pada tombol back to top tersebut. Sebagai referensi sobat bersahabat dapat melihat pada bab kanan bawah dari blog saya ini

Fitur back to top yang kita buat/bahas kini ini ialah fitur tombol back to top memakai jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada pengaruh javascript lainnya ibarat pada animasi bintang jatuh dari kursor yang memakai javascript biasa. Kelebihan nya juga ialah pengaruh back to top ini sangat enteng dikala di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaa. Untuk membuat nya silahkan ikuti tips & tricks blogger diberikut.

Teknik Membuat/Memasang Tombol Back To Top melaluiataubersamaini jQuery di Blogger

• Silahkan login di Blogger
• Pilih Template > Edit HTML > klik Expand Widget Template
• Cari isyarat </body>  (gunakan CTRL+F)
• Copy isyarat dibawah ini dan Paste sempurna diatas isyarat </body>  (jika isyarat dibawah sudah ada di template sobat dekat, isyarat dibawah tidak usah dipasang lagi)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

• Kemudian Copy lagi isyarat dibawah ini dan kemudian Paste sempurna dibawah isyarat diatas

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<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/AVvXsEh-GhhTimsKmlJ1eymkF1icXLDTc_MGkmVwceu1UkoojbL8gfk9RAtzpeijIcYtbwtGKxfhgl8CjzhudkU9GbRYvdww3pNQYyMoTLL5Mk9MaiyOsao9Cr9_quyPEAlTX0xA0u8-dGv8ZPM/s1600/back-to-top.gif'/></a>

Terakhir simpan template sobat bersahabat dan tombol back to top sudah dapat dipakai

Orig : bloggejeh.blogspot.com/search?q=cara-buat-tombol-back-to-top-blog

Tag : Tutorial Blogging