Hiệu ứng tải trang mờ có ảnh cho Blogspot Blogger V2

Hiệu ứng tải trang mờ có ảnh cho Blogspot Blogger V2 là hiệu ứng cực kỳ chuyên nghiệp cho Blogger hiện nay

Trước đây Terocket có hướng dẫn mọi người làm [Tips] - Thiết kế trang loading chờ tải trang cho Blogger P.1 rồi. Đây là hiệu ứng khá đẹp nhưng nó không chuyên nghiệp và đơn giản giống mẫu mà Terocket sắp giới thiệu sau đây. Và mẫu này có tên là Hiệu ứng tải trang mờ có ảnh cho Blogspot Blogger V2 Phiên bản 2.

Live Demo

Mẫu này khi bạn chuyển trang sẽ trông mờ mờ ảo ảo rất là huyền bí, nhưng không làm giảm tốc độ tải trang, tạo cảm giác cực kỳ chuyên nghiệp và kích thích người đọc. Màu chủ đạo của thủ thuật Hiệu ứng tải trang mờ có ảnh cho Blogspot Blogger V2 là màu bạc đen nhé. Và giờ hãy cũng Terocket thực hiện thủ thuật blog tạo hiệu ứng tải trang này nào.

Bạn chỉ cần thêm đoạn mã sau vào HTML trước </body> là xong

Đầu tiên bạn vào Blog Title → Template → Edit HTML. Nhấn tổ hợp Ctrl + F và tìm kiếm cho </body> và copy đoạn mã sau vào trước nó. Và Lưu lại. Thế là xong!

<style>

#abt-page-loader {

        position: fixed!important;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: 9999;

        background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb_GeLm4pVdYtNi_ChpmqkAl9FEygNCb6svUg1l78w8ot75KS69b4alpo9XoPQc7EPtD50mYrep5nfVT8A6_Zp2i0kvU7ODkezUnzBJFaKNnpYrVJL-uGz84ecXYvw7ZS2UdNthyE1nJw/s200/load6.gif') no-repeat 50% 30%;

        color: #FFF;

        display: none;

        font: 0/0 a;

        text-shadow: none;

        padding: 1em 1.2em;

}

</style>

<script type='text/javascript'>

//<![CDATA[

$(document.body).append('<div id="abt-page-loader">Loading...</div>');

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

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

    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);

});

//]]>

</script>

Vậy là xong thủ thuật blogspot [Tips] - Hiệu ứng tải trang mờ có ảnh cho Blogspot Blogger V2 rồi nhé. Rất đơn giản đúng không nào? Đây là thủ thuật rất hay mà Terocket sưu tầm được và hy vọng rằng các bạn sẽ hài lòng.

Nếu bạn nào chưa làm được, hãy gửi một bình luận ở dưới đây nhé, Terocket sẽ giải đáp mọi thắc mắc của các bạn. Còn bạn nào đã làm được rồi, hãy khoe thành quả của mình ở đây lun nha.

Trứng Vịt - Terocket

Share on Google Plus

About Unknown

Có nhiều người nói, 1 số thì bảo mình biến thái , 1 số lại nói mình lập di ,còn 1 số người lại bảo mình hơi kỳ quái vì lý do mình thích ngắm sưu tầm và nếu có cơ hội là chộp luôn . Nhưng mình thích vì điều đó sở thích mình là như zậy ở đâu có áo dài là lảng vảng đâu đó có mặt mình 1 linh hồn bí ẩn .. khà khà Mình rất vui khi mình được ngắm và chiêm ngưỡng Áo Dài Việt Nam 1 sở thích Bất diệt nơi Tâm hồn ... ^^