Tạo hiệu ứng loading khi chuyển trang cho Blogger
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
Bước 1 : Thêm css trong ]]></b:skin> hoặc </style>
 |
| 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMNq6Y0bWEz4x2uNJ8a6e6p7Hw5QDpLcb1gg6sa4Epp8ubaexD1pI5DD8UKNJ78bHw-nEBMWFSV-z8g0AXSvskhFXwXg-7UvOjAJcLS16SvKkGiQUEagZzLap8o34xXL33gnbmaDQZpXk/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>
<div id='cssload'/>Bước 3 : Thêm trên </body>
<script type='text/javascript'>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é.
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
Nhận xét
Đăng nhận xét