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 :

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

Để 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.

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