Sau khi tham khảo các trang thủ thuật đã tìm được một cách tương tự của Fandung. Thủ thuật cũng giống miêu tả ở trên, sẽ tạo các chuyên mục ngoài trang chủ, mỗi chuyên mục tương ứng với 1 nhãn. Bài viết mới nhất của nhãn đó sẽ hiển thị có kèm ảnh thumbnail, các bài viết khác sẽ hiển thị dạng list, có kèm hiệu ứng mô tả bài viết. Nhưng với Fandung, code được sắp xép và viết lại nên hiển thị đạp mắt hơn, chuyên nghiệp hơn. 1. Đăng nhập blog
2. Vào bố cục
3. Vào chỉnh sửa code HMTL
4. Dán code CSS bên dưới vào trước dòng code ]]></b:skin>
.mota{
position: relative;
z-index: 0;
text-decoration:none;
}

.mota:hover{
background-color: transparent;
z-index: 50;
}

.mota span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.mota span img{
border-width: 0;
padding: 2px;
}

.mota:hover span{
padding:5px;
visibility: visible;
top: 20px;
left:50px;
width:250px;
background:#ccc;
text-align: justify;
}


5. Save template.
6. Tạo widget HTML/Javascript, và dán code bên dưới vào:

<script language="JavaScript">       
imgr = new Array();       
      
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";       
      
      
showRandomImg = true;       
tablewidth = 245;       
cellspacing = 1;       
borderColor = "#30a1db";       
bgTD = "#fff";       
      
      
imgw = 130;       
imgh = 130;       
      
imgwidth = 60;       
imgheight = 60;       
      
fntsize = 12;       
fontsize = 18;       
fontsizecm = 11;       
      
acolor = "#000";       
titlecolor = "#f00";       
aBold = true;       
icon = " » ";       
      
text = "Nhận xét";       
      
showPostDate = true;       
poston = "Ngày đăng :";       
      
minisummaryPost= 200;       
summaryPost = 350;       
summaryFontsize = 12;       
summaryColor = "#000";       
icon2 = " » ";       
      
numposts = 8;       
sobaiviet = 10;       
label = "Tin tức CNTT";       
nhan= "Tin tức CNTT";       
home_page = "http://vn-share4u.blogspot.com/";       
      
</script>       
      
<script src="http://fandung.110mb.com/label-tin247/a-label.js" type="text/javascript"></script>       
<script src="http://fandung.110mb.com/label-tin247/b-label.js" type="text/javascript"></script>

Để có thể hiểu rõ và tùy chỉnh code theo ý mình thì các bạn xem hình minh họa bên dưới:
Một vài thiếu sót của thủ thuật : do mình không rành về việc chỉnh sửa code javascript, nên thủ thuật này không hoàn hảo cho lắm :

+ Chưa thực hiện được việc bài viết mới nhất (đầu tiên) không cho phép hiển thị ở list, vì thế phải dùng tới 2 file javascript.
+ Chưa áp dụng được hiệu ứng mô tả bài viết bằng javascript (như của trang tin247.com) vào thủ thuật này.
Nếu bạn nào có dự định lấy bài viết từ 1 blog khác, cái này rất đơn giản, bạn chỉ việc thay link(code màu xanh) trong code home_page = "http://vn-share4u.blogspot.com/"; thành URL của blog mà bạn muốn lấy bài vết.

Chúc các bạn thành công.

Mấy cái file JS trên của pác FanDung tiu hết ràu, các bạn nên down file JS về ràu up lên host khác nhé


Tham khảo cách up file JS lên google tại ĐÂY