Chủ Nhật, 12 tháng 10, 2014

Cách tạo Widget bài viết mới có ảnh cho BlogspotRecent Posts bài viết mới nhất có ảnh cho blogspot, Code tạo widget bài viết có ảnh đẹp.

Để tạo Widget bài viết mới có ảnh cho Blogspot các bạn làm như sau : 

Đăng Nhập Blogspot==> Bố Cục (Layout) ==> Tạo một tiện ích HTML/Javascript rồi copy đoạn code dươi đây vào rồi nhấn lưu:
<style type='text/css'>
img.recent_thumb {padding:1px;width:60px;height:60px;border:0;
float:left;margin-right:10px;border:1px solid #999;}
.recent_posts_with_thumbs {float:left;width: 100%;min-height: 70px;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='https://sites.google.com/site/seovnpro/recent-post.js'></script>
<script style='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 = 100;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Chú ý:

width:60px;height:60px; : là kích thước ảnh hiển thị
Chúc các bạn thành công !

0 nhận xét:

Đăng nhận xét