Thủ thuật tạo hiệu ứng loading cho Blogger

Lưu ý: Nếu bạn gặp khó khăn với cách làm của bài viết "Thủ thuật tạo hiệu ứng loading cho Blogger" dưới đây hoặc mọi vấn đề khác, hãy gửi câu hỏi cho chúng tôi - TẠI ĐÂY - Đội ngũ lập trình sẽ trả lời và hỗ trợ bạn nhiệt tình sau 3 phút, 24/24h. Ok, giờ chúng ta bắt đầu

Có nhiều website, Blog sử dụng hiệu ứng này để tạo thêm tính sinh động cho trang web của mình.Sẽ tuyệt hơn nếu bạn thử thủ thuật blogger này ngay bây giờ.

Tuy thủ thuật có sử dụng javascript, nhưng nó chỉ gói gọn trong có 3 câu lệnh. Thủ thuậtblogger này ứng dụng hình động để tạo hiệu ứng. do đó để thực hiện thủ thuật nhỏ này bạn phải có một tấm hình động, có thể tham khảo các hình bên dưới: 

1 - Bảng điều khiển 

2 - Mẫu

3 - Chỉnh sửa HTML, và chèn đọan code javascript bên dưới vào lên trên dòng </head>:

<script type='text/javascript'> window.onload = detectarCarga; function detectarCarga() {document.getElementById("imgLOAD").style.display="none"; } </script>

4 - Lưu templates lại.
Sau đó tạo một widget HTML/Javascript » rồi dán đọan code bên dưới vào:

<div id="imgLOAD" style="position:fixed;top:50px;right:200px" align="right">Đang tải...<br/><br /> <img src="link ảnh"/></div>

Chú ý:

+ top:50px;right:200px : Hãy điều chỉnh 2 thông số này để ảnh có vị trí thích hợp trên blog của bạn.
+ link ảnh : link ảnh động, tương tự ảnh mình đưa. Ta nên chọn các hình động có nền trong suốt.
+ position:fixed; : lệnh này dùng để cố định vị trí của ảnh trên màn hình(di chuyển theo khi rê chuột lên hoặc xuống), nếu muốn ảnh nằm ở một vị trí nào đó trên blog của bạn (tức là không di chuyển theo chuột) thì bạn đổi lại thành lệnh :position:absolute;

Ban quản trị:

Bạn đang đọc bài viết "Thủ thuật tạo hiệu ứng loading cho Blogger". Nếu bạn đang gặp khó khăn với cách làm trên hoặc mọi vấn đề khác, hãy gửi câu hỏi cho chúng tôi - TẠI ĐÂY - Đội ngũ lập trình sẽ trả lời bạn sau 3 phút, 24/24h (Nếu bị bật ra quảng cáo, vui lòng nhấn Bỏ Qua Quảng Cáo)