Tạo nút lên, xuống bên phải Sidebar cho Blogger

Tạo Nút back to top và back to bottom đơn giản không hiệu ứng cho blogspot

Bước 1: Các bạn vào trang tổng quan của blog của bạn » Mẫu » Chỉnh sửa HTML Tìm thẻ ]]></b:skin> và chèn toàn bộ code CSS bên dưới trưởc thẻ vừa tìm được

1/* 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: Tìm đến thẻ </body> và thêm đoạn mã sau lên trên thẻ đó.

1<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>
<a class='bottombottom' href='javascript:window.scrollTo(0,999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjvUIvjL1UwQYhBsnq7RppXjdvVD8XUbIO4OFRDwtR1y_BxI-94reDVbvI4HHu8HTnkdHfOLB-_8jKl6y4hep23Cz3EDLLVlFKiodN2u_trtM4q-GtNhL4OJugBCvWfh4NEChieVl5ep0/s1600/back-to-bottom.png'/></a>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script>

Nguồn : www.toilaquantri.com