Hiển thị bài viết theo nhãn (Label) thumbnail cho blogger

Hiển thị bài viết theo nhãn (Label) thumbnail cho blogger có hình thu nhỏ (thumbnail) là một tiện ích khá quen thuộc đối với các Blogger, các bài viết sẽ được phân loại (categories) theo một nhãn (Label) nhất định.

Xem thêm bài viết:
>> 5 kiểu bài viết mới ( Recent Post Widget) đẹp cho blogspot
>> Tạo bài viết mới nhất có hình thu nhỏ cho blogger
>> Tạo bài viết mới có ảnh hiệu ứng chuyển động cho blogger

Bên cạnh những tiện ích như bài đăng phổ biến (Popular Post), Bài viết mới (Recent Post) thì Hiển thị bài viết theo nhãn (Label) cho Blogger cũng khá đa dạng và phong phú. Trong bài viết này sẽ chia sẻ code hiển thị bài viết theo nhãn.

Code hiển thị bài viết theo nhãn (Label) cho blogger

Bước 1: Đăng nhập Blogger => Mẫu (Template) => Chỉnh sửa HTML
copy code bên dưới và paste lên phía bên trên thẻ </b:skin>

img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
list-style:none;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}

Bước 2: Vào bố cục => Add widget => Copy code bên dưới và paste vào trong widget vừa thêm

<script type='text/javascript'>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/Nhãn của bạn?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Save lại và xem kết quả.

Tùy chỉnh: