Home » Thủ thuật Blogger
Code loading – đang tải dữ liệu cho web-blog
Bạn chèn đoạn code sau vào sau thẻ <head> :
<div border="0" style="position:fixed; width: 100%; height: 40px; z-index: 1; top: 300px; left: 0;" id="loading" align="center"> <table border="1" width="150" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#003300"> <tr> <td align="center"> <div border="1" style="background-color: #FFFFFF; filter: alpha(opacity=70); opacity: .7; width: 150px; height: 40px; z-index: 1; border-collapse: collapse;" bordercolor="#006600" align="center"> <b>Đang tải dữ liệu...</b><br><img border="0" src="http://i351.photobucket.com/albums/q463/nguyenthidung/loading.gif"> </div> </td> </tr> </table> </div>
Sau đó bạn thêm code này vào trước thẻ </body> :
<script >window.document.getElementById("loading").style.display = 'none';</script >
<div border="0" style="position:fixed; width: 100%; height: 40px; z-index: 1; top: 300px; left: 0;" id="loading" align="center"> <table border="1" width="150" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#003300"> <tr> <td align="center"> <div border="1" style="background-color: #FFFFFF; filter: alpha(opacity=70); opacity: .7; width: 150px; height: 40px; z-index: 1; border-collapse: collapse;" bordercolor="#006600" align="center"> <b>Đang tải dữ liệu...</b><br><img border="0" src="http://i351.photobucket.com/albums/q463/nguyenthidung/loading.gif"> </div> </td> </tr> </table> </div>
Sau đó bạn thêm code này vào trước thẻ </body> :
<script >window.document.getElementById("loading").style.display = 'none';</script >
Chúc bạn thành công!

- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Thủ thuật tạo Slideshow bài viết mới nhất ngoài trang chủ Blogspot
- Tạo popup chỉ xuất hiện một lần duy nhất cho blog
- Thủ thuật tự động gom các Widget trên Blogspot thành các Tab nội dung
- Thủ thuật tạo các nút điều khiển cho Blogspot
- Thành phần hiển thị popup đóng tự động
- Tiện ích "Bài viết liên quan" cho Blogger, bản nâng cao, có phân trang
- Tạo tab nhiều tiện ích cho blogspot
- Hướng dẫn tạo Drop Menu cho blog
- Tạo Menu Labels (Nhãn) xổ xuống cho Blogger
- Phân trang cho blog - Page Navigation
Comments[ 0 ]
Đăng nhận xét