Cara Mudah membuat Tombol Back To Top Di Blog

|| || , || 15 Comentar
Cara Buat Tombol Back To Top di Blogspot












Hallo Avelin Kali Ini Saya Akan Share
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
Fitur 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='http://1.bp.blogspot.com/-FjrYiE6C8ZY/TqJMQWu2osI/AAAAAAAAADI/GFdFWFPlO6o/s1600/back-to-top.gif'/></a>
  • Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai


SELAMAT MENCOBA
/[ 15 Comentar Untuk Artikel Cara Mudah membuat Tombol Back To Top Di Blog]\
Anonymous said...

I just want to tell you that I’m all new to blogging and site-building and really loved your web page. Very likely I’m want to bookmark your site . You amazingly have remarkable posts. Thanks a bunch for sharing your blog.
Regards - www.office.com/setup

Alisa Ava said...

So far we have told you several things about our assignment services. We hope you are convinced that you should buy your Assignment Writing Services from us only. However, if you still need some idea, then let us tell you some more attractive features about our online services:

Accounting Homework Help said...

Efficient and straightforward web building instructional exercises with bunches of instances of how to utilize html, css, javascript, sql, php, python, bootstrap, java it makes things like html report traversal and control, occasion taking care of, liveliness, and ajax a lot less complex with a simple to-utilize api.

Online Dissertation Help said...

Efficient and straightforward web building instructional exercises with bunches of instances of how to utilize html, css, javascript, sql, php, python, bootstrap, java it makes things like html report traversal and control, occasion taking care of, liveliness, and ajax a lot less complex with a simple to-utilize api

Best Assignment Writing Service said...

An instructional exercise telling you the best way to add a look back to top catch that shows up when a client looks down blog on blogger to help with route. Including a scrollable "Back to top" catch can be exactly what you need!

Custom Whiteboard Animation said...

Luckily, there's a basic arrangement: a back-to-top catch. ... Long-structure blog entries are a phenomenal chance to share bits of knowledge. The back to top catch is basic yet valuable for your guest in the event that you have long structure content.

curatiocbd said...

Buy Nano CBD Products| Nanoemulsifying Cbd Products| Curatio - Curatio CBD: Buy our nanoemulsifying CBD products with our proprietary technology to deliver full-spectrum CBD without THC. Get our nano CBD products to support your well-being

Source: Buy Nano CBD Hand Sanitizer

Unknown said...

For many bloggers, this information is really relevant, in which case they often turn to technical support to save time. If you are a student and appreciate every free minute, I advise you to use the services of a reliable essaysservice

AnitaFinley said...

This article was interesting for me. I can get some iddeas for my affiliate for essays. Sometimes I feel lack of useful ideas.

assignmentdoer said...

Monetary administration plans to expand benefit, amplify climate of the investor, keep up legitimate income, limit capital expense and along these lines guarantees the organization develops.


Financial Assignment

Law Dissertation Writing Service Uk said...

Your thesis proposition would give the initial introduction of the paper council. Wouldn't you need that to be great? Our group realizes the workmanship to introduce all your thesis thoughts suitably through in your proposition

Buy Custom Essay Online said...

The best custom article online assistance has a demonstrated record of fruitful finishing of scholastic ventures, gets positive client criticism.

Unknown said...

From the starting wall, yah, rushed towards the finish like a rocket.
If there is a project, bring it. (Work) Wasting time is not indulgent. Receptive exchange and innovation. tetris skribbl io

Zak King said...

We help in setting up and Ms. Office on your computer. We provide Technical Support and other services to you. We help you with great work and other details. We are here to help you. We help you with Setup and Installation
office.com/setup
mcafee.com/activate

Assignment Help said...

So settling on a long-looking over site is the ideal counteractant. It's a lot snappier than tapping on connections and trusting that pages will stack. You can control the progression of data to your clients, however they can direct how rapidly they expend it. It's a success win.

Post a comment

Terima Kasih telah membaca Postingan Saya!
Harap Tinggalkan Komentar Anda

-Berkomentarlah Dengan Sopan
-Jangan Membuat Link Spam/Phising
-Jangan Berkata Kotor / Talk Trash
-Tolong Klik Tombol G Diatas

Terima Kasih