Ở "Trang tổng quan" bấm chuột vào hình tam giác nhỏ [1](xem hai ảnh minh họa bên dưới), một trình đơn thả xuống, bấm "Mẫu" [2], tiếp tục bấm "Chỉnh sửa HTML" [3], sẽ hiện ra bảng mã (code) của blog (nếu đợi chừng 10 giây vẫn không hiện ra, thì bấm vào nút "Trở lại", đợi vài giây rồi bấm "Chỉnh sửa HTML" một lần nữa sẽ hiện ra). Nhấp chuột trái vào một vị trí bất kỳ trong bảng mã vừa hiện ra, rồi bấm tổ hợp phím "Ctrl" + "F" trên bàn phím (nhấn và giữ "Ctrl" trước rồi nhấn "F") sẽ hiện ra ô "Search" [3], copy và dán vào ô đó đoạn mã sau: <data:post.body/> rồi nhấn "Enter", đoạn mã này sẽ hiện ra trên nền màu vàng nhạt [4].
2. Thay thế đoạn mã: <data:post.body/> vừa tìm được ở bước 1 bằng đoạn mã sau:
<b:if cond='data:blog.pageType == "item"
'><data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'
><data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:10px;'
><a expr:href='data:post.url'> Xem chi tiết...</a></span> </b:if></b:if>
3. Tiếp tục dán vào ô "Search" đoạn mã: </head> rồi nhấn "Enter" để tìm kiếm, sau đó chèn đoạn mã dưới đây lên phía trên dòng </head> (vừa tìm được).
<script type='text/javascript'>var thumbnail_mode = "float" ; summary_noimg = 400; // Số ký tự hiển thị với bài viết không có ảnh summary_img = 310; // Số ký tự hiển thị với bài viết có ảnh img_thumb_height = 100; // Chiều cao của ảnh thu nhỏ img_thumb_width = 120; // Chiều rộng của ảnh thu nhỏ </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></span>'; summ = summary_img; } if(img.length<1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="http://lh5.ggpht.com/_pt7i0nbIOCY/TKIRvjcw20I/AAAAAAAACzc/
Eb6lfJS1aXs/no-image_thumb%5B1%5D.png"
width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"
/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Chú ý: Sau khi dán mã, tìm ở cuối đoạn mã vừa dán và xóa dòng nhắc nhở này: "Bài gốc: http:// ......................... Bài viết đã được đăng ký bản quyền. Bạn vui lòng ghi rõ nguồn để thể hiện nhân cách của bạn! Xin cảm ơn!"
4. Tiếp theo dán vào ô "Search" đoạn mã: ]]></b:skin> rồi nhấn "Enter" để tìm kiếm và chèn đoạn mã dưới đây phía trên dòng: ]]></b:skin> (vừa tìm được).
.rmlink a {padding:0 5px; background:#fc8b33; border-radius:3px; } .rmlink a:hover{color:#fff; background:#000ff;}
