Tips: Recent post by label แบบง่ายมากๆ

image

ผมเคยแชร์วีทีทำ Recent post by label หรือ Recent post ที่แยกตามแต่ละ Label ที่เราต้องการไปแล้วที่บทความ “Tips: Recent Posts By Label For Blogger.Com” แต่มันจะมีขั้นตอนที่ยุ่งยากนิดนึง วันนี้เลยจะมาแชร์อีกวิธีที่ง่ายกว่ากันเยอะครับ นั่นคือ Copy โค้ดชุดด้านล่างนี้ไปใช้ได้เลย สามารถวางไว้ตรง Add Gadget >> HTML/JavaScriptAdd ก็ได้ หรือวางที่ Post ก็ได้ครับ

<!-- Recent Posts by Label Start -->
<!-- code by BloggerSentral.com -->
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="YOUR_BLOG_URL/feeds/posts/summary/-/YOUR_LABEL?max-results=SHOW_HOW_MANY&alt=json-in-script&callback=recentpostslist"></script>
<!-- Recent Posts by Label End -->


แล้วก็เพียงใส่ URL ของ Blog เราตรง “YOUR_BLOG_URL” แล้วก็ใส่ Label ที่เราต้องการแทนที่คำว่า “YOUR_LABEL” และสุดท้ายก็ใส่จำนวนบทความที่ต้องการให้แสดงตรง "SHOW_HOW_MANY" ก็แค่นี้ครับก็จะได้ Recent post by label มาแสดงบนหน้าเว็บ/blog ของเราแล้ว เพียงแต่ว่าวิธีนี้จะไม่มี Thumbnail (รูปเล็กๆ) มาด้วยนะครับ จะมีแค่ Text เลย ก็เอาไว้ใช้ตามรูปแบบของเราน่ะครับ

Comments