TẠO NÚT BACK TO TOP BO TRÒN ĐẸP CHO BLOGSPOT

Chào các bạn, lâu rồi mình chưa viết thêm thủ thuật Blog nào cho các bạn. Hôm nay rảnh nên ngồi cố gắng viết thêm cho các bạn một bài nữa về Back To Top.

Tạo nút Back To Top bo tròn đẹp cho blogspot

CÁC BƯỚC THỰC HIỆN

Bước 1: Chèn đoạn CSS Sau 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 dưới vào nơi bất kì, nên chèn vào cuối trang (Nơi hiển thị vẫn là dưới góc phải của 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 Template.

LỜI KẾT

Chỉ có thế thôi. Chúc các bạn thành công!

Code By : Bác Sĩ Windows