Tạo hiệu ứng loading khi chuyển trang cho Blogger

Rate this post

Hiệu ứng loading khi chuyển trang cũng khá thú vị giúp người dùng khi lướt blog của bạn không phải chờ đợi 1 cách nhàm chán nhé. Nếu thích các bạn có thể áp dụng ngay hiệu ứng này lun.

Tạo hiệu ứng loading khi chuyển trang cho Blogger
Tạo hiệu ứng loading khi chuyển trang cho Blogger

Tạo hiệu ứng loading khi chuyển trang cho Blogger
Bước 1 :  Thêm css trong ]]></b:skin> hoặc </style>

#cssload {background:url(https://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

Bước 2 :  Thêm dưới <body>

Bạn Đang Xem: Tạo hiệu ứng loading khi chuyển trang cho Blogger

<div id='cssload'/>

Xem Thêm : Cách Thêm Tên Miền Vào Blogger Update 2021

Bước 3 : Thêm trên </body>

<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

  Bước 4 : Lưu mẫu lại và kiểm tra lại thủ thuật blogspot đơn giản vừa làm nhé.

Xem Thêm : Tiện Ích Bình Luận Gần Đây Đơn Giản Cho Blogspot