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 :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh3UCwRZGFd9wuOS_B2jVXoQANOTxq9XGhhNDLaZL5xHGXff_Bx5YW3-Xt-pVmkkpWKjbKeAmpBq9GeSmrkWVNXlyZ7el5tZRbTyVhlfFkVXjJV5z-ShvJ-MFYJhXa4qaeZ93NzDZrBTk/s1600/btt-satu-delapan-blogspot.png
link url :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAz_vh0_jEtVJ0SeVyWr55PkIDQx7jNBdzAlG-wOF0PiN48azpYrpGkoEEs_kQ6MFA2HHZ6ctDLNCwnk2Y_G8018SISmHfH0tHwyBpL6CfiD2OAmo8Vctz39wHKzIMhC1moxoSxU5Uqx8/s1600/bttg-satu-delapan-blogspot.png


link url :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWbcIb-jlaRE8MlFFttPDpRio91yNzum3rw-2eazQS9QQInEtTIQZIQel1TQPdovxp06ly_ROkOf74Vzel3-MY1lGgbmTobhHHL1Yx_Tl2MmlAec6mzfJjXnw1bLhXw1M4Kzvuu1flwqo/s1600/top-satu-delapan-blogspot.png


link url :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5u8nqEs0VyDHstgLXVqTxg8t3MsboDN-dvA_GRhHe-40OmPrnuwEPhIIf0zgbMgi7DMHJuI4smQXGv4JCFT_qWBTfqEktHDx6h5rvQO757iTflt2-M6u1nvB3e3sSjVAsdOUByNUZdKk/s1600/blue-satu-delapan-blogspot.png


link url :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinsaWND2AqdNJ_OmGHKA-QBH0OgltPutZUTsSIh5YU6tjITcUfTwo8yIgWz9G-Xc-IzaRxRedAmETyjte-EzllPsmb2eCtNhjOi1e_lqoaBCVQYYQwvGv00eItL39hbaRCVgSGlEhE32g/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