MEMBUAT WIDGET BACK TO UP DI BLOG ANDA

MEMBUAT WIDGET BACK TO UP DI BLOG ANDA

Saya ingin berbagi cara membuat back to top di blog bagi yang berkenan boleh memakai script nya , Saya akan jelaskan kegunaan nya, se... November 04, 2014

Saya ingin berbagi cara membuat back to top di blog bagi yang berkenan boleh memakai script nya , Saya akan jelaskan kegunaan nya, sering sekali kita membuka website pada artikel yg terlalu panjang untuk mengembalikan ke atas mengunakan scroll di mouse itu cukup terlalu lama , sekarang saya akan berikan script back to top untuk anda agar lebih cepat ke halaman  Atas/Awal.

  

   

1. Anda login dulu ke blogspot/blogger

2. Masuk ke template->edit html

3. Masuk script di bawah ini sebelum </head>

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

4. Sekarang masuk ke Tata Letak->Tambahkan Gadget  seperti gambar di bawah ini :

      

5. Cari  HTML/JAVASCRIPT masukan script untuk back to top di bawah ini

   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#rb-top").fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href="http://irsajitu.blogspot.com/2014/11/membuat-widget-back-to-up-di-blog-anda.html"></a><a id='rb-top' style='display: none; position: fixed; bottom: 1px; right:2%; cursor:pointer;font:12px arial;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH95BSswepncQHoRSOn1wSkzbkTPOTmS8XD9wg1U3miyJ-Nt54SE9VGMt65l0UkITv4AhT0fHsvTz_TPAag6WIcK4KEjJccdsI9geKWIy1vC9G_pl6LDOabCShtcSlf0Qn7QjLb61I4oQY/s1600/rb+back+to+top+2.png' width="50px"height="50px"/></a>    

Anda sudah berhasil membuat back to top di blog. 

Untuk merubah Tombol2 yg anda inginkan ganti url nya sebagai berikut :

* Back To Top Tombol 1

 

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSUPuTjHfJg1K_8epUtjyKWmeLSNr2MguMu7-DCL0epgrsOJEq1ILr569-j6aDGe2G2iafI8_2j12mdinKe-5awGYIRndF_kWrzyt1k3rQqCdybbtoLmfJkIxd4LUDhHhrCoyTGGUkbrI/s1600/back+to+top+button.png "

* Back To Top Tombol 2

 

  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV0SWEc2_sUd8NRs4_sYZG2tFaNQn52YRqc7XGd3qPrkZ4vVzpunyQ3VoxxN4WNlp3C0nNrCDqg6jb9evA8vFBY6xWNQPQI8aQmiCwcq0ysghVU1wAgX2BK_al3njyy71HhSF84f3DObI/s1600/back-to-top-button.png "

* Back To Top Tombol 3

          

   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJsCKyRVyRB_J4-dx7wHEHdWe-SAPMwCLfw_bNAvGPLCwhsmK_4TrKMc9Vtt3NHVMONc_BNbu_K00Ux6eNO8lC0fgyHQbly2Enp4q81cZvQvGh9BUhBA3ze4NFghfxTms75YpWNSS6Bzc/s1600/back+to+top.png "        

* Back To Top Tombol 4

 

      src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguu_6vYOCkkPzQolrYLH6Ua9BhUndzwdM3tfu9-v6YM_0kvQwCbBvVpa95Zxl9ItHxM7GxuMhr3itSGv85gmp8oZcxEoju0sg0kI-HKQcLWVdJJSGWA7gIo48T0F87Z2_ukELjTYYxb6I/s1600/Back-to-top.png "

SEMOGA BERMANFAAT ...........TERIMA KASIH TERLAH BERKUNJUNG..........