Code tạo Recent Post cho Blogspot mới nhất

thủ thuật blogspot

Code tạo Recent Post cho Blogspot mới nhất

By vanphongphamgiarenhat.com → Thứ Hai, 15 tháng 9, 2014

Bước 1: Vào Bố cục ( Layout ) rồi sau đó thêm tiện ích (Add widget/ HTML)

Bước 2: Trong giao diện của sổ hiện ra các bạn chọn loại widget là HTML/JAVASCRIPT

Bước 3: Copy và paste toàn bộ đoạn code sau vào ô nội dung

<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ị