Chia sẽ code lên đầu trang, hiệu ứng xoay vòng tròn.

Chia sẻ code lên đầu trang hiệu ứng xoay vòng.

Xem demo tại đây: http://bigbag.vn/

Cách sử dụng: copy code > vào trang quản trị > chức năng khác > Mã HTML Footer > Dán Code và cập nhật.

CODE:

<style type='text/css'>
#bttop{text-align:center;padding:5px;position:fixed;bottom:30px;right:5px;cursor:pointer;display:none; z-index: 100;}
#bttop img:hover
{
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;

}
</style>

<div id='bttop'><img src="http://bigbag.vn/files/assets/back_to_top.png"></div>
<script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>

Có thể thay thế hình ảnh khác tại dòng này

<div id='bttop'><img src="Link Ảnh"></div>

Các bạn có thể tham gia nhóm Cộng đồng Webmienphi.Vn trên FB để biết thêm nhiều thông tin hơn: https://www.facebook.com/groups/webienphi.vn/

Bạn tham khảo của mình độc hơn nè: http://247mua.net/

Ừ của bạn cũng hay nhưng với 1 website bán hàng thì k nên làm như vậy, bạn nên tối ưu càng nhiều càng tốt. Việc tối ưu giúp website load nhanh hơn, mỗi giây trôi qua là bạn sẽ mất đi 1 cơ hội bán hàng.

Thời gian load website của bạn trên điện thoại và máy tính của bạn bị đánh giá là dưới mức trung bình, bạn nên lưu ý những điều này, vì nó ản hưởng k tốt trong SEO.

https://developers.google.com/speed/pagespeed/insights/?hl=vi&utm_source=wmx&utm_campaign=wmx_otherlinks&url=http%3A%2F%2F247mua.net%2F&tab=mobile