Junozyo's Blog Công Nghệ: Tạo Nút Back To Top Đẹp Cho Blogspot Blogger

Quay trở lại với các bạn, mình muốn chia sẻ code tạo nút back top ( hay còn gọi nút quay trở lại trang đầu ) giúp các bạn hoàn thiện website của mình hơn.

Nút Back To Top Cho Blogspot Blogger

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