Mẫu bài đăng mới nhất cho blogger - style 3

 humghn.com 

Bài viết này , chuyên mục sẽ gửi đến các bạn bản nâng cấp của " Mẫu bài đăng mới nhất - Style 1 " . Nếu các bạn để ý , ở Style 1 , tiêu đề và mô tả của mẫu sẽ bao quanh ảnh thumbnail . Còn trong mẫu Style 3 này thì tiêu đề và mô tả bài viết sẽ được căn chỉnh gọn gàng sang một bên ,nhìn sẽ đỡ rối mắt hơn rất nhiều . Các thông tin về ngày đăng , lượt comment được sắp xếp khoa học hơn . 

Ảnh DEMO

Cách thực hiện

Bước 1 : Đăng nhập blogger , chọn " Bố cục " , chọn " Thêm tiện ích HTML/JavaScript "

Bước 2 : Thêm vào tiện ích HTML vừa tạo đoạn mã sau :

<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://yoursite.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Tùy chỉnh :
var numposts = 5; Số bài viết hiển thị
var showpostthumbnails = true; Có ảnh thumbnail - Nếu muốn không có sửa True thành False
var displaymore = true;  True - or - False
var displayseparator = true;  True - or - False
var showcommentnum = true;Hiển thị số comment hay không ? Nếu có đặt là True, "không " đặt alf False
var showpostdate = true; Hiển thị ngày đăng hay không - True - or - False
var showpostsummary = true;Hiển thị số bài viết hay không True - or - False
var numchars = 100; Số kí tự tối đa hiển thị bên ngoài cho một bài viết . Giá trị hiện tại là 100 - Có thể tùy chỉnh theo ý muốn .
Bước 3 : Lưu mẫu và tận hưởng thành quả
Chúc các bạn thành công !