Bản Fix code templates mới thay cho hệ thống

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<b:skin><![CDATA[

/* ************ START OF CSS STYLING ************ */

/* -----------------------------------------------------------------------
Blogger Template Design: Columnus
Design by: Ourblogtemplates.com, September 2008
Terms of Use: Free template with credit linked to Ourblogtemplates.com
----------------------------------------------------------------------- */

/* Variable definitions
========================
<Variable name="bodybgColor" description="Body Background Color"
type="color" default="#FFBBE8" value="#7f7f7f">
<Variable name="blogframeColor" description="Blog Background Color"
type="color" default="#800040" value="#ffffff">
<Variable name="blogBorderColor" description="Blog Border Color"
type="color" default="#800040" value="#7f7f7f">
<Variable name="headerbgColor" description="Header Background Color"
type="color" default="#ffffff" value="#191919">
<Variable name="headerBorderColor" description="Header Border Color"
type="color" default="#800040" value="#191919">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#800040" value="#ffffff">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#800040" value="#999999">

<Variable name="linkbarbgColor" description="Linkbar Background Color"
type="color" default="#C94093" value="#e6e6e6">
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"
type="color" default="#C94093" value="#191919">
<Variable name="linkbarBorderColor" description="Linkbar Border Color"
type="color" default="#9D1961" value="#e6e6e6">
<Variable name="linkbarTextColor" description="Linkbar Text Color"
type="color" default="#ffffff" value="#000000">
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"
type="color" default="#9D1961" value="#4c4c4c">
<Variable name="middlebarbgColor" description="Middlebar Background Color"
type="color" default="#ffffff" value="#ffffff">

<Variable name="contentbgColor" description="Content Background Color"
type="color" default="#ffffff" value="#EAEAEA">
<Variable name="contentBorderColor" description="Content Border Color"
type="color" default="#9D1961" value="#CF1C00">
<Variable name="postbgColor" description="Post Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="postBorderColor" description="Post Border Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#000000" value="#940f04">
<Variable name="posttitlebgColor" description="Post Title Background Color"
type="color" default="#000000" value="#999999">
<Variable name="posttitleBorderColor" description="Post Title Border Color"
type="color" default="#000000" value="#e6e6e6">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#000000" value="#999999">
<Variable name="textColor" description="Text Color"
type="color" default="#191919" value="#4c4c4c">
<Variable name="mainLinkColor" description="Main Link Color"
type="color" default="#333333" value="#003366">
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"
type="color" default="#9D1961" value="#940f04">
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"
type="color" default="#9D1961" value="#003366">
<Variable name="blockQuoteColor" description="Blockquote Color"
type="color" default="#191919" value="#4c4c4c">
<Variable name="blockquoteBorderColor" description="Blockquote Border Color"
type="color" default="#191919" value="#ffffff">
<Variable name="codeTextColor" description="Code Text Color"
type="color" default="#660000" value="#4c4c4c">
<Variable name="imagebgColor" description="Photo Background Color"
type="color" default="#f5f5f5" value="#ffffff">
<Variable name="imageBorderColor" description="Photo Border Color"
type="color" default="#f5f5f5" value="#e6e6e6">

<Variable name="postfooterBgColor" description="Postfooter Background Color"
type="color" default="#b8659C" value="#f9f9f9">
<Variable name="postfooterBorderColor" description="Postfooter Border Color"
type="color" default="#b8659C" value="#f1f1f1">
<Variable name="postfooterTextColor" description="Postfooter Text Color"
type="color" default="#b8659C" value="#4c4c4c">
<Variable name="postfooterLinkColor" description="Postfooter Link Color"
type="color" default="#b8659C" value="#6C82B5">
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"
type="color" default="#b8659C" value="#6C82B5">
<Variable name="feedlinksColor" description="Feed Links Color"
type="color" default="#9D1961" value="#003366">

<Variable name="mainsidebar1bgColor" description="Main Sidebar Background Color"
type="color" default="#FFBBE8" value="#cc0000">
<Variable name="sidebar1bgColor" description="Sidebar1 Background Color"
type="color" default="#FFBBE8" value="#ffffff">
<Variable name="sidebar2bgColor" description="Sidebar2 Background Color"
type="color" default="#FFBBE8" value="#ffffff">
<Variable name="sidebar1BorderColor" description="Sidebar1 Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="sidebar2BorderColor" description="Sidebar2 Border Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="sidebar1HeaderBgColor" description="Sidebar1 Header Background Color"
type="color" default="#ffffff" value="#191919">
<Variable name="sidebar2HeaderBgColor" description="Sidebar2 Header Background Color"
type="color" default="#ffffff" value="#191919">
<Variable name="sidebar1HeaderBorderColor" description="Sidebar1 Header Border Color"
type="color" default="#C94093" value="#999999">
<Variable name="sidebar2HeaderBorderColor" description="Sidebar2 Header Border Color"
type="color" default="#C94093" value="#b3b3b3">
<Variable name="sidebar1HeaderColor" description="Sidebar1 Header Color"
type="color" default="#000000" value="#940f04">
<Variable name="sidebar2HeaderColor" description="Sidebar2 Header Color"
type="color" default="#000000" value="#940f04">
<Variable name="sidebar1TextColor" description="Sidebar1 Text Color"
type="color" default="#9D1961" value="#003366">
<Variable name="sidebar2TextColor" description="Sidebar2 Text Color"
type="color" default="#9D1961" value="#003366">
<Variable name="sidebar1LinkColor" description="Sidebar1 Link Color"
type="color" default="#9D1961" value="#003366">
<Variable name="sidebar2LinkColor" description="Sidebar2 Link Color"
type="color" default="#9D1961" value="#003366">
<Variable name="sidebar1HoverLinkColor" description="Sidebar1 Hover Link Color"
type="color" default="#000000" value="#940f04">
<Variable name="sidebar2HoverLinkColor" description="Sidebar2 Hover Link Color"
type="color" default="#000000" value="#940f04">
<Variable name="sidebar1VisitedLinkColor" description="Sidebar1 Visited Link Color"
type="color" default="#000000" value="#003366">
<Variable name="sidebar2VisitedLinkColor" description="Sidebar2 Visited Link Color"
type="color" default="#000000" value="#003366">
<Variable name="sidebarListLineColor" description="Sidebar List Line Color"
type="color" default="#000000" value="#cccccc">

<Variable name="lowerbarbgColor" description="Lowerbar Background Color"
type="color" default="#ffffff" value="#f3f3f3">
<Variable name="lowerbarBorderColor" description="Lowerbar Border Color"
type="color" default="#C94093" value="#191919">
<Variable name="lowerbarHeaderColor" description="Lowerbar Header Color"
type="color" default="#000000" value="#000000">
<Variable name="lowerbarTitleBgColor" description="Lowerbar Header Background Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="lowerbarTitleBorderColor" description="Lowerbar Header Border Color"
type="color" default="#C94093" value="#b3b3b3">
<Variable name="lowerbarTextColor" description="Lowerbar Text Color"
type="color" default="#9D1961" value="#4c4c4c">
<Variable name="lowerbarLinkColor" description="Lowerbar Link Color"
type="color" default="#9D1961" value="#4c4c4c">
<Variable name="lowerbarHoverLinkColor" description="Lowerbar Hover Link Color"
type="color" default="#000000" value="#000000">
<Variable name="lowerbarVisitedLinkColor" description="Lowerbar Visited Link Color"
type="color" default="#000000" value="#4c4c4c">
<Variable name="lowerbarListLineColor" description="Lowerbar List Line Color"
type="color" default="#000000" value="#cccccc">

<Variable name="commentTitleColor" description="Comment Header Color"
type="color" default="#000000" value="#940f04">
<Variable name="commentAuthorBgColor" description="Comment Author Background Color"
type="color" default="#9D1961" value="#ffffff">
<Variable name="commentboxBorderColor" description="Comment Author Border Color"
type="color" default="#C94093" value="#cccccc">
<Variable name="commentauthorColor" description="Comment Author Color"
type="color" default="#9D1961" value="#003366">
<Variable name="commentTimeStampColor" description="Comment Timestamp Color"
type="color" default="#C94093" value="#999999">
<Variable name="commentTextColor" description="Comment Text Color"
type="color" default="#4c4c4c" value="#4c4c4c">

<Variable name="footerbgColor" description="Footer Background Color"
type="color" default="#ffffff" value="#000000">
<Variable name="footerBorderColor" description="Footer Border Color"
type="color" default="#000000" value="#CF1C00">
<Variable name="footerHeaderColor" description="Footer Header Color"
type="color" default="#000000" value="#cccccc">
<Variable name="footerTextColor" description="Footer Text Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="footerLinkColor" description="Footer Link Color"
type="color" default="#C94093" value="#cccccc">
<Variable name="footerHoverLinkColor" description="Footer Hover Link Color"
type="color" default="#C94093" value="#ffffff">
<Variable name="footerVisitedLinkColor" description="Footer Visited Link Color"
type="color" default="#C94093" value="#cccccc">

<Variable name="blogTitleFont" description="Blog Title Font"
type="font"
default="normal bold 273% Georgia, Times, serif" value="normal normal 198% Arial, sans-serif"
>
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 104% georgia,helvetica,verdana,Georgia, serif" value="normal normal 92% Arial, sans-serif"
>
<Variable name="linkbarTextFont" description="Linkbar Text Font"
type="font"
default="normal normal 77% Verdana, sans-serif" value="normal bold 67% Verdana, sans-serif"
>
<Variable name="postTitleFont" description="Post Title Font"
type="font"
default="normal bold 180% Georgia, Times, serif" value="normal normal 158% Verdana, sans-serif"
>
<Variable name="dateHeaderFont" description="Date Header Font"
type="font"
default="normal bold 117% Arial, sans-serif" value="normal normal 82% Arial, sans-serif"
>
<Variable name="textFont" description="Text Font"
type="font"
default="normal normal 90% Arial, sans-serif" value="normal normal 77% Verdana, sans-serif"
>
<Variable name="quoteFont" description="Blog Quote Font"
type="font"
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 95% Verdana, sans-serif"
>
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font"
default="normal bold 117% Arial, sans-serif" value="normal bold 115% Verdana, sans-serif"
>
<Variable name="sidebarTextFont" description="Sidebar Text Font"
type="font"
default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 70% Verdana, sans-serif"
>
<Variable name="postfooterTextFont" description="Post-Footer Text Font"
type="font"
default="normal normal 93% Arial, sans-serif" value="normal normal 86% Verdana, sans-serif"
>
<Variable name="commentTitleFont" description="Comment Title Font"
type="font"
default="normal bold 120% Arial, sans-serif" value="normal normal 157% Verdana, sans-serif"
>
<Variable name="commentTextFont" description="Comment Text Font"
type="font"
default="normal normal 95% Arial, sans-serif" value="normal normal 94% Verdana, sans-serif"
>
<Variable name="footerHeaderFont" description="Footer Header Font"
type="font"
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 127% Verdana, sans-serif"
>
<Variable name="footerTextFont" description="Footer Text Font"
type="font"
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal normal 72% Verdana, sans-serif"
>
*/

/* ----- GLOBAL ----- Blogger template design by Ourblogtemplates.com */

* {margin:0; padding:0;}

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor url() repeat top right;
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

#outer-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 20px;
position: relative;
width: 100%;
text-align: center;
}

#blog-wrapper {
margin: 0 auto; /* auto - to make the template lay in the screen center */
padding: 0px 1px 0px 1px;
margin-top: 0px;
margin-bottom: 10px;
text-align: center;
position: relative;
width: 1000px;
background: $blogframeColor;
border: 2px solid $blogBorderColor;
border-top: 0;
}

#spacer {clear: both; margin: 0; padding: 0;}

/* global link attributes */
a {color: $mainLinkColor; text-decoration: underline;}
a:hover {color: $mainHoverLinkColor; text-decoration: underline;}
a:visited {color: $mainVisitedLinkColor; text-decoration: underline;}

/* Blogger Navigation Bar */
#Navbar1 {
margin: 0;
padding: 0;
/* visibility: hidden; */
/* display: none; */
}

/* ----- HEADER ----- */
#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 4px;
width: 992px;
background: #ffffff url('#') no-repeat;
border-top: 1px solid #BED0E6;
height: 150px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
}
#header {
width: 975px;
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 13px;
font-family: Times;
text-align: left;
}
#header h1 {
color: #706050;
font: normal normal 166% Arial, sans-serif;
font-variant: small-caps;
margin: 0px 0px 0px 0px;
padding: 10px 15px 0px 15px;
}
#header h1 a {
text-decoration: none;
color: #706050;
}
#header h1 a:hover {
text-decoration: underline;
color: #999999;
}
#header .description {
color: #999999;
font: normal normal 97% Arial, sans-serif;
margin: 0px;
padding: 5px 15px 25px 15px;
}
#header h1 p, #header .description p {margin:0;padding:0}
#header a img {
margin: 0px;
padding: 0px;
border: 0;
}
/* ----- LINKBAR ----- */
#linkbar-wrapper {
margin: 20px;
padding: 0px;
width: 998px;
position: relative;
background: #2A2A2A;
border: 1px solid #BED0E6;
}
#linkbar .widget {
margin: 0px;
padding: 3px 0px 6px 0px;
text-align: left;
}
#linkbar ul {
margin: 0px;
padding: 0px;
list-style-type:none;
}
#linkbar li {
display: inline;
margin: 0px;
padding: 0px;
}
#linkbar h2 {
margin: 0px;
padding: 0px;
display: none;
visibility: hidden;
}
#linkbar a {
clear: both;
margin: 0px -4px 0px 0px;
padding: 4px 10px 6px 10px;
width:100%;
text-decoration:none;
font: normal normal 90% Times;
color: #e4e4e4;
text-transform: none;
border-right: 0px solid #ffffff;
border-left: 0px solid #706050;
}
#linkbar a:hover {
color: #ffffff;
background: #808080;
font-weight: bold;
}
/* ----- MAIN ----- */
#content-wrapper {
width: 998px;
margin: 0px;
padding: 0px;
position: relative;
text-align: left;
background: #FFFFFF;
border: 1px solid #FFFFFF;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main-wrapper {
float: left;
width: 530px;
margin: 0px;
padding: 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main {
width: 520px;
margin: 4px;
padding: 0 0 0 0;
color: #000000;
font: normal normal 80% Arial, sans-serif;
background: #FFFFFF;
border: 1px solid #FFFFFF;
}
#main .widget {
margin-bottom: 5px;
padding: 0px 0px 20px 0px;
border: 1px solid #BED0E6;
}
#main .widget h2 {
padding: 5px 15px 5px 15px;
text-align: left;
color: #FFFFFF;
font: normal bold 96% Verdana, sans-serif;
text-transform: uppercase;
text-decoration: none;
background-image:url('http://link4vn.com/audiobook/images/bg-sidebar-header.png');
border-bottom: 1px solid #BED0E6;
}
.post {
margin: 0px;
padding: 10px;
line-height: 1.6em;
text-align: justify;
}
.post h3 {
margin: -7px 0px 7px 0px;
padding: 0px 0px 2px 0px;
color: solid #195195;
font: normal normal 175% Times;
font-size: 15px;
text-decoration: none;
text-align: left;
line-height: 1.4em;
/* text-transform: uppercase; */
border-bottom: 2px solid #FFFFFF;
}
.post h3 a, .post h3 a:visited {
color: solid #000000;
text-decoration: none;
}
.post h3 a:hover {
color: #000000;
text-decoration: none;
}
.post-header-line-1 {
}
h2.date-header {
margin: 0px;
padding: 0px 0px 7px 0px;
text-align: left;
color: #000000;
font: normal normal 90% Arial;
text-decoration: none;
text-transform: none;
}
.date-header span {
margin: 0px;
padding: 0px;
}
.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px;
padding: 1px 0px 1px 0px;
display: inline; /* to fix floating-ads wrapping problem in IE */
height: 1%;
overflow: visible;
}
.post-body p a, .post-body p a:visited {
color: #195195;
text-decoration: underline;
}
.post-body a:hover {
text-decoration: underline;
color: #706050;
}
.post ul {
margin: 0px;
padding: 12px 0px 12px 30px;
list-style-type: disc;
line-height: 1.6em;
font-size: 95%;
}
.post ol {
margin: 0px;
padding: 12px 0px 12px 30px;
line-height: 1.6em;
font-size: 95%;
}
.post li {
margin: 0px;
padding: 0px 0px 8px 0px;
}
a img {
margin: 5px 0px 0px 0px;
padding: 0px;
}
.post img {
padding: 0px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}
/* ----- POST-FOOTER ----- */
.post-footer {
display: block;
margin: 15px 0px 0px 0px;
padding: 5px 20px 0px 20px;
text-align: left;
font: normal normal 100% Arial, sans-serif;
color: #000000;
font-weight: normal;
line-height: 1.6em;
text-decoration: none;
background: #fafafa;
border: 1px solid #BED0E6;
}
.post-footer-line {
margin: 0px;
padding: 0px;
}
.post-footer-line-1, .post-footer-line-2, .post-footer-line-3 {
margin: 0px;
padding: 0px;
}
.post-footer a {
color: #195195;
text-decoration: none;
}
.post-footer a:hover {
color: #706050;
text-decoration: underline;
}
.post-footer .post-comment-link a {
margin: 0px;
padding: 0px;
color: #195195;
font-weight: normal;
text-decoration: none;
}
.post-footer .post-comment-link a:hover {
color: #706050;
text-decoration: underline;
}
.post-footer .post-icons {
margin: 0px;
padding: 0px;
}
.post-footer img {
margin: 0px;
padding: 0px 0px 5px 0px;
background: #fafafa;
}
#blog-pager {
margin: -10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font-family: Arial,Sans-Serif;
font-size: 12px;
color: #195195;
}
#blog-pager a {color: #195195}
#blog-pager a:hover {color: #706050}
#blog-pager-newer-link {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#blog-pager-older-link {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.feed-links {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
text-align: left;
font-family: Arial,Sans-Serif;
font-size: 12px;
color: #195195;
}
.feed-links a, .feed-links a:visited {color: #195195}
.feed-links a:hover {color: #706050}
/* ----- BLOCKQUOTE ----- */
blockquote {
margin: 10px 15px 10px 15px;
padding: 10px 15px 10px 15px;
font: normal normal 105% Times, sans-serif;
line-height: 1.6em;
color: #2A2A2A;
background: #EEEEEE;
border: 2px solid #F5F5EE;
}
/* ----- CODE ----- */
code, pre {
display:block;
font: 'Courier New', Fixed, monospace;
font-size: 110%;
color: #006699;
overflow:auto;
text-align:left;
border: 1px solid #999999;
padding: 2px 10px 2px 10px;
margin:1em 0 1em 0;
line-height: 18px;
word-wrap:break-word;
}
banner {
display:block;
font: 'Courier New', Fixed, monospace;
font-size: 105%;
height: 80px;
background:#ffffff url(http://i306.photobucket.com/albums/nn272/Talkvietnam/Banner2.png) no-repeat;
text-align:left;
border: 1px dotted #999999;
padding: 5px 10px 0px 15px;
line-height: 18px;
}
/* ----- SIDEBAR ----- */
#side-wrapper1 {
width: 159px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#side-wrapper2 {
width: 302px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#side-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.sidebar {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font: normal normal 74% Arial, sans-serif;
}
#sidebar1 {
width: 157px;
margin: 4px 4px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
line-height: 1.8em;
}
#sidebar2 {
width: 300px;
margin: 4px 2px 0px 2px;
padding: 0px 0px 0px 0px;
color: #000000;
line-height: 1.8em;
}
#sidebar3 {
width: 151px;
margin: 0px 4px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
line-height: 1.8em;
}
#sidebar4 {
width: 151px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
line-height: 1.8em;
}
#sidebar1 .widget {
margin: 0px 0px 4px 0px;
padding: 15px 8px 15px 8px;
background: #FFFFFF;
border: 1px solid #BED0E6;
}
#sidebar2 .widget {
margin: 0px 0px 4px 0px;
padding: 15px 8px 15px 8px;
background: #FFFFFF;
border: 1px solid #BED0E6;
}
#sidebar3 .widget, #sidebar4 .widget {
margin: 0px 0px 4px 0px;
padding: 15px 8px 15px 8px;
background: #FFFFFF;
border: 1px solid #BED0E6;
}
/* sidebar heading ----- */
#sidebar1 h2, #sidebar2 h2, #sidebar3 h2, #sidebar4 h2 {
margin: -15px -8px 10px -8px;
padding: 5px 15px 5px 15px;
text-align: left;
color: #FFFFFF;
font: normal bold 96% Verdana, sans-serif;
text-transform: uppercase;
text-decoration: none;
background-image:url('http://link4vn.com/audiobook/images/bg-sidebar-header.png');
border-bottom: 1px solid #BED0E6;
}
.sidebar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sidebar li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url('http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/bullet-feed-icon.png') no-repeat 0px 7px;
padding: 5px 0px 5px 20px;
line-height: 1.6em;
list-style-type: none;
border-bottom: 1px solid #E5E5DE;
}
#sidebar1 a, #sidebar2 a, #sidebar3 a , #sidebar4 a {
color: #195195;
text-decoration: none;
}
#sidebar1 a:hover, #sidebar2 a:hover, #sidebar3 a:hover, #sidebar4 a:hover {
text-decoration: none;
color: #6B6464;
}
#sidebar1 a:visited, #sidebar2 a:visited, #sidebar3 a:visited, #sidebar4 a:visited {
text-decoration: none;
color: #197197;
}
.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #BED0E6;
}
/* ----- PROFILE ----- */
.profile-img {
margin: 7px;
padding: 0px;
border: 1px solid #E5E5DE;
}
.profile-textblock {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
clear: both;
line-height: 1.6em;
/* border-top: 1px solid #E5E5DE;
border-bottom: 1px solid #E5E5DE; */
}
.profile-datablock {
margin: 2px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-style: italic;
}
.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* ----- COMMENT ----- */
#comments {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: left;
color: #000000;
font: normal normal 101% Arial, sans-serif;
}
.comments-singleblock {
margin: 15px 0px 15px 0px;
padding: 0px 15px 10px 15px;
}
/* comment-header */
#comments h4 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 15px 0px;
color: #000000;
font: normal bold 95% Arial;
text-transform: uppercase;
}
.deleted-comment {
font-style:italic;
color:gray;
margin: 5px 0px 5px 0px;
}
.comment-author {
margin: -15px -15px 0px -15px;
padding: 4px 5px 4px 5px;
color: #195195;
font-weight: bold;
}
.comment-author a {color: #195195; text-decoration: none;}
.comment-author a:hover {color: #B0AFAF; text-decoration: underline;}
.comment-author a:visited {color: #195195; text-decoration: none;}
.comment-body {padding: 10px 0px 10px 60px;}
.comment-body p {margin: 0; padding: 0; line-height: 1.6em;}
.comment-body-author {
color: #195195;
margin:0;
padding: 10px 0px 10px 60px;
line-height: 1.6em
}
.comment-body-author p {margin: 0; padding: 0; line-height: 1.6em;}
.comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; border-bottom: 1px solid #BED0E6;}
.comment-timestamp {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 60px;
color: #B0AFAF;
}
.comment-timestamp a {
color: #B0AFAF;
text-decoration: none;
}
.comment-timestamp a:hover {color: #195195; text-decoration: underline;}
#comments ul {margin: 0; padding: 0; list-style-type: none;}
#comments li {margin: 0; padding: 0;}
a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding: 0px 0px 0px 0px;
}
html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
}
#backlinks-container {margin-top: 20px;}
#comments-block.avatar-comment-indent {
margin-left:10px;
}
#comments-block .avatar-image-container {
float:left;
margin:-8px 25px auto -5px;
position:static;
}
#comments-block .avatar-image-container img {
background:#C4CDE0 url(http://i306.photobucket.com/albums/nn272/Talkvietnam/Noavatar.png) no-repeat;
border:1px solid #E3E3D5;
display:block;
float:none;
height:50px;
width:50px;
}
.comment-form{
min-width: 99.5% !important;
margin-left: 10px;
margin-right: 10px;
}
/* ----- FOOTER ----- */
#footer-wrapper {
clear: both;
display: inline; /* handles IE margin bug */
float: left;
width: 998px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#footer {
margin: 0px 0px 0px 0px;
padding: 10px 0px 20px 0px;
width: 1000px;
text-align: left;
color: #000000;
font: normal normal 79% Trebuchet, Trebuchet MS, Arial, sans-serif;
background: #ffffff;
border: 0px solid #BED0E6;
}
#footer h2 {
padding: 5px 0 5px 15px;
text-align: left;
color: #000000;
font: normal bold 100% Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing:1px;
text-decoration: none;
}
#footer .widget {
margin: 5px;
padding: 0px;
border: 0px solid #BED0E6;
}
.footer p {margin: 0; padding: 0}
.footer a {
color: #195195;
text-decoration: none;
}
.footer a:hover {
color: #A2A2A2;
text-decoration: underline;
}
.footer a:visited {
color: #197197;
text-decoration: none;
}
/* ************ END OF CSS STYLING ************ */
/** Page structure tweaks for layout editor wireframe */
body#layout #main,
body#layout #sidebar {
padding: 0;
}
.hiddenbar {display:none}
.shownbar {display:inline}
.breadcrumbs {
background-image:url('http://link4vn.com/audiobook/images/bg-sidebar-header.png');
padding:5px 5px 5px 10px;
margin: 0px 0px 15px 0px;
line-height: 1.4em;
color:#FFFFFF;
}
.breadcrumbs a:link {
color:#FFFFFF;
text-decoration: none;
font-weight:bold;
}
.breadcrumbs a:visited {
color:#FFFFFF;
text-decoration: none;
}
.breadcrumbs a:hover {
color:#FFFFFF;
text-decoration: underline;
}
#menu{
background-image : url(http://link4vn.com/audiobook/images/bg-sidebar-header.png);
border-bottom: 1px solid #BED0E6;
width:1000px;
height:25px;
position:relative;
padding:0;
margin:0px auto;
word-wrap: break-word;
overflow: hidden;
}
#menu ul{position:relative; overflow:hidden; padding-left:0px; margin:0; font:1.0em Arial, Helvetica, sans-serif; font-size:11.5px;}
#menu ul li{float:left; list-style:none}
#menu ul li a, #menu ul li a:visited{
display:block;
border-right:1px solid #C0C0C0;
background:transparent;
color:#ffffff;
font-weight:bold;
margin:0;
padding:3px 7px 0 10px;
text-decoration:none}
#menu ul li a:hover{background: url(http://link4vn.com/audiobook/images/bg-sidebar-header.png);background-repeat :repeat-x;color:#FFFF00;margin:0; padding:3px 7px 0 10px; text-decoration:underline;}
#menu ul li a.current, #menu ul li a.current:visited, #menu ul li a.current:hover{margin:0 8px; background:transparent; color:#000000; padding:5px 7px}
#facebook h2{
width: 283px;
padding: 5px 0 5px 15px;
text-align: left;
color: #FFFFFF;
font: normal bold 100% Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing:1px;
text-decoration: none;
background-image:url('http://link4vn.com/audiobook/images/bg-sidebar-header.png');
}
#sachhay h2{
width: 504px;
padding: 5px 0 5px 15px;
text-align: left;
color: #FFFFFF;
font: normal bold 100% Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing:1px;
text-decoration: none;
background-image:url('http://link4vn.com/audiobook/images/bg-sidebar-header.png');
}
#sachhay1 h2{
width: 503px;
padding: 5px 0 5px 15px;
text-align: left;
color: #FFFFFF;
font: normal bold 100% Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing:1px;
text-decoration: none;
background-image:url('http://link4vn.com/audiobook/images/bg-sidebar-header.png');
}
#PopularPosts1 ul{list-style:none;margin:0;padding:0}
#PopularPosts1 li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGnamm1-PWYUCWjRp_B8BUJyzigBQcxKpdw8S9y-ToEnxn_H0LqOed4EjVlMQvzOdUApHy28dDEw6QpPRlQz5mjdl49IEFCd7pjw6491aGyrFOwbBRdPl-JBj2zljSaKes_V1HJeXezTZk/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
#BlogList1 ul{list-style:none;margin:0;padding:0}
#BlogList1 li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_gUD0G430ogm0rGvc-SEBmHogTxWcNG63hS3LUI6isOyRoxw_SlilRTdnmS0mDUwr0TkJKkO8yITSXc5ySTuz6rtVgYu9tOOIzI9gSaciQyjWkWUoZBoDT-4gozgJx7bz8dbPEas5J4o/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
#siteinfo{background:#FFFFFF;width:1000px;border-bottom: 1px solid #BED0E6;color:#000;font-size:13px;text-align:center;margin:0 auto;padding-top:15px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;}
#siteinfo a{color:#0000FF;text-decoration:none;font-size:13px;}
#siteinfo a:hover{color:#000000;text-decoration:underline;}
#HTML8, #Poll1 {background:#FFFFCA}
]]></b:skin>

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}

</script>
</b:if>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </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;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
<script type='text/javascript'>

<![CDATA[



]]>

</script>
<body>
<div id='outer-wrapper'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div style='clear: both;'/>

<div id='blog-wrapper'>

<div style='clear: both;'/>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='KINH DOANH THEO MẠNG (Tiêu đề)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-repeat: no-repeat; " + "width: " + data:width + "px; " + "height: " + data:height + "px;"' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

<div style='clear: both;'/>
<div id='menu'>
<ul>
<li><a href='/'>Trang chủ</a></li>
<li><a href='http://#/feeds/posts/default'>Posts RSS</a></li>
<li><a href='http://#/feeds/comments/default'>Comments</a></li>
<li><a href='#'>Giới thiệu</a></li>
<li><a href='#'>Qui định</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Liên hệ</a></li>
<li><a href='#' target='_blank'>Liên kết</a></li>
<li><a href='#' target='_blank'>Kaspersky 2011</a></li>
<li><a href='#' target='_blank'>Blog Radio</a></li>
<li><a href='#' target='_blank'>Kho phim MF</a></li>
</ul>
</div>
<div id='middleads-wrapper'>
<b:section class='middleads' id='middleads' preferred='yes'/>
</div>

<div style='clear: both;'/>

<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' preferred='yes'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span>
</a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
</a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
</div>

<div class='post-body' expr:id='"post-" + data:post.id'>

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
<div style='clear: both;'/> 
</div>

<div class='post-footer'>

<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>

<b:include data='post' name='postQuickEdit'/>
</span> </b:if>
</div>

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>

</div>

<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>

</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
</div>

<div>
<div class='mobile-index-arrow'>
&rsaquo;
</div>

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>
</a>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:loop>
</dl>

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts2' locked='false' title='Bài đăng phổ biến' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='Label1' locked='false' title='Chuyên mục' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='VideoBar1' locked='false' title='Thanh Video' type='VideoBar'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>

<div class='widget-content'>
<div expr:id='data:widget.instanceId + "_bar"'>
<span class='videoBar-status'>Loading...</span>
</div>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Bài đăng phổ biến' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


<div style='clear: both;'/>

</div> 

<div id='middleads-wrapper'>
<b:section class='middleads2' id='middleads2' preferred='yes'/>
</div>

<div style='clear: both;'/>

<div id='lower-wrapper'>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'/>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'/>
</div>

<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Our Blogger Templates' type='Feed'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content'>
<ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<b:loop values='data:feedData.items' var='i'>
<li>
<span class='item-title'>
<a expr:href='data:i.alternate.href'>
<data:i.title/>
</a>
</span>
<b:if cond='data:showItemDate'>
<b:if cond='data:i.str_published != ""'>
<span class='item-date'>
 - <data:i.str_published/>
</span>
</b:if>
</b:if>
<b:if cond='data:showItemAuthor'>
<b:if cond='data:i.author != ""'>
<span class='item-author'>
 - <data:i.author/>
</span>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div style='clear: both;'/>

<div id='lowerads-wrapper'>
<b:section class='lowerads' id='lowerads' preferred='yes'/>
</div>

<div style='clear: both;'/>

</div> 
<div id='menu'>
<ul>
<li><a href='/'>Trang chủ</a></li>
<li><a href='http://#/feeds/posts/default'>Posts RSS</a></li>
<li><a href='http://#/feeds/comments/default'>Comments</a></li>
<li><a href='#'>Giới thiệu</a></li>
<li><a href='#'>Qui định</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Liên hệ</a></li>
<li><a href='#' target='_blank'>Liên kết</a></li>
<li><a href='#' target='_blank'>Kaspersky 2011</a></li>
<li><a href='#' target='_blank'>Blog Radio</a></li>
<li><a href='#' target='_blank'>Kho phim MF</a></li>
</ul>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

<div style='clear: both;'/>

</div> 

<div id='bottomads-wrapper'>
<b:section class='bottomads' id='bottomads' preferred='yes'/>
</div>

</div> 



<div id='credit'>

<div id='creditleft'>
<p><b>  © <a href='http://www.ourblogtemplates.com/'>Free Blogger Templates</a> <i>Columnus</i> by <a href='http://www.ourblogtemplates.com/'>Ourblogtemplates.com</a> 2008</b></p>
</div>

<div id='creditright'>
<p><b>Back to <a href='#outer-wrapper'>TOP</a>  </b></p>
</div>

</div> 

</body>
</html>

Xem nhiều trong tuần

Contact

Các bài đăng liên quan--------------Bài đăng chủ đề khác

Flicker Images