Thư viện

Trải nghiệm

Thứ Ba, tháng 2 28, 2012

Tạo Feed cho tất cả các nhãn bài đăng

Chia sẻ:
Feed giúp cho người đọc có thể theo dõi blog của bạn một cách tốt nhất, Hôm nay namkna xẽ hướng dẫn cho các bạn cách gán feed cho từng nhãn của blogspot. 
Có 2 dạng như sau:
  • Dạng 1: gán feed cho tất cả các nhãn nàm trong widget laber.
  • Dạng 2: Gán feed cho tên nhãn nằm cuối mỗi bài đăng.
- Trong bài này namkna sẽ hướng dẫn các bạn ách làm cả 2 thủ thuật.
- Để thực hiện được thủ thuật này thì các bạn phải đăng ký feed và dán vào nguồn cấp dữ liệu cho trang web, nếu bạn nào chưa biết cách đăng ký feed thì xem bài này nha: Cách đăng ký và sử dụng FeedBurner cho Blogspot

Dạng 1: gán feed cho tất cả các nhãn nàm trong widget laber.

Ảnh minh họa:
 
Cách tiến hành:
   1- Đăng nhập vào Blog
   2- Vào thiết kế
   3- Chọn Chỉnh sử HTML 
   4- Chọn Mở rộng tiện ích mẫu
   5- Nhấn CTRL + F để tìm đoạn code có dạng tương tự như sau:

          <b:loop values='data:labels' var='label'>
            <li>
              <b:if cond='data:blog.url == data:label.url'>
                <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
              <b:else/>
                <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
              </b:if>
              <b:if cond='data:showFreqNumbers'>
                <span dir='ltr'>(<data:label.count/>)</span>
              </b:if>
            </li>
          </b:loop>
    - Và thay thế chúng bằng đoạn code sau::
    <b:loop values='data:labels' var='label'>
    <li>
    <a expr:href='data:blog.homepageUrl + 
    &quot;feeds/posts/default/-/&quot; + data:label.name'><img
     alt='Subscribe' 
    src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' 
    style='vertical-align:middle;border:0'/></a>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    <span dir='ltr'/>
    </li>
    </b:loop>
       6- Sau đó bấm Lưu Mẫu lại.

    Dạng 2: Gán feed cho tên nhãn nằm cuối mỗi bài đăng.


     Ảnh minh họa: 

    ☼ Bây giờ ta bắt đầu:
        1. Đăng nhập blog
        2. Vào bố cục (layout)
        3. Vào chỉnh sửa code HTML (edit code HTML)
        4. chọn Mở rộng mẫu tiện ích (Expand widget template)
        5. Tìm đọan code sau: (hoặc tương tự)
    <div class='post-footer-line post-footer-line-2'>
    <span class='post-labels'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
    
    </span>
    </div>
        6. Thay thế đoạn code màu xanh thành đọan code màu đỏ như bên dưới:
    <div class='post-footer-line post-footer-line-2'>
    <span class='post-labels'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><a expr:href='&quot;http://tpm1512.blogspot.com/feeds/posts/default/-/&quot; + data:label.name' target='_blank'><img src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png'/></a>
    <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
    
    </span>
    </div>
       7- Sau đó bấm Lưu Mẫu lại. 

    Chúc thành công!

    4 nhận xét:

    1. @Đầu tư tri thức Không có gì rất vui vì bạn thích nó :3) :3) :3)

      Trả lờiXóa
    2. Thế này là sao? Namkna

      http://4.bp.blogspot.com/-NA3Q-6SfjTE/UQHkENwCunI/AAAAAAAABJA/c4sjSoKJ_ew/s1600/Untitled.png

      Trả lờiXóa
      Trả lời
      1. Đính chính, Lỗi gặp khi xem trên Chorme, firefox thì không sao :D ?

        Xóa