Cách trích xuất thông tin của một bài đăng từ nguồn cấp dữ liệu feeds của Blogger bằng JavaScript
Dưới đây là đoạn JavaScript đơn giản trích xuất thông tin của một bài đăng bao gồm: id, ngày xuất bản, ngày cập nhật, danh sách label, tiêu đề, nội dung hoặc đoạn trích tóm tắt, liên kết bài đăng, hồ sơ tác giả, ảnh bài viết, số nhận xét từ nguồn cấp dữ liệu feeds, lưu ý cần cài đặt cho phép nguồn cấp dữ liệu blog. Mình có ghi rõ trong phần chú thích script các bạn có thể cài đặt thay thế
<script>//<![CDATA[
var home_page = '/', // Nếu nguồn cấp blog khác ghi điạ chỉ trang chủ blog
start_index = 1, // post bắt đầu
max_results = 5, // Số post cần lấy thông tin
blogId = '1452417794068999357' // ID của blog
function extract_data(e) {
if (e.feed.entry) { // Nếu blog có bài đăng
for (var i = 0; i < e.feed.entry.length; i++) { // Tạo vòng lặp lấy số tăng dần từ 0 và bé hơn tổng số post của blog
var entry = e.feed.entry[i], // Thông tin chung của mỗi post
c = ''
c += i + '.['
c += '<br>'
c += ' id: ' + entry.id.$t.replace('tag:blogger.com,1999:blog-' + blogId + '.post-', '') + '<br>' // id post
c += ' published: ' + entry.published.$t + '<br>' // Ngày xuất bản
c += ' updated: ' + entry.updated.$t + '<br>' // Ngày cập nhật
c += ' category: <br>' // Danh sách label
if ('category' in entry) {
c += ' {<br>'
for (var k = 0; k < entry.category.length; k++) {
c += ' ' + k + ': ' + entry.category[k].term + '<br>'
}
c += ' }<br>'
}
c += ' title: ' + entry.title.$t + '<br>' // Tiêu đề
if('content' in entry){
c+=' content: '+entry.content.$t + '<br>'
}else if('summary' in entry){
c+=' summary: '+entry.summary.$t + '<br>'
}
for (var a = 0; a < entry.link.length; a++) { // Liên kết
if (entry.link[a].rel == "alternate") {
c += ' link: ' + entry.link[a].href + '<br>'
break
}
}
c += ' author:<br>' // Hồ sơ tác giả
c += ' {<br>'
c += ' name: ' + entry.author[0].name.$t + '<br>' // Tên
c += ' uri: ' + entry.author[0].uri.$t + '<br>' // Liên kết hồ sơ
c += ' gd$image: ' + entry.author[0].gd$image.src + '<br>' // Ảnh
c += ' }<br>'
if ('media$thumbnail' in entry) { // Ảnh
c += ' media$thumbnail: ' + entry.media$thumbnail.url + '<br>'
}
if ('thr$total' in entry) { // Số nhận xét
c += ' thr$total: ' + entry.thr$total.$t
}
c += '<br>'
c += ']<br>'
document.getElementById('ta_output').innerHTML += c
}
}
}
document.write('<script src="'+home_page+'feeds/posts/default?alt=json-in-script&start-index='+start_index+'&max-results='+max_results+'&callback=extract_data"><\/script>')
//]]></script>
Xem demo
0.[
id: 5137039586047935527
published: 2025-05-24T04:21:00.000-07:00
updated: 2025-05-24T04:23:03.595-07:00
category:
{
0: 300.000
1: template-blogspot
2: template-blogspot-ban-hang
}
title: Template blogspot bán hàng Shopping
content:Template Blogspot Shopping AMP HTML v1.2 Responsive đẹp chuẩn seo là mẫu template có giao diện theo kiểu bán hàng đơn giản, bố cục dễ nhìn tập trung vào tốc độ tải trang và thân thiện với mobile rất thích hợp cho người làm trang web tin tức về ô tô, xe máy. Đây là mẫu mới có giao diện đẹp, tốc độ tải trang rất nhanh, dữ liệu có cấu trúc đầy đủ, seo friendly và mobile friendly, bố cục tiện ích gọn gàng dễ dàng cài đặt không phải can thiệp quá nhiều vào theme, v.v..
link: https://www.thietkeblogspot.com/2025/05/template-blogspot-ban-hang-shoping.html
author:
{
name: admin
uri: http://www.blogger.com/profile/12261194085640147126
gd$image: //blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitbr2LwRwI9_jrpJCIq9aq06zo09a4KC8TNAlnhIsiK0dR0ogRhae-75331xrTOFEDTBJbetZ77Pstbbm3oBgGQRM_IOk-7aYUaJEOPd2ywDuBhI6HKe0DUWcihskAHcI/s220/9a8aefd40e158492cabc473edaf77b88.png
}
media$thumbnail: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWstPu3opyokguZHfEEnrNy0P_ewI7d4alOxdsHKgjZJodIard4e6NSxSfV4GQoArzqncv07Uj8daoOEyz7e4g5gwo7gF3iO0OgPjfZmO1S8JO3S2XrMhtLNnH_lz993vVm1ioyMU4hLd9Mapozhyd78vNg7lTbgQ_ddilgSv-PKCufj7ucU0hOEoJeRM/s72-c/template-blogspot-ban-hang-shoping.png
thr$total: 0
]
1.[
id: 6852677644264036011
published: 2025-05-24T04:15:00.000-07:00
updated: 2025-05-24T04:15:13.943-07:00
category:
{
0: 500.000
1: template-blogspot
2: template-blogspot-ban-hang
}
title: Template blogspot bán dụng cụ thể thao
content:Template blogspot bán hàng dụng cụ thể thao MetaSporty đẹp chuẩn seo là mẫu template có giao diện theo kiểu bán hàng, bố cục dễ nhìn tập trung vào tốc độ tải trang và thân thiện với mobile rất thích hợp cho người làm trang web bán hàng dụng cụ thể thao. Đây là mẫu mới có giao diện đẹp, tốc độ tải trang rất nhanh, dữ liệu có cấu trúc đầy đủ, seo friendly và mobile friendly, bố cục tiện ích gọn gàng dễ dàng cài đặt không phải can thiệp quá nhiều vào theme, v.v..
link: https://www.thietkeblogspot.com/2025/05/template-blogspot-ban-dung-cu-the-thao.html
author:
{
name: admin
uri: http://www.blogger.com/profile/12261194085640147126
gd$image: //blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitbr2LwRwI9_jrpJCIq9aq06zo09a4KC8TNAlnhIsiK0dR0ogRhae-75331xrTOFEDTBJbetZ77Pstbbm3oBgGQRM_IOk-7aYUaJEOPd2ywDuBhI6HKe0DUWcihskAHcI/s220/9a8aefd40e158492cabc473edaf77b88.png
}
media$thumbnail: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzSXcV10yWJ60Dnp2p1mqzjmuZFY03Nt41lkR5_k1EC0HwR4d-EmrYj8ug8dLAPly1z6tWTSG691m2zjxmMdSNFWbdsiqNJWvBkS_wPwUXKYSmsXAiDkFCuOVedicgtiuNoA5nUll80hnqa11xgk6lIl33qPMW_i-_9SgDwkpnOhoIYQG3sG03fYFGdfg/s72-c/template-blogspot-ban-dung-cu-the-thao.png
thr$total: 0
]
2.[
id: 2477803779209429901
published: 2025-05-23T21:15:00.000-07:00
updated: 2025-05-23T21:15:34.281-07:00
category:
{
0: 500.000
1: template-blogspot
2: template-blogspot-landing-page
}
title: Template blogspot landing page bán giao diện website
content:Landing Page là mẫu được thiết kế kết hợp giữa giới thiệu Dịch vụ với Bán sản phẩm, đây là mẫu giao diện được mình thiết kế và sử dụng cho chính trang web này. Giao diện được mình thiết kế tỉ mỉ đảm bảo các yếu tố cần thiết của một template chuẩn. Tốc độ tải trang tương đối nhanh, Reponsive với mọi kích thước màn hình, thân thiện với Mobile, dữ liệu có cấu trúc đầy đủ...
link: https://www.thietkeblogspot.com/2025/05/template-blogspot-landing-page-ban-giao-dien-web.html
author:
{
name: admin
uri: http://www.blogger.com/profile/12261194085640147126
gd$image: //blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitbr2LwRwI9_jrpJCIq9aq06zo09a4KC8TNAlnhIsiK0dR0ogRhae-75331xrTOFEDTBJbetZ77Pstbbm3oBgGQRM_IOk-7aYUaJEOPd2ywDuBhI6HKe0DUWcihskAHcI/s220/9a8aefd40e158492cabc473edaf77b88.png
}
media$thumbnail: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwlqDkYmgB2c-igix8QzEp4v3R_1PfFp0Cqj22BvblZSrGL2x3JlHpMLOY8YfwfAmM9kxdlMAZZEnrzWVOOoSXRstlKKuQ1PRgw0E4qd83NG99zzx08R-Jdxrumtk6JNxLBPRaafXyAptnGKzZyHG6W2OP8hyUnhha9d3vwisBhMxFCPCnmvNXTrbZclo/s72-c/template-blogspot-landing-page-ban-giao-dien-web.png
thr$total: 0
]
3.[
id: 7870097610439001878
published: 2025-05-23T20:59:00.000-07:00
updated: 2025-05-23T20:59:46.342-07:00
category:
{
0: 500.000
1: template-blogspot
2: template-blogspot-landing-page
}
title: Template Blogspot Landing App Business
content:Premium App Business Blogger template cực đẹp được thiết kế theo phong cách landing page. Code dễ đăng bài, dễ dùng. Đây là một mẫu blog đẹp chuẩn seo. Code các trang chủ, tin tức đều cao cấp và trông rất chuyên nghiệp.
link: https://www.thietkeblogspot.com/2025/05/template-blogspot-landing-premium-app.html
author:
{
name: admin
uri: http://www.blogger.com/profile/12261194085640147126
gd$image: //blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitbr2LwRwI9_jrpJCIq9aq06zo09a4KC8TNAlnhIsiK0dR0ogRhae-75331xrTOFEDTBJbetZ77Pstbbm3oBgGQRM_IOk-7aYUaJEOPd2ywDuBhI6HKe0DUWcihskAHcI/s220/9a8aefd40e158492cabc473edaf77b88.png
}
media$thumbnail: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaXyB_tPEh9FuC-p-va6s3sXDTtSZ9OIoR2hyCqjL5fITopoYSkaYDeN8B62r7H1pPLAljOcILUJy18hfBfb2c_Jjp0S9oFGd_46xAk-HvKJ8Nw-1hxh_cepq0zm-tlqVwQxv61aiujbTXCZceU4bbmLXE_tsYerY8TV4I6f5uRnFghZ1Xsj0Lyqyrmu0/s72-c/template-blogspot-landing-app-business.png
thr$total: 0
]
4.[
id: 439418455888325605
published: 2025-05-22T04:04:00.000-07:00
updated: 2025-05-22T04:05:09.252-07:00
category:
{
0: 300.000
1: template-blogspot
2: template-blogspot-landing-page
}
title: Template Blogspot Basil Portfolio Landing Page
content:Basil Portfolio Blogger Premium Template đẹp chuẩn seo là mẫu template có giao diện theo kiểu landing, bố cục dễ nhìn tập trung vào tốc độ tải trang và thân thiện với mobile rất thích hợp cho người làm trang web landing kết hợp dịch vụ. Đây là mẫu mới có giao diện đẹp, tốc độ tải trang rất nhanh, dữ liệu có cấu trúc đầy đủ, seo friendly và mobile friendly, bố cục tiện ích gọn gàng dễ dàng cài đặt không phải can thiệp quá nhiều vào theme, v.v..
link: https://www.thietkeblogspot.com/2025/05/template-blogspot-basil-portfolio.html
author:
{
name: admin
uri: http://www.blogger.com/profile/12261194085640147126
gd$image: //blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitbr2LwRwI9_jrpJCIq9aq06zo09a4KC8TNAlnhIsiK0dR0ogRhae-75331xrTOFEDTBJbetZ77Pstbbm3oBgGQRM_IOk-7aYUaJEOPd2ywDuBhI6HKe0DUWcihskAHcI/s220/9a8aefd40e158492cabc473edaf77b88.png
}
media$thumbnail: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJpIK84WDAlsFt3jm_2JcaN5xN6mYGGaYJO8rdK2u5IG2t6fbszzw8SJWy6D4fevzAt9kxM1X1N5DhPp0sCiEx4h5V1VNU56HRurU3CjJ2kZ_haOXbaVkZgt5TSfpTxoy32gKS-20vXw1MocwvBf_1PMrWzyZXXDGmiz0kxDA6hf8nLr-FGckWm5Ju0No/s72-c/template-blogspot-basil-portfolio.png
thr$total: 0
]
Nice to meet you
Trả lờiXóa