1 Giới thiệu một kiểu phân trang đẹp cho Blogger 27/02/12, 01:02 pm
[KiNg]_[PiN]-BB
nhiều kiểu phân trang đẹp :7) cho Blogger. Hôm nay xin giới thiệu một
kiểu phân trang về cơ bản cũng khá giống với nhiều kiểu khác song hơi
khác một chút về cách cài đặt.
Trước khi cài đặt, bạn nên xem trang Demo.
Bước 1. Đăng nhập Blogger, vào chỉnh sửa Template. Đặt đoạn code css dưới đây vào trước dòng ]]>.
- Code:
.showpageArea a {
text-decoration:underline;
background: #ffffff;
padding: 10px 10px 10px 10px;
font-size:11px;
font-weight:bold;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #9aafe5;
margin:0 1px;
padding:3px 4px;
}
.showpageNum a:hover {
border: 1px solid #9aafe5;
background-color:#33CCFF;
color:#fff;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #2e6ab1;
background: #2e6ab1;
margin:0 1px;
padding:3px 4px;
font-size:11px;
font-weight:bold;
}
.showpageOf {
text-decoration:none;
padding:3px 4px;
margin: 0 1px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #9aafe5;
padding:3px 4px;
}
.showpage a:hover {
text-decoration:none;
color: #33CCFF;
}
Bước 2. Đặt đoạn code dưới đây vào trước thẻ