Tạo Nút Back Top Đẹp Cho Blogspot

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){$(&quot;#bttop&quot;).fadeIn();}else{$(&quot;#bttop&quot;).fadeOut();}});$(&quot;#bttop&quot;).click(function(){$(&quot;body,html&quot;).animate({scrollTop:50},500);});});</script>

Bước 3: Lưu Lại

Chúc Các Bạn Thành Công