Thứ Bảy, 21 tháng 9, 2013

Loading Điếm Phần Trăm Đẹp Cho Blog

Hôm nay chúng tôi sẽ chia sẻ đoạn code Load điếm phần trăm mỗi khi click trang cho Web/blog đẹp hiệu ứng cho Web/Blog.


Phần 1. Chèn code CSS
B1- Đăng nhập (login) vào Blog
B2- Vào Mẫu (Template)
B3- Chọn Chỉnh sửa HTML (Edit HTML) => Tiếp tục (Proceed):

B4- Chèn đoạn CSS sau phía trên thẻ ]]></b:skin> trong template: Bạn nhấn Ctrl+F để tìm thẻ


Chèn đoạn CSS này vào trước : ]]></b:skin>
#overlay-popup {
background-color: black;
opacity: 0.6;
position: fixed;
top: 0px;
left: 0px;
z-index: 332;
width: 100%;
height: 100%;
}
#bar_window {
background: rgba(255, 255, 255, 0.24);
border-radius: 5px;
-moz-border-radius: 5px;
padding: 5px;
z-index:345;
width:350px;
height:80px;
}
#content-cont {
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.8);
}
#bar {
background: url('http://lh5.ggpht.com/-BGCxD9O-_Y0/Uj5nZc7t5OI/AAAAAAAACCA/HgBhVE_AdbU/s0/loadbar.jpeg') blue no-repeat top left;
}
.error-page h3 {
font-family: sans-serif, times new roman;
font-size: 14px;
}
.error-page ul {
list-style: none;
}
.error-page .other-things {
margin-bottom:10px;
}
Phần 2: Phần code Javascript Chèn vào template bằng các: Vào Mẫu (Template) => Chọn Chỉnh sửa HTML (Edit HTML) => Tiếp tục (Proceed) => Dán đoạn code bên dưới vào sau thẻ <head> : Bạn nhấn Ctrl+F để tìm thẻ nhé. 
<script src='http://vietconsinfo.googlecode.com/svn/load-processbar.js' type='text/javascript'></script>
Cuối cùng là lưu lại.
Người đăng: vào lúc
Nhãn:

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)