Tiện ích Recent Post theo Label ở Homepage

 

Thực hiện :

1. Vào Thiết kế > Phần tử trang

2. Tạo một widget HTML/JavaScripts và chèn vào đoạn code bên dưới :

<style type="text/css">    
#cotent-news {     
border:#999 solid 1px;     
width: 650px;      }     
#top-news {     
width: 440px;      
height:166px;       padding:5px;     
border:#bbb solid 1px;     
background:#eee;     
font-size:12px;     
}     
#bottom-news {     
width: 444px;      padding:5px;     
}     
#bottom-news-item {     
width: 106px;     
margin-right:5px;     
float:left;     
}     
#left-news {     
padding:5px;     
border-left:2px dotted #ccc;     
}     
</style>     
<script language="JavaScript">     
imgr = new Array();     
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";     
imgico= "http://farm3.static.flickr.com/2426/3638176588_31366a6822_o.gif";    
showRandomImg = true;     
topwidth = 160;      
topheight = 160;     
botheight = 100;      
botwidth = 100;     
fntsize = 12;     
vnesize = 18; //kích thước của tiêu đề bài viết trong class "top-news"     
acolor = "#555";     
cmcolor = "#555";     
topcolor = "#f00";     
aBold = true;     
text = "comments";     
showPostDate = true;     
summaryPost = 250;     
summaryFontsize = 12;     
summaryColor = "#000";     
botnum = 4;     
numposts = 14;     
label = "Phim chất lượng cao  size nhỏ";       

home_page = "http://www.vn-share4u.blogspot.com";    
</script>     
<script
 
src="https://sites.google.com/site/itechroot/javascripts/vne-recent-adv.txt"
 type="text/javascript"></script>

* Trong đoạn code trên :

• width: 650px; : chiều rộng của widget
• botnum = 4; : số bài viết hiển thị ở class bottom-news
• numposts = 14; : số bài viết hiển thị ở class left-news
• label = "Phim chất lượng cao size nhỏ"; : nhãn/ trương mục ( Label ) sẽ được hiển thị

Các bạn có thể xem hình minh họa bên dưới để hiểu rõ layout của widget :

* Cách tính chiều rộng :

• bottom-news = 4x(botwidth + 2px + 4px) + 4x5px = 444px
• bottom-news-item = botwidth + 2px + 4px = 106px

 * Nếu bạn muốn widget hiển thị những bài mới nhất trên blog thì thay code:

https://sites.google.com/site/itechroot/javascripts/vne-recent-adv.txt

thành:

https://sites.google.com/site/itechroot/javascripts/vne-recent-adv-all-posts.txt

 Chú ý: Các bạn nên down các file JS về up lên các host của mình!