Bài đăng mới nhất cho nhiều nhãn

 humghn.com 

Thông thường , các mẫu bài đăng mới nhất chỉ áp dụng cho một nhãn hoặc là cho cả site . Nhưng trong bài viết lần này , chuyên mục sẽ chia sẻ mẫu bài đăng mới nhất áp dụng cho nhiều nhãn cùng một lúc . Cùng với hiệu ứng thiết kế 3D , chắc chắn mẫu bài đăng này sẽ khiến site của các bạn thêm phần chuyên nghiệp hơn .

Ảnh DEMO

Cách thực hiện 

Bước 1 : Đăng nhập Blogger , chọn " Mẫu " , chọn " Chỉnh sửa HTML "

Bước 2 : Thêm đoạn mã sau và trước thẻ ]]></b:skin>

/* LABEL CHOOSE
================================================ */
img.label_thumb{
float:left;
padding:5px;
border:1px
solid #F3F3F3;
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; 
padding: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 3 : Thêm đoạn mã sau vào trước thẻ </head>

<script src='https://www.googledrive.com/host/0BzbtrJIiB0yqSzZNMFprbHMwUUU' type='text/javascript'/>

Bước 4 : Lưu lại

Bước 5 : Chọn " Bố cục " , chọn " Thêm tiện ích HTML/JavaScript "

Bước 6 : Dán đoạn mã sau vào thẻ HTML vừa tạo

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/YOUR CATEGORY?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Bước 7 : Lưu lại và tận hưởng thành quả .

Các tùy chỉnh tương tự với các mẫu Style 1,2,.v...v. Các bạn có thể tham khảo thêm nhé 

Chúc thành công !