Thư viện

Trải nghiệm

Thứ Ba, tháng 10 23, 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.

Chia sẻ:
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!

10 nhận xét:

  1. Cho mình hỏi: Cái link RSS mình lấy ở đâu hay phải đăng kí ở đâu vậy bạn?

    Trả lờiXóa
  2. Cái Feedburner Nam chẳng đã đăng kí giúp mình rồi đó sao. Ý mình muốn hỏi là cái link Như thế này bạn lấy ở đâu vậy?...

    Trả lờiXóa
    Trả lời
    1. Bạn chỉ cần thay namkna ở trong link bên dưới thành tên blog đã đăng ký feed của bạn thôi.

      http://namkna.blogspot.com/feeds/comments/default

      Ví dụ thuthuatvitinh của bạn:

      http://thuthuatvitinhaz.blogspot.com/feeds/comments/default

      Xóa
  3. Nam xem lại hộ mình sao RSS của mình nó ngắn thế nàynhỉ?

    Trả lờiXóa
    Trả lời
    1. Bạn đã cài URL feed vào blog ngangianghoa chưa thế bạn. Chưa cài nó sẽ trống trơn đó.

      Xóa
  4. Cài như thế nào vậy Nam? Mình là lính mới nên cứ thấy Nam và mọi người hướng dẫn thế nào thì mình theo vậy chứ những cái này mình còn ngu ngơ lắm. Mình chỉ thấy 2 blog này mình làm như nhau mà nó hiển thị khác nhau nên mình thắc mắc chứ mình cũng không biết đúng hay sai.
    Link RSS 1
    Link RSS 2

    Trả lờiXóa
  5. À , mà ý bạn là cái này phải không:
    URL chuyển hướng nguồn cấp dữ liệu bài đăng : http://feeds.feedburner.com/ngangianghoa
    Mình cài rồi đấy thôi..

    Trả lờiXóa