Widget hiển thị bài viết theo label đơn giản và đẹp

Tại những bài viết trước mình đã giới thiệu với các bạn cách hiển thị bài viết mới theo label dạng 1 cột và 2 cột rất đẹp. Các bạn có thể tham khảo tại đây và đây.

Nhưng 2 cách trên nhiều khi làm cho 1 số các bạn mới tìm hiểu gặp khó khăn do độ dài code, và nhiều thao tác. Vì vậy hôm nay mình sẽ giới thiệu với các bạn 1 cách đơn giản hơn và dễ làm hơn để tạo widget bài viết mới theo label.

Các bạn cùng theo dõi nhé!

Bước 1: Vào trình quản lý blog chọn: Bố cục -> Thêm tiện ích -> HTML/Javascrip.

Bước 2: Copy và paste đoạn code sau vào khung tiện ích HTML/javascrip

<link href="http://www.dropbox.com/s/ln0h6w2kv7kb6d3/widget%20bai%20viet%20theo%20label.css?dl=0" type="text/css" rel="stylesheet" />
 <script src="https://fileitviet360.googlecode.com/svn/trunk/json.js"></script>
  <script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 60;</script>
  <script type="text/javascript" src="http://thuthuatblog360.blogspot.com/feeds/posts/summary/-/Blog template?orderby=published&alt=json-in-script&callback=labelthumbs"></script>

Bước 3: Chỉnh sửa code:
Các bạn thay thế dòng code mình in đỏ:
- http://thuthuatblog360.blogspot.com/ : thay bằng địa chỉ blog của bạn.
- Blog template: thay bằng tên nhãn (label) bạn muốn hiển thị bài viết.
Bước 4: Save tiện ích lại và thưởng thức thành quả !