Cara memasang Tombol kembali keatas (Back To Top)

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

 Assalamualaikum Wr.wb

Icon tombol kembali ke atas biasa disebut Back To Top, tutorial ini berfungsi untuk memudahkan dan mempercepat kembali ke atas dengan mudah dan cepat hal ini tentunya menjadi daya tarik bagi pengunjung, kemarin saya juga share Tutorial Cara membuat label menjadi kotak-kotak yang ga' kalah TOPP!! , kita bisa edit2 dan cari pengalaman untuk tahun kedepan-nya. ya gak sobb?? kembali lagi kepokok posting ini dengan judul Cara memasang Tombol kembali keatas (Back To Top) Pelajari dan praktekkan ya langkah demi langkah berikut ini : Monggo!!

Oh iya untuk DEMOnya : geser blog kebawah dan lihat pojok kanan bawah Dibawah ini :

Demo

Langkah-langkahnya :
1. Login ke akun Blogger sobat.
2. Pergi ke  Blogger Dashboard → Template → Edit HTML
3. Gunakan  Ctrl+ F  untuk mempermudah pencarian dan cari kode </body>
4. Kemudian Copy & Paste kode dibawah ini tepat di atas atau sebelum kode </body>

<!-- Kode Awal By http://ilu5i.blogspot.com -->
<style type='text/css'>
#OW-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:135px;background-color: #696969;background-color: #A3A3A3;filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=&#39;#99EEEEEE&#39;
,EndColorStr=&#39;#99EEEEEE&#39;);text-align:center;padding:5px;position:fixed;bottom:10px;right:15px;cursor:pointer;color:#000000;text-decoration:none;border:1px solid #C3C3C3;}</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {$.fn.scrollToTop = function() {$(this).hide().removeAttr(&quot;href&quot;);
if ($(window).scrollTop() != &quot;0&quot;) {
$(this).fadeIn(&quot;slow&quot;)}var scrollDiv = $(this);$(window).scroll(function() {if ($(window).scrollTop() == &quot;0&quot;) {
$(scrollDiv).fadeOut(&quot;slow&quot;)} else {
$(scrollDiv).fadeIn(&quot;slow&quot;)}});
$(this).click(function() {
$(&quot;html, body&quot;).animate({scrollTop: 0}, &quot;slow&quot;)})}
});$(function() {
$(&quot;#OW-StoTop&quot;).scrollToTop();
});</script>
<b><a href='#' id='OW-StoTop' style='display:none;'>Kembali Ke Atas </a></b>
<!-- Code Akhir By http://ilu5i.blogspot.com --!>

✍ Catatan :
width:135px : Ini merupakan kode sebagai perintah lebar Kotak Tulisan atau Background
#A3A3A3 : kode warna untuk Background
10px : adalah jarak dari bawah
15px : untuk jarak dari kanan
#C3C3C3 : kode warna untuk text (tulisan)
Kembali Ke Atas : tulisan atau teks tombol, bisa anda ganti dengan Back To Top atau ganti dengan apa yang anda ingin kan :D

5. Lalu klik simpan → Save template anda. anda terusssss coba dicek sudah sukses apa belum?? kalau sukses tinggalkan komentar ya , berterima kasih sama Admin :D karena dengan cara berkomentar itulah cara berterima kasih , sekian yo

Wassalamualaikum Wr.wb