Langsung ke konten utama

Cara Buat Tombol Back To Top di Blogspot

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 kursor yang menggunakan javascript biasa. 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
  • 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='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/AVvXsEhckohBr0-ohnzlq2qWfRb89t1Z-P-idr3cpLepVCHDBK4_eSG3n6YMnfdjaqRDsgHSwqSpuZoqbBjk_At7jOJtnPbCbLJXKIHfdA2mWlE1VCMCnxBsPIuy4OnogZT_qqsbJXaJqA62_Ys/s1600/back-to-top.gif'/></a>
  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Komentar

Postingan populer dari blog ini

.EDU Backlink | Cara Mendapatkan Backlink Dofollow Gratis

Backlink .EDU sekarang ini masih menjadi incaran bagi para blogger untuk menaikkan ranking situs/blog mereka, tapi kadang-kadang kita merasa kesulitan bagaimana cara mendapatkan backlink EDU gratis dan berkualitas, disini saya akan mencoba kasi tips SEO mencari backlinks dofollow gratis. .EDU adalah sebuah domain yang khusus dimiliki oleh institusi pendidikan seperti universitas, sekolah maupun situs pendidikan lainnya, umumnya .EDU biasanya dipakai oleh universitas luar negeri tetapi kalau di Indonesia umumnya memakai domain ac.id , Pada umumnya situs yang memakai domain .EDU mempunyai Google pagerank tinggi yang bagus dan sangat cepat terindex search engine maka tidak ada salahnya kita menanam backlink di situs .EDU tersebut agar blog kita juga kecipratan high PR dan terindex cepat Cara Mencari Backlinks .EDU Gratis Berkualitas dengan Google Search Untuk mencari backlinks .EDU ternyata memang tidak semudah yang kita pikirkan tetapi dengan sedikit trik menggunakan...

Cara memperbaiki keyboard laptop

    Banyak sekali masalah klasik yang terjadi pada  laptop  kita terutama pada keyboard menjadia alat masukan perintah kedalam pemerintah komputer sehingga rawan sekali mengalami kerusakan, mulai dari suara beep beep beep, caps lock terus serta yang lainnya. Sekarang simak tips-tips di bawah ini untuk membenarkannya  :     Salah satu gejalah awal kerusakan keyboard laptop adalah dengan mengeluarkan suara beep secara terus menerus tanpa henti, bunyi beep tersebut muncul seperti tuts keyboard ditekan dalam waktu lama. Contoh kerusakan seperti yg dialami seorang mahasiswa yang kebetulan meminta ane untuk mengecek laptopnya yg selalu mengeluarkan suara secara terus menerus ketika dihidupkan. Aku akhirnya mencoba menghidupkan laptop tersebut dan akhirnya aku mengambil kesimpulan bahwa kerusakan terjadi pada keyboard. Sebelum memperbaiki keyboard laptop, sebelumnya baca dulu Cara Membongkar Tombol/Tuts Keyboard.    Setelah memutuskan bah...

Pulau Merah di Banyuwangi Selatan

Pulau Merah adalah sebuah pulau berbentuk bukit kecil dekat pantai dengan pantai berpasir putih sepanjang kurang lebih 3 km. Pantai Pulau Merah terletak sekitar 60 kilometer dari Kota Banyuwangi ke arah selatan. Perjalanan yang membutuhkan waktu dua setengah jam. Sebagian kawasan pantai Pulau Merah berada di kaki Gunung Tumpang Pitu, yang menjulang ratusan meter, yang juga merupakan kawasan hutan lindung Pantai Pulau Merah juga memiliki ombak yang bagus untuk surfing. Ketika laut surut, para pengunjung dapat mengunjungi tempat ini dengan berjalan kaki menikmati eunikan berupa gunung kecil yang berada ditengah pantai yang warna tanahnya berwarna merah, karena itu dinamakan pantai Pulau Merah Di sebelah timur pantai terdapat pegunungan, yang konon kabarnya mempunyai kekayaan alam yang tersembunyi. ke sebelah selatan pulau kita dapat menikmati indahnya sunset di sore hari. +- 50 meter ke barat terdapat pelabuhan pelelangan ikan yang cukup besar. Pantai pancer pada tahun 19...