Dự án thiết kế website doanh nghiệp 13

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

 MỌI THÔNG TIN VUI LÒNG LIÊN HỆ NGAY VỚI CHÚNG TÔI :   

TRUNG TÂM NGHIÊN CỨU PHÁT TRIỂN CÔNG NGHỆ THẾ KỶ   

Phụ trách thiết kế : Mr.Mika 

Call me : 0926.340.479 - 0927.927.000 - Email :  Lienhe365@gmail.com 

Phụ trách kỹ thuật và kinh doanh : Mr. Sơn

Call me : 0919.083.000 - 0927.927.000   Email :   Setup247@Gmail.Com 
Hỗ trợ ZALO 24/24 :   Nhập số 0927.927.000 và zalo kết bạn và liên hệ nhé!