Tạo nút RSS màu cam bằng CSS thuần túy

Khi tạo liên kết RSS trên website hoặc webblog, bạn có thể sử dụng nút RSS màu cam tương thích với màu biểu tượng RSS mà không cần sử dụng hình ảnh. Thao tác này có thể được thực hiện bằng thủ thuật CSS đơn giản kết hợp với HTML.

Các bạn có thể xem demo ngay ở duwois đây.

FEED        RSS

☼ Cách tiến hành:
1- Đăng nhập vào Blog
2- Vào Mẫu
3- Chọn Chỉnh sử HTML (Edit HTML)

4- Đặt phần CSS bên dưới vào giữa 2 thẻ và . Đối với Blogger thì đặt trước dòng code ]]></b:skin>.

.feed {
border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:4px;
}

Sau đó đặt đoạn code sau vào vị trí muốn hiển thị nút RSS. Bạn có thể đặt tên văn bản cho nút là RSS hoặc FEED đều được.

<a href="/rss/" class="feed">FEED</a>

Chúc thành công!

More about →