Home Thủ Thuật Thủ Thuật Blog Cài đặt phần trăm thanh cuộn (Scrollbar) cho Blogspot

Cài đặt phần trăm thanh cuộn (Scrollbar) cho Blogspot

1:29:00 AM Thủ Thuật, Thủ Thuật Blog

☼ Bắt đầu thủ thuật Bước 1: Vào Blog => Mẫu => Chỉnh sửa HTML . Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </b:skin&...

☼ Bắt đầu thủ thuật

Bước 1: Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </b:skin>. Sau đó dán đoạn mã Code sau ở phía dưới thẻ </b:skin>.

#scroll {
  display:none;
  position:fixed;
  top:0;
  right:15px;
  z-index:500;
  padding:3px 8px;
  background-color:#369fcf;
  color:#fff;
  border-radius:3px;
  font-size:14px;  
}
#scroll:after {
  content: " ";
  position: absolute;
  top:50%;
  right:-10px;
  height:0;
  width:0;
  margin-top:-6px;
  border:6px solid transparent;
  border-left-color:#369fcf;
}

Bước 2: Tiếp đó nhấn tổ hợp phím Ctrl + F và tìm đến thẻ <head>. Sau đó dán đoạn mã Code sau ở phía dưới thẻ <head>.

 <div id='scroll'></div>

Bước 3: Sau đó nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </body>. Sau đó dán đoạn mã Code sau ở phía trên thẻ </body> và Lưu mẫu.

 <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(600);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut(600);
    }, 1000);
});
//]]>
</script>

Cài đặt phần trăm thanh cuộn (Scrollbar) cho Blogspot

Reviewed by Unknown on 1:29:00 AM Rating: 5

Từ Khóa: Thủ Thuật Thủ Thuật Blog

Admin: Hà Huy Hoàng

[...] Nếu vận tốc của hoa anh đào không phải là 5cm/s thì có lẽ nó đã không đẹp đến thế. Và nếu khoảng cách giữa anh và em là 5cm thì chỉ cần một bước chân chứ không phải là cả đời người.Hoa anh đào vẫn rơi Và tôi đã nắm trượt nó.

Bài viết cùng chuyên mục:

No comments:

Subscribe to: Post Comments (Atom)

Phát Triển Bởi : Mai Phước Long

Thiết Kế Bởi : Mai Phước Long