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!

,

0 nhận xét

Write Down Your Responses

Quảng Cáo/ Thông Báo của lớp báo k32

Tổng số Khách

Thứ Bảy, 8 tháng 9, 2012

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!

Không có nhận xét nào:

Đăng nhận xét

Widget#2

Widget#5

Widget#4

primaryBottomSidebar

Footerpages

Trang

Bottom Navi

Được tạo bởi Blogger.

Người theo dõi

TIÊU ĐIỂM