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..........
No comments
Post a Comment