Thuộc tính CSS cho tiện ích Người theo dõi

Trang chủ » Widgets » Bạn đang xem:

Thuộc tính CSS cho tiện ích Người theo dõi

Thứ Tư, 22 tháng 12, 2010

Tiện ích Người theo dõi (Followers) là một tiện ích rất cần thiết cho blogspot, giúp kết nối bạn bè trong cộng đồng Blogger. Khi cài đặt tiện ích này, chúng ta thường sử dụng các thuộc tính mặc định sẵn có trong quá trình cài đặt.

Tuy nhiên chúng ta có thể điều chỉnh thuộc tính cho tiện ích này bằng cách sử dụng CSS. Bạn hãy đặt đoạn code dưới đây vào trước dòng ]]></b:skin>.

#Followers1 h2 {/* Thay đổi style tiêu đề */
}
#Followers1-wrapper {/* Chứa các thành phần */
}
.follow-this { margin: 0 5px 5px 0; text-align: right;}
.follow-this a { /* Liên kết Theo dõi */
color: #7E92A6; font-weight: normal; font-size: 11px;
}
.follow-this a:hover {color: #9EB2C6; font-weight: bold;}
.followers-canvas {/* Số người theo dõi */
background: transparent url(URL_hình ảnh) no-repeat scroll left top; color: #778899; float: right; font-size: 11px; font-weight: normal; margin: 5px 5px 0 0; padding-left: 15px; text-align: right;}
.following-not-admin a { /* Liên kết "Xem tất cả" */
color: #7E92A6; display: block; font-size: 11px; font-weight: normal; text-align: right;}
.following-not-admin a:hover {color: #9EB2C6; font-weight: bold;}
.blog-admin a { /* Liên kết "Quản lý" */
color: #7E92A6; font-weight: normal; font-size: 11px;}
.blog-admin a:hover {color: #9EB2C6; font-weight: bold;}
.followers-grid { /* Vị trí không gian hiển thị Avatar */
margin: 0 auto; padding: 0;}
.follower-img {float: left; margin: 0; padding: 0;}
.follower { /* style cho avatar người theo dõi */ float: left; height: 70px; margin: 0px; width: 70px}

Nếu bạn biết về CSS thì có thể tùy ý điều chỉnh đoạn CSS trên theo ý tưởng của bạn. :4)
Copy bài viết: