blogger version of Linepress template

By:
Theme ini bagus untuk blog atau web yang menginformasikan berita harian, silahkan untuk melihat contohnya klik disini DEMO.



Dan untuk memakainya 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[/*
/*   
Theme Name: Simplexlinepress
Version: 1.0
Theme URI: http://simplexdesign.blogspot.com/
Designed by Gabfirethemes.com . Converted to blogger by SimplexDesign

/* hide navigation bar */
#navbar {
display: none !important;
}
/* Reset */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
ol, ul {list-style:none;}
li {line-height:120%;}
dt { font-weight: bold; text-decoration: underline; } dd { margin: 0; padding: 0 0 0.5em 0; }

/*----- ={ Headings } -----*/
h1 a, h2 a ,h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {margin:0;line-height:1;}
h1 { font-size:30px; }
h2 { font-size:23px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }


/* -------------------------------------------------------------- 
 THEME WIDGETS
-------------------------------------------------------------- */
/*----- [[ Global Widgets ]] -----*/

 .widget .widget {width:auto !important;margin:0 !important}
 .widget .title {margin:0;padding:0 0 10px;font: bold 14px Arial,Helvetica,sans-serif;color:#555;}
 .widget p{margin-bottom:10px;}
 .widget ul {clear:both;padding-left:5px;list-style-position:inside;list-style-type:disc;}
 .widget ul li {border-bottom:1px dotted #ddd;padding-bottom:8px;margin-bottom:7px;}
 .widget ul ul {padding:0 0 0 15px;border-top:none}
 
 .widget form, .widget fieldset {margin:0;}
 .widget img {display:block;}
 
 #mainmenu .widget ul li {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    }
 #mainmenu .widget ul {padding-left:0px;}
 




/*----- [[ Gabfire Tabs ]] -----*/
.panes div {padding:15px 10px;border:1px solid #999;background-color:#fff;border-top:0;}
.panes .pane, .panes .widgettitle {display:none;}
.panes li span.block {display:block;font-size:11px;}
.panes li {list-style:disc outside;margin-left:10px;}
.panes a.pad {display:block;margin:0 0 3px;}

/* root element for tabs  */
.tabs {list-style:none;margin:0 !important;padding:0 0 0 5px !important;height:33px;border-bottom:1px solid #666;font-size:12px;}
/* single tab */
.tabs li {float:left;text-indent:0;padding:0 !important;margin:0 !important;list-style:none !important;border:0 !important;background:none !important;}
/* link inside the tab. uses a background image */
.tabs a { background: url(images/framework/jquerytools/tabs.png) no-repeat 0 0;display:block;height: 31px;  
 line-height:31px;width: 96px;text-align:center; text-decoration:none;color:#000;padding:2px 0 0 0;margin:0px;position:relative;top:1px;}
.tabs a:active {outline:none;}

/* when mouse enters the tab move the background image */
.tabs a:hover {background-position: 0 -34px;color:#fff !important;text-decoration:none !important;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {background-position: 0 -68px;cursor:default !important; color:#000 !important;}
/* initially all panes are hidden */ 

 
/*----- [[ RSS Widget ]] -----*/
.widget_rss a.rsswidget {color: #000;}
 
 .widget_rss .widget-title img {width: 11px;height: 11px;} 
 
 
.gab_social_widget img:hover{opacity:1;filter:alpha(opacity=100)}

/*----- [[ Share Widget ]] -----*/
.gab_share_widget {padding-bottom:5px;margin-bottom:5px;display:block;}
 .gab_share_twitter {display:block;float:left;width:110px;overflow:hidden;}
 .gab_share_google1 {display:block;float:left;width:75px;overflow:hidden;}
 .share-separator {clear:both;height:10px;}
 .gab_share_widget a img {display:block;margin:2px 4px 0 0;float:left;}
 .gab_share_widget a:hover img {margin:0 4px 0 0;}

/*----- [[ universal image classes ]] -----*/
 .entry img {max-width: 623px;}
 .alignleft,#content img.alignleft {display: inline;float: left;margin-right: 15px;margin-top: 5px;}
 .alignright,#content img.alignright {display: inline;float: right;margin-left: 15px;margin-top: 6px;}
 .aligncenter,#content img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom:7px;}
 img.alignleft,#content img.alignright,#content img.aligncenter {margin-bottom: 8px;}

fieldset {padding:0 14px 14px 14px;margin:0 0 15px 0;border:1px solid #aaa;}
fieldset, #IE8#HACK {padding-top:14px;}

input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}

.border_right_15 { padding-right: 7px; margin-right: 7px;border-right: 1px solid #ddd;}
.border_right_20 { margin-right: 9px;}
.border_bottom_20 {padding-bottom:10px;margin-bottom:9px;border-bottom:1px solid #ddd;}

.thumb   { padding:2px;border:1px solid #ddd;margin-bottom:5px;display:block;height:1%;overflow:hidden; }

.clear {clear:both;height:1px;display:block;}


 a.positive:hover, 
 button.positive:hover { background-color:#E6EFC2;  border:1px solid #C6D880;  color:#529214}
 
body {background: #f0eeea;color:#555;font:14px/19px georgia,'palatino linotype',palatino,'times new roman',times,serif;}

#wrapper {width:960px;margin:0 auto;padding:5px 10px 10px;background:#fff}

p {margin:0 0 10px;}
ul, ol, li {list-style:none;padding:0;margin:0;}

/* Hyperlinks */
a, a:hover {text-decoration:none;color:#3B77BF;}

/*----- ={ Headings } -----*/
h1, h2, h3, h4, h5, h6  { font-family:georgia,'palatino linotype',palatino,'times new roman',times,serif; font-weight:normal;}

/* Widget link and title format */
.widget {font: 13px/20px Arial,Helvetica,sans-serif;}
.widget a {color:#777;}
.widget a:hover,.widget a:active {text-decoration:underline;color:#3B77BF}
.widget .title{color:#3B77BF;font:bold 16px arial, tahoma, sans-serif;margin:0 0 5px;letter-spacing:-1px;padding:0;border-bottom:none;}
.widget .title a, .widget .title a:hover{color:#777;}


/* Wrapper for main page post excerpts excerpts */
#wrapper .featuredPost {padding-bottom:6px;border-bottom:1px dotted #666;margin-bottom:6px;}
#wrapper .lastPost {border:none;margin-bottom:0;padding-bottom:0;}
#wrapper .postmeta {clear:both;display:block;font-style:italic;font-size:11px;text-align:right;padding-top:3px;}
#wrapper .postmeta a{color:#3B77BF;}
#wrapper .postmeta a:hover {text-decoration:underline;}

/* Post title style */
.posttitle {font-size:20px;margin:0 0 6px 0;line-height:22px;}
.posttitle a{color:#333;}
.posttitle a:hover{color:#3B77BF;}

/*----- ={ HEADER } -----*/
#header{width:960px;margin:0 auto 10px;}

#header img{display:block;}

/* Masthead Nav*/
#masthead {width:954px;background:#f5f5f5;padding:0 4px 0 2px;}
 .mastheadnav {font:bold 12px arial,helvetica,sans-serif;list-style:none;}
 .mastheadnav li {float:left;position:relative;}
 .mastheadnav li a {color:#666;display:block;padding:6px 10px 7px;}
 .mastheadnav li a:hover, .mastheadnav li.current_page_item a, .mastheadnav li.current-cat a, .mastheadnav li.current-menu-item a {color:#3B77BF;}
 .mastheadnav {padding-left:0px;}
 #mhead .widget ul li {
      border-bottom: none;
   margin-bottom: 0px;
   padding-bottom: 0px;
   }
 #mhead .widget ul {padding-left:0px;}
 
/*search*/
#search{width:auto;float:right;margin:3px 3px 0 0;height:20px;background:#fff;}
 #search form, #search fieldset{float:left;margin:0;padding:0;}
 #search fieldset{border:1px solid #ddd;}
 #s {float:left;background:#fff;border:0;padding:2px 0 2px 4px;margin:0;color:#bcbcbc;font-size:12px;font-family:Arial, Helvetica, sans-serif;width:180px;}
 #searchsubmit {float:left;margin:3px 3px 0 0;}

/* header logo*/
#logo{float:left;width:auto;font-family:georgia,garamond,serif;}
 #logo a {color:#333;display:block;font-size:26px;letter-spacing:-1px;}
 #logo a span {font-size:16px;padding-left:5px;display:block;}

/* header banner*/
#banner {width:auto;float:right;text-align:right;padding-bottom:10px;padding-top:10px;}

/* Mainmenu Navigation */
#mainmenu {width:960px;background:#333;}
 .mainnav {font:bold 13px arial,helvetica,sans-serif;list-style:none;}
 .mainnav li {float:left;position:relative;border-left:1px solid #555;}
 .mainnav li a {color:#fff;display:block;padding:8px 15px;}
 .mainnav li a:hover, .mainnav li.current_page_item a, .mainnav li.current-cat a, .mainnav li.current-menu-item a {color:#fff;background:#999;}
 
 /* submenu */
 .mainnav li ul  {border-bottom:1px solid #bbb;position:absolute;z-index:999;width:180px;/* must match with margin-left  -1px value for sub>sub ul, see below */}
 .mainnav li ul li  {float:none;border-left:none;margin:0;}
 .mainnav li ul li a {color:#333;background:#fff;width:158px;padding:3px 10px;margin:0;border-color:#bbb;border-width:1px 1px 0 1px;border-style:solid;}
 .mainnav li ul li a.sf-with-ul { /* Dropdown li class which has another sub ul under */padding:3px 10px;}
 .mainnav li ul li a:hover  {background:#999;color:#fff;}
 .mainnav li ul ul  {margin: -23px 0 0 179px;padding-top:0;}
 
 /* List items that contains sub ul */
 .mainnav .sf-sub-indicator {background: url(http://4.bp.blogspot.com/-tuSbFOytOds/TrOriScF-II/AAAAAAAAAHc/Hlxmm72DmfY/arrow-superfish-down.png) no-repeat;position:absolute;display:block;right:7px;top:14px;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
 .mainnav li ul .sf-sub-indicator {background:url(http://1.bp.blogspot.com/-OPal8r-OnP4/TrOrinf10sI/AAAAAAAAAHo/S_Avo04DcOA/arrow-superfish-right.png) no-repeat;right:5px;top:8px;} 

/* Submenu Navigation */
#submenu {width:960px;border-bottom:1px solid #333;background:#f6f7f7;}
 .subnav {font:bold 12px arial,helvetica,sans-serif;list-style:none;}
 .subnav li {float:left;position:relative;}
 .subnav li a {color:#333;display:block;padding:7px 20px;}
 .subnav li a:hover, .subnav li.current_page_item a, .subnav li.current-cat a, .subnav li.current-menu-item a {color:#3B77BF;}
 
 /* submenu */
 .subnav li ul  {border-bottom:1px solid #bbb;position:absolute;z-index:999;width:180px;/* must match with margin-left  -1px value for sub>sub ul, see below */}
 .subnav li ul li  {float:none;border-right:none;margin:0;background:#fff}
 .subnav li ul li a {color:#333;width:158px;padding:3px 10px;margin:0;border-color:#bbb;border-width:1px 1px 0 1px;border-style:solid;}
 .subnav li ul li a.sf-with-ul { /* Dropdown li class which has another sub ul under */padding:3px 10px;}
 .subnav li ul li a:hover  {background:#999;color:#fff;}
 .subnav li ul ul  {margin: -23px 0 0 179px;padding-top:0;}
 
 /* List items that contains sub ul */
 .subnav .sf-sub-indicator {background: url(http://4.bp.blogspot.com/-tuSbFOytOds/TrOriScF-II/AAAAAAAAAHc/Hlxmm72DmfY/arrow-superfish-down.png) no-repeat;position:absolute;display:block;right:7px;top:12px;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
 .subnav li ul .sf-sub-indicator {background:url(http://1.bp.blogspot.com/-OPal8r-OnP4/TrOrinf10sI/AAAAAAAAAHo/S_Avo04DcOA/arrow-superfish-right.png) no-repeat;right:5px;top:8px;} 
 
 /* social links */
 .subnav li a.gab_rss{background: url(http://2.bp.blogspot.com/-GLGhzw3UkQw/TrOtdGB8xqI/AAAAAAAAALI/ZiSYumvpmtQ/rss.png) no-repeat 3px center;padding-left:23px;}
 .subnav li a:hover.gab_rss{background: url(http://2.bp.blogspot.com/-GLGhzw3UkQw/TrOtdGB8xqI/AAAAAAAAALI/ZiSYumvpmtQ/rss.png) no-repeat 3px center;}

 .subnav li a.gab_email{background: url(http://4.bp.blogspot.com/-JX2riRqXfss/TrOsFMbupXI/AAAAAAAAAJs/0mqc6f27Jao/email.png) no-repeat left center;padding-left:20px;}
 .subnav li a:hover.gab_email{background: url(http://4.bp.blogspot.com/-JX2riRqXfss/TrOsFMbupXI/AAAAAAAAAJs/0mqc6f27Jao/email.png) no-repeat left center;}

 .subnav li a.gab_facebook{background: url(http://3.bp.blogspot.com/-dkpazHvViiQ/TrOsF4dyvvI/AAAAAAAAAJ4/9VnEivu-b9Q/facebook.png) no-repeat left center;padding-left:20px;}
 .subnav li a:hover.gab_facebook{background: url(http://3.bp.blogspot.com/-dkpazHvViiQ/TrOsF4dyvvI/AAAAAAAAAJ4/9VnEivu-b9Q/facebook.png) no-repeat left center;}

 .subnav li a.gab_twitter{background: url(http://4.bp.blogspot.com/-gyUTRztVJYE/TrOtdyFnk8I/AAAAAAAAALU/mI7BX4b0dzs/twitter.png) no-repeat left center;padding-left:20px;}
 .subnav li a:hover.gab_twitter{background: url(http://4.bp.blogspot.com/-gyUTRztVJYE/TrOtdyFnk8I/AAAAAAAAALU/mI7BX4b0dzs/twitter.png) no-repeat left center;}

 .subnav li.date {float:right;padding:7px 10px;}
 
/*----- ={ TEASER BOXES BELOW NAV } -----*/
#teaser {border:1px solid #ddd;text-align:center;margin-bottom:10px;width:100%;overflow:hidden;}
 #teaser .col_teaser {width:220px;min-height:100px;float:left;padding:10px 10px 12px 9px;border-right:1px solid #ddd;}
 #teaser .last {border-right:none;width:221px;} /* last teaser column */
 #teaser .odd {background:#f6f7f7} /* background color for 2nd and 4th teaser columns */
 #teaser .col_teaser:hover {background:#DF1B1B} /* background color for onmouseover teaser column */
 #teaser .col_teaser:hover a {color:#fff;text-decoration:none;}
 #teaser .teaser_img {float:left;margin-right:5px;width:100px;height:90px;}

 /* tease boxes post title */
 #teaser .posttitle {font-size:14px;line-height:18px;}
 #teaser .active .posttitle a, #teaser .active .posttitle a:hover {color:#fff}
 #teaser .titleCatName a {padding:3px 5px;font-size:10px;background:#DF1B1B;color:#fff;border-bottom:1px solid #999;display:inline-block;margin:0 !important}
 #teaser .active .titleCatName a {background:#fff;color:#DF1B1B;}

/* main container of site (left hand of sidebar) */
#container {float:left;width:645px;}

 /*----- ={ FEATURED LEFT & RIGHT } -----*/
 #featured {display:block;margin-bottom:15px;}
  #featured_left {width:405px;float:left;}

  #featured_right { width:205px;float:right;text-align:center;padding:10px;background:#f6f7f7;}
  #featured_right p {margin:7px 0 4px;}
  
  /* post titles on left sidebar (primaryleft) below featured slider */
  .featured_right{font-size:15px;font-weight:bold;line-height:1.1em;}
  .featured_right a{color:#333;}
  .featured_right a:hover{color:#3B77BF;}
  
 
 /*----- ={ MEDIA BAR } -----*/
 #mediabar{position:relative;width:595px;height:210px;overflow:hidden;padding-left:25px;padding-right:25px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;margin-bottom:15px;}
  #mediabar .container { /*Do not change the name of class */position: absolute;left:25px;width:600px;height:210px;overflow:hidden;}
  #mediabar ul{width:10000px;position: relative;}
  #mediabar li{float:left;width:130px;height:190px;padding:10px 9px 10px 9px;border-right:1px solid #ddd;}
  #mediabar li a {color:#333;}
  #mediabar li a:hover {text-decoration:underline;}
  #mediabar .thumb{width:130px;height:120px;margin:0 0 5px 0;overflow:hidden;padding:0;border:none;}
  #mediabar .thumb img{margin:0 auto;display:block;}
  #mediabar #previous_button { /*Do not change the name of class */position: absolute;width: 25px;height: 210px;left:0px;top: 0px;background: url(http://1.bp.blogspot.com/-szsOEVmQRxo/TrOsHTOK6QI/AAAAAAAAAKQ/Wt_1L8RjJWQ/left.gif) no-repeat center center;z-index: 100;cursor:pointer;}
  #mediabar #previous_button.disabled { /*Do not change the name of class */background: url(http://4.bp.blogspot.com/-ZeFFWtH5z64/TrOsEgJUIdI/AAAAAAAAAJg/t2CQZJ28Lh0/disable.gif) no-repeat center center;cursor:default;}
  #mediabar #next_button { /*Do not change the name of class */position: absolute;right:0px;top: 0;width: 25px;height: 210px;background: url(http://2.bp.blogspot.com/-L6AaS9A6j7w/TrOtbwaVoyI/AAAAAAAAALA/miXTz_tPfn0/right.gif) no-repeat center center;z-index: 100;cursor:pointer;}
  #mediabar #next_button.disabled { /*Do not change the name of class */background: url(http://4.bp.blogspot.com/-ZeFFWtH5z64/TrOsEgJUIdI/AAAAAAAAAJg/t2CQZJ28Lh0/disable.gif) no-repeat center center;cursor:default;}
  
 #primary_bottom {display:block;}
  #primary_bottomleft {float:left;width:325px;}
  
  /* featured videos */
  #primary_bottomright {display:block;width:300px;font:bold 12px/13px arial, verdana, sans-serif;float:right;}
   
 /*----- ={ TABBED NEWS } -----*/
 #tabcontent {width:645px;overflow:hidden;display:block;}
  #tabcontent_title{width:100%;overflow:hidden;background:url(http://4.bp.blogspot.com/-bxFyy-bHmlo/TrOrlpNAWfI/AAAAAAAAAIM/0Ng7c80MxWE/bgr_tabs_title.gif) repeat-x bottom;}
  #tabcontent_title li{float:left;font-size:12px;text-transform:uppercase;padding:0 2px 0 0;}
  #tabcontent_title li a{float:left;color:#333;background:url(http://3.bp.blogspot.com/-FEQkfD2vdDo/TrOrzRPwwOI/AAAAAAAAAIc/wISJzHt5yys/bgr_tabs_title_a.gif) repeat-x;height:24px;padding:8px 10px 0 10px;}
  #tabcontent_title li a.selected{color:#333;background:#fff;height:24px;padding:7px 10px 0 9px;border:1px solid #ddd;border-bottom:0;text-decoration:none;}
  .tabcontent_body{width:625px;padding:9px 9px 2px 9px;border:1px solid #ddd;border-top:0;padding-bottom:7px;}
  .tabcontent_body .text { width:623px;}
  .tabcontent_body ul{color:#999999;margin:0 0 0 20px;}
  .tabcontent_body ul li{list-style:decimal;font-size:12px;line-height:1.5em;padding:3px 0 3px 0;}

  .tableft {float:left;width:300px;}
  .tabright {float:right;width:305px;padding-left:10px;border-left:1px solid #ddd;}

  a.list{color:#333;display:block;display:block;padding:2px 0 2px 10px;margin-left:5px;background:url(http://1.bp.blogspot.com/-RXb1AE4M0hk/TrOta64MA7I/AAAAAAAAAKk/8pFO1M4JeSg/list_a.gif) no-repeat left 8px;}
  a:hover.list{background:url(http://4.bp.blogspot.com/-P6iJ5zlkVOo/TrOtbPOeWAI/AAAAAAAAAKw/vTT3UwTZ57U/list_hover.gif) no-repeat left 8px;text-decoration:underline;color:#DF1B1B;}
 
/*----- ={ SIDEBAR } -----*/
#sidebar {float:right;width:300px;display:inline;}

#sidebar .widget {margin-bottom:25px;}


#bottom_banners {width:980px;margin:0 auto;display:block;background:#666}
#bottom_banners img{display:block;}
#bottom_banners .leftad{float:left;width:auto;}
#bottom_banners .rightad{float:right;width:auto;}

/*----- ={ FOOTER } -----*/
#footer {width:960px;padding:10px;background:#666;margin: 0 auto;color: #f6f7f7;}
 #footer p {padding:5px 0;}
 #footer a {color:#eee;}
 #footer a:hover {color:#fff;text-decoration:underline;}

 #footer .widget {margin-bottom:0px;}
 #footer .widget ul li {border-bottom:1px dotted #ddd !important;}
 #footer .widget ul a {color:#f6f7f7 !important;}
 #footer .widget ul a:hover {color:#f6f7f7 !important;}
 #footer .widget h2 { /* Footer widget titles */margin-bottom:5px;font:bold 15px arial, tahoma, sans-serif;letter-spacing:0px;color:#f6f7f7;padding:0 0 5px;border-bottom:1px dotted #333;}
 #footer .widget .title a, #footer .widgettitle a:hover{color:#f6f7f7;}

 #foo_widget1 {width:220px;float:left;margin-right:15px;}
 #foo_widget2 {width:260px;float:left;margin-right:15px;display:inline;}
 #foo_widget3 {width:450px;float:left;color:#f6f7f7;display:inline;}
 /* footer meta */
 #footer_data {color:#ccc;padding:3px 10px 3px 10px;width:960px;font-size:11px;margin:0 auto;display:block;width:960px;background: #333;border-top:1px solid #666;border-bottom:1px solid #666;}
 #footer_data a{color:#ccc;}
 #footer_data a:hover{text-decoration:underline;}
  #footer-left-side {width:50%;float:left;}
  #footer-right-side {width:50%;float:right;text-align:right}

/*----- ={ INNER PAGES } -----*/
.entry {padding:15px 10px 7px;border:1px solid #ddd;margin-bottom:10px;background: url(http://2.bp.blogspot.com/-FyyszFa2HCk/TrOrki5ye5I/AAAAAAAAAIE/opd24B9Cm2s/bgr_shadow.png) repeat-x top}
  
 /*Single post below title meta*/
 .metasingle{width:100%;overflow:hidden;border-top:1px dotted #666;margin:0 0 4px 0;padding:4px 0 5px 0;color:#999;font-size:11px;}
 .metasingle a {color:#999;}
 .metasingle a:hover {color:#000;}
  .postAuthor {padding-left:13px;background: url(http://3.bp.blogspot.com/-4IC_YY6rC5U/TrOrjcokMII/AAAAAAAAAH4/kGkrMo7P5y4/author.gif) no-repeat left center;}
  .postDate {padding-left:15px;background: url(http://3.bp.blogspot.com/-JA7hIxhAkwA/TrOr1kCLJ5I/AAAAAAAAAJM/qrvfZaKNZaI/date.gif) no-repeat left center;}
  .postCategory {padding-left:15px;background: url(http://2.bp.blogspot.com/-ufkUoySMd58/TrOsGsVqB-I/AAAAAAAAAKE/x3S-tihaBjI/folder.gif) no-repeat left center;}
 
 /* Post-Page Typograhpy */
 blockquote { background:url(http://4.bp.blogspot.com/-60jgo-DnPrM/TrOrzlAUSII/AAAAAAAAAIo/q9WSsiiTa0Q/blockquote.png) no-repeat 0 20px; padding: 10px 20px 10px 50px; color: #555;font-style:italic;margin-bottom:15px;}
 blockquote p {font-style:italic;margin:5px 0;}
 .entry a:hover {text-decoration:underline}
 
 /* Headings in posts */
 .entry h1.entry_title{display:block;margin:0;padding-bottom:5px;font:normal 26px/26px georgia, verdana, sans-serif;letter-spacing:-1px;color:#555;}
 .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom:15px;margin-top:10px;}
 .entry h3.widgettitle {margin-bottom:0;}

 .entry h1 {font-family:'palatino linotype',palatino,'times new roman',times,serif;}
 .entry h2 {font-family:georgia, 'palatino linotype',palatino,'times new roman',times,serif;}
 .entry h3 {font-family:arial, verdana, sans-serif;}
 .entry h4 {font-family:verdana, tahoma, sans-serif;}
 .entry h5 {font-family:arial, verdana, sans-serif;}
 .entry h6 {font-family:arial, verdana, sans-serif;}
 
 .entry ul { margin-bottom: 15px; padding-left: 30px; }
 .entry ul ul { margin: 0; }
 .entry ul li { list-style-type: disc; }
 .entry ul ul li { list-style-type: circle; }

 .entry ol  { margin-bottom: 15px; padding-left: 30px; }
 .entry ol ol { margin: 0; }
 .entry  ol li  { list-style-type: decimal; }
 .entry  ol li ol li { list-style-type: lower-alpha; }
   
 /* Attachment page and gallery */
 .entry .gallery {padding-bottom:15px;display:block;}
 .entry  .gallery-icon {width:144px;height:144px;margin:5px;float:left;display:inline;}
 .entry  .attachment-thumbnail {width:138px;height:138px;border:1px solid #ccc !important;padding:2px !important;}
 .attachment-full {display:block;border:1px solid #bbb;padding:2px;}
 .attachment-nav {display:block;margin:15px 0;text-align:center;font-size:12px;color:#ccc;}
   
   
 .single_ad {/*ad between post and comments*/padding:10px;border:1px solid #ddd;margin-bottom:10px;text-align:center;}
   
 #entryMeta { /* Style to wrap author details below the article  */font-size:12px;border:1px solid #ddd;padding:7px;background:#f6f7f7;margin-bottom:10px;line-height:1.3em;}
 #entryMeta img { /* Alignment for author image on single post page */float:left;padding:1px;border:1px solid #bbb;margin-top:1px; margin-right:5px;}
 #entryMeta a { /* Link style for the post details below the post title on single post page */color:#8f8f8f; text-decoration:none;}
 #entryMeta a:hover {text-decoration:underline;}   
   
 /* Author template */
 .author_meta { /* Style to wrap author details below the article  */font-size:15px;line-height:17px;border:1px solid #ddd;padding:7px;background:#f6f7f7;margin-bottom:15px;}
  .author_meta img { /* Alignment for author image on single post page */float:left;padding:1px;border:1px solid #bbb;margin-top:1px;margin-right:10px;}
  .author_meta a { /* Link style for the post details below the post title on single post page */color:#8f8f8f;text-decoration:underline;}
  .author_meta a:hover {text-decoration:none;}
  
 /* =Pagination (Page 1 of x .. archive pages)
 -------------------------------------------------------------- */
 .numbered-pagination {text-shadow:none;font-size:12px;color:#666;margin-bottom:5px;}
 .numbered-pagination a{border:solid 1px #ccc;display:block;float:left;padding:1px 7px;color:#666;margin-right:5px;}
 .numbered-pagination span {border:solid 1px #ccc;display:block;float:left;padding:1px 7px;margin-right:5px;}
 .numbered-pagination a.pagi-next,
 .numbered-pagination a.pagi-prev,
 .numbered-pagination a.pagi-first,
 .numbered-pagination a.pagi-last{border:solid 1px #ccc;color:#666;} 
 .numbered-pagination .current{color:#444;background:#ddd;display:block;float:left;padding:1px 7px;}
 .numbered-pagination a:hover{border:solid 1px #777;text-decoration:none;}
    
/*Archive pages*/

/* Breadcrumb text and link styles */
#bcrum {display:block;font-size:11px;color:#666;margin-bottom:12px;border-bottom:1px dotted #666;}
#bcrum a {color:#333;}
#bcrum a:hover {color:#000;}
 
.archive_postheader {}
.archiveTitle{color:#3B77BF;font:normal 22px/22px "Times New Roman", Times, serif !important;margin:0 0 10px !important;}
.archiveTitle a{color:#3B77BF;}
.archiveTitle a:hover{text-decoration:underline;}

/* Archive page post excerpt meta */
.entryDate{background: url(http://3.bp.blogspot.com/-JA7hIxhAkwA/TrOr1kCLJ5I/AAAAAAAAAJM/qrvfZaKNZaI/date.gif) no-repeat left center;padding-left:18px;float:left;width:auto;}  
.entryComment{background: url(http://3.bp.blogspot.com/-PMRK-MeHsbE/TrOr0WzEfQI/AAAAAAAAAI0/s713sN-3geQ/comment.gif) no-repeat left center;padding-left:18px;float:right;width:auto;}  
.read_on {background: url(http://4.bp.blogspot.com/-lfsklx_5fmk/TrOr1KeSZiI/AAAAAAAAAJA/KGZLTLkaQSk/continue.png) no-repeat left center;padding:4px 0 4px 22px;}  
 
/* Posts and Comments navigation */
.navigation {color: #777;font-size: 12px;line-height: 18px;overflow: hidden;clear:both;}
 .navigation a:link,.navigation a:visited {color: #3B77BF;text-decoration: none;}
 .navigation a:active,.navigation a:hover {text-decoration: underline;}
 .nav-previous {float: left;width: 50%;}
 .nav-next {float: right;text-align: right;width: 50%;}

/* Author Pages - Post Author Bio wrapper */
.gab_authorInfo  { background: #f6f7f7;padding:5px;margin:5px 0 5px;border: 1px solid #ccc;font:11px/15px verdana, arial, sans-serif;}
/* Author Pages - photo inside of bio wrapper */
.gab_authorPic { float:left;width:50px;display:inline;margin-right:7px;} 

/*----- ={ COMMENTS } -----*/
#comments {}
 #comments a:hover {text-decoration:underline;}
 #comments .navigation {padding: 0 0 18px 0;}
 
 #comments-title,#reply-title {font-size: 18px;font-weight: bold;padding:5px 0;}
 ol.commentlist {padding-bottom:0;margin-bottom:15px;}
 ol.commentlist li { /* Comment Wrapper */margin:5px 0;list-style:none;padding:8px;}
 ol.commentlist li li, ol.commentlist li li li, ol.commentlist li li li li, ol.commentlist li li li li li {margin:0 0 3px;border-bottom:none;}
 ol.commentlist  ul.children {margin:0;padding:0;}
 
 li div.comment-author { /* Font style for comment author link*/line-height:13px;border-bottom:1px dotted #ddd;margin-bottom:6px;padding-bottom:6px;}
 li div.comment-author cite {font-style:normal;}
 li #cancel-comment-reply-link { /* Font style for comment author link*/font-size:12px;margin:5px 0;}
 li div.comment-author a { /* Font style for comment author link*/color:#333;}
 li div.comment-author img.avatar { /* Avatar style between comments */float:left;margin-right:7px;width:29px;height:29px;}
 
 li span.comment-meta { /* Style for date of comment */font-size:10px;display:block;padding-top:3px;}
 li span.comment-meta a {color:#666;}
 li span.comment-meta a:hover {text-decoration:underline;}
 
 ol.commentlist li p { /* Comment font style */font-size:12px;padding:4px 0;margin:0;} 
 ol.commentlist li p.waiting_approval { /* Comment font style */font-weight:bold;font-style:italic;color:#777} 
 
 li div.reply a {font-size:11px;}
 
 ol.commentlist li ul.children { /* Inner comment style */margin-top:10px;}
 li.depth-2,li.depth-3,li.depth-4,li.depth-5 { /* inner comment margin-bottom */margin:0 0 0 20px !important;}
 ol.commentlist li.even { /*The background color for 1-3-5... no comments*/background:#fff;}
 ol.commentlist li.odd { /* Background color for 2-4-6... no comments */background:#f6f7f7;}
  
/*----- ={ COMMENT FORM } -----*/
#respond {margin: 5px 0 0 0;overflow: hidden;position: relative;background:#f6f7f7;padding:10px 15px 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
 
/* Page Templates */
.fullwidth {width:960px !important;}


.ftimg {max-width:405px;}

.vcard img {width:29px;height:29px;float:left; margin-right:6px;}
#blog-pager {font-weight:bold;}
]]></b:skin>



</head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script src="http://demos.gabfirethemes.com/linepress/wp-content/themes/linepress/inc/js/jCarouselLite.js?ver=3.2.1" type="text/javascript"></script>
<script src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js?ver=3.2.1" type="text/javascript"></script>
<script src="http://demos.gabfirethemes.com/linepress/wp-content/themes/linepress/inc/js/slides.min.jquery.js?ver=3.2.1" type="text/javascript"></script>
<script src='http://dinhquanghuy.110mb.com/tabcontent.js' type='text/javascript'/>
<script type="text/javascript">
 (function($) {
  $(document).ready(function() { 
   
       $("#mediabar .container").jCarouselLite({
          scroll: 2,
     speed: 1000, 
     visible: 4,
     start: 0,
     circular: false,
     btnPrev: "#previous_button",
     btnNext: "#next_button"
    });
      
   $('#slides').slides({
        autoHeight: true
   });
   
   $("span[rel]").overlay({effect: 'apple'});
   $("ul.tabs").tabs("div.panes > div");
   $(".scrollable").scrollable({ mousewheel: true });    
   
  });
 })(jQuery);
 </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 = 70; 
summaryTitle = 25; 

numposts  = 6; 
numposts1 = 4; 
numposts2 = 2;
numposts3 = 3;
numposts4 = 8;
numposts5 = 3;
numposts6 = 4; 


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();
    if (numposts1 <= json.feed.entry.length) {
  maxpost = numposts1;
  }
 else
       {
    maxpost=json.feed.entry.length;
    } 
   for (var i = 0; i < maxpost; 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 ;
    pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
 
 var trtd = '<div class="col_teaser"><a href="'+posturl+'"><img class="teaser_img" src="'+img[i]+'"/></a><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="clear"></div></div>';
 document.write(trtd);


 j++;
}

}

function showrecentposts2(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
    if (numposts2 <= json.feed.entry.length) {
  maxpost = numposts2;
  }
 else
       {
    maxpost=json.feed.entry.length;
    } 
   for (var i = 0; i < maxpost; 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 ;
    pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
 
 if (i==0) {
  var trtd = '<div class="featuredPost"><img class="aligncenter ftimg" src="'+img[i]+'"/><h2 class="posttitle"> <a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p><span class="postmeta">'+daystr+' / '+pcm+' / <a href="'+posturl+'">Read More</a></span></div>';
 document.write(trtd);
}
 if ((i>0)&&(i<maxpost))
    {
 var trtd = '<div class="featuredPost lastPost"><h2 class="posttitle"> <a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p><span class="postmeta">'+daystr+' / '+pcm+' / <a href="'+posturl+'">Read More</a></span></div>';
 document.write(trtd);
}

 j++;
}


}

function showrecentposts3(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
     if (numposts3 <= json.feed.entry.length) {
  maxpost = numposts3;
  }
 else
       {
    maxpost=json.feed.entry.length;
    } 
   for (var i = 0; i < maxpost; 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 ;
 
 
    pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
 
 var trtd = '<div class="featuredPost"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p><span class="postmeta">'+daystr+' / '+pcm+' / <a href="'+posturl+'">Read More</a></span></div>';
 document.write(trtd);
 j++;
}

}

function showrecentposts4(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
     if (numposts4 <= json.feed.entry.length) {
  maxpost = numposts4;
  }
 else
       {
    maxpost=json.feed.entry.length;
    } 
   for (var i = 0; i < maxpost; 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 ;
 
 
    pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
 
 var trtd = '<li class="car"><div class="thumb"><img class="alignnone" width="130" height="120" src="'+img[i]+'"/></div><a href="'+posturl+'">'+posttitle+'</a></li>';
 document.write(trtd);
 j++;
}

}

function showrecentposts5(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
    document.write('<div class="slides">')
 if (numposts5 <= json.feed.entry.length) {
  maxpost = numposts5;
  }
 else
       {
    maxpost=json.feed.entry.length;
    } 
   for (var i = 0; i < maxpost; 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 ;
    
 pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
 
 var trtd = '<div class="featuredPost"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p><img class="alignleft" width="120" height="90" src="'+img[i]+'"/>'+removeHtmlTag(postcontent,summaryPost)+'...</p><div class="clear"></div><span class="postmeta">'+daystr+' / '+pcm+' / <a href="'+posturl+'">Read More</a></span></div>';
 document.write(trtd);


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

function showrecentposts6(json) {
 j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
 img  = new Array();
 if (numposts6 <= json.feed.entry.length) {
  maxpost = numposts6;
  }
 else
       {
    maxpost=json.feed.entry.length;
    } 
    for (var i = 0; i < maxpost; 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 ;
    pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
    
 if (maxpost == 0) break;
 else {
      if (i==0) {
        var trtd = '<div class="tableft border_right_20"><div class="featuredPost lastPost"><img width="300" height="225" src="'+img[i]+'" class="aligncenter"/><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p><span class="postmeta">'+daystr+' / '+pcm+' / <a href="'+posturl+'">Read More</a></span></div></div>';
    document.write(trtd);
   }
   if (i==1) {
       document.write('<div class="tabright">');
   }
   if ((i>0)&&(i<maxpost)) {
       var trtd = '<div class="featuredPost"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><p><img src="'+img[i]+'" width="60" height="50" class="alignright"/>'+removeHtmlTag(postcontent,summaryPost)+'...</p><div class="clear"></div><span class="postmeta">'+daystr+' / '+pcm+' / <a href="'+posturl+'">Read More</a></span></div>';
    document.write(trtd);
   }
 }
 j++;
 }
 document.write('</div>');
}

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] = "";
 
 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="256" height="341" class="alignnone" 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 class="pad" href="'+posturl+'">'+posttitle+'</a><span class="block">on '+daystr+' - '+pcm+'</span></li>';      
  document.write(trtd);       
    
     j++;
 }
  
}


//]]>
</script>

<script type='text/javascript'>
 //<![CDATA[
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(/<!--\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/>';
   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");
 var summ = summary;
 if(img.length>=1) { 
   imgtag = '<a href="'+posturl+'"><img width="100" height="78" class="alignleft" src="'+img[0].src+'"></a>';
   }
  var summary1 = imgtag+'<h2 class="posttitle"><a href="'+posturl+'">'+title+'</a></h2><p>'+stripHtmlTags(content,summary)+'...</p>';
 
 div.innerHTML = summary1;
 div.style.display = "block";
 }
}

//]]>
</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, "");
if (i==0) {
document.write('<li>');
}
else{
document.write('<li>');
}
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 id="wrapper">
      <div id="header"> 
       <div id="masthead">
        <b:section id='mhead' showaddelement='no'>
         <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
          <b:includable id='main'>
           <ul class="mastheadnav">
            <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:widget id='HTML1' locked='false' title='searchbox' type='HTML'>
          <b:includable id='main'> 
           <div id="search">
            <form action='/search' id='searchform' method='get'>
              <fieldset>
              <input id='s' name='q' type='text' value='Search in site...'/>
           <input type="image" alt="Search in site..." src="http://4.bp.blogspot.com/-DhnaHOC3uzY/TrosAluh8eI/AAAAAAAAALs/MaN9yuJRqqU/button_go.gif" id="searchsubmit"/> 
          </fieldset>
         </form>
        </div><!-- /search -->    
             </b:includable>
      </b:widget>
     </b:section>
     <div class="clear"></div>
    </div>
    
    <b:section id='logobanner' showaddelement='no'>
        <b:widget id='HTML2' locked='false' title='logo' type='HTML'>
            <b:includable id='main'> 
          <div id="logo">
           <a expr:href='data:blog.homepageUrl'>
            <data:content/> 
        </a>
       </div><!-- /logo -->   
            </b:includable>
     </b:widget>
     <b:widget id='HTML3' locked='false' title='banner' type='HTML'>
            <b:includable id='main'> 
          <div id="banner">
           <data:content/> 
       </div>   
            </b:includable>
     </b:widget>
       </b:section> 
    <div class="clear"></div>  
             
    <b:section id="mainmenu" showaddelement='yes'>
           <b:widget id='LinkList1' locked='false' title='menunav' type='LinkList'>
                     <b:includable id='main'>
             <ul class="mainnav">
           <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
           <b:loop values='data:links' var='link'>
            <li><a expr:href='data:link.target'><data:link.name/></a></li>
           </b:loop>
       </ul>  
       <div class="clear"></div>
      </b:includable>
     </b:widget>
    </b:section>
    
    

    <div id="submenu">
        <ul class="subnav">
         <li><a title="Subscribe to latest posts in RSS" rel="nofollow" href="/feeds/posts/default" class="gab_rss" target="_blank">RSS for Entries</a></li>
      <li><a title="Subscribe to latest posts via email" rel="nofollow" href="http://feedburner.google.com/fb/a/mailverify?uri=simplex" class="gab_email" target="_blank">Subscribe via E-mail</a></li>            
      <li><a title="follow on twitter" rel="nofollow" href="http://www.twitter.com/dinhquanghuy" class="gab_twitter" target="_blank">Follow on Twitter</a></li>            
      <li><a title="Connect on facebook" rel="nofollow" href="http://www.facebook.com/simplexdesignblog" class="gab_facebook" target="_blank">Connect on Facebook</a></li>
      <li class="date">
          <script type="text/javascript">
           var mydate=new Date()
        var year=mydate.getYear()
        if (year &lt; 1000)
        year+=1900
        var day=mydate.getDay()
        var month=mydate.getMonth()
        var daym=mydate.getDate()
        if (daym&lt;10)
        daym="0"+daym
        var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
        var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
        document.write(""+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"")
       </script>
      </li>
     </ul>
     <div class="clear"></div>    
    </div>
       <div class="clear"></div>
   </div><!-- /header --> 
         <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:section id='teaser' showaddelement='yes'>
        <b:widget id='HTML4' locked='false' title='teaser' type='HTML'>
        <b:includable id='main'> 
         <script>
          document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts6+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
      </script> 
     </b:includable>
    </b:widget>    
   </b:section>
   </b:if>
   
   
   
   <div class="clear"></div>

   <div class="border_right_15" id="container">
             <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <div id="featured">
    
        <b:section class="border_right_15" id="featured_left" showaddelement='yes'>
                <b:widget id='HTML5' locked='false' title='teaser' type='HTML'>
          <b:includable id='main'> 
           <script>
            document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
        </script> 
       </b:includable>
      </b:widget>    
     </b:section>
           
     <b:section id="featured_right" showaddelement='yes'>
                <b:widget id='HTML6' locked='false' title='featureright' type='HTML'>
          <b:includable id='main'> 
           <script>
            document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts3+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts3\&quot;&gt;&lt;\/script&gt;&quot;);
        </script> 
       </b:includable>
      </b:widget>    
     </b:section>
     <div class="clear"></div>
    </div><!-- End of featured -->
             
    <b:section id="mediabar" showaddelement='yes'>
        <b:widget id='HTML7' locked='false' title='mediabar' type='HTML'>
         <b:includable id='main'> 
          <div id="previous_button"></div>
       <div id="next_button"></div>
       <div class="container">
           <ul>
            <script>
             document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts4\&quot;&gt;&lt;\/script&gt;&quot;);
         </script> 
        </ul>
                         </div>        
      </b:includable>
     </b:widget>    
    </b:section>
    
    <div class="border_bottom_20" id="primary_bottom"> 
        <b:section class="border_right_20" id="primary_bottomleft" showaddelement='yes'>
                <b:widget id='HTML8' locked='false' title='primarybottomleft' type='HTML'>
          <b:includable id='main'> 
           <script>
            document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts5+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts5\&quot;&gt;&lt;\/script&gt;&quot;);
        </script> 
       </b:includable>
      </b:widget>    
     </b:section>
     
        <b:section id="primary_bottomright" showaddelement='yes'>
                <b:widget id='HTML9' locked='false' title='primarybottomright' type='HTML'>
          <b:includable id='main'>          
           <data:content/>        
       </b:includable>
      </b:widget>    
     </b:section>
              <div class="clear"></div>
       </div><!-- primary_bottom -->  
                 
    <div class="tabcontent" id="tabcontent"> 
 
              <ul class="tabcontent_title" id="tabcontent_title"></ul>
     <b:section id='priTab' showaddelement='no'>
         <b:widget id='HTML10' locked='false' title='priBotTab1' type='HTML'>
            <b:includable id='main'>
                    <div id="priBotTab1" class="tabcontent_body">
            <script>  
             var title = document.createElement(&quot;li&quot;);
          title.innerHTML = &quot;&lt;a class=&#39;selected&#39; rel=&#39;priBotTab1&#39;&gt;<data:title/>&lt;/a&gt;&quot;;
          document.getElementById(&quot;tabcontent_title&quot;).appendChild(title);
          document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts6+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts6\&quot;&gt;&lt;\/script&gt;&quot;);
         </script>
         <div class="clear"></div>
        </div><!-- /priBotTab1 -->
                   </b:includable>
      </b:widget>
      <b:widget id='HTML11' locked='false' title='priBotTab2' type='HTML'>
            <b:includable id='main'>
                    <div id="priBotTab2" class="tabcontent_body">
            <script>  
             var title = document.createElement(&quot;li&quot;);
          title.innerHTML = &quot;&lt;a href=&#39;&#39; rel=&#39;priBotTab2&#39;&gt;<data:title/>&lt;/a&gt;&quot;;
          document.getElementById(&quot;tabcontent_title&quot;).appendChild(title);
          document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts6+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts6\&quot;&gt;&lt;\/script&gt;&quot;);
         </script>
         <div class="clear"></div>
        </div><!-- /priBotTab1 -->
                   </b:includable>
      </b:widget>
      <b:widget id='HTML12' locked='false' title='priBotTab3' type='HTML'>
            <b:includable id='main'>
                    <div id="priBotTab3" class="tabcontent_body">
            <script>  
             var title = document.createElement(&quot;li&quot;);
          title.innerHTML = &quot;&lt;a href=&#39;&#39; rel=&#39;priBotTab3&#39;&gt;<data:title/>&lt;/a&gt;&quot;;
          document.getElementById(&quot;tabcontent_title&quot;).appendChild(title);
          document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts6+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts6\&quot;&gt;&lt;\/script&gt;&quot;);
         </script>
         <div class="clear"></div>
        </div><!-- /priBotTab1 -->
                   </b:includable>
      </b:widget>
      <b:widget id='HTML13' locked='false' title='priBotTab4' type='HTML'>
            <b:includable id='main'>
                    <div id="priBotTab4" class="tabcontent_body">
            <script>  
             var title = document.createElement(&quot;li&quot;);
          title.innerHTML = &quot;&lt;a href=&#39;&#39; rel=&#39;priBotTab4&#39;&gt;<data:title/>&lt;/a&gt;&quot;;
          document.getElementById(&quot;tabcontent_title&quot;).appendChild(title);
          document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts6+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts6\&quot;&gt;&lt;\/script&gt;&quot;);
         </script>
         <div class="clear"></div>
        </div><!-- /priBotTab1 -->
                   </b:includable>
      </b:widget>
     </b:section> 
 
               <script type='text/javascript'>
         var primaryBottomTabs=new ddtabcontent(&quot;tabcontent&quot;)
      primaryBottomTabs.setpersist(true)
         primaryBottomTabs.setselectedClassTarget(&quot;link&quot;)
      primaryBottomTabs.init()
     </script>
    </div>
             </b:if>
    
    <b:section class='main' id='main' showaddelement='no'>
         <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
          <b:includable id='nextprev'>
           <div class='blog-pager' id='blog-pager'>
            <b:if cond='data:newerPageUrl'>
             <span id='blog-pager-newer-link'>
              <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
          </span>
         </b:if>
         <b:if cond='data:olderPageUrl'>
             <span id='blog-pager-older-link'>
              <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
          </span>
         </b:if>
         <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
             <b:if cond='data:mobileLinkUrl'>
             <div class='blog-mobile-link'>
              <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
          </div>
         </b:if>
        </div>
        <div class='clear'/>
       </b:includable>

       <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &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></b:if><b:if cond='data:top.showTwitterButton'><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></b:if><b:if cond='data:top.showFacebookButton'><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></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.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'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>

                         <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>

                         <b:includable id='post' var='post'>
           <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <div class="entry">
             <h1 class="entry_title">
              <b:if cond='data:post.link'>
               <a expr:href='data:post.link'><data:post.title/></a>
           <b:else/>
               <b:if cond='data:post.url'>
                <b:if cond='data:blog.url != data:post.url'>
                 <a expr:href='data:post.url'><data:post.title/></a>
             <b:else/>
                 <data:post.title/>
             </b:if>
            <b:else/>
                <data:post.title/>
            </b:if>
           </b:if>
          </h1>

          <div class="metasingle">
              <span class="postDate"><data:post.timestamp/> | </span>
           <span class="postCategory">Filed under: 
               <b:if cond='data:post.labels'>
             <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 != &quot;true&quot;'>,</b:if>
             </b:loop>
            </b:if>
            | 
           </span>
           <span class="postAuthor">Posted by: <data:post.author/></span> 
          </div><!-- /metas -->
          <p><data:post.body/></p>
                                     <div class="clear"></div>
          <div class="widget gab_share_widget">
          </div>

          <div id="entryMeta">
              <img width="27" height="27" src=""/>
           Posted by  <data:post.author/>
           on <data:post.timestamp/>. 
           Filed under 
           <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 != &quot;true&quot;'>,</b:if>
           </b:loop>.
           You can follow any responses to this entry through the <a href='/feeds/posts/default/'>RSS 2.0</a>.
           You can leave a response or trackback to this entry      
           <div class="clear"></div> 
          </div>
         </div>
                           
         <div class="single_ad">
              <img alt="" src="http://www.gabfirethemes.com/ads/468x60/03.gif"/>
         </div>
         
         <b:include data='post' name='comments'/>
        <b:else/>  
            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
             <div class="entry">
                 <h1 class="entry_title">
                  <b:if cond='data:post.link'>
                   <a expr:href='data:post.link'><data:post.title/></a>
            <b:else/>
                   <b:if cond='data:post.url'>
                    <b:if cond='data:blog.url != data:post.url'>
                     <a expr:href='data:post.url'><data:post.title/></a>
                 <b:else/>
                     <data:post.title/>
              </b:if>
             <b:else/>
                    <data:post.title/>
             </b:if>
            </b:if>
           </h1>
           <p><data:post.body/></p>
           <div class="clear"></div>
          </div>
         
                                 <b:else/>
                                     
          <div class="featuredPost">
               <div expr:id='&quot;summary&quot; + data:post.id'>
               <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>                  
               
           <span class="postmeta">
               <data:post.timestamp/> / 
               <b:if cond='data:post.allowComments'>
                <b:if cond='data:post.numComments == 1'>
                 1 <data:commentLabel/>
             <b:else/>
                 <data:post.numComments/> <data:commentLabelPlural/>
             </b:if>
            </b:if> / 
            <a expr:href='data:post.url'>Read more</a>
           </span>   
          </div>
                        
                           </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 id='leaveComment'>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='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

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

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

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

  </div>
  <div class='clear'/>
</b:includable>

                         <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <data:top.authorLabel/>
                  <span class='fn'><data:post.author/></span>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <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'>
                      <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>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
      </div>
    </div>
  </div>
</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:mobile == &quot;false&quot;'>
            <b:if cond='data:blog.url != data:blog.homepageUrl'>
                <b:loop values='data:posts' var='post'>
                 <b:include data='post' name='post'/>
          </b:loop>
          <b:include name='nextprev'/>
         </b:if>
        <b:else/>
            <b:include name='mobile-main'/>
        </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='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <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'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

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

        <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;'/>
      </a>

      <div class='mobile-index-comment'>
        <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>
      </div>
    </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'>
           <a name='comments'/>
        <b:if cond='data:post.allowComments'>
            <div id='comments'>
             <h3 id="comments-title">
              <b:if cond='data:post.numComments == 1'>
               1 <data:commentLabel/> for &quot;<data:post.title/>&quot;
           <b:else/>
               <data:post.numComments/> <data:commentLabelPlural/> for &quot;<data:post.title/>&quot;
           </b:if>
                              </h3>
             

          <ol class='commentlist'>
              <b:loop values='data:post.comments' var='comment'>
                <li class='even'>
                 <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="comment-meta">
                   <a expr:href='data:comment.url' title='comment permalink'>
                     <data:comment.timestamp/>
                </a>
               </span>
                   <div class="clear"></div>
              </div>
                    <div class="comment-body">
                  <p>    
                      <b:if cond='data:comment.isDeleted'>
                        <em><data:comment.body/></em>
                <b:else/>
                          <data:comment.body/>
                    <b:include data='comment' name='commentDeleteIcon'/>
                </b:if>
               </p>
              </div>
                </div>
            </li>
           </b:loop>
          </ol>

          <div class='navigation'>
               <div class='previous'>
                 <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>
           </div>
           &#160;
           <data:post.commentRangeText/>
           &#160;

           <div class='next'>
               <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>
           </div>
           <div class='clear'/>
          </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>
         </div>
        </b:if>
       </b:includable>
                     </b:widget>
                 </b:section>
             
   
   </div> <!-- /#container -->
   
         
   <b:section id="sidebar" showaddelement='yes'>
       <b:widget id='HTML14' locked='false' title='tabs' type='HTML'>
        <b:includable id='main'> 
         <h2 class="title">POSTS</h2>   
            <div>
          <ul class="tabs">
           <li><a href="#first" class="current">Latest</a></li>        
        <li><a href="#second">Comments</a></li>
       </ul>

       <div class="panes">
           <div style="display: block;">
            <ul>
             <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 style="display: none;">
            <ul>
             <ul>
                    <script src='/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'/>
          </ul>
         </ul>
        </div>
        
       </div>
      </div>
     </b:includable>
    </b:widget>    
   </b:section>
   
   
   <div class="clear"></div>
   
  </div>
     
  <b:section id="bottom_banners" showaddelement='yes'>           
  </b:section>
 
     <div id="footer">
   <b:section id="foo_widget1" showaddelement='yes'></b:section>
   <b:section id="foo_widget2" showaddelement='yes'></b:section>
   <b:section id="foo_widget3" showaddelement='yes'></b:section>
   <div class="clear"></div>
  </div>
         
  <div id="footer_data">
      <div id="footer-left-side">
       SimplexLinepress template
   </div><!-- #site-info -->
    
   <div id="footer-right-side">
       <p>Designed by <a href="http://gabfirethemes.com">Gabfirethemes </a>. Converted to Blogger by <a href="http://simplexdesign.blogspot.com">SimplexDesign</a></p>
   </div> <!-- #footer-right-side -->
   <div class="clear"></div>
  </div>

     
     
  
     <b:include data='blog' name='google-analytics'/>
  
</body>
</html>
                


[edit]

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