วิธี ทำให้ Blog ของเรา แสดง Recent Post ด้วย thumbnail

[bluetoursiam]

ใช่สำหรับ BLOGGER

ขั้นตอนการแสดงบทความล่าสุดพร้อมรูปประกอบ

ขั้นที่ 1  ไปที่ รูปแบบ  >> องค์ประกอบของหน้า   >> เพิ่ม Gadget ชนิด HTML/จาวาสคริปต์

แต่ง blogspotHTML/จาวาสคริปต์


ขั้นที่ 2 วางโค้ดด้านล่างนี้ลงไป แก้ไขอักษรสีแดงและทำการบันทึกครับผม


<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
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 =10;
home_page = "http://hackublog.blogspot.com/";
</script>
<script src='http://hackublog.googlecode.com/files/recentposts_thumbnail.js' type='text/javascript'/></script>


หมายเหตุ

*** home_page = "http://hackublog.blogspot.com/"; ให้แก้ไขเป็น URL ของบล็อกของคุณ

*** ตัวอย่างเช่น

*** home_page = "http://misscontest.blogspot.com/";

*** home_page = "http://beautiesqueens.blogspot.com/";

*** home_page = "http://see-star.blogspot.com/";

*** home_page = "http://pick-it-up-08.blogspot.com/";


ขอแสดงความขอบคุณ ที่มา : hackublog

[trath]

ขอบคุณครับ