Share code tạo hiệu ứng loading cho blogspot ( Blogger )

Bài này mình hướng dẫn cách thêm code hiệu ứng vào blogspot ( blogger)
khá đơn giản bạn nào biết rồi thì xem bài khác nhé :)) 

Xem bài viết về Blogspot: Tại Đây



Cách tạo hiệu ứng loading hay là tải trang cho blogspot các bạn làm như sau

Các bạn vào edit HTML => Chèn Code Bên Dưới Vào Phần </Body>


Copy
<style type='text/css'>

#loading{

position: fixed!important;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: 9999;

background:#000 url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgWMZiii1pCW1CKvY7a1vD8Iq4ZoeMRnzgaJmoIeFkDC9R55uFJRmqoVMjPisjxrvoJ9W8HyLJ04NJrRuPx2fyDqDD2hbr4zrPXczNuV-xc-IuHV1HnzXqYHdSFOQIld7InRRYn9pMvur/s1600/BeautifulFlickeringAmericancrocodile-small.gif&#39;) no-repeat 50% 50%;

display: none;

font: 0/0 a;

text-shadow: none;
padding: 1em 1.2em;

}

</style>

<script type='text/javascript'>

//<![CDATA[

$(document.body).append('<div id="loading">Loading...</div>');

$(window).on("beforeunload", function() {

// ... Show the Animation `.fadeIn()`

$('#loading').fadeIn(1000).delay(9000).fadeOut(1000);

});

//]]>

</script>

Chú ý : Các Bạn Thay link mình tô màu Màu Đỏ Thành Link Ảnh Mà Bạn Muốn Loading. Chúc các bạn thành công.


Post a Comment

Mới hơn Cũ hơn