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!

- 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
- Bộ nút tăng giảm font chữ trong web
- Hướng dẫn cài đặt tên miền cho blogspot
- Style mới cho tiện ích "Recent post" theo label ở Homepage
- Bài viết liên Quan và các tin khác
- Code tạo một box nằm bên góc phải
- Cách đưa Sitemap vào blogger blog
- Tạo các Tab nội dung
- Mẹo vặt trong thiết kế Template Blogspot
Comments[ 0 ]
Đăng nhận xét