Home »

Phân trang cho blogger - Numbered Page Navigation For Blogger

Sunday, December 30, 2012
Theo mặc định, Blogger đã có phân trang nhưng phân trang đó khó hiểu và có vẻ không đáp ứng được nhu cầu của người sử dụng blogspot. Thủ thuật blogger của itviet360 giới thiệu tới cộng đồng blogger 1 mẫu phân trang được khá nhiều blogger sử dụng. Những thủ thuật phân trang cho bloggspot đã được khá nhiều bạn giới thiệu tới. Và đó là một thủ thuật tuyệt vời, chúng ta dùng blogger ghen tị với Wordpress vì sự phân trang hoàn chỉnh của họ, nhưng blogger cũng đang khẳng định thế mạnh và nói lên blogger không hề thua kém Wordpress, thậm chí blogger còn có những ưu điểm lớn hơn.
thu thuat phan trang cho blogger
Đối với thủ thuật phân trang cho blogger mình giới thiệu dưới đây theo 2 cách làm. Tuy nhiên mình khuyến khích cách 1 vì khi thêm trực tiếp vào template có những ưu điểm lớn hơn.
CÁCH 1: Chỉnh sửa trong Template blogger
- Đăng nhập vào bảng điều khiển blogger, lựa chọn Layout (Mẫu) -> Edit HTML (chỉnh sửa HTML) và chọn vào Expand Widget Templates (mở rộng mẫu HTML)
- Tìm đến ]]>

Và dán code dưới đây ngay bên trên:

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Đó là Code CSS và các bạn có thể chỉnh sửa theo ý muốn của các bạn.
Tiếp theo tìm tới Code

Và dán code dưới đây ngay trên nó:
 




Tags: , , ,

Comments[ 0 ]


Post a Comment