Recent Posts - Tạo bài viết mới nhất giống trang báo chí cho Blogger

Để website hay blog của bạn trở lên chuyên nghiệp hơn và bạn muốn thoát ra khỏi giao diện blog truyền thống? Thì thủ thuật blogger tạo Recent Post dưới đây sẽ giúp bạn biến trang blog của mình trở thành một trang báo chí, tin tức thứ thiệt.
Cùng thực hiện với chúng tôi nào.

1. Vào Bố cục > Thêm tiện ích

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 {   
width: 200 px;  
padding:5px;     
border-left:2px dotted #ccc;     
}     
</style>     
<script language="JavaScript">     
imgr = new Array();     
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-RdD7s0sExterli7qAEZ9AuHUQkY__7kxuYCI2nYTxZTTM0fBzl4-xOj_9SR1_PTDQoeWs7X58ZpMphGN6x4jZZiaIoTd_z4sxdNw7HzgSpBPlBopPzsnuvKBbRrZv3ApO8z-bdOQ2BA/s1600/nothumbnail-bai-viet-kgong-anh-namkna-ngoctra.gif";     
imgico= "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnO0l9tXnHuRwNyFKZlBg0LxZgRjn6sdxURqSl8G_DC-dsxrzg1Wva44vcF160r8RWF7WMBSLlquZfzFABNkEAStYBeeWA6XLdVu0yjHyAcGmzdln9ijse1NWi-UHui_Gg35X1RCkZtKwy/s1600/icom-left-news-namkna-ngoctra.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 = "Blogger"; 

home_page = "http://www.thietkeblogger.net/";     
</script>     
<script src="http://thietkewebplus.googlecode.com/files/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"; : nhãn/ trương mục ( Label ) sẽ được hiển thị lưu ya nhãn này phải ghi chính xác nếu không xẽ không 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

Các bạn nên để nó trên phần bài đăng của blog và tham khảo cách chỉ để Ẩn hiện Widget ở trang chủ.

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

http://thietkewebplus.googlecode.com/files/vne-recent-adv.txt

Thành: 

http://thietkewebplus.googlecode.com/files/vne-recent-adv-all-posts.txt

Nguồn: In4mau.blogspot.com