Recent Posts bài viết mới nhất có ảnh Blogspot. Code Recent Posts bài viết mới nhất có Thumbnails ảnh Blogspot. Cách tạo Recent Posts bài viết mới nhất có Thumbnails ảnh Blogspot
Hướng dẫn cách tạo: Recent Posts bài viết mới nhất có ảnh Blogspot
Để tạo được Recent Posts bài viết mới nhất có Thumbnails ảnh cho Blogspot các bạn: Đă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 !
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>
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaThủ thuật blogspot Recent Posts của bạn rất tót xin cảm ơn nhe
Trả lờiXóaanh có code bài viết mới nhất mà dành cho video riêng không anh
Trả lờiXóaKhông biết :))
XóaBạn cho hỏi Việc mình chèn thêm widget vào nếu không phù hợp mà gỡ bỏ ra thì có ảnh hưởng đến code web trước kia của mình ko?
Trả lờiXóatùy code thôi nhưng rất có thể sẽ xảy ra lỗi
XóaChắc bạn 0 giỏi css,js,php nhỉ
Tiện ích này rất nhẹ!
Trả lờiXóaMình cài thấy load nhanh hơn của mấy web khác
Cảm ơn bạn nha :D
Tiện ích này rất nhẹ!
Trả lờiXóaMình cài thấy load nhanh hơn của mấy web khác
Cảm ơn bạn nha :D
hay bác ah
Trả lờiXóađã ứng dụng thành công , mời các ban xm thành quả : https://www.phimcup.com/
Trả lờiXóa