Hiệu ứng load trang cho blogspot

Zalo 0971539681 Tư vấn & Hỗ trợ
Hướng dẫn các bạn thêm Hiệu ứng load trang cho blogspot bằng hình ảnh, trong quá trình tải trang hiệu ứng sẽ hiển thị, load trang xong thì hiệu ứng này sẽ ẩn đi.

Một số icon bằng hình ảnh:

Hướng dẫn tạo hiệu ứng load trang cho blogspotHướng dẫn tạo hiệu ứng load trang cho blogspotHướng dẫn tạo hiệu ứng load trang cho blogspotHướng dẫn tạo hiệu ứng load trang cho blogspotHướng dẫn tạo hiệu ứng load trang cho blogspot
Hướng dẫn tạo hiệu ứng load trang cho blogspotHướng dẫn tạo hiệu ứng load trang cho blogspotHướng dẫn tạo hiệu ứng load trang cho blogspot


Ưu điểm là bạn có thể thay bất kì icon nào bằng hình ảnh hoặc logo web của bạn làm thương hiệu.

Cách cài đặt Hiệu ứng load trang cho blogspot như sau: Các bạn copy dán dưới thẻ <body> và lưu lại là xong


<style>
#status{width:200px;height:200px;position:fixed;left:50%;z-index:100;top:50%;background-image:url(https://1.bp.blogspot.com/-0JEqyvn9iZM/XugT7Sm0AZI/AAAAAAAAM50/RevtUAlVysIgYsoTYtZRCG625PkWpPdXACLcBGAsYHQ/s1600/Preloader_61.gif);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px;z-index:1001}
#loader{position:fixed;top:0;left:0;right:0;width:100%;height:100%;background-color:#FFF;z-index:1000}
</style>
<div id='status'></div>
<div id='loader'></div>
<script>
  //<![CDATA[
  $(window).bind("load", function() {
    jQuery("#status").fadeOut();
    jQuery("#loader").fadeOut();
  });
  //]]>
</script>

Các bạn thay link hình vào phần CSS

Nhận xét

×