Một số thủ thuật Blogger với template Perception - 21102019

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

Monday, May 2, 2011

Một số thủ thuật Blogger với template Perception

Một số thủ thuật chỉnh sửa cho template Perception của Noct.


1.Đóng khung chữ Read More (Xem thêm) :




Kiếm từ khóa :

.jump-link
Thay thế đoạn code sau vào :

.jump-link, .rmlink { margin:7px 0 5px 0 }
.jump-link a:hover, .rmlink a:hover { text-decoration:none;font-size:17px;color:#fff; }

.jump-link span,.jump-link a {
border: 1px solid #BFBFBF;
padding: 5px 10px;
margin: 7px;
font-size:15px;color:#fff;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
background:#003D73;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px }


Ngoài ra có thề tùy biến theo cách khác,xem tại đây: Click Here


2.Kẻ đường phan cách giữa các bài viết:


thêm vào đoạn code sau:


.post { border-bottom:1px solid #d6d6d6;margin-top:30px }

3. Thêm icon phía trước cho Categories:

Kiếm :
.sidebar
Thêm vào đoạn sau:

.sidebar ul {
list-style-type:none;
padding:0px;
margin:0px;
}
.sidebar ul li {
background-image:url(https://dl-web.dropbox.com/get/Blogger/template_perception/img01.jpg?w=014b03e2);
background-repeat:no-repeat;
background-position:left;
padding-left:14px;
}

No comments:

Post a Comment

Post Top Ad

Responsive Ads Here