Tạo Nút Back Top Đẹp Cho Blogspot
Nếu như Template của các bạn chưa hoàn thiện, và bạn muốn thêm vào một số chức năng để website thêm sinh động. Vì thế hôm nay mình sẽ hướng dẫn các bạn tạo nút Backtop cực đẹp cho Blogspot
Các Bước Thực Hiện
Bước 1: Chèn CSS vào trước ]]></b:skin>#bttop{cursor:pointer;background:#dadada;color:#66689c;position:fixed;bottom:0px;z-index:9999;right:0;padding:15px 15px 5px 30px;font-size:1.5em;display:block;border-radius:100px 0 0 0}
Bước 2: Chèn đoạn code bên dưới vào nơi bất kì, lời khuyên cài ở cuối trang
<span id='bttop' style='cursor:pointer' title='Về đầu trang'><i class='fa fa-angle-up'/></span>
<script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#bttop").fadeIn();}else{$("#bttop").fadeOut();}});$("#bttop").click(function(){$("body,html").animate({scrollTop:50},500);});});</script>
Bước 3: Lưu Lại
Chúc Các Bạn Thành Công
