Biểu tượng loading cho Blogspot
Bạn lướt web thỉnh thoảng bạn sẽ thấy ở một số 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.
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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqi6IVlxJwqDZ24ollORmlZmYONAD9fala0XQEY70yJbDXtwD4KgUn0XQwU3w0TZZ7umK7ZRVxgP7pUqGg-1KJ1pcG0LSWexfotzqTWSlwCgojl_kJNcHQcurr1qnGbS8YGUmng5m9J2tA/'/></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 tím than) 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
Nguồn CGC Forum
Từ khóa : no keyword
Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..
Related Posts:
- Next Code tạo hiệu ứng Peel đẹp mắt cho hình ảnh
- Previous Một số mã màu cơ bản trong thiết kế Web dành cho WebDesigner
Được viết bởi Khánh Nguyễn
Blog của tôi, Nguyễn Đạt Khánh là tên của tôi :Nghề nghiệp: IT Computer Networking - Kỹ thuật viên Mạng máy tính Viễn thông
Bạn đang xem Blog của tôi. Đừng quên nhấn Like và Share để ủng hộ. Một điều tốt nhất mà tôi mong đợi, là những dòng Comments thiện chí với nhau. Xin chân thành cảm ơn tất cả các bạn.
Nơi truy cập vào Nick của Tôi trên mạng:
0 Comments:
Đăng nhận xét