Save Disini Ajah "Memasang Tombol Back To Top Blogspot, #2 Langkah Wae..."

Balik Deui Kaluhur...

Versi bahasa sundanya begitu sob, kalo versi blogger Back To Top. Tombol sederhana yang fungsinya kalo udah sampe bagian bawah blog, mau balik maning nang nduwur alias Back To Top, tinggal pencet aja dengan penuh penghayatan... :)

Btw, kali ini sih sebenarnya Admin cuma mau save aja, daripada lupa Bagaimana Cara Memasang Tombol Back To Top Pada Blogspot. Maklum, blog ini tadinya belum dipasangi karena baru mbrojol... wkwkwk.. Sobat mau pasang juga, nyak mangga atuh...

Oh iya, ini admin kutip dari web/blog ArlinaDZGN, blogger profesional sob, beda jauh 11 2 milyar ma Admin.. Tadinya mau konsul juga, mau minta elmunya buat benerin "Page Navigate / Page Nav" blog ini sob, lagi error. Tapi lain waktu saja Admin hubungi beliau.

#2 Langkah Mudah Memasang Tombol Back To Top Blogspot

Sok ah, mangga, sobat yang mau pasang Tombol Back To Top, praktek aja weh..

#1. Login Blogger > colek dikit Template > senggol Edit HTML.

Cari kode ]]></b:skin> atau </style> kalo ga ketemu, palingan lagi ngopi diwarung sebelah, panggil aja... :) Aya? kalo udah ketemu, copy paste kode berikut diatas kode tadi :

/* Back To Top */
.backtotop{display:none}.backtotop{position:fixed;bottom:50px;right:0;cursor:pointer;font-weight:bold;box-shadow:-5px 5px rgba(0,0,0,.1);padding:10px;background-color:#fff;opacity:.6}.backtotop span{background-image:url(https://2.bp.blogspot.com/-QLZM-aUhB6w/VyL3AeOfEfI/AAAAAAAADBU/g6Ff-NvsU_c3ZZn3LM0luDDCRnQjzEK9wCLcB/s1600/icon.png);background-position:0 -272px;background-repeat:no-repeat;height:25px;width:22px;display:inline-block;vertical-align:middle;margin-right:5px }.backtotop:hover{opacity:1}

Kalo Admin, pastenya diatas kode ]]></b:skin> soalnya kode </style> ada 3 euy... ditemplate blog ini..

#2. Cari Kode </body>, Ketemu?

Tambahin kode dibawah ini, sebelum kode </body> :

<div class="backtotop hide"><span></span>Atas</div>
<script type='text/javascript'>
$(function(){$(window).scroll(function(){$(this).scrollTop()>100?$(".backtotop").fadeIn():$(".backtotop").fadeOut()}),$(".backtotop").click(function(){return $("html,body").animate({scrollTop:0},800),!1})});
</script>

Yang kata "Atas" Admin tandai birunya cintaaa... Kali aja mau sobat ganti dengan kata lain, Top atau Back To Top atau Ke Atas dll. Atau kata rayuan juga boleh kali sob... :)

Ehh iya, terahir jangan lupa Save Template, lalu sobat bisa lihat hasilnya 20 tahun kemudian, xixixi.. #Peace..

Sudah dini hari sob, waktu menunjukan pukul 01.00 AM, itu dulu aja sob, Admin mau menjemput mimpi bersama bidadari dulu. Haturnuhun :)