Tự động thể loại với chỉ Hình thu nhỏ (Automatic Category with only Thumbnail )

Bước 1: Lưu temp phòng hờ, trườc khi thao tác :)
Click Design > Edit HTML > Download Full Template.

Bước 2: Tìm code có sẵn và chèn code của thủ thuật:

- Copy code /*** Labels Thumbs ***/ bên dưới vào trước code sau:

]]></b:skin>

/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}

- Sao chép CODE SCRIPT /*** Labels Thumbs *** và dán trước code dưới đây:

</head>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>

</script>

* Lưu Temp để hoàn thành bước 2.

Bước 3: Tạo (HTML/JavaScript) và dán code.
Click Page Element > Add a Gadget (HTML/JavaScript).

<script type='text/javascript'>var numposts = 6;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Video-Fun?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

*Click Lưu để hoàn thành Thủ Thuật.

*** CHỉnh sửa CSS để sáng tạo của riêng bạn về kích thước ảnh và biên giới ( khoản cách giữa các ảnh)

/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}

- Tuỳ theo temp blog mà mình thay đổi số liệu "12", phù hợp hơn.

<script type='text/javascript'>var numposts = 12;</script>

*CHÚC CÁC BẠN HOÀN THÀNH THỦ THUẬT VUI VẺ.