Tạo các 'Bài đăng gần đây' hiện ảnh thumbnail cho mỗi post

Các bạn đăng nhập vào Blogger chọn Layout » Add a gadget » html/javascript copy đoạn mã dưới đây vào :

Để tránh trường hợp đoạn mã ko hoạt động bạn hãy lưu file: 

http://sites.google.com/site/love4all1080/recent/recentpost.txt

 lên server của bạn.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://sites.google.com/site/love4all1080/_/rsrc/1243738012793/photo-picture/orpg0m.jpg";
imgr[1] = "http://sites.google.com/site/love4all1080/_/rsrc/1243738012793/photo-picture/orpg0m.jpg";
imgr[2] = "http://sites.google.com/site/love4all1080/_/rsrc/1243738012793/photo-picture/orpg0m.jpg";
imgr[3] = "http://sites.google.com/site/love4all1080/_/rsrc/1243738012793/photo-picture/orpg0m.jpg";
imgr[4] = "http://sites.google.com/site/love4all1080/_/rsrc/1243738012793/photo-picture/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#202020";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://free-style-love.blogspot.com/";
</script>
<script src="http://sites.google.com/site/love4all1080/recent/recentpost.txt" type="text/javascript"></script>

Giải thích thêm 1 số mã tùy chỉnh cho phù hợp với Blog của bạn :

boxwidth – chiều rộng của widget
cellspacing – Khoảng cách giữa các dòng (bạn nên để giá trị mặc định là tốt nhất)
borderColor -Đường viền màu (thêm màu nền của mẫu của bạn để hoàn hảo pha trộn nó trong bản mẫu)
thumbwidth & thumbheight – Chiều cao và chiều rộng của các hình nhỏ (mặc định là tốt nhất)
fntsize -Cỡ chữ của tiêu đề
acolor – Màu của tiêu đề
aBold – bạn muốn in đậm tiêu đề? (true or false)
numposts – Có bao nhiêu bài viết mà bạn muốn hiển thị?
home_page : http://free-style-love.blogspot.com/ (Thay đổi giá trị này = địa chỉ của bạn)

Cuối cùng là Save lại và xem kết quả