Code tạo hiệu ứng loading cho blog

Vào  Blog  =>  Mẫu  =>  Chỉnh sửa HTML . Nhấn tổ hợp phím  Ctrl + F  và tìm đến thẻ  </body> . Sau đó dán đoạn mã Code sau lên ...

Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </body>. Sau đó dán đoạn mã Code sau lên phía trên thẻ </body> và Lưu mẫu.

<style>#page-loader {position: fixed!important; top:top: 0; right:right: 0; bottom:bottom: 0; left:left: 0; z-index:z-index: 9999;background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB8D8kULu017YoINix263in9gt1okzIkvntZolZOkPZW1eAbCR2E29QAclQeJyqEDm_B6RKIl6UQNa5nuqtlCIczikmpJLGTUmSsVXu1gQxE-ZuQoM4bRdPHAbgHvxQtVzyWwERM0J45Z_/s1600/loading.gif') no-repeat 50% 30%;color: #FFF;display: none;font: 0/0 a; text-shadow: none; padding:text-shadow: none;padding: 1em 1.2em; } </style> <script}</style><script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="page-loader">Loading...</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#page-loader')//<![CDATA[$(document.body).append('<div id="page-loader">Loading...</div>');$(window).on("beforeunload", function() { // ... Show the Animation// ... Show the Animation `.fadeIn()` $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script> });//]]></script>