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:
Ư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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR-zsKCcEmhZgfmUAggpxYhoCsytc_dHBrOG1KSROkTDtzVJqZ2y1DCyJjE10bxI2wqwjeBFJjZeMGm2PpdFXpB6EHWwKLCQfTj2bt9Optg8tc8BWdXwDCDVxddRmV7lCaZZ54lraJ_UzS/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
Bài viết: Hiệu ứng load trang cho blogspot được viết bởi admin trang Giaodien.blog
Vui lòng để lại nguồn nếu bạn chia sẻ lại bài viết này.
Để lại nguồn có nghĩa là bạn tôn trọng tác giả.
Động lực để mình chia sẻ nhiều bài viết hay.
Post a Comment