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.
Ở đâ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.
Còn bạn muốn gọi ra tiêu đề bài viết trong widget Blog thì như sau
 |
| <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/><data:tên.tên2/>- 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
lúc 18:03 28 tháng 6, 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 (-, - )
lúc 18:35 28 tháng 6, 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
lúc 08:09 29 tháng 6, 2015
Hảo hảo lớ!
lúc 12:54 3 tháng 7, 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? :(
lúc 10:00 5 tháng 7, 2015
Chịu anh ơi em đâu có xài của Lazada bao giờ đâu @@
lúc 09:50 6 tháng 7, 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 @@
lúc 18:57 8 tháng 7, 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 :-?
lúc 08:18 9 tháng 7, 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…"
lúc 14:13 12 tháng 8, 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>
lúc 03:05 15 tháng 8, 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/
lúc 18:48 18 tháng 8, 2015
CSS của nó này
a {
border-bottom: 0.08em solid rgba(0, 0, 0, 0.1);
padding-bottom: 0.08em;
}
lúc 19:06 18 tháng 8, 2015
Chính xác là vậy đó bạn.
lúc 22:31 18 tháng 8, 2015
Thank u :d
lúc 22:49 18 tháng 8, 2015
Nó làm thế nào để ảnh dính link ko bị gạch ở dưới nhỉ :(
lúc 18:42 22 tháng 8, 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;
}
lúc 17:24 23 tháng 8, 2015
Tớ thử dồi mà ảnh vẫn còn border-bottom hiện ra
lúc 18:47 28 tháng 8, 2015
Duy thử lại cái này xem
.tr-caption-container a {
border-bottom: 0!important;
padding-bottom: 0!important;
}
lúc 10:22 29 tháng 8, 2015
Vẫn thế í
lúc 09:16 30 tháng 8, 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?
lúc 13:15 30 tháng 8, 2015
Được, nhưng mục đích làm gì :D
lúc 13:49 30 tháng 8, 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!
lúc 14:42 30 tháng 8, 2015
Ok ý tưởng quá được bác ơi ^^
lúc 18:13 30 tháng 8, 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 :-?
lúc 00:51 17 tháng 9, 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!
lúc 11:58 1 tháng 10, 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