Thursday, 15 August 2013

Cara Mudah Membuat Tombol Back To Top Pada Blog

Sebagian Sobat Pasti bingung kan apa itu Ikon Back To Top ?? hehe,,,pengen tau kan. ?? 
fitur Back To Top ini akan memudahkan pengunjung blogger sobat untuk kembali ke halaman atas setelah membaca artikel yang panjang atau browsing posting di halaman awal. Ikon link yang digunakan dalam blog ini dalam ukuran kecil sehingga tidak akan merusak tampilan blog dan juga Anda dapat mengatur sendiri ukuran atau posisi dari ikon linknya. Nah, pasti penasaran bgtt kan,,.

Nieh ane kasih tau caranya Cekidoooottt :
  • Login ke Blogger Anda
  • Klik Tata Letak - klik Tambahkan Gadget
  • Dan pilih HTML/Javascript
  • Selanjutnya copy dan paste script berikut :
<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://satu-delapan.blogspot.com"></a><a id='rb-top' style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img src='URL IKON LINK' width="50px" height="50px"/></a>
Ganti URL IKON LINK dengan ikon yang akan Anda tambahkan di blog Anda, berikut pilihan ikon url-nya :
link url :http://1.bp.blogspot.com/-XXNj6f1bWXA/UZi8gwDi48I/AAAAAAAAA6w/tSBWCPa8Or0/s1600/btt-satu-delapan-blogspot.png
link url :http://2.bp.blogspot.com/-UBBTMNTp0xA/UZi8gnHr3WI/AAAAAAAAA6s/SYAaDTidDig/s1600/bttg-satu-delapan-blogspot.png


link url :http://1.bp.blogspot.com/-ayT2lqlMVk4/UZi8g3_SelI/AAAAAAAAA60/GL8ckRc1rn4/s1600/top-satu-delapan-blogspot.png


link url :http://1.bp.blogspot.com/-RbktABp5kr8/UZi8nme08SI/AAAAAAAAA7E/rj-OTAj-_fw/s1600/blue-satu-delapan-blogspot.png


link url :http://1.bp.blogspot.com/-7OU59qHq558/UZissLDscPI/AAAAAAAAA6c/qDufNmV5LkQ/s1600/glassorb-satu-delapan-blogspot.png
  • Langkah terakhir klik Simpan Template

Keterangan :
Untuk mengubah tinggi dan lebar ukuran ikon edit pada script : width="50px" height="50px"
Sobat juga bisa mengganti ikon link dengan ikon milik sobat sendiri, caranya cukup mengganti url ikon link-nya.

Selamat Mencoba,
Jangan Lupa Komentarnya yaa !!

Sumber : satu-delapan.blogspot.com 



BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin

Dee Gazaa

Perhatian : Semua artikel blog ini sudah diprotect, Bagi yang ingin copy-paste artikel ini, mohon lampirkan sumber linknya. Terima Kasih!

4 komentar:

  1. thank infonya bermanfaat sekali
    kunbal ya http://masrud.blogspot.com/

    ReplyDelete

 

Copyright @ 2015 INFORMASI DAN TEKNOLOGI.

Designed by Deddy De Gazaa | Boh Jak