Selasa, 05 Januari 2016

Cara Memasang Back To Top ala Vikka Fast

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 != &quot;index&quot;'>
<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.

Blogger
Disqus
Pilih Sistem Komentar

1 komentar so far

wahh membantu nih buat langsung ke atas :v daripda pake scrool

PERATURAN BERKOMENTAR

(+) Berkomentarlah tanpa menggunakan kata SARA/RAS/AGAMA
(+) Berkomentarlah dengan menggunakan kata kata yang sopan
(+) Jika ada kerusakan Link Download, silahkan berkomentar dengan menggunakan kata kata yang baik