Theme mau trang danh ba web bo ra can thi dung

<?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[/*
-----------------------------------------------
Simplex Celebrity
Design by Huy Dinh Quang

----------------------------------------------- */
/* hide navigation bar */
#navbar {
display: none !important;
}

/*******************
* RESET *
*******************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0px;
padding: 0px;
}

table {
border-collapse: collapse;
border-spacing: 0px;
}

fieldset,img {
border: 0px;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

ol,ul {
list-style: none;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

q:before,q:after {
content: '';
}

abbr,acronym {
border: 0px;
}

.clear{
clear: both;
}

.right {
float: right;
}

.left {
float: left;
}

/*******************
* GLOBAL *
********************/
body {
background: #0099CC;
font: 12px/17px Arial, Helvetica, sans-serif;
color: #222222;
}

input {
font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
background: #FFFFFF url(http://img823.imageshack.us/img823/2926/hatch.gif) repeat;
width: 960px;
margin: 0px auto 0px auto;
padding: 0px 5px 5px 5px;
}

/*******************
* HYPERLINKS *
********************/
a, a:visited, a:active {
color: #333333;
text-decoration: none;
}

a:hover {
color: #FD0859;
text-decoration: underline;
}

a img {
border: none;
}

a:focus, a:hover, a:active {
outline: none;
}

/*******************
* SEARCH FORM *
********************/
#searchform {
margin: 0px;
padding: 0px;
}

.searchinput {
float: right;
background: #FFFFFF;
width: 130px;
height: 15px;
margin: 6px 0px 0px 0px;
padding: 3px 3px 2px 3px;
font-size: 12px;
color: #666666;
border: none;
}

.searchsubmit {
float: right;
background: #FFFFFF url(http://img823.imageshack.us/img823/7961/searchbgp.gif) repeat-x;
height: 20px;
margin: 6px 5px 0px 3px;
padding: 2px 2px 2px 2px;
border: none;
color: #333;
letter-spacing: -1px;
font-weight: bold;
}

/*******************
* HEADER *
********************/
#headerwrapper {
background:none;
width: 970px;
margin: 15px auto 0px auto;
padding: 0px;

}
#header {
background: none;
height: 90px;
}

.logo {
background: url(http://img265.imageshack.us/img265/6665/simplexfashion.png) no-repeat;
float: left;
width: 240px;
height: 80px;
margin: 10px 0px 0px 0px;
padding: 0px;
}

.ad468x60 {
float: right;
width: 468px;
height: 60px;
margin: 10px 0px 0px 0px;
padding: 0px;
}

.ad468x60 img {
border: none;
}

/*******************
* MENU *
********************/
#menu {
background: #333333;
width: 970px;
height: 32px;
margin: 0px auto 0px auto;
}

#menu ul {
float: left;
list-style: none;
margin: 0px 0px 0px 1px;
padding: 0px;
}

#menu li {
float: left;
list-style: none;
border-right: 1px solid #222222;
}

#menu ul li {
margin: 0px 0px 0px -1px;
list-style: none;
border-right: 1px solid #222222;
}

#menu li a, #menu li a:link, #menu li a:visited {
margin: 0px;
padding: 8px 10px 7px 10px;
color: #FFFFFF;
display: block;
font-size: 1.2em;
font-weight: bold;
font-family: helvetica, arial;
letter-spacing: -1px;
text-transform: uppercase;
}

#menu li a:hover, #menu li a:active {
background: #FD0859;
margin: 0px;
padding: 8px 10px 7px 10px;
color: #FFFFFF;
display: block;
text-decoration: none;
border-bottom: none;
}

#menu li li a, #menu li li a:link, #menu li li a:visited {
background: #333333;
opacity: .90;
filter: alpha(opacity=90);
width: 140px;
float: none;
margin: 0px;
padding: 8px 10px 7px 10px;
color: #FFFFFF;
border-bottom: 1px solid #222222;
border-left: 1px solid #222222;
border-right: 1px solid #222222;
}

#menu li li a:hover, #menu li li a:active {
background: #FD0859;
padding: 8px 10px 7px 10px;
color: #FFFFFF;
border-bottom: 1px solid #222222;
border-left: 1px solid #222222;
border-right: 1px solid #222222;
}

#menu li ul {
z-index: 9999;
position: absolute;
height: auto;
width: 162px;
margin: 0px 0px 0px -1px;
padding: 0px;
left: -999em;
border-top: 1px solid #222;
}

#menu li li {
border: none;
margin: 0px;
}

#menu li ul a {
width: 120px;
}

#menu li ul a:hover, #menu li ul a:active {
}

#menu li ul ul {
margin: -34px 0px 0px 161px;
padding: 0px;
border-top: 1px solid #222;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
left: auto;
}

#menu li:hover, #menu li.sfhover {
position: static;
}

/*******************
* HOMEPAGE *
********************/
#col1 {
background: #FFFFFF;
float: left;
width: 615px;
margin: 5px 0px 0px 0px;
padding: 10px;
}

/*********************
* FEATURED BLOCK *
**********************/
#featuredcontent {
width: 615px;
height: 250px;
margin: 0px;
}

/*******************
* COLUMNS *
********************/
#contentwide {
background: #FFFFFF;
float: left;
width: 940px;
margin: 5px 0px 0px 0px;
padding: 10px;
}

.catbox {
width: 298px;
padding: 0px 10px 0px 10px;
border-right: 1px dashed #CCCCCC;
}

.postbox1 {
width: 140px;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.postbox2 {
width: 140px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 13px;
}

.postbox1 img, .postbox2 img {
padding: 5px;
border: 1px solid #F0F0F0;
}

#contentleft {
float: left;
width: 298px;
padding: 0px 10px 0px 0px;
border-right: 1px dashed #CCCCCC;
}

#contentright {
float: left;
width: 295px;
padding: 0px 0px 0px 10px;
}

#contentwide h2, #contentleft h2, #contentright h2, .postbox h2 {
margin: 5px 0px 5px 0px;
font-size: 12px;
font-weight: bold;
}

#contentwide ul {
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 0px;
border-top: 1px dashed #CCCCCC;
}

#contentleft ul, #contentright ul {
margin: 0px 0px 20px 0px;
padding: 10px 0px 5px 0px;
border-top: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
}

#contentwide li, #contentleft li, #contentright li {
background: #FFFFFF url(http://img818.imageshack.us/img818/8770/arrowc.gif) no-repeat 1px 4px;
padding: 0px 0px 5px 10px;
}

#contentwide li a, #contentleft li a, #contentright li a {
}

.category {
background: #FFFFFF;
margin: 3px 0px 7px 0px;
line-height: 20px;
}

.category a {
background: url(http://img405.imageshack.us/img405/4140/bluestar.gif) no-repeat 0px 2px;
padding: 3px 5px 3px 20px;
color: #FD0859 !important;
font-size: 1.2em;
font-weight: bold;
font-family: helvetica, arial;
letter-spacing: -1px;
text-transform: uppercase;
}

.thumb img{
padding: 5px;
border: 1px solid #e9e9e9;
}

/*******************
* CONTENT *
********************/
#content {
background: #FFFFFF;
float: left;
width: 615px;
margin: 5px 0px 0px 0px;
padding: 10px;
color: #333333;
}

#fullcontent {
background: #FFFFFF;
float: left;
width: 940px;
margin: 5px 0px 0px 0px;
padding: 10px;
color: #333333;
}

.h2title {
font-size: 16px;
font-weight: bold;
padding: 5px 0px 10px 0px;
border-bottom: 1px dashed #CCCCCC;
}

.singletitle {
font-size: 16px;
font-weight: bold;
padding: 5px 0px 0px 0px;
}

.byline {
height: 14px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 0px;
color: #666666;
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
border-bottom: 1px dashed #CCCCCC;
}

.author a {
color: #666666;
}

.comments {
background: #FD0859;
margin: 0px 0px 0px 5px;
padding: 0px 2px 0px 2px;
color: #FFFFFF;
font-weight: bold;
}

.comments a {
color: #FFFFFF !important;
text-decoration: none !important;
}

.postnav {
padding: 7px 0px 7px 0px;
border-top: 1px dashed #CCCCCC;
}

.postnav a {
color: #333333;
}

.postnav a:hover {
color: #FD0859;
}

.postnav .left {
width: 280px;
text-align: left;
}

.postnav .right {
width: 280px;
text-align: right;
}

.previouspost {
font-size: 11px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}

.nextpost {
font-size: 11px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
text-align: right;
}

.previouspost a:hover, nextpost a:hover {
text-decoration: underline;
}

/*******************
* ENTRY *
********************/
.entry {
margin: 10px 0px 0px 0px;
padding: 0px;
color: #444444;
line-height: 1.4em;
}

.entry p {
padding-bottom: 10px;
}

.entry strong {
font-weight: bold;
}

.entry h1 {
font-size: 20px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}

.entry h2 {
font-size: 18px;
font-weight: bold;
margin: 0px !important;
padding: 0px 0px 7px 0px !important;
border: none !important;
}

.entry h3 {
font-size: 16px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}

.entry h4 {
font-size: 14px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}

.entry h5 {
font-size: 13px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}

.entry h6 {
font-size: 12px;
font-weight: bold;
padding: 0px 0px 7px 0px;
}

.entry a {
color: #1D6B9D;
}

.entry a:hover {
color: #FD0859;
text-decoration: underline;
}

.entry a img {
border: none;
}

.entry ul {
padding-bottom: 10px;
list-style: none;
}

.entry ol {
padding-bottom: 10px;
list-style: decimal inside;
}

.entry ul li {
background: url(http://img818.imageshack.us/img818/8770/arrowc.gif) no-repeat 3px 6px;
padding: 3px 0px 3px 13px;
font-size: 12px;
line-height: 15px;
color: #4C4C4C;
}

.entry li a {
color: #333333;
}

.entry li ul {
margin: 0px;
padding: 0px;
}

.page {
background: #fff;
margin: 10px 0px 0px 0px;
}

.entry del {
text-decoration: line-through;
color: #AAAAAA;
}

.entry ins {
text-decoration: underline;
font-weight: bold;
}

.entry code {
display: block;
background: #EEEEEE;
margin: 0px 0px 20px 0px;
padding: 10px;
font-size: 12px;
color: #444444;
border: 1px solid #E6E6E6;
}

.entry blockquote {
display: block;
background: #E9F8FB;
margin: 0 0 20px 0;
padding: 10px 10px 10px 10px;
color: #366799;
border: 1px solid #CFDEE1;
}

.entry blockquote blockquote {
margin: 0;
padding: 0 0 0 20px;
color: #555555;
font-size: 12px;
font-style: italic;
font-weight: normal;
border: none;
}

/*******************
* ARCHIVE *
********************/
.archive {
margin: 15px 0px 0px 0px;
padding: 0px;
border-bottom: 1px dashed #CCCCCC;
}

.archive h2 {
margin: 0px 0px 10px 0px;
padding: 0px;
font-size: 16px;
font-weight: bold;
}

.archiveright {
width: 503px;
}

.archivetitle {
color: #FD0859;
text-transform: uppercase;
letter-spacing: -1px;
}

.postmeta {
margin: 10px 0px 10px 0px;
font-size: 11px;
text-transform: uppercase;
}

.postmeta strong {
background: #1D6B9D;
padding: 0px 2px 0px 2px;
font-weight: bold;
color: #FFFFFF;
}

.postmeta span {
background: #FD0859;
margin: 0px 0px 0px 10px;
padding: 0px 2px 0px 2px;
font-weight: bold;
color: #FFFFFF;
}

.postmeta a {
color: #333333;
text-decoration: none;
}

.postmeta a:hover {
color: #FD0859;
text-decoration: underline;
}

/*******************
* IMAGES *
********************/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
background-color: #F3F3F3;
margin: 0px 10px 10px 0px;
padding: 4px 0px 0px 0px;
text-align: center;
overflow: hidden;
}

.wp-caption img {
margin: 0px;
padding: 0px;
border: 0px none;
}

.wp-caption p.wp-caption-text {
padding: 3px;
margin: 0px;
font-style: italic;
color: #888888;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 0px;
margin: 0px 0px 10px 10px;
display: inline;
}

img.alignleft {
padding: 0px;
margin: 0px 10px 10px 0px;
display: inline;
}

.alignright {
float: right
}

.alignleft {
float: left
}

/*******************
* SIDEBAR *
********************/
#sidebar {
background: none;
float: right;
width: 320px;
margin: 5px 0px 0px 0px;
padding: 0px;
}

#sidebar .ad300x250 {
margin-bottom: 5px;
}

#sidebarad {
background: #FFFFFF;
float: right;
width: 320px;
margin: 5px 0px 0px 0px;
padding: 0px;
}

.box {
margin: 5px 0px 10px 0px;
padding: 0px;
background: #FFFFFF;
color: #333333;
line-height: 18px;
}

.widget1 {
background: #FFFFFF;
margin: 0px;
padding: 10px;
}

.widget1 ul{
margin: 0px;
padding: 0px;
}

.widget1 ul li {
list-style: none;
margin: 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #CCCCCC;
}

.widget1 li ul {

}

.widget1 li li {

}

.widget1 h3 {
margin: 0px;
padding: 5px 5px 5px 0px;
background: #FFFFFF;
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
font-family: helvetica, arial;
letter-spacing: -1px;
border-bottom: 3px solid #fd0859;
}

.ad300x250 {
background: #FFFFFF;
width: 300px;
height: 250px;
margin: 0px;
padding: 10px;
}

.ad300x250 img {
border: none;
}

/******************
* SUBSCRIBE *
******************/
.subscribe {
margin: 0px 0px 10px 0px;
padding: 0px;
}

.rss {
padding-left: 24px !important;
background: #FFFFFF url(http://img835.imageshack.us/img835/1768/rss.gif) no-repeat 0px 4px;
}

.twitter {
padding-left: 24px !important;
background: #FFFFFF url(http://img405.imageshack.us/img405/699/twitterm.gif) no-repeat 0px 4px;
}

/*******************
* CALENDER *
********************/
#wp-calendar th {
background: #FFFFFF;
margin: 5px 0px 0px 0px;
font-weight: bold;
text-align: center;
text-transform: capitalize;
color: #666;
}

#wp-calendar caption {
font-size: 13px;
font-weight: bold;
text-align: center;
color: #666666;
padding: 0px 5px 5px 5px;
margin: 2px 0px 2px 0px;
border-bottom: 1px dotted #CCCCCC;
}

#wp-calendar td {
color: #666666;
letter-spacing: normal;
padding: 2px 0px;
text-align: center;
}

#wp-calendar #today {
background: #FD0859;
color: #FFFFFF;
}

#wp-calendar {
empty-cells: show;
font-size: 12px;
margin: 0px;
width: 100%;
}

/*******************
* COMMENTS *
********************/
.comments-box {
padding: 20px 0px 0px 0px;
border-top: 1px dashed #CCCCCC;
}

.comments-box img {
}

.comments-box h3 {
margin: 0px;
padding: 0px;
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
color: #FD0859;
}

#respond {
background: #FFFFFF;
margin: 10px 0px 0px 0px;
padding: 5px;
}

#respond p {
color: #777777;
margin: 0px;
}

.cancel-comment-reply {
padding: 5px 0px 0px 0px;
font-size: 11px;
}

.cancel-comment-reply a {
color: #000000;
}

.cancel-comment-reply a:hover {
color: #FD0859;
}

.text {
border: 1px solid #DDDDDD;
padding: 2px;
color: #777777;
width: 200px;
}

/************************
* COMMENT FRAMEWORK *
*************************/
ol.commentlist a:link {
text-decoration: none;
}

ol.commentlist li div.vcard cite.fn a.url:hover {
text-decoration: none;
}

ol.commentlist {
margin: 15px 0px 0px 0px;
padding: 0px;
background: #FFFFFF;
}

ol.commentlist li {
margin: 0px 0px 10px 0px;
padding: 10px;
list-style-type: none;
border: 1px dotted #CCCCCC;
}

ol.commentlist li.alt {
}

ol.commentlist li.bypostauthor p {
}

ol.commentlist li.byuser {
}

ol.commentlist li.comment-author-admin {
}

ol.commentlist li.comment {
}

ol.commentlist li div.comment-author {
}

ol.commentlist li div.vcard {
}

ol.commentlist li div.vcard cite.fn {
font-style: normal;
font-weight: bold;
}

ol.commentlist li div.vcard cite.fn a.url {
color: #222222;
}

ol.commentlist li div.vcard img {
float: left;
margin: 0px 10px 5px 0px;
padding: 4px;
background: #FFFFFF;
border: 1px solid #F0F0F0;
width :48px;
height:48px;
}

ol.commentlist li div.vcard span.says {
color: #888888;
}

ol.commentlist li div.commentmetadata {
}

ol.commentlist li div.comment-meta {
margin: 3px 0px 0px 0px;
font-size: .9em;
}

ol.commentlist li div.comment-meta a {
color: #AAAAAA;
text-decoration:none;
}

ol.commentlist li p {
margin: 30px 0px 0px 0px;
line-height: 1.4em;
}

ol.commentlist li ul {
}

ol.commentlist li div.reply {
margin: 10px 0px 0px 0px;
line-height: 18px;
}

ol.commentlist li div.reply a {
background: #FFFFFF;
height: 16px;
font-size: 10px;
color: #1D6B9D !important;
text-transform: uppercase;
}

ol.commentlist li div.reply a:hover {
color: #FD0859 !important;
text-decoration: none;
}

ol.commentlist li ul.children {
}

ol.commentlist li ul.children li {
margin: 10px 0px 0px 0px;
background: #FFFFFF;
border: 1px dotted #CCCCCC;
}

ol.commentlist li ul.children li li.alt {
background: #FFFFFF;
}

ol.commentlist li ul.children li.bypostauthor {
}

ol.commentlist li ul.children li.byuser {
}

ol.commentlist li ul.children li.comment {
}

ol.commentlist li ul.children li.comment-author-admin {
}

ol.commentlist li ul.children li.depth-2 {
}

ol.commentlist li ul.children li.depth-3 {
}

ol.commentlist li ul.children li.depth-4 {
}

ol.commentlist li ul.children li.depth-5 {
}

ol.commentlist li ul.children li.odd {
}

ol.commentlist li.even {
}

ol.commentlist li.odd {
}

ol.commentlist li.parent {
}

ol.commentlist li.pingback {
}

ol.commentlist li.thread-alt {
}

ol.commentlist li.thread-even {
}

ol.commentlist li.thread-odd {
}

/*******************
* COMMENT FORM *
********************/
#commentform {
}

#commentform input {
width: 210px;
margin: 7px 3px 0px 0px;
padding: 5px;
font-size: 12px;
border: 1px solid #DDDDDD;
}

#commentform .author, #commentform .email, #commentform .url {
padding: 3px 3px 3px 5px;
background: #FFFFFF;
color: #999999;
font-style: italic;
}

#commentform textarea {
width: 75%;
height: 100px;
margin: 7px 0px 0px 0px;
padding: 2px;
font: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #DDDDDD;
}

#commentform .submit {
background: #FD0859;
width: 120px;
margin: 7px 0px 0px 0px;
padding: 4px;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #DDDDDD;
}

/*******************
* NAVIGATION *
********************/
.navigation {
margin: 5px 0px 10px 0px;
padding: 5px 0px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

.navigation a {
background: #FD0859;
padding: 3px 5px;
color: #FFFFFF !important;
text-decoration: none !important;
}

/******************
* FOOTER *
*******************/
#footer {
background: #FFFFFF;
margin: 5px 0px 0px 0px;
padding: 7px;
color: #333333;
font-size: 11px;
line-height: 20px;
text-transform: uppercase;
}

#footer a {
}

#footer a:hover {
border-bottom: none;
}

#footer ul {
float: left;
list-style: none;
margin: 0px 0px 0px 1px;
padding: 0px;
}

#footer li {
float: left;
list-style: none;
margin: 1px 5px 0px 0px;
padding: 0px;
text-transform: uppercase;
}

#footer ul li {
list-style: none;
margin: 0px 5px 0px 0px;
padding: 0px;
}

#footer li a, #topnav li a:link, #topnav li a:visited {
display: block;
margin: 0px;
padding: 3px;
color: #333333;
}

#footer li a:hover, #topnav li a:active {
display: block;
background: #fd0859;
margin: 0px;
padding: 3px;
color: #fff;
text-decoration: none;
border-bottom: none;
}

#footer li li a, #topnav li li a:link, #topnav li li a:visited {
float: none;
background: #FFFFFF;
width: 130px;
margin: 0px;
padding: 3px;
color: #111111;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}

#footer li li a:hover, #topnav li li a:active {
background: #FD0859;
color: #FFFFFF;
padding: 3px;
}

.footerrss {
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 13px !important;
background: #fff url(http://img716.imageshack.us/img716/9826/rsssmall.gif) no-repeat 0px 5px;
}

.footerrss a, .footer a:visited {
background: #FFFFFF !important;
color: #333333 !important;
}

.footerrss a:hover {
color: #FD0859 !important;
}

#bottom {
width: 970px;
margin: 10px auto 10px auto;
text-align: right;
line-height: 17px;
color: #FFFFFF;
font-size: 11px;
text-transform: uppercase;
}

#bottom a {
color: #FFFFFF;
}

#featured{
width: 400px;
padding-right: 215px;
position: relative;
height: 250px;
background: #222;
}

#featured ul.ui-tabs-nav{
position: absolute;
top: 0px;
left: 400px;
list-style: none;
padding: 0;
margin: 0;
width: 215px;
background: #333;
color: #fff;
}

#featured ul.ui-tabs-nav li{
margin: 0px;
padding: 0px 0px 1px 0px;
font-size: 12px;
color: #666;
background: none;
}

#featured ul.ui-tabs-nav li img{
float: left;
margin: 2px 5px;
background: #fff;
padding: 2px;
border: 1px solid #eee;
}

#featured ul.ui-tabs-nav li span{
font-size: 12px;
line-height: 16px;
}

#featured li.ui-tabs-nav-item a{
display: block;
height: 72px;
padding: 10px 10px 0px 7px;
color:#fff;
background:#444;
}

#featured li.ui-tabs-nav-item a:hover{
background: #555;
color: #fff;
}

#featured li.ui-tabs-selected{
/* background:url('images/selected-item.gif') top left no-repeat; */
padding: 0px 0px 1px 0px;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background: #333;
}

#featured .ui-tabs-panel{
width: 400px;
height: 248px;
background: #000;
margin: 0px;
padding: 0px;
position: relative;
}

#featured .ui-tabs-panel .info{
position: absolute;
top: 180px;
left: 0px;
height: 67px;
background: #111;
opacity: .75;
filter: alpha(opacity=75);
padding: 3px 5px 0px 5px;
margin: 0px;
}

#featured .info h2{
font-size: 18px;
color: #fff;
padding: 5px;
overflow: hidden;
}

#featured .info p{
margin: 0px 5px;
font-size: 12px;
line-height: 15px;
color: #f0f0f0;
padding: 0px;
}

#featured .info a{
text-decoration: none;
color: #fff;
}

#featured .info a:hover{
text-decoration: underline;
}

#featured .ui-tabs-hide{
display: none;
}
]]></b:skin>
  </head>

  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://dinhquanghuy.110mb.com/template/jquery-ui.min.js' type='text/javascript'/>

<script type='text/javascript'>
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7000, true);
});
</script>

  <script type='text/javascript'>
   imgr = new Array();

imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";

showRandomImg = true;

aBold = true;

summaryPost = 70;
summaryTitle = 25;

numposts = 4;
numposts1 = 3;
numposts2 = 6;

label1 = "Celebs";
Title1 = "CELEBS";

label2 = "Music";
Title2 = "MUSIC";

label3 = "Movie";
Title3 = "MOVIE";

label4 = "TV";
Title4 = "TV";

label5 = "Redcarpet";
Title5 = "RED CARPET";

label6 = "weddings";
Title6 = "WEDDINGS";

label7 = "Fashion";
Title7 = "FASHION";

label8 = "Couples";
Title8 = "COUPLES";

label9 = "style";
Title9 = "STYLE";

label10 = "feature";
Title10 = "feature";

function removeHtmlTag(strx,chop){
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);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}

function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();

   for (var i = 0; i < numposts; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
var pcm;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }
   }

for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
   pcm = entry.link[k].title.split(" ")[0];
   break;
   }
   }

   if ("content" in entry) {
   var postcontent = entry.content.$t;}
   else
   if ("summary" in entry) {
   var postcontent = entry.summary.$t;}
   else var postcontent = "";

   postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;


if (i==0) {

var trtd = '<div class="thumb"><a href="'+posturl+'"><img width="285" height="110" src="'+img[i]+'"/></a></div><h2><a href="'+posturl+'">'+posttitle+'</a></h2><div class="clear"></div><ul>';
document.write(trtd);
}

if ((i>0)&&(i<numposts))
   {
var trtd = '<li><a href="'+posturl+'">'+posttitle+' </a></li>';
document.write(trtd);
}

j++;
}
document.write('</ul>');
}

function showrecentposts2(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();

   for (var i = 0; i < numposts; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
var pcm;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }
   }

for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
   pcm = entry.link[k].title.split(" ")[0];
   break;
   }
   }

   if ("content" in entry) {
   var postcontent = entry.content.$t;}
   else
   if ("summary" in entry) {
   var postcontent = entry.summary.$t;}
   else var postcontent = "";

   postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;


if (i==0) {

var trtd = '<div class="postbox1 left"><a href="'+posturl+'"><img width="125" height="110" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2> </div>';
document.write(trtd);
}

if (i==1) {

var trtd = '<div class="postbox2 left"><a href="'+posturl+'"><img width="125" height="110" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2> </div><div class="clear"></div><ul>';
document.write(trtd);
}

if ((i>1)&&(i<numposts))
   {
var trtd = '<li><a href="'+posturl+'">'+posttitle+' </a></li>';
document.write(trtd);
}

j++;
}
document.write('</ul>');
}

function showrecentposts3(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();

   for (var i = 0; i < numposts; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
var pcm;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }
   }

for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
   pcm = entry.link[k].title.split(" ")[0];
   break;
   }
   }

   if ("content" in entry) {
   var postcontent = entry.content.$t;}
   else
   if ("summary" in entry) {
   var postcontent = entry.summary.$t;}
   else var postcontent = "";

   postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

var daystr = day+ ' ' + m + ' ' + y ;

var trtd = '<li><a href="'+posturl+'">'+posttitle+' </a></li>';
document.write(trtd);

j++;
}

}

function showrecentposts4(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();

   for (var i = 0; i < numposts1; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
var pcm;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }
   }

for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
   pcm = entry.link[k].title.split(" ")[0];
   break;
   }
   }

   if ("content" in entry) {
   var postcontent = entry.content.$t;}
   else
   if ("summary" in entry) {
   var postcontent = entry.summary.$t;}
   else var postcontent = "";

   postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

//var daystr = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";

var trtd = '<div class="ui-tabs-panel ui-tabs-hide" id="post-'+i+'"><a href="'+posturl+'"><img width="400" height="246" src="'+img[i]+'"/></a><div class="info"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...<a href="'+posturl+'"></a></p></div></div>';

document.write(trtd);

j++;
}

}

function showrecentposts5(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();

   for (var i = 0; i < numposts1; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
var pcm;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }
   }

for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
   pcm = entry.link[k].title.split(" ")[0];
   break;
   }
   }

   if ("content" in entry) {
   var postcontent = entry.content.$t;}
   else
   if ("summary" in entry) {
   var postcontent = entry.summary.$t;}
   else var postcontent = "";

   postdate = entry.published.$t;

if(j>imgr.length-1) j=0;
img[i] = imgr[j];

s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;

//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];

var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];

for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}

//var daystr = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";

var trtd = '<li id="nav-post-'+i+'" class="ui-tabs-nav-item"><a href="#post-'+i+'"><img width="80" height="50" src="'+img[i]+'"/><span>'+posttitle+'</span></a></li>';

document.write(trtd);

j++;
}

}

</script>

<script style='text/javascript'>
function showrecentcomments(json) {
for (var i = 0; i < 6; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>>/g;
comment = comment.replace(re, "");
if (i==0) {
document.write('<li class="clear" style="border-top: 0pt none;">');
}
else{
document.write('<li class="clear">');
}
document.write('<a href="' + ctlink + '"><strong>' + entry.author[0].name.$t + '</strong></a> says:');
if (comment.length < 100) {
document.write('<a target="_blank" href="' + ctlink + '">'+comment+ '</a>');
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write('<a target="_blank" href="' + ctlink + '">'+comment + '...</a>');
}
}
document.write('</li>');
}
</script>
<script type='text/javascript'>
var classicMode = false ;
var summary = 30;
var indent = 3;

function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}

function getSummaryLikeWP(id) {
   return document.getElementById(id).innerHTML.split(//)[0];
}

function getSummaryImproved(post,max){
   var re = /<.*?>/gi
   var re2 = /<br.*?>/gi
   var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi
   var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi

   post = post.replace(re4,'')
   post = post.replace(re3,'<br /> ').split(re2)

   for(var i=0; i<post.length; i++){
   post[i] = post[i].replace(re,'');
   }
var post2 = new Array();
for(var i in post) {
  //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);
  if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;

}

var s = "";
var indentBlank = "";
for(var i=0;i<indent;i++){
  indentBlank += " ";
}
if(post2.join('<br/>').split(' ').length < max-1 ){
   s = post2.join(indentBlank +' <br/>');
} else {
  var i = 0;
  while(s.split(' ').length < max){
   s += indentBlank + ' ' + post2[i]+'<br/>';
   i++;
  }
}
return s;
}

function createSummaryAndThumb(pID,title,url,date,comment){
var posturl= url;
var title=title;
var date =date;
var comment = comment;
var div = document.getElementById(pID);
var content = div.innerHTML;
if (//.test(content)) {
  div.innerHTML = getSummaryLikeWP(pID);
  div.style.display = "block";
}
else {

var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary;
if(img.length>=1) {
   imgtag = '<div class="thumb left"><a href="'+posturl+'"><img width="90" height="90" src="'+img[0].src+'"></a></div>';
   }
  var summary1 = '<div class="archive"><h2><a href="'+posturl+'">'+title+'</a></h2>'+imgtag+'<div class="archiveright right">'+stripHtmlTags(content,summary)+'...</div><div class="clear"></div></div>';

div.innerHTML = summary1;
div.style.display = "block";
}
}

</script>
<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#content {
display:none;
visibility:hidden;
}

</b:if>

<b:if cond='data:blog.url != data:blog.homepageUrl'>
#col1 {
display:none;
visibility:hidden;
}
#sidebarad {
display:none;
visibility:hidden;
}
#contentwide {
display:none;
visibility:hidden;
}
</b:if>

</style>

  <body>
   <div id='headerwrapper'>
<div id='header'>
<a href='http://theme-junkie.com/demo/fashionpro' title='FashionPro'>
   <div class='logo'/>

</a>
<div class='ad468x60'>
<b:section id='headads' showaddelement='yes'/>
</div>
</div>

</div>

<div id='menu'>
   <div class='left'>
<b:section id='menu1' showaddelement='no'>
<b:widget id='LinkList1' locked='false' title='Home' type='LinkList'>
<b:includable id='main'>
   <b:loop values='data:links' var='link'>
   <li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
   </b:includable>
</b:widget>
</b:section>
</div>

<div class='right'>
   <form action='/search/' id='searchform' method='get'>
   <div id='search'>
   <input class='searchsubmit' type='submit' value='GO'/>
<input class='searchinput' id='s' name='s' onclick='this.value='';' type='text' value='Search...'/>
</div>
</form>
</div>

</div>

<div id='wrapper'>
<div id='col1'>
   <div id='featuredcontent'>
   <div id='featured'>
   <ul class='ui-tabs-nav'>
   <script>
   document.write("<script src=\"/feeds/posts/default/-/"+label10+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>

<script>
   document.write("<script src=\"/feeds/posts/default/-/"+label10+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>

</div>

</div>


<div id='sidebarad'>
<div class='ad300x250'>
<b:section id='sidebarads' showaddelement='yes'/>
</div>
   
</div>


<div id='contentwide'>
   <div class='catbox left' style='padding-left: 0pt;'>
   <script>
   document.write('<div class="category"><a href="/search/label/'+label1+'?max-results=10">'+Title1+'</a> </div>');
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>

</div>



<div class='catbox left'>
   <script>
   document.write('<div class="category"><a href="/search/label/'+label2+'?max-results=10">'+Title2+'</a> </div>');
document.write("<script src=\"/feeds/posts/default/-/"+label2+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
   

<div class='catbox left' style='padding-right: 0pt; border-right: 0pt none;'>
   <script>
   document.write('<div class="category"><a href="/search/label/'+label3+'?max-results=10">'+Title3+'</a> </div>');
document.write("<script src=\"/feeds/posts/default/-/"+label3+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>

</div>


<div id='col1'>
   <div id='contentleft'>
   <script>
   document.write('<div class="category"><a href="/search/label/'+label4+'?max-results=10">'+Title4+'</a> </div>');
document.write("<script src=\"/feeds/posts/default/-/"+label4+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>


<script>
   document.write('<div class="category"><a href="/search/label/'+label6+'?max-results=10">'+Title6+'</a> </div>');
document.write("<script src=\"/feeds/posts/default/-/"+label6+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>


<script>
   document.write('<div class="category"><a href="/search/label/'+label8+'?max-results=10">'+Title8+'</a> </div>');
document.write("<script src=\"/feeds/posts/default/-/"+label8+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>



</div>



<div id='contentright'>
   <script>
   document.write('<div class="category"><a href="/search/label/'+label5+'?max-results=10">'+Title5+'</a> </div>');
document.write("<script src=\"/feeds/posts/default/-/"+label5+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>
<script>
   document.write('<div class="category"><a href="/search/label/'+label7+'?max-results=10">'+Title7+'</a> </div>');
document.write("<script src=\"/feeds/posts/default/-/"+label7+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>
<script>
   document.write('<div class="category"><a href="/search/label/'+label9+'?max-results=10">'+Title9+'</a> </div>');
document.write("<script src=\"/feeds/posts/default/-/"+label9+"?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>
</div>

</div>


<div id='content'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='postnav'>
   <div class='left'>
<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>
</div>
<div class='right'>
   <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>
</div>
<div class='clear'/>
</div>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <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><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><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><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 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><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 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'>
<b:if cond='data:blog.pageType == "static_page"'>
<h2 class='h2title'>
<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>
</h2>

<div class='entry'>
   <data:post.body/>
<b:include data='post' name='postQuickEdit'/>
<div class='clear'/>

</div>

<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<h2 class='singletitle'>
<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>
</h2>
<div class='byline'>
   <div class='left'>Posted by
   <span class='author'>
   <data:post.author/>
</span>
on <data:post.timestamp/>
</div>
<div class='comments right'>
<b:if cond='data:post.allowComments'>
   <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
   <b:else/><data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</b:if>
</div>
   <div class='clear'/>
</div>
<div class='entry'>
   <data:post.body/>
<b:include data='post' name='postQuickEdit'/>
<div class='clear'/>
<div class='postmeta'> <strong>Filed in:</strong>
<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>
</div>

</div>
<b:include data='post' name='comments'/>
<b:else/>
<div expr:id='"summary" + data:post.id' style='display:none;'>
   <data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.title/>","<data:post.url/>","<data:post.timestamp/>","<data:post.numComments/>");</script>
</b:if>
</b:if>
</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 id='respond'>
   <h3>Leave a Reply</h3>
<p><data:blogCommentMessage/></p>
<p><data:blogTeamBlogMessage/></p>
<p>
   <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</p>
</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'><data:newerPageTitle/></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'><data:olderPageTitle/></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' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:loop values='data:posts' var='post'>
   <b:include data='post' name='post'/>
</b:loop>
   <b:include name='nextprev'/>
   </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'>
   <img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
   <b:if cond='data:blog.pageType != "item"'> 
   <b:if cond='data:feedLinks'>
   <div class='blog-feeds'>
   <b:include data='feedLinks' name='feedLinksBody'/>
</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-box'>
   <b:if cond='data:post.allowComments'>
   <h3>
   <b:if cond='data:post.numComments == 1'>
   1 <data:commentLabel/>
<b:else/>
   <data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
   <li>
   <div>
   <div class='comment-author vcard'>
   <b:if cond='data:blog.enabledCommentProfileImages'>
   <data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'>
<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>
</cite>
<span class='says'>says:</span>
</div>
<div class='comment-meta'>
<a expr:href='data:comment.url' title='comment permalink'>
   <data:comment.timestamp/>
</a>
</div>
<b:if cond='data:comment.isDeleted'>
   <span class='deleted-comment'><data:comment.body/></span>
<b:else/>
   <p><data:comment.body/></p>
</b:if>
</div>
</li>
</b:loop>
</ol>
<div class='navigation'>
<b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
</div>
<b:if cond='data:post.embedCommentForm'>
   <b:if cond='data:post.allowNewComments'>
   <b:include data='post' name='comment-form'/>
<b:else/>
   <data:post.noNewCommentsText/>
</b:if>
<b:else/>
   <b:if cond='data:post.allowComments'>
   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
   </div>


<div id='sidebar'>
   <div class='widget1'>
   <h3>Subscribe</h3>
<div class='box'>
   <ul>
   <li class='rss'><a href='/feeds/posts/default'>Subscribe via RSS feed </a></li>
<li class='twitter'><a href='http://twitter.com/dinhquanghuy'>Follow us on Twitter</a></li>
</ul>
</div>

<h3>Recent Posts</h3>
<div class='box'>
   <ul>
   <script>
   document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
</div>
<h3>Recent Comments</h3>
<div class='box'>
<ul id='recentcomments'>
<script src='/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'/>
</ul>
</div>

<h3>Daily Video</h3>
<div class='box'>
<b:section id='video' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='dailyvideo' type='HTML'>
<b:includable id='main'>
   <data:content/>
</b:includable>
</b:widget>
</b:section>
</div>
<h3>Blogroll</h3>

<div class='box'>
<ul id='recentcomments'>
<b:section id='blogroll' showaddelement='no'>
<b:widget id='LinkList2' locked='false' title='blogroll' type='LinkList'>
<b:includable id='main'>
   <b:loop values='data:links' var='link'>
   <li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</ul>
</div>
<h3>Category</h3>
<div class='box'>
<ul id='recentcomments'>
<b:section id='category' showaddelement='no'>
<b:widget id='LinkList3' locked='false' title='Category' type='LinkList'>
<b:includable id='main'>
   <b:loop values='data:links' var='link'>
   <li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</b:includable>
</b:widget>
</b:section>
</ul>
</div>

</div>

</div>


<div class='clear'/>
<div id='footer'>
   <div class='left'>
   <ul>
   <b:section id='page' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
   <b:loop values='data:links' var='link'>
   <li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:loop>
</b:includable>
</b:widget>
</b:section>
   </ul>
</div>
<div class='right'>
   <ul>
   <li class='footerrss'><a href='/feeds/posts/default'>RSS feed</a> </li>
<li class='footerrss'><a href='/feeds/comments/default'>Comments</a></li>
</ul>
</div>
<div class='clear'/>
</div>

</div>

   <div class='clear'/>
<div id='bottom'>
   <div class='right'>
   Copyright 2009
<a expr:href='data:blog.homepageUrl'>Simplex Celebs</a> All rights reserved
Designed by <a href='http://simplexdesign.blogspot.com'>SimplexDesign</a>
<div class='clear'/>
</div>
<div class='clear'/>
</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