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 p...

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>