Sedikit Info Seputar
Memasang Back To Top Button Pada Blog
Terbaru 2017
- Hay gaes kali ini team Free Template BLogspot.Com, kali ini akan membahas artikel dengan judul Memasang Back To Top Button Pada Blog, kami selaku Team Free Template BLogspot.Com telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Free Template BLogspot.Com. semoga isi postingan tentang
Artikel jQuery,
Artikel Tutorial Blogger, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Memasang Back To Top Button Pada Blog
Terbaru
link: Memasang Back To Top Button Pada Blog
Berbagi Memasang Back To Top Button Pada Blog Terbaru dan Terlengkap 2017
Memasang back to top button sangat penting agar memudahkan pengunjung, bila sebelumnya Saya share tentang Membuat Back To Top Unik Dengan Cacing. Kali ini saya share back to top button sederhana. Pada versi ada agak sedikit berbeda, yaitu ada penambahan efek smoothing.Cara Memasang Back To Top
1. Template Anda harus sudah terpasang jQuery Libary, jika belum pasang jQuery ini diatas kode</head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
2. Simpan kode ini diatas kode ]]></b:skin>
atau </style>
/*Back To Top*/
#top{background-color:#444;margin:0;padding:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;}
#top:hover{background-color:#E73138}
3. Kemudian simpan kode ini diatas kode </body>
<a href='#' id='top'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3kAEGKn2CZVjRRdwTxynYLfbrJWv8EHBJKb71IcQBKS-jJOBZHW1d3zrzePGOE-PWdR_ifAzi-hkmVmQiVU1dVMN-aGmMg5Aw9OulqkBoVcdZXdmsb3FeVnpDNy6-4O_UZ10bP9E3VSl1/s1600/btp.png'/></a>
<script type='text/javascript'>
//<![CDATA[
//Scroll Top
(function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);
//]]>
</script>