Tạo nút lên, xuống bên phải hiệu ứng đơn giản

Back to top là một trong những tiện ích của blogspot mà bạn cài thêm để điều hướng người dùng lên trên đầu trang blogspot để người xem có thể thao tác trên menu để đọc

Tạo Back to top và back to bottom: DEMO

Cách thực hiện tạo nút back to top và back to bottom cho blogspot:

Các bạn copy đoạn code bên dưới:
Bước 1: Vào mẫu tìm từ ]]></b:skin> và dán đoạn code CSS bên dưới phía trên thẻ ]]></b:skin>

/* TOP BOTTOM */
#bttop{background:#0093DA;text-align:center;padding:13px;position:fixed;bottom:50%;right:0;cursor:pointer;display:none;color:#fff;font-size:15px;font-weight:900}
#bttop:hover{background:#0a932c;border-bottom:4px solid #0093DA}
.bottombottom{position:fixed;z-index:9999;bottom:43%;right:0;
padding-left:1px;background:#333}

Bước 2: Có 2 cách chèn:

Cách 1: Vào mẫu và dán trước thẻ </body>
Cách 2: Tạo 1 HTML/JAVACRIPT và dán vào đó
Đoạn code bạn sẽ chèn 1 trong 2 cách đề tạo nút Tạo Nút back to top và back to bottom cho blogspot

<div id='bttop'><i class='fa fa-chevron-up'></i></div><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>
Lưu lại và xem kết quả.