<?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>
<link expr:href='data:blog.url' rel='canonical'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<meta content='PUT SOME DESCRIPTION HERE' name='description'/>
<meta content='KEYWORD1, KEYWORD2, ...' name='keywords'/>
<meta content='index, follow' name='robots'/>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta content='index, follow' name='robots'/>
</b:if>
<b:skin><![CDATA[/*
======================================
Blogger Template Style
Name: Magazine Template 3 (dark green)
Designer: Rohman Abdul Manap
URL: blogtemplate4u.com
www.blogspottutorial.com
Date: 14 Maret 2009
Redesigned by : http://www.bloggerceria.com
======================================
*/
/* Variable definitions
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#000000" value="#000000">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#E68A00">
<Variable name="linkhovercolor" description="Link Hover Color"
type="color" default="#58a" value="#FF47B6">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#008AB8" value="#3c78a7">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#ffffff" value="#ffffff">
<Variable name="titlehovercolor" description="Post Title Hover Color"
type="color" default="#c60" value="#38B63C">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#4c4c4c">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#ffffff">
<Variable name="bgwidgetcolor" description="Widget Background Color"
type="color" default="#ffffff" value="#F2F2F2">
<Variable name="bgh2color" description="Sidebar Title Background Color"
type="color" default="#1A3300" value="#3c78a7">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font" default="normal normal 315% Georgia, Times New Roman" value="normal normal 315% Georgia, Times New Roman">
<Variable name="headerfont" description="Sidebar Title Font"
type="font" default="normal bold 85% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 93% Arial, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 154% Arial, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
*{
margin:0;
padding:0;
}
/* remove this line to appear blogger navbar */
/* hide navbar start */
#navbar-iframe {
display : none;
height : 0;
visibility : hidden;
}
/* hide navbar end */
body {
background: #1A3300;
width: 100%;
color: $textcolor;
font-family: Arial, Tahoma, Verdana;
font-size:12px;
margin: 0;
padding: 0;
}
#wrap1{
width: 1000px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDozz6aF1Uff4IQWfwqyS4lCP7qBW0O0iCYlBHhz3fqKSgz4ySXrM6cNKV3VAmyTRJnAZG24o6jjqf00-T9-kl5KzOCEA7mIkbXWUQQO_UYlqsiMXiliDXoe1FMQVN5STcHPsiAQlI9qz/?imgmax=800);
margin: 0;
padding: 0;
}
#wrap2 {
background: #ffffff;
width: 1000px;
margin: 0 auto 0;
padding: 0;
}
a, a:visited {
color: $linkcolor;
text-decoration: none;
}
a:hover {
color: $linkhovercolor;
text-decoration: underline;
}
a img {
border-width: 0;
}
#topbar {
width: 1000px;
height: 30px;
color: #ffffff;
margin: 0 auto 0;
padding: 0;
}
#topbar a, #topbar a:visited {
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
#topbar a:hover {
text-decoration: underline;
}
#topbar p {
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0;
}
.topbarleft {
width: 230px;
float: left;
margin: 0;
padding: 8px 0 0 10px;
}
.topbarright {
width: 600px;
float: right;
margin: 0;
padding: 7px 10px 0 0;
text-transform: uppercase;
text-align: right;
}
.topbarright a img {
border: none;
margin: 0 3px 3px 0;
padding: 0;
}
#bgheader{
width: 1000px;
margin: 0 auto 0;
padding: 0;
}
#header-wrapper {
width: 1000px;
height: 95px;
font-size: 10px;
margin: 0 auto 0;
padding: 0;
overflow: hidden;
}
#head-inner {
width:500px;
background-position: left;
margin-left:0;
margin-right: auto;
padding-top:5px;
float:$startSide;
}
#header {
margin: 0;
text-align: left;
color: $pagetitlecolor;
}
#header h1 {
color: $pagetitlecolor;
margin: 0;
padding: 10px 0 0 20px;
text-decoration: none;
font: $pagetitlefont;
}
#header h1 a, #header h1 a:visited {
color: $pagetitlecolor;
margin: 0;
padding: 0;
text-decoration: none;
}
#header h1 a:hover {
color: $pagetitlecolor;
}
#header .description {
color: $descriptioncolor;
margin-left: 12px;
padding: 10px 0 0 10px;
font: $descriptionfont;
}
#header img {
margin-left:auto;
margin-right: auto;
}
#headerright{
width:480px;
height:90px;
float: $endSide;
padding-top:5px;
margin:0;
text-align:left;
font-size:12px;
}
#headerright h2{display:none}
#headerright a, #headerright a:hover, #headerright a:visited{
color:$linkcolor;
}
#NavbarMenu {
width: 1000px;
height: 32px;
color: #ffffff;
margin: 0 auto 0;
padding: 0;
font: bold 12px Arial, Tahoma, Verdana;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6q2sWYTABloDnP5Bnw9QO8CdtIMa0AXMIVYEyGSdBP-jIRR3isgrNL7JZtGO4mcDe6PWsG_xYOVuqfMPXJGwfHMgI4AKvr8KK2VkgwRdIa-SbwuCt0fVlhLzLosD06uHuJ1nrCdobDfSm/?imgmax=800);
}
#NavbarMenuleft {
color: #ffffff;
width: 680px;
float: left;
margin: 0;
padding: 0;
}
#search {
width: 280px;
font-size: 11px;
float: right;
margin: 0;
padding: 6px 0 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #ffffff;
display: block;
text-transform: capitalize;
margin: 0;
padding: 9px 15px 8px;
font: normal 16px Georgia, Times New Roman;
}
#nav li a:hover, #nav li a:active {
background:#829297 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE6Rcg2wrgqobNRASLxskFwRG8ZDxiWsVeIvnkh3meqddc-vfO3sd_8KhBUXkgQyzGjU209erjgGi4KL7U62s5z_mlfuyvEkOFr6-5e-FDvfbK7YZV-lOWemJ4eA4fmKgmhf1Y6uKMhL0t/?imgmax=800) repeat-x top;
color: #FFF;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6q2sWYTABloDnP5Bnw9QO8CdtIMa0AXMIVYEyGSdBP-jIRR3isgrNL7JZtGO4mcDe6PWsG_xYOVuqfMPXJGwfHMgI4AKvr8KK2VkgwRdIa-SbwuCt0fVlhLzLosD06uHuJ1nrCdobDfSm/?imgmax=800);
width: 150px;
color: #fff;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #151f23;
border-left: 1px solid #151f23;
border-right: 1px solid #151f23;
font: normal 14px Georgia, Times New Roman;
}
#nav li li a:hover, #nav li li a:active {
background: #233e45;
color: #fff;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}
#searchbox {
background: #121B1E !important;
width: 220px;
color: #FFF;
margin: 0;
padding: 4px 0 3px 5px;
border-top: 1px solid #051d23;
border-right: 1px solid #666;
border-left: 1px solid #051d23;
border-bottom: 1px solid #666;
display: inline;
font: normal 12px Georgia, Times New Roman, Trebuchet MS;
}
#searchbutton {
background: #121B1E !important;
color: #FFF;
margin: 0 0 0 5px;
padding: 3px 3px 2px;
border-top: 1px solid #051d23;
border-right: 1px solid #666;
border-left: 1px solid #051d23;
border-bottom: 1px solid #666;
font: bold 11px Georgia, Times New Roman, Trebuchet MS;
}
#empty {
width: 100%;
height: 24px;
clear:both;
}
#outer-wrapper {
width: 980px;
margin: 0 auto 0;
padding: 10px 0 0;
line-height: 18px;
word-wrap: break-word;
font-family: Arial, Tahoma, Verdana;
font-size:12px;
overflow: hidden;
}
#main-wrapper {
width: 628px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}
.middlecol {
float: $startSide;
margin: 0;
padding: 0;
}
.middlecol p {
margin: 0;
padding: 0;
}
.middlecol .widget {
width: 200px;
background:$bgwidgetcolor;
border: 1px solid $bordercolor;
margin: 0 0 10px 7px;
padding:10px;
}
#sidebarcol{
float: $startSide;
width: 350px;
margin:0 0 0 8px;
padding:0;
}
#sidebar-wrapper {
float: $startSide;
margin: 0;
padding: 0;
}
#midsidebar-wrapper {
width: 342px;
float: $startSide;
overflow: hidden;
margin:5px 0 0 0;
}
#lsidebar {
background:$bgwidgetcolor;
float: $startSide;
width: 160px;
margin: 0;
padding: 10px;
border: 1px solid $bordercolor;
display: inline;
}
#rsidebar {
background:$bgwidgetcolor;
float: $endSide;
width: 130px;
margin: 0;
padding: 10px;
border: 1px solid $bordercolor;
display: inline;
}
h2.date-header,
.post-labels,
.blog-icon{
display:none;
}
.blog-title{
margin: 0 0 5px;
padding-left: 20px;
}
.breadcrumbs {
padding:5px 5px 5px 0;
margin: 0 0 5px;
font-size:95%;
line-height: 1.4em;
border-bottom:4px double $bordercolor;
}
.post {
background:#F2F2F2;
width: 605px;
float: $startSide;
margin: 0 0 10px;
padding: 10px;
border: 1px solid $bordercolor;
}
.post h3, .post h3 a, .post h3 a:visited {
color: #3c78a7;
margin: 0 0 5px;
padding: 5px 0 0;
font: normal 24px Georgia, Times New Roman;
}
.post h3 a:hover {
color: $titlehovercolor;
text-decoration: none;
}
.post-body {
margin: 0 0 .75em;
line-height: 1.6em;
}
.post-body blockquote {
line-height: 1.3em;
}
.comment-link {
margin-left: .6em;
}
.post img {
padding: 5px;
}
.post blockquote {
background: #0A0F11 !important;
margin: 15px;
padding: 10px;
border-top: 1px solid #0A0F11;
border-right: 1px solid #666;
border-left: 1px solid #0A0F11;
border-bottom: 1px solid #666;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.post-body ol {
margin: 0px 0px 0px 5px;
padding: 0px 0px 10px 0px;
}
.post-body ol li {
margin: 0px 0px 0px 27px;
padding: 0px 0px 5px 0px;
}
.post-body ul {
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 0px 0px 10px 0px;
}
.post-body ul li {
list-style-type: square;
padding: 0px 0px 0px 5px;
margin: 0px 0px 5px 25px;
}
.comments {
background:#F2F2F2;
float: $startSide;
width: 605px;
margin: 0 0 10px;
padding: 10px;
border: 1px solid $bordercolor;
}
#comments h4 {
background:#3c78a7;
margin:0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
color: #ffffff;
padding-left:5px;
font-size:14px;
}
#commentblock {
width: 550px;
text-align:left;
padding: 15px 25px 10px 20px;
margin: 10px 5px;
border-top: 2px solid #333;
border-bottom: 2px solid #333;
}
#commentblock ol {
list-style-type: square;
margin: 0 0 10px 10px;
padding: 0 0 10px 0;
}
.commentdate {
font-size: 12px;
padding-left: 0;
}
#commentlist li p {
margin-bottom: 8px;
line-height: 20px;
padding: 0;
}
.commentname {
color: #333;
margin: 10px 0;
padding: 5px 5px 5px 0;
}
.commentinfo{
clear: both;
}
.commenttext {
clear: both;
margin: 10px 0 14px 0;
padding: 10px;
width: 535px;
background: #ffffff;
border-top: 1px solid #1B262A;
border-right: 1px solid #666;
border-left: 1px solid #1B262A;
border-bottom: 1px solid #666;
}
.commenttext-admin {
clear: both;
margin: 10px 0 14px 0;
padding: 10px;
width: 535px;
background: #ffff99;
color:#333333;
border-top: 1px solid #0A0F11;
border-right: 1px solid #666;
border-left: 1px solid #0A0F11;
border-bottom: 1px solid #666;
}
div.comment-form-block{
width: 557px;
margin: 0 auto;
}
#blog-pager-newer-link {
float: $startSide;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYIXcFcqhca5Z2SDe4XQ_ZaNkQ4DbTOHEh2NxM0s9izfnr37za9QlkgjO4hlaWr2BR0q6YZzEuWqcz3tCugNGepy8-TQmEOov22BPiCiH6tBgGXanlqLsjD9QfSkpAIDV5q_R4_b1SGjI/?imgmax=800) no-repeat left;
padding-left:12px;
}
#blog-pager-older-link {
float: $endSide;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjNnEIkiPI0KkHL9F1GUhExInUZBLhvsDhSHDklkIrxgJ4kmczpD_8RnBenbsVyL-8HX7at_VEoKAetMTsOmMMlSYW7di3CHJohOgy9ujxuNSE1s5Zw6eaNwz07TQmKF2pTDsFaHkk08g/?imgmax=800) no-repeat right;
padding-right:12px;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
display: none;
}
.sidebar {
line-height: 1.5em;
}
.sidebar h2, .rsidebar h2, .lsidebar h2, .middlecol h2 {
background:$bgh2color;
color: $sidebarcolor;
text-transform: uppercase;
margin: 0 0 10px;
padding: 6px 0 6px 7px;
font: $headerfont;
border:1px solid $bordercolor;
}
#sidebar p {
margin: 0;
padding: 0 0 0 10px;
}
.sidebar img, .rsidebar img, .lsidebar img, .middlecol img {
padding:1px;
border:1px solid $bordercolor;
}
.sidebar li, .rsidebar li, .lsidebar li, .middlecol li {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtmuJejVeclEnp8JH2N45fSBwozVggMfLsk8_IL_BvRV0Zpi_bzDmTfNygCszhC2Tx18k-l-yx2DzMLEHKFOmZGeBqGcMdVyM0JtnC6Dfsyd71LWxXOL-XftbpzFQmBtcHnMuKFRKxpfU/?imgmax=800') no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;
}
.sidebar ul, .rsidebar ul, .lsidebar ul, .middlecol ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar ul li, .rsidebar ul li, .lsidebar ul li, .middlecol ul li {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtmuJejVeclEnp8JH2N45fSBwozVggMfLsk8_IL_BvRV0Zpi_bzDmTfNygCszhC2Tx18k-l-yx2DzMLEHKFOmZGeBqGcMdVyM0JtnC6Dfsyd71LWxXOL-XftbpzFQmBtcHnMuKFRKxpfU/?imgmax=800') no-repeat;
list-style-type: none;
margin: 0 0 5px;
padding-left: 20px;
}
.sidebar .widget {
background:$bgwidgetcolor;
float:$startSide;
width: 320px;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid $bordercolor;
}
.main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 8px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.6em;
font-size: 11px;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
#bgbottom {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTDozz6aF1Uff4IQWfwqyS4lCP7qBW0O0iCYlBHhz3fqKSgz4ySXrM6cNKV3VAmyTRJnAZG24o6jjqf00-T9-kl5KzOCEA7mIkbXWUQQO_UYlqsiMXiliDXoe1FMQVN5STcHPsiAQlI9qz/?imgmax=800);
width: 100%;
height:51px;
margin: 0;
padding: 0;
}
#bottom {
width: 1000px;
height: 35px;
margin: 0 auto 0;
padding: 0;
}
#lbottom {
float:$startSide;
width:590px;
padding-left:10px;
}
#lbottom p{
color: #FFF;
margin: 0;
padding: 25px 0 0;
font: 11px Arial, Tahoma, Verdana;
}
#lbottom p a:hover, #lbottom p a:active {
color: #FFCEAD;
padding: 7px 10px;
}
#credits {
float:$endSide;
width:390px;
padding-right:10px;
text-align:right;
}
#credits p{
color: #FFF;
margin: 0;
padding: 25px 0 0;
}
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:55px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:65px;
font-weight:bold;
}
#middle {
width: 1000px;
float:left;
padding:10px 10px 10px 10px;
margin:10px 15px 0;
background: #fff url(http://themelib.com/wp-content/themes/arthemia/images/topbg/fullpagetop.gif) no-repeat;
}
.category {
width:164px;
float:left;
border-top:8px solid #333;
margin:20px;
padding:10px 10px 10px 10px;
background:#fff;
}
.category p {
margin:0;
}
#cat-1, #cat-3, #cat-5 {background:#F2F2F2; width:164px; margin:0; border-top:8px solid #333333;}
#cat-2, #cat-4 {width:164px; margin:0; border-top:8px solid #3c78a7;}
.category span.cat_title, #front-popular h2, #front-list h2, #archive, #gallery h3 {
text-transform:lowercase;
margin:0;
font-weight:bold;
font-size:1.7em;
letter-spacing:-0.05em;
}
#cat-1 h2, #cat-2 h2, #cat-3 h2, #cat-4 h2, #cat-5 h2 {
text-transform:lowercase;
margin:0;
font-weight:bold;
font-size:1.5em;
letter-spacing:-0.05em;
color:#333;
}
#front-popular h2 {
color:#fff;
}
.category a {
color:#333;
display:block;
background:none;
}
.category a:hover {
background:none;
color:#fff;
text-decoration:none;
}
#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }
#cat-1 h2 a:hover, #cat-2 h2 a:hover, #cat-3 h2 a:hover, #cat-4 h2 a:hover, #cat-5 h2 a:hover {
color: #fff;
}
#bottom2 {
width: 1000px;
position: relative;
clear:both;
margin: 0 auto;
color:#333333;
float: left;
background:#F2F2F2 repeat-x;
padding: 0;
}
#bottom2 a, #bottom a:visited{
color:#DF7F3B;
text-decoration:none;
}
#bottom2 a:hover{
text-decoration:underline;
}
#bottom2 h2 {
background: #3c78a7;
color: #ffffff;
text-transform: capitalize;
margin: 0 0 10px;
padding: 6px 0 6px 7px;
font-family:Arial, Tahoma, Verdana ;
font-size:14px;
line-height:1.5em;
letter-spacing:0;
}
#bottom2 ul {
padding: 0;
margin: 0;
}
#bottom2 ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}
#leftbottom2 {
width: 300px;
float: left;
margin:0;
padding:7px 10px;
border-top:1px solid #a2bce0;
height:310px;
}
#middlebottom2 {
width: 340px;
float: left;
margin:0;
padding:7px 10px;
border-top:1px solid #b5c5d8;
height:310px;
}
#rightbottom2 {
width: 300px;
float: left;
margin:0;
padding:7px 10px;
border-top:1px solid #a2bce0;
height:310px;
}
#slider {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjefrJfnjDUiJUbxRlOevzDaySFGlFnFYO61RMyrk6tdtp-T2K7bYD79lwyHh_BIU-tXCFDa29bbgTCBvGwWdiocfUER9n_7fImKg5srzTCHnCDmvDBo0iXLfUBJipNoojnfeyO-7TS7To/);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}
#mover {
width: auto;
position:absolute;
overflow:hidden;
}
.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}
.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #fff;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}
.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}
.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}
span.slmet {
color: #333333;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #fff;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}
.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}
#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}
]]></b:skin>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type='text/javascript'><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
#main-wrapper {
width:400px;
}
.main .widget {
width:395px;
margin:0 .5em 1.5em 0;
padding:0 0 1.5em;
}
.post {
background:#F2F2F2;
width:375px;
float: left;
margin: 0 0 10px;
padding: 10px;
overflow:hidden;
text-align:justify;
border: 1px solid #4c4c4c;
}
.post h3 {
background: #3c78a7;
color: #fff;
text-transform: uppercase;
margin: 0 0 10px;
padding: 6px 4px;
text-align:left;
font: bold 11px Arial, Tahoma, Verdana;
border: 1px solid #4c4c4c;
}
.post h3 a, .post h3 a:visited {
color: #fff;
text-transform: uppercase;
margin: 0 0 10px;
padding: 6px 4px;
text-align:left;
font: bold 11px Arial, Tahoma, Verdana;
}
.post h3 a:hover {
color: #eff556;
text-decoration: none;
}
.post img {
max-width:300px;
padding:0;
margin-bottom:5px;
}
.post-timestamp,
.reaction-buttons,
.star-ratings,
.post-backlinks post-comment-link,
.post-icons, .post-labels{display:none}
.subtitle{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#555555;
line-height:28px;
}
</b:if>
</style>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JdDoOGP7NcNGVIbui09o5F1CHEJ6kwQ714Wc75eWarwwGtqliIP0sq_2AXaqt49F8L8Kxn4pyYWgmL6vihc9nE810jk7jZRIWxsR-yybhxAJQZFJL6QGNAlTor6d0Fb9ePs2NUa0_Tc/?imgmax=800' rel='shortcut icon'/>
</head>
<body>
<div id='wrap1'>
<div id='topbar'>
<div class='topbarleft'>
<p><a href='http://www.blogger.com' target='_blank'>Blogger</a></p>
</div>
<div class='topbarright'>
<p><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEishwgIprbVAiV2VqtgPOv4UQdKVf2TNIo4BdrQHsRmaqySLc_7Nq2MlSFt8irrQGYF5e-nYiW4EpOeT2morP8Dz8GgNWZXwJ-esVmC1oIVaouGih1Nc9kvaHkBVyaoiZtp0ZPDIVRmqYo/?imgmax=800' style='vertical-align:middle'/></a><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts</a>
<a expr:href='data:blog.homepageUrl + "feeds/comments/default"'><img alt='Subscribe to Comments' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEishwgIprbVAiV2VqtgPOv4UQdKVf2TNIo4BdrQHsRmaqySLc_7Nq2MlSFt8irrQGYF5e-nYiW4EpOeT2morP8Dz8GgNWZXwJ-esVmC1oIVaouGih1Nc9kvaHkBVyaoiZtp0ZPDIVRmqYo/?imgmax=800' style='vertical-align:middle;margin-left:10px;'/></a><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments</a></p>
</div>
</div><!-- end topbar -->
<div id='bgheader'>
<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='TRUNG TÂM GIA SƯ CO,.LTD (Tiêu đề)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<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>
</div>
<div id='headerright'>
<b:section class='headerright' id='headerright' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div><!-- end bgheader -->
<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='#'>Links</a>
<ul>
<li>
<a href='#'>Link 1</a>
</li>
<li><a href='#'>Link 2</a></li>
</ul>
</li>
<li><a href='#'>About</a>
<ul>
<li><a href='#'>Link 1</a></li>
<li><a href='#'>LInk 2</a></li>
</ul>
</li>
</ul>
</div>
<div id='search'>
<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/>
<input id='searchbutton' type='submit' value='GO'/>
</form>
</div>
</div>
<div style='clear:both;'/>
<div id='empty'/>
<div style='clear:both;'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Casing -->
<div id='casing'>
<!-- Slider -->
<div id='slider'>
<div id='mover'>
<div class='slide'>
<span class='slmet'> Posted by <data:blog.title/> </span>
<h2><a href='#'>PUT SOME TITLE HERE</a></h2>
<br/><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse interdum. Donec tristique dolor nec nisi. Ut faucibus metus non orci. Pellentesque sapien orci, blandit quis, luctus et, vestibulum tristique, massa. In gravida gravida felis. Integer tincidunt sollicitudin dolor.</p>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjap3ejZ51g7pK_c0hKKavZe8IOwDnV49loWGmBOB2D0M__z5JbCjv5fi73PmNTpPsO3zq-r3opmXk2wgb8ksJsr1d5XXqcnCVUCSXmeJMn3Aau1qI6yHvm7tqcHjxFDf1R-Yt2QC_C48Y/s200/facebookdaily.JPG'/>
</div>
<div class='slide'>
<span class='slmet'> Posted by <data:blog.title/> </span>
<h2><a href='#'>PUT SOME TITLE HERE</a></h2>
<br/><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse interdum. Donec tristique dolor nec nisi. Ut faucibus metus non orci. Pellentesque sapien orci, blandit quis, luctus et, vestibulum tristique, massa. In gravida gravida felis. Integer tincidunt sollicitudin dolor.</p>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUnVLAQ7zmdykMBPyH5CkGGSLCDvWtX2uOEK9aoEH4FfNR3hFz0Hzf_weeJjg38FtAPUTmwAepNV3N19mmnt2Q1rvsyCVWTcCg0hRpZ2VbVmy_tANn-NRYwFF7R_4HUTIPeragzIoT1UY/s200/pagerank.jpg'/>
</div>
</div>
<!-- /Mover -->
</div>
<!-- /Slider -->
</div>
<div class='clear'/>
</b:if>
<div id='wrap2'>
<div id='outer-wrapper'><div id='wrap2'>
<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div class='clearfloat' id='middle'>
<div class='cat-1'>
<b:section class='category' id='cat-1' showaddelement='yes'>
<b:widget id='Text3' locked='true' title='Category 1' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><a href='http://******.blogspot.com/search/label/Category 1'><data:title/></a></h2>
</b:if>
<div class='widget-content'>
<a href='http://******.blogspot.com/search/label/Category 1'><data:content/></a>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='cat-2'>
<b:section class='category' id='cat-2' showaddelement='yes'>
<b:widget id='Text4' locked='true' title='Category 2' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><a href='http://******.blogspot.com/search/label/Category 2'><data:title/></a></h2>
</b:if>
<div class='widget-content'>
<a href='http://******.blogspot.com/search/label/Category 2'><data:content/></a>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='cat-3'>
<b:section class='category' id='cat-3' showaddelement='yes'>
<b:widget id='Text5' locked='true' title='Category 3' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><a href='http://******.blogspot.com/search/label/Category 3'><data:title/></a></h2>
</b:if>
<div class='widget-content'>
<a href='http://******.blogspot.com/search/label/Category 3'><data:content/></a>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='cat-4'>
<b:section class='category' id='cat-4' showaddelement='yes'>
<b:widget id='Text6' locked='true' title='Category 4' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><a href='http://******.blogspot.com/search/label/Category 4'><data:title/></a></h2>
</b:if>
<div class='widget-content'>
<a href='http://******.blogspot.com/search/label/Category 4'><data:content/></a>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='cat-5'>
<b:section class='category' id='cat-5' showaddelement='yes'>
<b:widget id='Text7' locked='true' title='Category 5' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><a href='http://******.blogspot.com/search/label/Category 5'><data:title/></a></h2>
</b:if>
<div class='widget-content'>
<a href='http://******.blogspot.com/search/label/Category 5'><data:content/></a>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='empty'/>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<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'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block' style='border:1px solid gray;height:18px;background-color:yellow;margin:1px 2px;padding:0 5px;'>
Dummy placeholder (20px)
</div>
<data:post.dummyTag/>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <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 != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
<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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<div style='float:right'>
<a expr:href='data:post.url'>»»  Read More</a>
</div>
</b:if>
<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'>Indo PTC/PTR/PPC</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='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form-block'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + 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 != "item"'> <!-- 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'>
<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'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-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>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
Comments :
</h4>
<div id='commentblock'>
<b:if cond='data:post.numComments == 1'>1
<b:else/>
<p> <strong><data:post.numComments/> <data:commentLabelPlural/> to “<data:post.title/>”</strong></p>
</b:if>
<dl class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<span><dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName' style='display:inline'>
<a expr:name='data:comment.anchorName'/>
<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>
<data:commentPostedByMsg/>
</dt>on <dd class='comment-footer' style='display:inline; margin:0px'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd></span>
<b:if cond='data:comment.author == data:post.author'>
<dd class='commenttext-admin'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='commenttext'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
</b:loop>
</dl>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<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>
</p>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:blog.pageType != "item"'>
<div class='middlecol'>
<b:section class='middlecol' id='middlecol' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div></b:if>
<div id='sidebarcol'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML6' locked='false' title='About Me' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='midsidebar-wrapper'>
<b:section class='lsidebar' id='lsidebar' preferred='yes'>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='rsidebar' id='rsidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='List' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<div id='bottom2'>
<b:section class='bottom2' id='leftbottom2' maxwidgets='1'>
<b:widget id='BlogList1' locked='false' title='Daftar Blog Saya' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='bottom2' id='middlebottom2' maxwidgets='1'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='bottom2' id='rightbottom2' maxwidgets='1'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>
<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>
<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div></div> <!-- end outer-wrapper -->
<div id='bot'>
</div><!-- end bot -->
</div>
<div id='bgbottom'>
<div id='bottom'>
<div id='lbottom'>
<p>Copyright © 2009 by <data:blog.title/><br/>
<!-- Link Credits for Redesigned Author-->
Themes : Magazine Style by <a href='http://www.bloggerceria.com' target='_blank'>Blogger Magazine</a>
</p>
</div>
<div id='credits'>
<!-- Please don't remove the credits below. We worked many hours to make this beautiful template available free for you. All we ask is to keep the links below intact
blogtemplate4u.com and blogspottutorial.com
-->
<p>Credits : <a href='http://blogtemplate4u.com/' target='_blank'>Blog Template 4 U</a> | <a href='http://www.blogspottutorial.com/' target='_blank'>Blogspot Tutorial</a></p>
</div>
</div>
</div><!-- end bgbottom -->
</div>
</body>
</html>
