Thẻ data xuất dữ liệu trong Blogger XML

Cũng giống như những nền tảng về blog khác, Blogger hỗ trợ cho chúng ta khả năng tùy chỉnh giao diện Blogger. Một trong những thứ không thể thiếu ở đây chắc chắn có dữ liệu mà người dùng nhập vào hoặc tùy ở trong mã nguồn này (tiêu đề bài viết, tiêu đề blog, tên widget, nội dung widget,...). Hôm nay mình xin được giới thiệu đến các bạn về cách lấy dữ liệu ra để sử dụng.

<data:tên_dữ_liệu>

Cú pháp sử dụng

Cú pháp sử dụng của thẻ data đơn giản được sử dụng như sau
<data:tên/>
hoặc
<data:tên.tên2/>
trong đó:
  • tên chính là tên của dữ liệu cần lấy ra.
  • tên2 là dữ liệu con của dữ liệu tên nằm trước nó.

Ở đây điều cần lưu ý chính là chỉ có một số ít dữ liệu có thể dùng thẻ data lấy ra ở bất cứ đâu người ta gọi nó là Globally Available Data, còn lại tất cả thẻ data thưởng được đặt trong đoạn mã của một widget để gọi ra dữ liệu của riêng của widget đó. Bạn có thể tham khảo qua toàn bộ tên dữ liệu của Blogger ở đây để gọi ra sử dụng: Tên Data Blogger XML.

Ví dụ

Bạn có thể gọi ra tiêu đề blog ở bất cứ vị trí nào trong Template của bạn bằng cú pháp
<data:blog.title/>

Còn bạn muốn gọi ra tiêu đề bài viết trong widget Blog thì như sau
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
  <b:includable id='main' var='top'>
    <b:loop values='data:posts' var='post'>
      <data:post.title/>
    </b:loop>
   </b:includable>
</b:widget>

Video hướng dẫn

CẬP NHẬT SAU

Tạm kết

Bài giới thiệu về thẻ data trong Blogger XML thì đơn giản chỉ có thể thôi, nếu các bạn bất cứ ai không hiểu có thể trực tiếp để lại nhận xét ở dưới bài viết này mình sẽ hỗ trợ.

25 bình luận

  1. avatar says

    18:03 Ngày 28 tháng 06 năm 2015

    Tớ chỉ thích những thủ thuật mì ăn liền thôi. Mấy cái này dành cho chuyên gia, dân đen như mình chả biết dùng (-, - )

  2. avatar says

    18:35 Ngày 28 tháng 06 năm 2015

    Vậy chắc sắp tới phải kiếm thời gian sáng tạo ra mấy gói mì rồi :D

  3. avatar says

    12:54 Ngày 03 tháng 07 năm 2015

    Đăng ký quảng cáo lazada cái phần công ty nó bắt phải điền thì lầm sao Nâm? :(

  4. avatar says

    10:00 Ngày 05 tháng 07 năm 2015

    Chịu anh ơi em đâu có xài của Lazada bao giờ đâu @@

  5. avatar says

    09:50 Ngày 06 tháng 07 năm 2015

    Ơ, tại mấy lần trc vào đây toàn thấy quảng cáo widget bên phải of Nâm là Lazada, hnay ko thấy nữa @@

  6. avatar says

    18:57 Ngày 08 tháng 07 năm 2015

    Admin ơi cho hỏi, làm thế nào để xuất hiện dòng chữ mờ bên trong khung textarea mà khi nhấp chuột vào thì nó tự động biến mất. Ví dụ như chữ "Từ khóa tìm kiếm..." trong khung search của blog này ấy :-?

  7. avatar says

    08:18 Ngày 09 tháng 07 năm 2015

    Thêm một nùi này vào input hay textarea nha
    onblur="if ( this.value == '' ) { this.value = 'Từ khóa tìm kiếm…'; }" onfocus="if ( this.value == 'Từ khóa tìm kiếm…') { this.value = ''; }" value="Từ khóa tìm kiếm…"

  8. avatar says

    14:13 Ngày 12 tháng 08 năm 2015

    Làm sao để sử dụng <data: cái gì đó/> vào javascript có khi nào

    <script type=javascript>
    var bien = <data: cái gì đó/>
    </script>

  9. avatar says

    03:05 Ngày 15 tháng 08 năm 2015

    Làm thế nào để link có gạch dưới mờ và ko dính chữ như trag này Lâm ơi :d

    http://www.smashingmagazine.com/2015/07/desktop-wallpaper-calendars-august-2015/

  10. avatar says

    18:48 Ngày 18 tháng 08 năm 2015

    CSS của nó này
    a {
    border-bottom: 0.08em solid rgba(0, 0, 0, 0.1);
    padding-bottom: 0.08em;
    }

  11. avatar says

    19:06 Ngày 18 tháng 08 năm 2015

    Chính xác là vậy đó bạn.

  12. avatar says

    22:49 Ngày 18 tháng 08 năm 2015

    Nó làm thế nào để ảnh dính link ko bị gạch ở dưới nhỉ :(

  13. avatar says

    18:42 Ngày 22 tháng 08 năm 2015

    Nếu mà sử dụng Blogger giống như Duy thì thêm một đoạn css thế này nữa.
    .tr-caption-container a {
    border-bottom: 0;
    padding-bottom: 0;
    }

  14. avatar says

    17:24 Ngày 23 tháng 08 năm 2015

    Tớ thử dồi mà ảnh vẫn còn border-bottom hiện ra

  15. avatar says

    18:47 Ngày 28 tháng 08 năm 2015

    Duy thử lại cái này xem
    .tr-caption-container a {
    border-bottom: 0!important;
    padding-bottom: 0!important;
    }

  16. avatar says

    09:16 Ngày 30 tháng 08 năm 2015

    Bác Lâm cho em hỏi, có cách nào để làm một cái tiện ích recent comments nhưng chỉ lấy nhận xét từ một bài viết nhất định không?

  17. avatar says

    13:15 Ngày 30 tháng 08 năm 2015

    Được, nhưng mục đích làm gì :D

  18. avatar says

    13:49 Ngày 30 tháng 08 năm 2015

    Em làm được rồi bác à, hóa ra cái recent comments em đang dùng cũng đáp ứng được vấn đề này :))

    Em định lập mục hỏi đáp, làm thêm cái tiện ích đó cho đỡ loãng với các bài khác. Và em khẩn thiết đề nghị bác lập một trang Q&A đi. Nhiều khi hỏi xong quên bookmark mấy hôm sau vào lại chả biết ở đâu mà tìm nữa!

  19. avatar says

    14:42 Ngày 30 tháng 08 năm 2015

    Ok ý tưởng quá được bác ơi ^^

  20. avatar says

    18:13 Ngày 30 tháng 08 năm 2015

    Chưa ổn bác ạ. Em đổi lại câu hỏi, liệu có cách nào để lấy comment ở tất cả nhưng trừ bài viết nhất định không bác :-?

  21. avatar says

    00:51 Ngày 17 tháng 09 năm 2015

    Lâm cho mình hỏi: làm thế nào để mình thêm một iframe vào một vị trí trong template và gọi nó hiển thị ở một bài viết cụ thể nào đó. Giống như cách gọi một class vậy. Mong Lâm hướng dẫn cụ thể. Cảm ơn nhiều!

  22. avatar says

    11:58 Ngày 01 tháng 10 năm 2015

    mỗi bài viết đều sẽ có một id post riêng. do vậy, bạn chỉ cần tạo một class mới cho iframe cho ẩn ở tất cả trừ id post đó bằng css là được

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.