Lượt xem: lần
Recent Posts widget bài viết mới nhất có ảnh cho Blogspot
Recent Posts widget bài viết mới nhất có ảnh cho Blogspot Thiết kế đơn giản như hình vẽ bên trên mà mình đã làm tại Blog. Tất cả yêu cầu hiển thị bao gồm 1 ảnh Thumbnail, title bài viết và vài hàng trích dẫn đầu bài. Thực hiện gồm các bước như sau:
|
<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 src="https://sites.google.com/site/seovnpro/recent-post.js"></script>
<script>
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>
Kết thúc, Save lại Widget tiện ích và chạy thử ứng dụng vừa làm. Kết quả bạn sẽ có như hình đã code phía trên.
Một số chú giải khác:
Width, height: size cỡ cho ảnh Thumbnail.
numposts :Số lượng bài cho hiện ra.
displaymore : hiển hiện nút more để xem tiếp
showcommentnum: hiển hiện số lượng Comments cho mỗi bài đăng
Chúc các bạn thành công.
Tác giả: Minh Nguyên's Blog
Recent Posts widget bài viết mới nhất có ảnh cho Blogspot
Reviewed by Unknown
on
14:53
Rating: