Tin mới đăng:

Tạo hiệu ứng Loading đang tải dữ liệu cho Blog

Khi bạn lướt Web thỉnh thoảng bạn sẽ thấy ở một số Blog, Website khi các nội dung trên trang đó chưa được tải hết thì sẽ có một thông báo như: Loading, đang tải dữ liệu... Đó là để cho biết trạng thái của trang khi người dùng trình duyệt vào website đó. Hôm nay mình xin chia sẽ cách để ứng dụng công cụ Load trang như mô tả ở trên cho Blogspot. Công cụ này cũng khá tiện ích, khi trang của bạn đã Load xong thì trạng thái này sẽ tự động mất đi, điều này nó sẽ không ảnh hưởng đến Blog của bạn. Bạn có thể xem demo bên dưới.
Hình ảnh minh họa:
☼ Các bước thực hiện
1. Đăng nhập Blogger
2. Vào phần thiết kế (hay bố cục)
3. Chọn chỉnh sửa HTML
4. Chèn code bên dưới vào trước thẻ ]]></b:skin>
.loading {
position:absolute;
text-align: center;
color:#fff; /*màu text load*/
top:10px;
left: 10px;
}
5. Tiếp theo bạn tìm và thay thế thẻ <body> như bên dưới:
<body onLoad='init()'>
<div class='loading' id='loading'>Đang tải dữ liệu...<br/><img border='0' src='http://lh3.ggpht.com/_BTztXRwC9ik/S5SkOzMvFsI/AAAAAAAAAf8/oIPmDN_0Y_M/36-0.gif'/></div>
<script>
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init() {
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>
* Bạn có thể thay thế ảnh loading (link màu xanh) trong code và dòng text (Đang tải dữ liệu...) hoặc có thể giữ nguyên tùy ý, tuy nhiên bạn nên save ảnh load về và upload lên trang host riêng để tránh tình trạng link bị die.
6. Cuối cùng Save lại là xong.
Chúc bạn thành công
Tạo hiệu ứng Loading đang tải dữ liệu cho Blog Tạo hiệu ứng Loading đang tải dữ liệu cho Blog
9/10 356 bình chọn

Chia sẻ:

Xin chào! Mình là Bùi Xuân Doanh. Mình muốn được chia sẻ cùng các bạn những gì mình biết.

Theo dõi tôi trên Facebook Or Youtube


Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Quản trị

    Admin Bùi Xuân Doanh

    Click để Chat với Admin! Click để Chat với Admin!

    Email: buixuandoanh@gmail.com

    Hotline: 0983.379.818

Tư vấn Kỹ thuật