Monday, October 1, 2012

Widget Recent Post for width: 720px

Hiển thị bài viết ngoài trang chủ giống trang news.zing.vn
<style type="text/css">
*
{ padding: 0;
margin: 0;
font-family: Arial;
font-size: 12px;
}

#index_news
{
width: 700px;
margin: 5px;
}

#main_content
{
width: 700px;
float: left;
overflow: hidden;
}

#main_content .top_news
{
width: 700px;
margin-bottom: 10px;
}
#main_content .top1_news
{
width: 350px;
float: left;
margin-top: 8px;
}
#main_content .top1_news .top1_news_image img
{
border: 1px solid #CCC;
padding: 1px;
width:346px;
height:220px;
}
#main_content .top1_news .top1_news_title
{
padding: 8px 0;
text-align: justify;
}
#main_content .top1_news .top1_news_title a
{
font-size: 16px;
color: #002392;
text-decoration: none;
}
#main_content .top1_news .top1_news_title a:hover
{
text-decoration: underline;
}
#main_content .top1_news p
{
text-align: justify;
}
#main_content .top1_news p a
{
padding-left: 4px;
}
#main_content .top1_news p img, #main_content .top2_news img
{
vertical-align: bottom;
}
#main_content .top2_news
{
width: 155px;
float: left;
margin-left: 8px;
margin-top: 14px;
padding-right: 6px;
}
#main_content .top2_news .top2_news_image
{
width: 150px;
height: 125px;
padding: 4px;
}
.top2_news_image img {
width:150px;
height:125px
}
#main_content .top2_news h2
{
padding-top: 2px;
}
#main_content .top2_news h2 a
{
color: #002dbe;
text-decoration: none;
}
#main_content .top2_news h2 a:hover
{
text-decoration: underline;
}
#main_content .top2_news .dot3x1
{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZakKAOzo5cfIm0mGDVp-nh0XdtlZo8GuG-f0vwFsdC7-z-tJeazQYdK2ce4_ftOTA1wpbOsTIoGhAhkKfqw-XrghNYUTwpHhentpo7sdftFoBlhxLSBaK7s2phFzvlbFhIVgiMQhzGR_2/h120/main-content-2-namkna-blogspot-com.gif) repeat-x center

center;
margin: 10px 0;
height: 1px;
font-size: 1px;
}
#main_content .topo_news
{
width: 174px;
float: right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6dKxqhK5Tqa-tLBMxIExg0niTHnW8kUUvHliE2N7YFTLYAWQRNQmpPYvs1_sFaNOFYYlEs6Cq4wyhp1iIIw0mgwp-d135n7DSyYPLdh24WRSKd8XGAUGmPN0xLH7QDYg4iGgaHJiwIOk-/s1600/main-content-3-namkna-blogspot-com.gif) no-repeat;
padding: 5px 1px 0 1px;

}
#main_content .topo_news .topo_news_title
{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidG8JHKGpfU7eMd1DIbu68LmK2UIBi9tZ3nzNAuzXH8bvqF0a5EppIxFhloPZP6lHSbxCMp289hKH5EebEFcSsxTtw_qPnuCa6TgKd0AQEXAPFIq2f_f8rDNLxMdeJJiHA0SpKxUnHw0sr/h120/main-content-4-namkna-blogspot-com.gif) no-repeat;
width: 160px;
height: 22px;
color: #FFF;
padding: 4px 0 0 14px;
font-weight: bold;
font-size: 11px;
}
#main_content .topo_news ul li
{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTEFYxjQNpWI0ftmrhH3dOx8h7VvON9ossJTTTcba1b6kDofBmMlYW9bHUci75Y4Ad6JHk31uGITghrrm0lkIlyLWNKcA7K9WGrXnOHZ7JmwVDh2nnbOZCE6dCmyVHFrs_xSyPA3mxlOkK/h120/main-content-5-namkna-blogspot-com.gif) no-repeat 8px 10px;
padding: 2px 2px 2px 20px;
list-style: none;
}
#main_content .topo_news ul li a
{
color: #002392;
font-weight: bold;
font-size: 11px;
line-height: 1.5em;
text-decoration:none;
}
#main_content .topo_news ul li a:hover {text-decoration: underline;}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic5VPF1aqWwjUrdgWwcmxbIYsCgbJeNwiXRLXMN3D-7BJXDlmXSOIhDbwPUz4Q2SYWoYihEfFcDe-NQnZkX59Z8bfIod8yCWUFKeG0nXt8XpTzfTdsb1OfCro936fx_x3aKUSKpWpuxHyC/s1600/nothumbnail-namkna-blogspot-com.gif";
imgnew = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5T7U2m084vbrg6I4uXVvHGaFszZtatoYQwjjoCkbXHX6K_LenvWL4p998S6V0QIeMAakmTrnJS3nG3a6InTOEJwZKY2jdwmrgZDB00Jd4P-b9oBVkQ6_QA6jtKvTDWebVJc04pF_PsNMU/h120/new-post-namkna-blogspot-com.gif";

showRandomImg = true;

aBold = false;
summaryPost = 400; // Phần summary post sẽ hiển thị
numposts = 12; // số bài viết sẽ hiển thị
topoTitle = "Các tours khác";
label = "Thủ thuật Blogspots"; // Nhãn cần hiển thị bài viết (nếu muốn hiển thị bài viết của cả blog thì không cần quan tâm dòng này)
home_page = "http://duckiencpt.blogspot.com/"; //thay đổi thành địa chỉ URL blog của bạn

</script>
<script src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/z-recent-label.js" type="text/javascript"></script>
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2025 Sổ ghi chú
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top