Sudah 2 Hari saya tidak membuat artikel, karena sedang sibuk oleh pelajaran, dan baru bisa posting hari ini, oleh karena itu Hari Ini saya membuat postingan yang lumayan Fresh yaitu tentang Cara Memasang Back To Top dengan Mudah,Back To Top adalah sebuah Tombol yang berfungsi jika di click, maka halaman akan otomatis tertarik ke-atas
Ya,karena Back To Top ini terdesign sangat simple,maka Back To Top ini tidak akan membuat LAG blog kalian, untuk Design Back To Top ini saya ambil designnya dari template arlinadzgn bernama Vikka Fast karena saya suka designnya yang Simple dan Agak Flat
Buat yang pensaran penampilannya, kalian bisa melihat secara Live, di Blog saya,Caranya scroll sedikit kebawah, maka Back To Top akan keluar
Baiklah langsung saja Tutorialnya
Memasang Back To Top ala Vikka Fast di Blog
1.Buka Blogger
2.Masuk ke Blog yang anda ingin pasang, lalu pilih Template dan klik Edit HTML
3.Cari kode ]]></b:skin> dan letakan kode dibawah ini diatasnya
/* Arlina Back to top */
.back-to-top{visibility:hidden;background-color:#fd554c;color:#fff;vertical-align:middle;width:42px;height:42px;line-height:42px;text-align:center;position:fixed;bottom:30px;right:30px;z-index:90;cursor:pointer;border-radius:1px;opacity:0;-webkit-transform:translateZ(0);transition:all .6s}
.back-to-top:hover{background-color:#333;opacity:1}
.back-to-top.show{visibility:visible;opacity:1;}
4.Setelah itu cari kembali kode </body> dan letakan kode dibawah ini tepat diatasnya
<div class='back-to-top' id='back-to-top' title='Back to top'><i class='fa fa-arrow-up'/></div>
<script type='text/javascript'>
//<![CDATA[
// Back to top button
(function(){$(document).ready(function(){return $(window).scroll(function(){return $(window).scrollTop()>600?$("#back-to-top").addClass("show"):$("#back-to-top").removeClass("show")}),$("#back-to-top").click(function(){return $("html,body").animate({scrollTop:"0"})})})}).call(this);
//]]>
</script>
<b:if cond='data:blog.pageType != "index"'>
<div class='back-to-top' id='back-to-top' title='Back to top'><i class='fa fa-chevron-up'/></div>
<script type='text/javascript'>
Setelah itu Silahkan Save Template dan Check Blog anda masing-masing Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.