a template for magazine or portfolio

By:
Theme ini bagus untuk digunakan pemberitaan coba lihat disini DEMO

Dan untuk menggunakan silahkan copas code dibawah ini

<?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[/*
-----------------------------------------------
Blogger Template Style
Name:     SimplexMag
Date:     May 20 2011
Author:   Dinh Quang Huy
http://simplexdesign.blogspot.com
----------------------------------------------- */
/* hide navigation bar */
#navbar {
display: none !important;
}
/*----------------------------------------------------------------------------------
0. Reset code
----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
.none { display:none; }

/*----------------------------------------------------------------------------------
1. body, common classes, structure etc
----------------------------------------------------------------------------------*/
body,input,textarea,select {
font:12px Arial, Helvetica, sans-serif;
}

a {
color:#333;
text-decoration:none;
}

a:hover {
color:#CC0404;
}

body {
background:url(http://3.bp.blogspot.com/-AZ7v8pVZTEw/TdXvaHsV2OI/AAAAAAAAAFU/EPtZHDci72A/body_bg.gif) repeat;
color:#555;
}

.left {
float:left;
}

.right {
float:right;
}

.header {
clear:both;
overflow:hidden;
}

.wrapper,.top_navigation_in,.header_in,.footer_in,.bottom_in {
width:978px;
margin:0 auto;
}

.top_navigation {
width:978px;
position:relative;
z-index:99;
margin:0 auto;
}

#container {
padding:5px 0 45px;
}

.footer {
clear:both;
height:60px;
}

.content {
padding-top:15px;
}

.sidebar {
width:290px;
padding-top:15px;
}

.content_full {
width:978px;
}

.bottom_in {
clear:both;
border-top:3px double #ccc;
padding:20px 0 0;
}
.first_post {
height:323px;
width:415px;
}

.first_post .post_inner h2 {
line-height:30px;
}

.item img {
width:181px;
height:135px;
}

.first_post img {
width:401px;
height:309px;
}

.item .post_inner {
min-height:115px;
width:161px;
}

.first_post .post_inner {
width:381px;
height:289px;
}


/*-----------------------------------------------------------------------------------*/
/* 2. Header Styles
/*-----------------------------------------------------------------------------------*/
.logo { overflow: hidden; float:left; }
.logo img { max-width: 290px;}
.logo a{ font-size:34px; font-weight:bold; color:#CC0404;}
.site-description {padding:0px; margin:0px; font-size:12px; font-weight:bold;color:#7b7b7b; }
.logo a:hover { color:#333; }

/* header right side */ 
.header_right { float:right; margin-top:38px;  }
.header_right .widget { margin-bottom:0; }

/*-----------------------------------------------------------------------------------*/
/* 3. Navigation & Menus - Top Menu
/*-----------------------------------------------------------------------------------*/
.top_navigation{ background:url(http://4.bp.blogspot.com/-Vpxes2g5SVM/TdXvj4MX6DI/AAAAAAAAAG4/bDfaERfF-9Y/menu_bg.png); }
.top_navigation_in ul {  width:800px; height:35px; float:left; }
.top_navigation_in ul li{ background:url(http://1.bp.blogspot.com/-cJ4n3qv-Rtk/TdXvkLuP4hI/AAAAAAAAAG8/69VoTHxokzk/menu_seperator.png) no-repeat right; float: left; display: block; margin: 0 2px 0 0; text-align: center; font-size: 15px;  position:relative; }
.top_navigation_in ul li a {color: #d0d0d0; text-shadow:1px 1px 1px #5e5e5e; text-decoration: none; display: block; font-size:12px; font-weight:bold; padding:8px 20px 9px 20px;   white-space: nowrap; }
.top_navigation_in ul li a:hover { color:#fff;  text-decoration:none;} 

.top_navigation_in .subscribe{ color:#989797; text-shadow:1px 1px 1px #5e5e5e;float:right; margin:8px; font-size:11px;}
.top_navigation_in .subscribe span{ padding-left:18px;background:url(http://3.bp.blogspot.com/-l4RxpatNp1I/TdXvn4IxtiI/AAAAAAAAAHg/8ydStNpvW9o/top_rss.png) no-repeat left 1px; color:#d3d2d2; }
.top_navigation_in .subscribe a{ color:#d3d2d2; }
.top_navigation_in .subscribe a:hover{ color:#fff; }
.top_navigation_in .widget { margin:0;} 

/*-----------------------------------------------------------------------------------*/
/* 4. Navigation & Menus - Main Menu
/*-----------------------------------------------------------------------------------*/
.main_nav {
border:1px solid #D9D9D9;
box-shadow:2px 2px 2px #D9D9D9;
}

.main_nav_in ul li {
border-right:1px solid #dedede;
border-left:1px solid #fff;
float:left;
display:block;
text-align:center;
font-size:15px;
font-weight:bold;
position:relative;
}

.main_nav_in ul li li,.main_nav_in ul li li li,.main_nav_in ul li li li li {
border:0;
}

.main_nav_in ul li a {
color:#7a7a7a;
text-decoration:none;
display:block;
white-space:nowrap;
padding:13px 20px;
}

.main_nav_in ul li a:hover {
color:#4d4d4d;
background:url(http://2.bp.blogspot.com/-YvvIT3bWIro/TdXvjYd4x8I/AAAAAAAAAG0/039wMCcoTMs/menu_active.png) repeat-x;
text-decoration:none;
}

.main_nav_in ul li ul li a {
background:#fff;
border-bottom:1px solid #dedede;
border-right:1px solid #dedede;
display:block;
width:160px;
text-align:left;
padding:8px 10px;
}

.main_nav_in ul li ul li a:hover {
background:#f3f3f2;
}

.main_nav_in ul li ul {
background:#fff;
-moz-box-shadow:2px 2px 2px #d9d9d9;
-webkit-box-shadow:2px 2px 2px #d9d9d9;
box-shadow:2px 2px 2px #d9d9d9;
visibility:hidden;
display:block;
position:absolute;
left:0;
top:100%;
width:180px;
}

.main_nav_in ul li:hover,.main_nav_in ul li:hover ul {
background:#fff;
display:block;
visibility:visible;
}

.main_nav_in {
position:relative;
z-index:9;
}

.main_nav_in ul li ul li {
margin-right:0;
margin-top:0;
list-style:none;
text-transform:capitalize;
}

.main_nav_in ul li ul li:hover ul {
display:block;
visibility:visible;
}

.main_nav_in ul li ul li ul li:hover ul {
display:block;
visibility:visible;
height:auto;
}

.main_nav_in .search fieldset {
background:url(http://3.bp.blogspot.com/-AZ7lWmN-cmk/TdXvmGPZ2qI/AAAAAAAAAHQ/1oHfT9hriuQ/search_bg.png) no-repeat;
width:225px;
height:34px;
}

.main_nav_in .search input {
color:#a1a1a1;
width:187px;
border:0;
font:13px Arial, Helvetica, sans-serif;
margin:8px 0 0 30px;
}

.main_nav .menu_left {
position:absolute;
left:-4px;
width:4px;
height:52px;
}

.main_nav .menu_right {
position:absolute;
right:-4px;
width:4px;
height:52px;
}

.main_nav .widget #searchform {
position:absolute;
right:5px;
top:10px;
}

.main_nav_in .search {
float:right;
padding:5px 5px 0 0;
}

.main_nav_in .search button {
display:none;
}

.main_nav_in ul li ul li ul,.main_nav_in ul li ul li ul li ul {
visibility:hidden;
display:block;
position:absolute;
left:181px;
top:0;
width:180px;
}

.main_nav_in ul li:hover ul li ul,.main_nav_in ul li:hover ul li ul li ul {
visibility:hidden;
}

.main_nav_in ul,.menu-header {
float:left;
}





/*-----------------------------------------------------------------------------------*/
/*   5. Main content style
/*-----------------------------------------------------------------------------------*/

.post-content .alignleft,.post-content img.alignleft {
display:inline;
float:left;
margin-right:24px;
margin-top:4px;
}

.post-content .alignright,.post-content img.alignright {
display:inline;
float:right;
margin-left:24px;
margin-top:4px;
}

.post-content .aligncenter,.post-content img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}

.post-content img.alignleft,.post-content img.alignright,.post-content img.aligncenter {
margin-bottom:12px;
}

.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {
color:#000;
font-weight:normal;
margin:45px 0 10px;
}

.post-content h1 {
font-size:30px;
line-height:35px;
}

.post-content h2 {
font-size:26px;
}

.post-content h3 {
font-size:22px;
}

.post-content h4 {
font-size:20px;
}

.post-content h5 {
font-size:18px;
}

.post-content p {
line-height:20px;
margin:10px 0;
}

.post-content ol {
list-style:decimal;
padding-left:35px;
margin:15px 0 35px;
}

.post-content ul {
list-style:disc;
padding-left:35px;
clear:both;
margin:15px 0 35px;
}

.post-content li {
font-size:15px;
margin:3px 0;
}

.post-content blockquote {
background:#f7f7f7 url(http://3.bp.blogspot.com/-ZMVwhwQ2BAQ/TdXvldqnrvI/AAAAAAAAAHI/YvNfAVhbHlw/quote_left.png) no-repeat 30px 20px;
border-top:6px solid #f0f0f0;
padding:15px 0 10px 65px;
}

.post-content blockquote p {
font-size:16px;
background:url(http://4.bp.blogspot.com/-k-1G5Nf-07s/TdXvlh0i64I/AAAAAAAAAHM/XWn8nA0VuEE/quote_right.png) no-repeat 590px 20px;
}

.content {
width:642px;
}

.breadcrumb {
color:#acacac;
background:url(http://2.bp.blogspot.com/-1nURh4iQbi4/TdXvaXaC_DI/AAAAAAAAAFY/J2jgctCATOI/breadcrumb_bg.png) repeat-x 0 center;
}

.breadcrumb_in {
color:#acacac;
background:#fbfbfb;
}

.bottom_bdr {
border-top:1px solid #e5e3e3;
position:absolute;
height:10px;
display:block;
}

.content-title span a:hover {
color:#000;
text-decoration:none;
}

.grid .post h2,.grid .post .post-meta {
background:none;
display:block;
}

.grid .post img {
border:4px solid #f6f6f6;
margin:0;
padding:2px;
}

.grid .post-content {
border:1px solid #d9d9d9;
-moz-box-shadow:2px 2px 2px #d9d9d9;
-webkit-box-shadow:2px 2px 2px #d9d9d9;
box-shadow:2px 2px 2px #d9d9d9;
font-size:12px;
margin-bottom:0;
}

.post_inner {
background:#000;
}

.content .post-meta,.content-title {
color:#000;
background:url(http://4.bp.blogspot.com/-wqKnPkawr_A/TdXva6rQb0I/AAAAAAAAAFc/4S1OXnRneas/footer_line.png) repeat-x bottom;
}

.entry .post {
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
clear:both;
padding-bottom:15px;
}

.post-meta .single_cate {
background:url(http://1.bp.blogspot.com/-D3YCyFgRMjs/TdXvfH0_oVI/AAAAAAAAAGI/_9NLgko6XqQ/i_folder.png) no-repeat left center;
float:left;
}

.post-meta .single_cate:hover {
background:url(http://4.bp.blogspot.com/-gjZqsxhvcLE/TdXvfpt36II/AAAAAAAAAGM/xXJ8B4kMBY0/i_folder_h.png) no-repeat left;
}

.post-meta .single_comments a {
background:url(http://4.bp.blogspot.com/-HtD7B-mmtCI/TdXvdY9QxrI/AAAAAAAAAF0/51eY_VP2coI/i_comment_inner.png) no-repeat left;
float:left;
margin-left:5px;
}

.post-meta .single_comments a:hover {
background:url(http://4.bp.blogspot.com/-JWGh7I3Vxic/TdXvds5ANkI/AAAAAAAAAF4/DU2SEz7rvR0/i_comment_inner_h.png) no-repeat left;
}

.post-meta .single_print a {
background:url(http://4.bp.blogspot.com/-rHdz1LYH5oc/TdXvhkKihxI/AAAAAAAAAGg/akhLtd2deOc/i_print.png) no-repeat left;
float:right;
}

.post-meta .single_print a:hover {
background:url(http://1.bp.blogspot.com/-WNvgzY1ryoA/TdXvh6GcmJI/AAAAAAAAAGk/QnEdPIvQJ7w/i_print_h.png) no-repeat left;
}

.post-meta .post-date {
background:url(http://erunways.com/wp-content/themes/jessica-fletcher-redux/images/clock.gif) no-repeat left center;
padding-left:15px;
margin-left:5px;
}

.share_post {
border-top:4px solid #eaeae9;
border-bottom:1px solid #eaeae9;
font-size:13px;
font-weight:bold;
height:100%;
overflow:hidden;
padding:10px 0;
}

.author_content {
border-top:1px solid #c6c6c6;
border-bottom:1px solid #c6c6c6;
}

.author_content img {
background:#f5f5f5;
border:1px solid #cbcbcb;
}

.content .grid .post_inner span.post-category {
background:url(http://2.bp.blogspot.com/-kWkK5N6atzo/TdXvbmk45pI/AAAAAAAAAFk/TdJxcwU_L4g/i_category.png) no-repeat left 2px;
}

.content .grid .post_inner .post-comment {
background:url(http://1.bp.blogspot.com/-zVyeIXN250U/TdXvcBuufcI/AAAAAAAAAFo/rewE6hs6W7Q/i_comment1.png) no-repeat left 2px;
}

.grid .post a.img_not_available {
color:#ccc;
background:#eee;
border:1px solid #fff;
}

.detail-title {
padding-top:10px;
}

.detail-title h1 {
font-size:29px;
font-weight:bold;
line-height:30px;
padding:5px 0;
}

.post-meta .single_cate a {
float:left;
}

.post-tags {
font-size:11px;
float:right;
padding-top:5px;
}

.share_post li {
float:left;
margin-right:11px;
}

.share_post li.title {
padding:8px 15px 0 0;
}

.grid,.list {
overflow:hidden;
}

.grid .post .post-content,.list .post .post-content {
font-size:12px;
}

.grid {
position:relative;
width:660px;
}

.grid .post {
float:left;
position:relative;
cursor:pointer;
margin:0 25px 25px 0;
padding:0;
}

.grid .item {
width:195px;
}

.content_full .grid {
position:relative;
width:978px;
}

.content_full .grid .post {
margin:0 22px;
}

.content_full .grid .hr {
height:1px;
}

.grid .post h2 {
margin-bottom:5px;
}

.grid .thumb {
display:block !important;
}

.grid .hr {
clear:both;
height:1px;
width:100%;
margin:0;
padding:0;
}

.post-content:hover .post_inner {
display:block;
margin:6px;
padding:10px;
}

.post-content:hover a.post_link {
position:absolute;
display:block;
margin:6px;
padding:10px;
}

.item .post_link {
width:161px;
min-height:115px;
}

.first_post .post_link {
height:289px;
width:381px;
}

.content .grid .item .post_inner h2,.content .list .post_inner h2 {
margin-top:0;
margin-bottom:8px;
font:bold 12px Arial, Helvetica, sans-serif;
}

.content .grid .post_inner span.post-category,.content .list .post_inner span.post-category {
padding-bottom:8px;
padding-left:14px;
display:block;
float:left;
font:11px Arial, Helvetica, sans-serif;
}

.content .grid .post_inner .post-date,.content .list .post_inner .post-date {
display:block;
clear:both;
margin-right:10px;
font:11px Arial, Helvetica, sans-serif;
float:left;
}

.content .grid .post_inner .post-comment,.content .list .post_inner .post-comment {
display:block;
padding-left:14px;
font:11px Arial, Helvetica, sans-serif;
float:left;
}

.entry .post-meta {
line-height:38px;
clear:both;
position:relative;
height:100%;
overflow:hidden;
font-size:14px;
}

.entry .post-meta a {
font-size:11px;
padding-left:15px;
}

.entry .post-meta h1 {
font-size:40px;
font-weight:normal;
padding-bottom:5px;
font-style:normal;
}

.entry .post-meta span,.entry .post-meta a {
text-decoration:none;
font-style:normal;
font-size:11px;
}

.entry .post-comms {
position:absolute;
right:0;
}

.entry .post-content {
padding-top:15px;
}

.entry .post-footer {
padding-left:30px;
font-size:12px;
margin-bottom:15px;
}

.post-content {
margin-bottom:30px;
line-height:22px;
}

.content .entry .post-meta .breadcrumb_in a,.content .breadcrumb_in a {
color:#c80e0e;
}

.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.author_content h3 {
color:#333;
}

.content .entry .post-meta .breadcrumb_in a:hover,.content .breadcrumb_in a:hover,.grid .post a:hover.img_not_available {
color:#000;
}

.content-title span,.content-title span a {
color:#d9d9d9;
}

.content .grid .post_inner h2,.content .grid .post_inner h2 a,.content .grid .post_inner span.post-category a:hover,.content .grid .post_inner .post-comment a:hover {
color:#fff;
}

.content .grid .post_inner span.post-category a,.content .grid .post_inner .post-comment a,.content .grid .post_inner .post-date {
color:#a7a7a7;
}

.post-meta .breadcrumb_in a:hover,.content .grid .post_inner span.post-category a,.content .grid .post_inner .post-comment a,.content .list .post_inner span.post-category a,.content .list .post_inner .post-comment a,.grid .post a:hover.img_not_available,.list .post a:hover.img_not_available,.entry .post-footer a {
text-decoration:none;
}

.content_3col .post-content:hover a.post_link,.content_3col_left .post-content:hover a.post_link,.content_3col_right .post-content:hover a.post_link,.content_3col .post-content:hover .post_inner,.content_3col_left .post-content:hover .post_inner,.content_3col_right .post-content:hover .post_inner {
width:133px;
min-height:95px;
}

.entry .post-meta a:hover,.entry .post-footer a:hover {
text-decoration:underline;
}

.entry .post-content .about_author {
clear:both;
height:100%;
overflow:hidden;
background:#eee;
border:1px solid #ccc;
color:#444;
text-shadow:1px 1px 1px #fff;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-moz-box-shadow:1px 1px 1px #ddd;
-webkit-box-shadow:1px 1px 1px #ddd;
box-shadow:1px 1px 1px #ddd;
margin:20px 0;
padding:20px;
}

.entry .post-content .about_author img {
border:4px solid #fff;
float:left;
-moz-box-shadow:1px 1px 1px #ddd;
-webkit-box-shadow:1px 1px 1px #ddd;
box-shadow:1px 1px 1px #ddd;
margin:0 18px 15px 0;
}

.entry .post-content .about_author h4 {
margin-top:0;
margin-bottom:5px;
}

.small {
width:21%;
float:left;
margin:0 20px 20px 0 !important;
}

.post-content img,.post-content ol li ol,.post-content ul li ul,.grid .post .post-meta small {
margin:0;
}

.grid .post .post-category,.grid .post .post-meta em,.list .post .post-category,.list .post .post-meta em,.grid .post-content:hover a img,.post-content .post_inner,.grid .post:hover a.img_not_available,.list .post:hover a.img_not_available,.page .post-category,.entry .post-content .about_author br {
display:none;
}

/*-----------------------------------------------------------------------------------*/
/*   6. Post navigation
/*-----------------------------------------------------------------------------------*/

.post-navigation a {
color:#878787;
display:block;
font-size:12px;
text-decoration:none;
line-height:1.5;
}

.post-navigation a:hover {
color:#000;
text-decoration:none;
}

a.post-prev {
background:url(http://3.bp.blogspot.com/-ry-CJCJnIm8/TdXvgqKALPI/AAAAAAAAAGY/B5lUWuaHucM/i_previous.png) no-repeat left;
}

a:hover.post-prev {
background:url(http://2.bp.blogspot.com/-M7PMRpPxAiM/TdXvhK3-WjI/AAAAAAAAAGc/GuWZkbd7eZ0/i_previous_h.png) no-repeat left;
}

a.post-next {
background:url(http://4.bp.blogspot.com/-VzIyjeb4NF4/TdXvf6YVflI/AAAAAAAAAGQ/B92qMTICCzw/i_next.png) no-repeat right;
}

a:hover.post-next {
background:url(http://2.bp.blogspot.com/-Tl6owDFa9ZU/TdXvgbafm6I/AAAAAAAAAGU/9-VUOJ_jUoU/i_next_h.png) no-repeat right;
}

.pagination {
border-top:1px solid #e5e5e5;
font:bold 12px Arial, Helvetica, sans-serif;
clear:both;
position:relative;
height:100%;
overflow:hidden;
padding:20px 0;
}

.pagination a {
color:#7a7a7a;
text-decoration:none;
}

.pagination a.nextpostslink {
background:url(http://3.bp.blogspot.com/-sSYmagqsj6E/TdXvkpZkIVI/AAAAAAAAAHA/cENGeyGPxZo/next.png) no-repeat left top;
}

.pagination a.previouspostslink {
background:url(http://3.bp.blogspot.com/-dJYsuVNs7RQ/TdXvk5TDvUI/AAAAAAAAAHE/Spz66GgxtbY/previous.png) no-repeat;
}

.Navi .current {
color:#cf1313;
display:block;
float:left;
font:bold 13px/21px Arial,Helvetica,sans-serif;
margin-right:3px;
padding:6px 11px;
}

.Navi a {
color:#949494;
display:block;
float:left;
font:bold 13px/21px Arial,Helvetica,sans-serif;
margin-right:3px;
padding:6px 11px;
}

.Navi a:hover,.pagination a:hover {
color:#333;
}

.post-navigation {
position:relative;
padding:15px 0;
}

.post-navigation a em {
display:block;
font-size:11px;
}

.post-navigation a:hover span {
text-decoration:underline;
}

.post-prev {
width:40%;
padding-left:30px;
float:left;
text-align:left;
}

.post-next {
width:40%;
padding-right:30px;
float:right;
text-align:right;
}

.line {
width:1px;
height:100%;
background:#d9d9d9;
position:absolute;
top:0;
right:50%;
}

#pagination {
padding:20px 0 0;
}

#pagination .nextpostslink {
text-decoration:none;
display:block;
text-align:center;
font-size:14px;
padding:9px 0;
}

#pagination .loading:hover {
cursor:default;
}

.pagination .nextpostslink {
position:absolute;
right:0;
top:13px;
line-height:21px;
display:block;
text-decoration:none;
padding:7px 10px 6px 31px;
}

.pagination .previouspostslink {
position:absolute;
right:82px;
top:13px;
line-height:21px;
display:block;
padding:7px 10px 6px 25px;
}

.Navi {
text-align:left;
display:block;
}

.pagination .pages {
display:block;
float:left;
line-height:21px;
padding:7px 10px 6px 0;
}

#pagination .nextpostslink:hover,.pagination a:hover,.pagination a:hover.nextpostslink,.pagination a:hover.previouspostslink {
text-decoration:none;
}

.Navi .previouspostslink,.Navi .nextpostslink {
display:none;
}
 
/*-----------------------------------------------------------------------------------*/
/* 7. Comments
/*-----------------------------------------------------------------------------------*/
.comments h3 {
color:#c80e0e;
border-bottom:1px solid #eaeae9;
font-size:17px;
margin-bottom:10px;
padding:15px 0 10px;
}

.comment-meta {
color:#aeaeae;
height:100%;
overflow:hidden;
font-size:12px;
text-transform:uppercase;
padding:10px 0;
}

.comment-meta a {
color:#333;
}

.comment-meta a:hover {
color:#999;
}

.comment .avatar-image-container img {
background:#fff;
border:1px solid #cbcbcb;
width:45px;
height:45px;
display:block;
float:left;
margin:20px;
padding:5px;
}

.comment-text {
background:#f8f8f8;
border-bottom:1px solid #e5e5e5;
height:100%;
overflow:hidden;
}

#comments {
clear:both;
margin-bottom:30px;
}

.comment_list {
padding-top:20px;
}

.comment-author,.comment-date {
float:left;
margin:0 5px 0 0;
padding:0;
}

.comment-text p {
font-size:12px;
line-height:24px;
padding:20px 20px 25px;
}

#respond {
clear:both;
}

#respond p {
font-size:12px;
margin:10px 0;
}


/*-----------------------------------------------------------------------------------*/
/*  8. Widget
/*-----------------------------------------------------------------------------------*/
.widget {
margin-bottom:35px;
clear:both;
}

.widget-small {
width:130px;
}

.widget p,.textwidget {
color:#666;
line-height:20px;
}

.widget p a:hover,.textwidget a:hover {
text-decoration:none;
}

.widget li,.widget-small li {
margin-bottom:8px;
}

.widget li ul li,.widget li ul li ul li {
margin:0;
padding:9px 5px 0;
}

.widget .advertise {
height:100%;
overflow:hidden;

background:#f5f5f5;
padding:3px;
}

.widget .advertise li {
float:left;
width:141px;
line-height:normal;
background:#fff;
margin:0;
padding:0;
}

.widget .advertise li img {
padding:8px;
}

.tabbernav {
height:42px;
margin:0;
padding:0;
}

.widget .tabbernav li {
background:url(http://1.bp.blogspot.com/-JvcTEjqIXNY/TdXvnE-u0-I/AAAAAAAAAHY/9VPMcQrfl-Q/tab_bg.png) repeat-x;
display:block;
float:left;
height:41px;
margin:0;
padding:0;
}

.widget .tabbernav li a {
color:#818181;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
text-decoration:none;
display:block;
width:123px;
height:40px;
text-align:center;
line-height:41px;
font-size:12px;
font-weight:bold;
padding:0 10px;
}

.widget .tabbernav li.tabberactive {
background:url(http://1.bp.blogspot.com/-pJa-1s7Ir-w/TdXvmpLYYYI/AAAAAAAAAHU/u3xc8VreaDQ/tab_active.png) repeat-x;
color:#cc0404;
}

.widget .tabbernav li.tabberactive a {
color:#cc0404;
background:none;
border-bottom:0;
height:41px;
display:block;
}

.bottom .widget li {
border-bottom:1px solid #e5e5e5;
}

.bottom .widget li a img {
border:5px solid #f2f2f2;
}

.bottom .widget li a:hover img {
border:5px solid #ccc;
}

.bottom .widget li a,.widget .resources li a {
color:#1d1d1c;
}

.bottom .widget li .post-date {
color:#6f6f6f;
background:url(http://2.bp.blogspot.com/-XFRWI0Rv9hc/TdXvd1j-DQI/AAAAAAAAAF8/ly5qhbSdSlw/i_date.png) no-repeat 0 2px;
}

.bottom .widget li .single_comments a {
color:#6f6f6f;
background:url(http://1.bp.blogspot.com/-Cdhp3afDJPY/TdXvcVJbkrI/AAAAAAAAAFs/YTBRLZl9emo/i_comment.png) no-repeat 0 2px;
}

.bottom .widget li .single_comments a:hover {
color:#000;
background:url(http://3.bp.blogspot.com/-gJQz28_PzIY/TdXvcyKehTI/AAAAAAAAAFw/wEjF5wATa5c/i_comment_h.png) no-repeat 0 2px;
}

.widget .tabbertab {
clear:both;
}

.widget .blog_listing {
height:100%;
overflow:hidden;
background:none repeat scroll 0 0 #FFFFFF;
}

.widget .blog_listing li {
border-bottom:1px solid #E5E5E5;
line-height:normal;
height:100%;
overflow:hidden;
margin:0 17px;
padding:26px 0;
}

.widget .blog_listing li:last-child {
border-bottom:medium none;
}

.widget .blog_listing li img {
float:left;
margin:0 12px 0 0;
}

.widget .blog_listing li a img {
border:5px solid #F2F2F2;
}

.widget .blog_listing li a:hover img {
border:5px solid #CCCCCC;
}

.bottom .widget li a {
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.widget .blog_listing li .post-date,.widget .resources li .post-date {
padding-left:15px;
padding-right:15px;
font-size:11px;
line-height:30px;
}

.widget .blog_listing li .single_comments a,.widget .resources li .single_comments a {
padding-left:15px;
font-size:11px;
line-height:30px;
}

.social_media {
text-align:center;
position:relative;
height:40px;
padding-left:38%;
clear:both;
}

.social_media a,span.at15t_compact {
display:block;
width:28px;
height:28px;
float:left;
margin:5px;
}

.social_media a.top_btn {
position:absolute;
right:-5px;
bottom:4px;
}

span.at15t_compact {
margin-top:1px;
margin-left:0;
}

.bottom .widget li:last-child {
border-bottom:none;
}

.widget .tabbernav li a:hover,.widget .tabbernav li.tabberactive a:hover,.bottom .widget li a:hover {
color:#cc0404;
}

.bottom .widget {
margin-bottom:20px;
}

.widget #recent li a {
font-weight:bold;
text-decoration:none;
}

.widget .blog_listing li .post-date {
background:url("http://2.bp.blogspot.com/-XFRWI0Rv9hc/TdXvd1j-DQI/AAAAAAAAAF8/ly5qhbSdSlw/i_date.png") no-repeat scroll 0 2px transparent;
color:#6F6F6F;
}

.widget .blog_listing li .single_comments a {
background:url("http://1.bp.blogspot.com/-Cdhp3afDJPY/TdXvcVJbkrI/AAAAAAAAAFs/YTBRLZl9emo/i_comment.png") no-repeat scroll 0 2px transparent;
color:#6F6F6F;
font-size:11px;
line-height:30px;
padding-left:15px;
}

.sidebar .widget {
    border: 1px solid #D9D9D9;    
 }
.sidebar .widget h2 {
    border-bottom: 1px solid #E5E5E5;
    color: #CC0404;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 41px;
    margin: 0 17px 17px;
}
.sidebar .widget li a {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}
.sidebar .widget-content {
    padding: 0 17px 17px;
}

/*-----------------------------------------------------------------------------------*/
/*   9. Bottom Section
/*-----------------------------------------------------------------------------------*/
.three_column {
width:30%;
padding:0 10px;
}

.spacer_3col {
margin-left:20px;
}

.bottom_in .widget p {
color:#262626;
}

.bottom_in {
border:none;
}

.clear:after,.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clear,.clearfix {
display:block;
}

.none {
display:none;
}

.widget a,.widget-small a {
color:#000;
text-decoration:none;
}

.entry .post-meta {
color:#aaa9a9;
}

.entry .post-meta a {
color:#000;
}

.bottom .widget h2 {
color:#cc0404;
font-size:17px;
font-weight:bold;
text-transform:uppercase;
padding:10px 0;
}

.bottom {
background:url(http://4.bp.blogspot.com/-Hd4P0PYs2b4/TdXvbD4dieI/AAAAAAAAAFg/O1OPg8aL8zA/hr.png) repeat-x;
}

.widget .resources li {
border-bottom:1px solid #e5e5e5;
}

.widget .resources li a {
color:#333333;
}

.social_media {
background:url(http://4.bp.blogspot.com/-wqKnPkawr_A/TdXva6rQb0I/AAAAAAAAAFc/4S1OXnRneas/footer_line.png) repeat-x 0 18px;
}

.social_media span.at15t_compact {
background:url(http://4.bp.blogspot.com/-MtAsGDqGjq8/TdXvii8I4uI/AAAAAAAAAGs/6Ym7A4TR4ig/i_share.png) no-repeat;
}

.social_media a.i_rss {
background:url(http://1.bp.blogspot.com/-2LJNTcx8ehU/TdXvidFWU_I/AAAAAAAAAGo/d_NYWXonkgU/i_rss.png) no-repeat;
}

.social_media a.i_twitter {
background:url(http://3.bp.blogspot.com/-l21Jyojso1Q/TdXvi4EcWgI/AAAAAAAAAGw/uS-P953U_Ds/i_twitter.png) no-repeat;
}

.social_media a.i_facebook {
background:url(http://4.bp.blogspot.com/-ZcMs-ngpe20/TdXveUe3MnI/AAAAAAAAAGA/qBX6eCsaPiA/i_facebook.png) no-repeat;
}

.social_media a.i_flicker {
background:url(http://4.bp.blogspot.com/-CuU9WAdTE_c/TdXvejbVR2I/AAAAAAAAAGE/w64cNnmYcgc/i_flicker.png) no-repeat;
}

.social_media a.top_btn {
background:url(http://2.bp.blogspot.com/-KRCOeYy-axA/TdXvnmbRJoI/AAAAAAAAAHc/43o_Anwp16I/top_btn.png) no-repeat;
}

.bottom .widget li {
font-size:15px;
margin-bottom:10px;
padding-bottom:10px;
}

.widget a:hover,.widget-small a:hover,.entry .post-meta a:hover {
color:#CC0404;
}

.entry .post-meta h1,#twitter li span a:hover,#twitter li a:hover,a:hover.b_twitter,.footer_in a:hover {
color:#333;
}

/*-----------------------------------------------------------------------------------*/
/*  10. Footer
/*-----------------------------------------------------------------------------------*/
.footer_in {
color:#959595;
height:100%;
overflow:hidden;
line-height:18px;
font-size:11px;
margin:0 auto;
padding:0 0 30px;
}

.footer_in a {
color:#959595;
}

.copyright {
float:left;
margin:0;
}

.credits {
float:right;
font-weight:bold;
line-height:22px;
margin:0;
}

.credits span {
float:left;
padding-right:5px;
}

.credits a {
display:inline-block;
height:20px;
}

]]></b:skin>
  </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var classicMode = false ;
var summ = 30;
var summ1 = 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(/<!--\s*more\s*-->/)[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/>';
   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 (/<!--\s*more\s*-->/.test(content)) {
  div.innerHTML = getSummaryLikeWP(pID);
  div.style.display = "block";
 } 
 else {
 
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 
 if(img.length>=1) { 
   imgtag = '<img class="alignleft" width="179" height="135" title="'+title+'" alt="'+title+'" src="'+img[0].src+'"/>';
   }
  
  var summary1 = '<a href="'+posturl+'">'+imgtag+'</a><a class="post_link" href="'+posturl+'"></a>';
 var summary=summary1; 
 div.innerHTML = summary;
 div.style.display = "block";
 }
}
 //]]>
</script>

<script type='text/javascript'>
 //<![CDATA[
imgr = new Array();
imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
showRandomImg = true;

aBold = true;

summaryPost = 140; 
summaryTitle = 25; 

numposts = 6; 
numposts1 = 4; 
numposts2 = 4; 
numposts3 = 4; 
numposts4 = 1; 
numposts5 = 4; 
numposts6 = 6; 
numposts7 = 10; 
numposts8= 6; 


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] = "";
 
 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] = '<img width="70" height="70" class="alignleft" src="'+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><br/><span class="post-date">'+daystr+'</span><span class="single_comments"><a href="">'+pcm+'</a></span></li>';
 document.write(trtd);


 j++;
}

}

function showrecentposts(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;

 



 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+'" class="post_img"><img height="50" width="50" title="'+posttitle+'" src="'+img[i]+'"/></a><a href="'+posturl+'">'+posttitle+'</a><br/><span class="post-date">'+daystr+'</span><span class="single_comments"><a href="'+posturl+'">'+pcm+'</a></span></li>';
 document.write(trtd);


 j++;
}

}

 //]]>
</script>

<script style='text/javascript'>
 //<![CDATA[
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, "");

document.write('<li class="clearfix">');

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>

 
  
<body>
     <div class="top_navigation">
      <div class="top_navigation_in clearfix">   
       <div class="menu-header">
        <b:section id='pagelist' showaddelement='yes'>
         <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
          <b:includable id='main'>
           <ul class="menu" id="menu-top-nav">
                <b:loop values='data:links' var='link'>                                 
                                     <li><a expr:href='data:link.href'><data:link.title/></a></li>
         </b:loop>
        </ul>  
       </b:includable>
      </b:widget>
     </b:section>      
    </div>                 
             <div class="subscribe">
        <span>Subscribe </span>By <a href="/feeds/posts/default">RSS</a> 
    </div>
   </div>
  </div>
     <div class="wrapper">
      <div class="header clear">
       <div class="header_in">
        <b:section class='logo' id='logo' maxwidgets='1' showaddelement='no'>
         <b:widget id='Header1' locked='true' title='simplextestingzone (Header)' type='Header'>
          <b:includable id='main'>
           <b:if cond='data:useImage'>
            <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
             <b:if cond='data:mobile'>
              <div id='header-inner'>
               <div class='titlewrapper' style='background: transparent'>
                <h1 class='title' style='background: transparent; border-width: 0px'>
                 <b:include name='title'/>
             </h1>
            </div>
               <b:include name='description'/>
           </div>
          <b:else/>
              <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                <div class='titlewrapper' style='background: transparent'>
                <h1 class='title' style='background: transparent; border-width: 0px'>
                 <b:include name='title'/>
             </h1>
            </div>
            <b:include name='description'/>
           </div>
          </b:if>
         <b:else/>
         <!--Show the image only-->
             <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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
           </a>
           <!--Show the description-->
           <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
               <b:include name='description'/>
           </b:if>
          </div>
         </b:if>
        <b:else/>
        <!--No header image -->
            <div id='header-inner'>
                <div class='titlewrapper'>
                 <h1 class='title'>
                  <b:include name='title'/>
           </h1>
          </div>
          <b:include name='description'/>
         </div>
        </b:if>
       </b:includable>
      
          <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:widget>
     </b:section>    
     <b:section class='header_right' id='advertise' maxwidgets='1' showaddelement='yes'>
      <b:widget id='HTML1' locked='false' title='topads' type='HTML'>    
             <b:includable id='main'>
                  <data:content/>        
       </b:includable>
      </b:widget>    
     </b:section>
    </div> <!-- header inner #end -->
   </div>
      
   <div class="main_nav">
       <div class="main_nav_in clearfix">          
                 <div class="menu_left"></div>
     <div class="menu_right"></div>
     <div class="menu-header">
         <ul class="menu" id="menu-main-nav">
          <li><a href="/search/label/test">Test</a>
           <ul class="sub-menu">
               <li><a href="">Sub Category</a></li>
         <li><a href="">Sub Category</a></li>
         <li><a href="">Sub Category</a></li>
        </ul>
       </li>
       <li><a href="">Career</a></li>
       <li><a href="">Category</a></li>      
      </ul>
     </div> 
     
     <div class="search">
         <form action="/search" id="searchform" method="get">
          <fieldset>
           <input type="text" value="Search" id="s" name="q"/>
        <button type="submit"></button>
       </fieldset>
      </form>
     </div>
     
        <div class="clear"/>
    </div>
   </div>
      
   <div class="clear" id="container">
       <div class="content left">
        <b:section class='main' id='main' showaddelement='no'>
         <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
          <b:includable id='nextprev'>
           <b:if cond='data:newerPageUrl'>
            <a class='post-next' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
        </b:if>       
        <b:if cond='data:olderPageUrl'>
            <a class='post-prev' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
        </b:if>
        <b:if cond='data:mobileLinkUrl'>
            <div class='blog-mobile-link'>
             <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
         </div>
        </b:if>        
       </b:includable>

       <b:includable id='shareButtons' var='post'>
            <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
             <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
         </a>
         <a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' 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='post' var='post'>
              <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
             <!--  CONTENT AREA START -->
          <div class="breadcrumb clearfix">
              <div class="breadcrumb_in">
               <a expr:href='data:blog.homepageUrl'>Home</a> » 
                  <data:post.title/>
           </div>
          </div>
          <div class="detail-title">
              <h1>
               <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>
           </h1>            
           <span class="bottom_bdr"></span>
          </div>          
          <div class="entry">
              <div class="post">
                  <!--  Post Content Condition for Post Format-->               
            <div class="post-content">
                <p><data:post.body/></p>
            </div> 
           </div>
                                     </div>
         <b:else/>
             <b:if cond='data:blog.pageType == &quot;item&quot;'>
                 <!--  CONTENT AREA START -->
                                      <div class="breadcrumb clearfix">
               <div class="breadcrumb_in">
                <a expr:href='data:blog.homepageUrl'>Home</a> » 
             <b:loop values='data:post.labels' var='label'>
                          <a expr:href='data:label.url'><data:label.name/></a>
                 <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
             </b:loop> » 
             <data:post.title/>
            </div>
           </div>

           <div class="detail-title">
               <h1><data:post.title/></h1>            
            <span class="bottom_bdr"></span>
           </div>

           <div class="entry">
               <div class="post">
                <div class="post-meta">    
                 <span class="post-date"><data:post.timestamp/></span>
                 <span class="single_cate">
                  <b:loop values='data:post.labels' var='label'>
                     <a expr:href='data:label.url'><data:label.name/></a>
                   <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
               </b:loop>
              </span>                      
                                                     <span class="single_comments">
                  <b:if cond='data:post.allowComments'>
                   <b:if cond='data:post.numComments == 1'>
                    <a href="">1 <data:top.commentLabel/></a>
                <b:else/>
                    <a href=""><data:post.numComments/> <data:top.commentLabelPlural/></a>
                </b:if>
               </b:if>
                  
              </span>
              <span class="single_print"><a href="#" onclick="window.print();return false;">Print</a></span>      
             </div>
             <!--  Post Content Condition for Post Format-->               
                                                 <div class="post-content">
                 <p><data:post.body/></p>
             </div>         
                                                 <!--  Post Content Condition for Post Format-->       
                                                 <!-- twitter & facebook likethis option-->
                <iframe scrolling="no" frameborder="0" class="twitter-share-button twitter-count-horizontal" tabindex="0" allowtransparency="true" src="http://platform0.twitter.com/widgets/tweet_button.html?_=1304931346450&amp;count=horizontal&amp;lang=en&amp;text=Get%20a%20Taste%20of%20Chiang%20Rai%20%7C%20MiniMagzine%20Theme%20Demo&amp;url=http%3A%2F%2Ftemplatic.com%2Fdemos%2Fminimagazine-light%2Fget-a-taste-of-chiang-rai%2F" style="width: 110px; height: 20px;" title="Twitter For Websites: Tweet Button"></iframe>
             <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> 
             <iframe scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:24px;" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ftemplatic.com%2Fdemos%2Fminimagazine-light%2Fget-a-taste-of-chiang-rai%2F&amp;layout=standard&amp;show_faces=false&amp;width=290&amp;action=like&amp;colorscheme=light" class="facebook"></iframe>  
             <!--#end -->
                                                 <span class="post-tags"> Tags : 
                 <b:loop values='data:post.labels' var='label'>
                  <a expr:href='data:label.url'><data:label.name/></a>
               <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
              </b:loop>
             </span>                   
            </div>
                                             <div class="share_post">     
                <ul>
                 <li class="title">Share This  Post</li>
             </ul>
                                                 <!-- AddThis Button BEGIN -->
             <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                 <a class="addthis_button_preferred_1"></a>
              <a class="addthis_button_preferred_2"></a>
              <a class="addthis_button_preferred_3"></a>
              <a class="addthis_button_preferred_4"></a>
              <a class="addthis_button_compact"></a>
              <a class="addthis_counter addthis_bubble_style"></a>
             </div>
             <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dd6328576a10e45"></script>
             <!-- AddThis Button END -->             
            </div>
            <div class="post-navigation clear">
                <b:include name='nextprev'/>  
            </div>
           </div>

           <b:include data='post' name='comments'/>
           <!-- #comments -->
           <!--  CONTENT AREA END --> 
          <b:else/>
              <b:if cond='data:post.isFirstPost'>
               <div class="post first_post">   
               <div class="post-content clearfix">         
                <div expr:id='&quot;summary&quot; + data:post.id' style='display:none;'>
                 <data:post.body/>
             </div>
             <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.numComments/>&quot;);</script>                         
                                                 <div class="post_inner  first_inner"> 
                 <h2>
                  <a expr:href='data:post.url'><data:post.title/></a>
              </h2>
              <span class="post-category">
                  <b:loop values='data:post.labels' var='label'>
                      <a expr:href='data:label.url'><data:label.name/></a>
                <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
               </b:loop>    
              </span> 
              <span class="post-date">
                  <data:post.timestamp/>
              </span>
              <span class="post-comment">
                  <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>
              </span>
             </div>
            </div> 
           </div>
              <b:else/>
               <div class="post item">   
               <div class="post-content clearfix">         
                <div expr:id='&quot;summary&quot; + data:post.id' style='display:none;'>
                 <data:post.body/>
             </div>
             <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.numComments/>&quot;);</script>                         
                                                 <div class="post_inner"> 
                 <h2>
                  <a expr:href='data:post.url'><data:post.title/></a>
              </h2>
              <span class="post-category">
                  <b:loop values='data:post.labels' var='label'>
                      <a expr:href='data:label.url'><data:label.name/></a>
                <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
               </b:loop>    
              </span> 
              <span class="post-date">
                  <data:post.timestamp/>
              </span>
              <span class="post-comment">
                  <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>
              </span>
             </div>
            </div> 
           </div>
              
           </b:if>
          </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='page-navi'>
            <div class="pagination">
             <div class="Navi">
             <script type="text/javascript">
              var pageNaviConf = {
               perPage: 2,
            numPages: 2,
            firstText: "First",
            lastText: "Last",
            nextText: "Next",
            prevText: "Prev"
            }
          </script>
          <script type="text/javascript" src="http://rilwis.googlecode.com/svn/trunk/blogger/pagenavi.min.js"></script>
          <div class="clear" />
          </div>
         </div>
        </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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>

                             <b:includable id='main' var='top'>             
                                 <b:if cond='data:mobileindex'>
                                 <!-- mobile index -->
              <div class='blog-posts hfeed'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;
        </b:if>
        &lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
        <b:include data='post' name='mobile-index-post'/>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;
      </b:if>
    </div>
                                 <b:else/>
             <b:if cond='data:blog.pageType != &quot;item&quot;'>
              <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
               <div class="clear grid" id="loop">
                <b:loop values='data:posts' var='post'>
                 <b:include data='post' name='post'/>
             </b:loop>
             <b:include name='page-navi' /> 
            </div>
           <b:else/>
               <b:loop values='data:posts' var='post'>
                <b:include data='post' name='post'/>
            </b:loop>
           </b:if>
          <b:else/>
              <b:loop values='data:posts' var='post'>
                  <b:include data='post' name='post'/>
           </b:loop>
          </b:if>
         </b:if>
        </b:includable>

                             <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</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'>
          &amp;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 != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <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='comments' var='post'>
            <div class="comments">         
             <div id="comments">
              <a name='comments'/>
              <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>
            <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>
               &#160;
               <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
               &#160;
               <data:post.commentRangeText/>
               &#160;
               <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
               &#160;
               <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
              </span>
             </b:if>
            <div class="comment_list">
                 <ol>
                  <b:loop values='data:post.comments' var='comment'>
                      <li>
                                                                 <div class="comment">            
                     <div class="comment_left">
                      <div class="comment-meta">
                       <p class="comment-author">
                        <span>
                         <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>
                    </p>   
                    <p class="comment-date">
                        <a expr:href='data:comment.url' title='comment permalink'>
                         <data:comment.timestamp/>
                     </a>
                    </p>              
                      </div>
                  </div>
                  <div class="comment-text">
                         <b:if cond='data:blog.enabledCommentProfileImages'>
                       <data:comment.authorAvatarImage/>
                   </b:if>
                   <b:if cond='data:comment.isDeleted'>
                       <span class='deleted-comment'><data:comment.body/></span>
                   <b:else/>
                       <p><data:comment.body/></p>
                   </b:if>
                  </div>
                 </div>
                </li>
               </b:loop>
              </ol>
             </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>
         </div>
                             </b:includable>                         
       </b:widget>
      </b:section>
     
     

    
    </div>
    
    <b:section id='sidebar' class="sidebar right" showaddelement='yes'>
        <b:widget id='HTML5' locked='false' title='advertise' type='HTML'>
         <b:includable id='main'>
          <data:content/>
      </b:includable>
     </b:widget>
     
     <b:widget id='HTML6' locked='false' title='tab' type='HTML'>
         <b:includable id='main'>
          <script language="javascript" src="http://dinhquanghuy.110mb.com/tabber.js" type="text/javascript"></script>   

             
                <div id="tab1" class="tabberlive">
              <ul class="tabbernav">               
         <li class="tabberactive"><a href="javascript:void(null);" title="Recent">Recent Posts</a></li>
         <li class=""><a href="javascript:void(null);" title="Comments">Recent Comments</a></li>
        </ul>
        <div class="tabbertab" title="">                                                           
               <ul class="blog_listing" id="recent">                                             
             <script>
              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
          </script>     
         </ul>     
        </div>
                             <div class="tabbertab" title="">                                   
         <ul class="blog_listing">
             <script src='/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'></script>
         </ul>     
        </div>
       </div>
      
               <script>
                 $(document).ready(function(){
        $('.tabberlive .tabbertab').hide();
        $('.tabberlive .tabbertab:first').show();
        $('.tabbernav li:first').addClass('tabberactive');
        $('.tabbernav li').click(function(){ 
           $('.tabbernav li').removeClass('tabberactive');
        $(this).addClass('tabberactive');
        $('.tabberlive .tabbertab').hide();
        $('.tabberlive .tabbertab').eq($('.tabbernav li').index(this)).fadeIn(500);
        });
       });
      </script>
            </b:includable>
     </b:widget>
    </b:section>
    
    
   </div>
   
   <div class="bottom">
       <div class="bottom_in">
        <div class="three_column left">
         <b:section id='btb1' showaddelement='yes'>
          <b:widget id='HTML2' locked='false' title='Latest Resource' type='HTML'>
           <b:includable id='main'>          
            <h2><data:title/></h2>
                                 <ul class="resources">          
             <script>
              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
          </script>         
         </ul>  
        </b:includable>
       </b:widget>
      </b:section>
     </div> <!-- three_column #end -->                
                     
     <div class="three_column spacer_3col left">
            <b:section id='btb2' showaddelement='yes'>
          <b:widget id='HTML3' locked='false' title='Latest Resource' type='HTML'>
           <b:includable id='main'>          
            <h2><data:title/></h2>
                                 <ul class="resources">          
             <script>
              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
          </script>         
         </ul>  
        </b:includable>
       </b:widget>
      </b:section>    
     </div> <!-- three_column #end -->               
                     
     <div class="three_column right">
         <b:section id='btb3' showaddelement='yes'/>
     </div> <!-- three_column #end -->
    </div> <!-- bottom in #end -->
   </div>
   
   <div class="social_media"> 
       <script src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c873bb26489d97f" type="text/javascript"></script>
       <a class="addthis_button_compact sharethis i_share at300m" href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c873bb26489d97f">
        <span class="at300bs at15nc at15t_compact"></span>
    </a>               
             <a class="i_rss" href="http://feeds.feedburner.com/Simplex"></a>
       <a class="i_twitter" href="http://twitter.com/dinhquanghuy"></a>     
    <a class="i_facebook" href="http://www.facebook.com/simplexdesignblog"></a>   
    <a class="i_flicker" href="#"></a>      
    <a class="top_btn" href="#"></a>
   </div>
   
   <div class="footer">
       <div class="footer_in">
        <p class="copyright">&copy; 2010 
         <a href="">
          SimplexMag template       
      </a>. All Rights Reserved.
     </p>
     <p class="credits">Designed by <a href="http://simplexdesign.blogspot.com">SimplexDesign</a></p>
    </div>
   </div>
      
  </div>


  
   
      

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>

  
</body>
</html>




Info lebih lanjut kunjungi web ini 
http://www.thesimplexdesign.com/2011/05/simplexmag-new-magazineportfolio.html


Jika tidak mengerti cara pemasangan atau teknisnya silahkan tanyakan dengan comment dibawah artikel ini.

Created By : Computer Sains

[edit]

Pasang INTERNET FASNET PLUS TV KABEL FIRSTMEDIA
Pasang FIRSTMEDIA internet speed hingga 100mbps + CHannel TV HD hingga 50HD hub 087777313417 only SMS