Skip to main content

Panduan Membuat Button Back To Top Di Blogger

Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling 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. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini
Cara Buat Tombol Back To Top di BlogspotFitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursoryang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to topini 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
  • Cari kode </body>  (gunakan CTRL+F)
  • Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode 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 kode dibawah ini dan kemudian Paste tepat dibawah kode diatas
<script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - namabloganda.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/AVvXsEhR8yYuE_A-wfA_aiIcjaW8KM6DnL7DI5flTPzKPwhsUbfKM0OAEfH8e3KfqJgBQMzJX2CHqlzgFqv9-Aahh69altqvlXa_pqb4S3UMYmQ4WX4Iy4LDwwhGBd-xySK5z773RD35x76PIts/s1600/back-to-top.gif'/></a>
  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Link Bergoyang Di Blogger

Cara membuat link bergerak/bergoyang di blog, Link Nudging adalah suatu efek yang bergerak atau bergoyang dari sebuah/beberapa links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog. Mungkin dari kita biasa menyebutnya dengan Link Bergoyang/Bergerak atau menari, selain itu efek jQuery ini juga bisa diterapkan pada sebuah gambar (image) Untuk sobat blogger yang gemar utak atik blog mungkin bisa mencoba trik  link bergerak  yang satu ini dan saya rasa bisa membuat blog sobat unik dan menarik. Sebagai contoh sobat bisa melihat link bergoyang/nudging pada label yang ada di sidebar blog saya ini, efek ini menggunakan script jQuery yang menurut saya sangat ringan ketika di-load dan penerapannya juga lumayan gampang, sama halnya seperti tombol back to top yang beberapa waktu lalu saya jelaskan yang sama-sama menggunakan jQuery. Cara Pasang Efek jQuery Link Nudging/Bergoyang pada Label Blog Login di Blogger Masuk ke bagian Edit...
Post a Comment
Read more

Cara Membuat Tombol Share Indah Dengan JQuery

Cara Membuat Tombol Share Dengan Efek jQuery Nudging , cara memasang social bookmarking share button widget ini telah di request oleh salah satu pengunjung Blogger Peer yang kebetulan tertarik sama tombol share widget nudging menggunakan efek jQuery yang ada di blog saya ini, nah kebetulan sekarang saya sempat mengulasnya dan akan saya bagikan kepada anda semua Tombol Share widget  menggunakan jQuery nudging ini sebenarnya penerapan dari apa yang saya jelaskan pada artikel saya yang sebelumnya yaitu  cara membuat link bergerak - link nudging , tetapi disini saya menggunakan gambar/ikon sehingga terlihat menarik dan unik. Icon sharing widget yang ada di  Blogger  ini terdiri dari beberapa situs social media yang umum dipakai oleh orang untuk membagikan artikel yang bermanfaat bagi kerabat mereka. Banyak dari para pengunjung bertanya kepada saya apakah script jQuery tidak berat ketika di load? jawabannya adalah TIDAK, script jQuery ini sangat ringan dan saya pun mem...
Post a Comment
Read more

IjabQoebul.com Bisnis Menjanjikan 2018

Sudahkah Anda Siap, Sukses Bersama Dengan IjabQoebul.com IjabQoebul bisa dikatakan mesin penghasil duit buat anda TUNGGU DULU!! Sebelum bergabung dengan IjabQoebul cobalah jawab pertanyaan dibawah ini: Apakah Anda Selalu Kekurangan Dana Buat Pembayaran Perbulannya? Apakah Anda Tetap Kesulitan Untuk Melakukan Pengeluaran Bulanan? Apakah Anda Merasa Boros Dalam Pengeluaran Untuk Kebutuhan Sehari-Hari Anda? Apakah Anda Kurang Puas Dengan Penghasilan Anda Selama Ini? Jika Jawaban Anda Adalah "Ya" Maka Lanjutkanlah Membaca sampai akhir pembahasan ini. Memperkenalkan !!! SISTEM Bisnis Yang Spektakuler " Ijab Qoebul" Simak Penjelasan Di Bawah Ini: Belajarlah Menghemat Kuota Untuk Penggunaan Anda Selama 3 Bulan. Raih Dan Dapatkan Penghasilan Tetap Sampingan Plus Cashback . Terima Bonus Sebagai Pemasukan Mingguan Bahkan Harian. Dapatkan Hadiah Yang Cukup Menarik Setiap Tahunnya. Kini Telah Hadir Pelua...
Post a Comment
Read more