Thứ Hai, 30 tháng 7, 2018

Code đếm phần trăm khi cuộn trang chuyên nghiệp cho Blogspot

Bạn muốn người xem biết đang xem đến từng nào bài viết trang Website của bạn, thì bạn có thể sử dụng công cụ đếm phần trăm khi cuộn trang này. Blog Sơn Pro đã test và đã thành công, chúc bạn thành công!
Code đếm phần trăm khi cuộn trang chuyên nghiệp cho Blogspot


CODE ĐẾM PHẦN TRĂM KHI CUỘN TRANG CHO BLOGSPOT


Cách làm:

Copy và Paste đoạn Code dưới đây vào phía trên thẻ đóng </body>
<style>
#scroll{display:none;position:fixed;top:0;right:20px;z-index:500;padding:3px 8px;background-color:#d83434;color:#fff;border-radius:3px}
#scroll:after{content:&quot; &quot;;position:absolute;top:50%;right:-8px;height:0;width:0;margin-top:-4px;border:4px solid transparent;border-left-color:#e0262c}
</style>
<div id='scroll-page'/>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
//]]>
</script>

Chúc bạn thành công!

Key: code đếm % khi cuộn trang blogspot, đếm phần trăm khi cuộn trang blogspot

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 
banner

Delivered by FeedBurner