Tạo Bài Viết Mới (Recent Posts) Cho Blogger Đẹp

Dưới đây là code tạo bài viết mới (Recent Post) cho blogger blogspot cực đẹp

Tạo Bài Viết Mới (Recent Posts) Cho Blogger Đệp
Đầu tiên đăng nhập vào Blogger >> Thêm tiện ích (Add widget) >> Copy và Paste code bên dưới vào widget đã thêm

<style type="text/css">img.label_thumb {
  float:left;
  margin-right:10px !important;
  height:65px;
  /* Thumbnail height */
  width:65px;
list-style: none;
display: block;
}
.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:0px;
  border-bottom: 1px dotted #999999;
list-style: none;
display: block;
}
.label_with_thumbs li {
  list-style: none;
  padding-left:0px !important;
list-style: none;
display: block;
}
.label_with_thumbs a {
  text-transform: uppercase;
}
.label_with_thumbs strong {
  padding-left:0px;
}</style>
<script src="https://goo.gl/WT0yso"></script>
<script type='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 type="text/javascript" src="http://mangchiasevn.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&callback=labelthumbs"></script> 
Tùy chỉnh như sau:
  • numposts = 5; số bài viết được hiển thị mình đặt là 5 bài
  • showpostsummary = true; đoạn trích dẫn mô tả nếu bạn không muốn có thể đổi thành false
  • Dòng chữ màu đỏ dưới cùng hãy thay bằng blog của bạn

Nhận xét

Bài đăng phổ biến