Cách Tạo Widget Sticky Trong Blogspot Sidebar

Cách Tạo Sticky Widget Trong Blogspot Sidebar - Đối với những người sở hữu Blog hoặc Web. Sticky widget là một widget blog được làm để nổi trên Sidebar khi chúng ta cuộn trang mà nó không mất đi. Thông thường, tiện ích widget này nằm trong thanh bên của blog và khi trang cuộn xuống tiện ích con vẫn không mất đi

Lợi ích của Widget Sticky là khách truy cập có thể thấy rõ những gì được đặt trên tiện ích, bởi vì thường khách truy cập có xu hướng tập trung nhiều hơn vào bài viết và không chú ý đến các tiện ích. Vì vậy, những gì mình đặt trong widget Sidebar bên như các bài viết mới nhất, bài đăng phổ biến hoặc quảng cáo không được chú ý bởi khách truy cập. Nhưng nếu chúng ta làm cho nó cố định thì nó có thể chắc chắn để thu hút sự chú ý của khách truy cập nếu bạn muốn xem cách tạo button đóng mở comment cho blogspot thì vào ở đây nhé

Cách Tạo Widget Sticky Cho Blogspot

Trước tiên, hãy đăng nhập vào Blogger.
Sau đó, vào Template - Chỉnh sửa HTML
Tiếp theo tìm kiếm mã ]]> </ b: skin> sau đó sao chép mã CSS bên dưới và dán mã ngay phía mã trên

.sticky {
  position:fixed;
  top:10px;
  z-index: 100;
}

Sau đó các bạn sao chép đoạn mã phía dưới rồi thêm vào phía trên </ body>

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML11').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();  
if (scrollTop > stickyWidgetTop) {
    $('#HTML11').addClass('sticky');
} else {
    $('#HTML11').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>

Lưu ý : Các bạn thay id widget ( HTML 11 ) Thành Widget id của tiện ích muốn hỗ trợ Sticky

Hướng Dẫn Cách Xác Định ID Widget Blogger

Để biết cách xem mã HTML, Vào Bố cục và sau đó " Chỉnh sửa " trên tiện ích bạn muốn tạo Widget Sticky . Sau đó, xem ID tiện ích nằm ở cuối URL.

Bây giờ bạn có thể lưu và xem kết quả, phương pháp này đã được chứng minh tính khả dụng của nó bị tăng liên kết nội bộ. Đó là bài viết về cách thêm Widget Sticky Blogspot và hy vọng hữu ích.

Tag : Sticky widget blogger, cố định widget blogspot, code cố định Widget (Sticky widget)

ĐĂNG KÝĐĂNG NHẬP