Code chỉnh sửa widget RSS | Blog | Blog Thiết Kế

Kỹ thuật nâng cao

Code chỉnh sửa widget RSS

Jul 7, 2012 10:16 AMPublicPageviews 2777 24

Hôm nay Cherries đã nhận được bài đóng góp đầu tiên cho Blog Thiết Kế Blogger KuChip. Thật vui đúng không các bạn

Cherries cùng chia sẻ với các bạn bài viết này nhé

Để chèn code vào blog, các bạn xem bài này nhé: Cách chèn code CSS vào blog
Bấy lâu nay mình luôn là người đi hỏi code về làm đẹp cho blog mà chưa đóng góp được gì.
Hôm nay ngồi xem lại thấy có phần Rss của blog là có vẻ như chưa ai viết hướng dẫn làm đẹp, vậy nên mình viết bài chia sẻ một số code trong mục này.

Đầu tiên là Demo:

Đầu tiên là code thay thế icon:

#widget-rss .ico{background:url(Link Icon) no-repeat center; width:35px;height:35px;margin:0 5px 10px 0;}

Còn đây là code hiệu ứng khi rê chuột vào icon giống như demo phía trên

#widget-rss .ico:hover{background:url(Link Icon) no-repeat center; width:35px;height:35px;margin:0 5px 10px 0;}

Code cho phần chữ " Đăng ký RSS"

#widget-rss .bd a{ font-size:16px;}

Chú ý: Trong dấu "{ }" các bạn có thể chèn thêm các thuộc tính cho chữ, xem thêm tại đây.

Còn đây là code mà mình đang dùng :)

.ico{background:url(http://cdn4.iconfinder.com/data/icons/smoothies/32x32/32_rss.png) no-repeat center;width:35px;height:35px;margin:0 5px 10px 0;}
#widget-rss .ico:hover{background:url(http://cdn2.iconfinder.com/data/icons/circular/32/rss.png) no-repeat center;width:35px;height:35px;margin:0 10px 16px 0;}
#widget-rss .bd a { font-size:16px; }

Đây là một số icon để thay thế, các bạn có thể tìm thêm tại iconfinder.com hoặc findicons.com