Nút Lên Đầu Ẩn Hiện Cho Blogger

Để thêm tiện ích này bạn hãy làm theo các bước đơn giản sau :

1. Vào Blogger > Mẫu > Chỉnh sửa HTML

2.Tìm code sau  (Nhấn F3) ]]></b:skin>  tìm và dán đoạn sau trước ]]></b:skin>

#top-nav {position: fixed;cursor: pointer;background: rgba(0, 0, 0, 0.78);color: white;padding: 10px 20px;border-radius: 3px;bottom: 22px;right: 45%;}

#topcontent {margin-bottom: 10px;}

.c_images img {width: 57px;height: 57px;}

.c_images img {width: 57px;height: 57px;}

.selectnav { display: none; }

.c_images img {width: 57px;height: 57px;}

.selectnav { display: none; }

.c_images img {width: 57px;height: 57px;}

.selectnav { display: none; }

3. Tìm thẻ đóng (Nhấn F3) </body> và dán đoạn sau vào trước nó

<script type='text/javascript'>

//<![CDATA[

$(window).scroll(function() {

if($(this).scrollTop() > 200) {

$('#top-nav').show();

} else {

$('#top-nav').hide();

}

});

$('#top-nav').hide().click(function() {

$('html, body').animate({scrollTop:0}, 1000);

return false;

});

//]]>

</script> 

4. Trước </footer> các bạn dán đoạn code sau:

<a id='top-nav' title='Back to top'>Lên Đầu</a> 

5. Lưu mẫu và ra xem kết quả