Download Template Blog 1 Kolom Seo Blue one Coloumn

Download Template Blog 1 Kolom Seo Blue one Coloumn Template yang saya berikan di bawah ini sesuai dengan judulnya yaitu 1 kolom dan juga pasti nya seo. Selain itu banyak fitur fitur lengkap lainya yang akan kamu ketahui setelah di terapkan di blog kamu.

Perview

Untuk Kodingnya bisa copy di bawah ini

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Sancreek' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[

/*********************************************************

Name : Blue one Coloumn
   Template by: Dadang Herdiana
   Url: www.dadangherdiana.blogspot.com

**********************************************************/
/*GLOBAL */
#navbar {
		display:none;
		}
.navigation {
		margin-top:-17px; 
		background:#eee  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxmwlqnsozzRQfABdTJeOLKzuKEihTTyhmK2GH448NsRs0-8v_DrOFuv9PMhHYABeEw_rKECLuPdQ2_JmYe8LSUHnesn3yR0T2TMPKgcu5NS3st5dnf919jzeIOAa1LOmkiN61idGEpDE/s1600/subtle_freckles.png.png) repeat;
		-webkit-box-shadow: 0px 6px 2px #333333;
		-moz-box-shadow: 0px 6px 2px #333333;
		box-shadow: 0px 6px 2px #333333;
}
ul.nav{
	list-style:none;
	padding: 0; 
	margin-left: 0;
}
.nav li{
	border-right:1px solid #DDD;
	float:left;
	display:block;
	width:100px;
}
.nav li a{
	font-size:11px;
	outline:none;
	color:#333333;
	text-decoration:none;
	display:block;
	padding:5px 0 12px 5px;
	width:99px;t
	ext-transform:uppercase;
}
.nav li a span{
	font-size:11px;
	color:#7f7f7f;
	text-transform:lowercase;
}
.nav li a:hover{
	background:#333333;
	color:#eeeeee!important;
	width:95px;
}
* html .nav li a:hover{
	background:#333333;
	width:99px;
}
.nav li.skip{
	border-left:1px solid #DDD;
	float:right;
	display:block width:100px;
	padding-right:4px;
}
.nav li.skip a{
	width:100px;
}
li.top{
	border-left:1px solid #DDD;
	float:right;
	display:block width:100px;
}
li.top a{
	width:100px
}
.nav li.skip a:hover, li.top a:hover {
	background: transparent;
	color: #333333 !important;
}
.fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.fix{
	display:inline-block;
}
* html .fix{
	height:1%;
}
.fix{
	display:block;
}
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #000000;
	background: #5b1212;
	font-size: 100%;
}
#outer-wrapper {
	width: 780px;
	margin: 0 auto;   /* to make the template lay in the screen center */
	padding: 0px 0px 0px 0px;
	margin-top: 20px;
	text-align: left;
	position: relative;
}
#spacer {
z-index: -1;clear: both;
margin: -7px 0px 0px 0px;
padding: 0;line-height: 0;
min-height: 0;
max-height: 0;z-index: -1;
}
/* global link attributes */
a {text-decoration:none;}
a:hover {text-decoration: none;color: #66B5FF;}
/* HEADER */
#top-wrapper {
	margin: auto;
	padding: 0px 0px 0px 0px;
	width: 60%;height: 100px;
}
#header-wrapper {
	padding: 0px 0px 0px 0px;
	width: auto;
	height: 100px;
}
#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}
#header h1 {
	display: block;
	margin: auto;
	padding: 26px 0px 0px 0px;
	font-family: 'Sancreek', cursive;
	font-size: 45px;color:#427fdb;
	text-shadow: 0px 4.5px 2.0px #333333,0 1px 0px #426ddb,0 2px 0px #4254db,0 3px 0px #424ddb,0 4px 0px #427fdb,0 5px 0px #427fdb,0 6px 0px #427fdb,0 7px 0px #427fdb,0 11px 5px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.4) ;
	font-variant: small-caps;
}
#header h1 a {
	color:#427fdb;
}
#header h1 a:hover {
	color:#bcb6f4;
	text-shadow:0 1px 0px #426ddb,0 2px 0px #4254db,0 3px 0px #424ddb,0 4px 0px #5042db,0 5px 0px #424ddb,0 6px 0px #4254db,0 7px 0px #426ddb,0 11px 5px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.4) ; 
}
.titlewrapper a{
	color:#427fdb;
	display: block;
	margin: auto;
	padding: 26px 0px 0px 0px;
	font-family: 'Sancreek', cursive;
	font-size: 45px;color:#427fdb;
	text-shadow: 0px 4.5px 2.0px #333333,0 1px 0px #426ddb,0 2px 0px #4254db,0 3px 0px #424ddb,0 4px 0px #427fdb,0 5px 0px #427fdb,0 6px 0px #427fdb,0 7px 0px #427fdb,0 11px 5px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.4) ;
	font-variant: small-caps;
}
.titlewrapper a:hover {
	color:#bcb6f4;
	text-shadow:0 1px 0px #426ddb,0 2px 0px #4254db,0 3px 0px #424ddb,0 4px 0px #5042db,0 5px 0px #424ddb,0 6px 0px #4254db,0 7px 0px #426ddb,0 11px 5px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.4) ; 
}
#header .descriptionwrapper p {
	width:45%;
	height:35px;
	margin:0 auto;
	background: #370a0a;
	padding:4px 4px 0;
	font-family: 'Sancreek', cursive;
	font-size:16px;
	line-height:1;
	font-weight:normal;
	color:#f5f5f5;
	position:relative;
	-webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0px 0px 15px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.descriptionwrapper p:before {
	content:" "; 
	position:absolute; 
	display:block; 
	width:10px; 
	height:0px; top:11px; 
	left:-46px; 
	border-color:#370a0a #370a0a #370a0a transparent; 
	border-style:solid; 
	border-width:18px; 
}
.descriptionwrapper p:after {
	content:""; 
	position:absolute; 
	display:block; 
	border-color:#000000 #000000 #370a0a #370a0a; 
	border-style:solid; 
	border-width:5px 10px 5px 10px; 
	top:37px; 
	left:-1px;
}
.descriptionwrapper p span:before {
	content:" "; 
	position:absolute; 
	display:block; 
	width:10px; 
	height:0px; 
	top:11px; 
	right:-46px; 
	border-color:#370a0a transparent #370a0a #370a0a; 
	border-style:solid; 
	border-width:18px; 
	}
.descriptionwrapper p span:after {
	content:""; 
	position:absolute; 
	display:block; 
	border-color:#000000 #370a0a #370a0a #000000; 
	border-style:solid; 
	border-width:5px 10px 5px 10px; 
	top:37px; right:-1px;
}
#header a img {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 2px;
	border: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
/*SEARCHBAR*/
#searchform{
	float:left; 	
	margin-top: 10px; 	
	margin-left:20px;
}
#searchbox{
	height: 20px; 
	text-align:center; 
	padding: 5px;
	background: #3a78ae url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXTzfBx0aubr7NNacVkqiYq9PEf3fcGXE-Q_ppu2tI3-msiwX6HChyaQgFvksOxD0Ucz3LcRxbqXPvOJwVZJBF1FDx1ngidmyLjQ9oqJf3A551XXDB5P9d1WAVab1E3DXaMDJ5ha5jex4/s1600/pattern3.png) repeat;
	font-size:small;
	color:#FFF;
	padding:1px 2px;
	width:145px;
	border-width:1px;
	border-style:solid;
	border-color:#222 #444 #444 #222;
	outline:none;
	box-shadow:inset 0 0 2px #333;
	-moz-box-shadow:inset 0 0 2px #333;
	-webkit-box-shadow:inset 0 0 2px #333;
	float:right;margin-right:5px;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
}
#searchbox:focus{
	width:170px;
	color:#fff
}
#main .widget {
	margin: 0px 0px 10px 0px;
	padding: 0px 15px 0px 15px;
}
h2.date-header {
	float:right;
	font:11px trebuchet ms,helvetica;
	color:#ffffff;
	padding:2px 10px 2px 10px;
	margin:0px;
	background:#2b75b5; 
	padding:4px;  
	margin-right: -45px; 
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-radius: 0px 0px 4px 15px;
	border-radius: 0px 0px 4px 15px;
	-webkit-box-shadow: 2px 2px 2px #000000;
	-moz-box-shadow: 2px 2px 2px #000000;
	box-shadow:2px 2px 2px #000000;
	}

.date-header span {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.post {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;l
	ine-height: 1.6em;
	text-align: left;
	}
.post h3 {
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 5px 0px;
	color: #0000ff;
	font: normal bold 145% Trebuchet, Trebuchet MS, Arial, sans-serif;
	text-decoration: none;
	text-align: left;
	line-height: 1.6em;
}
.post h3 a, .post h3 a:visited, .post h3 a:hover {
	text-decoration: none;
}
.post-body p {
	/* Fix bug in IE5/Win with italics in posts */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 1%;
	overflow: visible;
}
.post-body p a, .post-body p a:visited {
	text-decoration:none;
	}
.post-body a:hover {
	text-decoration:none;
}
.post ul {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 30px;
	list-style-type: disc;
	line-height: 2.0em;
	font-size: 95%;
}
.post ol {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 30px;
	line-height: 2.0em;
	font-size: 95%;
}
.post li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
}
a img {
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
}
/* POST-FOOTER */
.post-footer {
	display: block;
	margin: 10px 0px 0px 0;
	padding: 5px 15px 5px 15px;
	text-align: left;font: normal normal 93% Arial, sans-serif;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	background: #e5e3e3;
}
.post-footer-line {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.post-footer a {
	color: #0000ff;
	text-decoration: none;
}
.post-footer a:hover {
	text-decoration: none;
	color: #0000ff;
	text-decoration: none;
}
.post-footer .post-comment-link a {
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #0000ff;
	border-right: 1px solid #0000ff;
	color: #0000ff;
}
.post-footer .post-comment-link a:hover {
	text-decoration: none;
	color: #0000ff;
}
#blog-pager, #blog-pager a {
	width:203px;
	margin-left: auto;	
	padding: 7px 0px 10px 0px;	
	text-align: center;	
	text-decoration: none;	
	color:#FFFFFF;	
	font-size:14px;
}
#blog-pager-newer-link {
	float: left;	
	margin: 0px 0px 0px 0px;	
	padding-left: 3px;
}
#blog-pager-older-link {
	float:right ;	
	margin: 0px 0px 0px 0px;	
	padding-right: 3px;
}
#blog-pager-newer-link2 {
	background: #427fdb; /* Old browsers */
	background: -moz-linear-gradient(top, #427fdb 0%, #2b75b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#427fdb), color-stop(100%,#2b75b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #427fdb 0%,#2b75b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #427fdb 0%,#2b75b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #427fdb 0%,#2b75b5 100%); /* IE10+ */
	background: linear-gradient(top, #427fdb 0%,#2b75b5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#427fdb', endColorstr='#2b75b5',GradientType=0 ); /* IE6-9 */
	float: left;	
	margin: 0px 0px 0px 0px;	
	padding: 5px 30px 5px 15px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px; 
	-webkit-box-shadow:1px 3px 2px #000000;
	-moz-box-shadow: 1px 3px 2px #000000;
	box-shadow: 1px 3px 2px #000000;
}
#blog-pager-newer-link2:hover{
	background: #3d1f0e; /* Old browsers */
	background: -moz-linear-gradient(top, #3d1f0e 0%, #370a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d1f0e), color-stop(100%,#370a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3d1f0e 0%,#370a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3d1f0e 0%,#370a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3d1f0e 0%,#370a0a 100%); /* IE10+ */
	background: linear-gradient(top, #3d1f0e 0%,#370a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d1f0e', endColorstr='#370a0a',GradientType=0 ); /* IE6-9 */
}
#blog-pager-older-link2 {
	background: #427fdb; /* Old browsers */
	background: -moz-linear-gradient(top, #427fdb 0%, #2b75b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#427fdb), color-stop(100%,#2b75b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #427fdb 0%,#2b75b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #427fdb 0%,#2b75b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #427fdb 0%,#2b75b5 100%); /* IE10+ */
	background: linear-gradient(top, #427fdb 0%,#2b75b5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#427fdb', endColorstr='#2b75b5',GradientType=0 ); /* IE6-9 */
	float:right ;
	margin: 0px 0px 0px 0px;	
	padding: 5px 15px 5px 30px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;  
	-webkit-box-shadow: 1px 3px 2px #000000;
	-moz-box-shadow:1px 3px 2px #000000;
	box-shadow:1px 3px 2px #000000;
}
#blog-pager-older-link2:hover{
	background: #3d1f0e; /* Old browsers */
	background: -moz-linear-gradient(top, #3d1f0e 0%, #370a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d1f0e), color-stop(100%,#370a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3d1f0e 0%,#370a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3d1f0e 0%,#370a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3d1f0e 0%,#370a0a 100%); /* IE10+ */
	background: linear-gradient(top, #3d1f0e 0%,#370a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d1f0e', endColorstr='#370a0a',GradientType=0 ); /* IE6-9 */
}
.home-link { display:none}
/* BLOCKQUOTE */
blockquote {
	background:#ffffff;
	border-left: solid 3px #3a78ae;
	margin: 15px 0px 15px 40px;
	padding: 10px;
	color: #000000;
	font-family: helvetica,tahoma,verdana,arial,times,Sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}
/*Bottom Wrapper */
#bottom-wrapper {
	background:#eee  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxmwlqnsozzRQfABdTJeOLKzuKEihTTyhmK2GH448NsRs0-8v_DrOFuv9PMhHYABeEw_rKECLuPdQ2_JmYe8LSUHnesn3yR0T2TMPKgcu5NS3st5dnf919jzeIOAa1LOmkiN61idGEpDE/s1600/subtle_freckles.png.png) repeat; 
	-webkit-box-shadow:2px -2px 2px #333333;
	-moz-box-shadow:2px -2px 2px #333333;
	box-shadow: 2px -2px 2px #333333;
	padding:1px;
	width:auto;
	margin:auto;
}
#bottom-wrapper a{
	color:#427fdb; 
	font-family: 'Poly', serif; 
	font-size:16px;  
}
#bottom-wrapper a:hover{
	color: #000000;
}
#bottom {
	margin:auto;
	width:960px;
	overflow:hidden;
	font-size:12px;
	padding:10px;
}
#bottom h2 {
	background:#000 url(http://lh5.ggpht.com/_7Y9pl24WpQY/Ss37F0ZA9kI/AAAAAAAAB2k/c_ySi8QZg20/header_thumb%5B2%5D.jpg) repeat-x;	
	font-size:14pt;	
	font-weight:400;	
	text-align:left;	
	font-style:normal;	
	line-height:1.3em;	
	color:#fff;	padding:5px;	
	margin-top:-10px;	
	margin-left:-10px;	
	margin-right:-10px;	
	background:#2b75b5; 	
	padding:4px; 	
	margin-top: 5px; 	
	margin-right: 5px;
 	-moz-border-radius-topleft: 4px;	
	-moz-border-radius-topright: 4px;	
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;	
	-webkit-border-radius: 4px 4px 4px 4px;	
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow:2px 2px 2px #000000;
	-moz-box-shadow:2px 2px 2px #000000;
	box-shadow:2px 2px 2px #000000;
}
#bottom h2:after{
	content:"";	
	display:block;	
	position:absolute;	
	margin-top: 4px;
	margin-left: 4px;	
	border-width:15px;	
	border-style:solid;	
	border-color:#2b75b5 transparent transparent transparent;
}
#bottom ul {
	color:#333;
	margin:0;
	padding:0;
}
#bottom ul li {
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH-5ODoZ61wnUS1NPdjhmootJcAG5y3qWSReHx_9812JReKmFJe5bztPf5TbFdlkaPhoISN724MXSYirPjFPv7u0IjanR-11OPIoUxVogg56CzdlBQ6jZAfk-EhV5jL-c6aDdWZCbgjJH7/s320/b3.gif) no-repeat;
	list-style-type:none;
	border-bottom:1px dashed #CCC;
	margin:0 0 10px;
	padding:0 0 5px 20px;
}
#bottom ul li a:hover {
	margin:0px 0px 5px;
	padding:0px;
}
#bottomcenter {
	width:300px;
	float:left;
	margin-left:10px;
	padding:10px;
	text-align:left;
}
#bottomcenter h2:before{
content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQqkniey0DmuVFKHppj4fPw8fS4Z03HeVaKtpdZa7k5z1EfBgNKFKXaCW1dC10E5JqQyl35tcQjOjkMrbP0vUinsyzKihVuEZZMXeDb3HcW0V4xeWNAaxSevVlOH9wkh0O83ftwRteNs4/s1600/label.png); 
float: right;
}

#bottomleft {
	width:280px;
	float:left;
	margin-left:10px;
	padding:10px;
	text-align:left;
}
#bottomleft h2:before{
content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvqcqiJmKd7AhRWBGiRQMwfqpwt9Wg0g1VcQqfC1L-076iITZn90Q6uvrfHbH6KJ3F9l2F724zC5VOQ_wHaj98xR8MuySfGjDOXFUB7KblqXnc8atvoVGkJHcHj6rH_HE2DjMapmMzGi4/s1600/entry.png); 
float: right;
}

#bottomright {
	width:280px;
	float:right;
	margin-left:10px;
	padding:10px;
	text-align:left;
}
#bottomright h2:before{
content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVf5OpIHWuKO65NMD6rF5aSO6_lkFaU94TE5auFOrZ1k0ZAv30Hvpp6usZLW58bLI2nHK-7Sqjm8a1WnFbPACn8T-QGDBIE6BflXMMPJ9qk1-ZjxPJ0Nu9q4pnotIQjJ38f2feCReoibE/s1600/chat.png); 
float: right;
}
#c {
margin:0 auto; 
width:740px; 
height:25px; 
font-size:11px;
color:#444444 
}
#c a {
color:#444444; 
text-decoration:none 
}
#cleft {
float:left; 
width:300px; 
text-align:left 
}
#cleft a{
font-size:11px;
}
#bottom-wrapper .alignright {
padding-top:2px;
}
#bottom-wrapper .alignright a {
display:block;
float:right;
text-transform:uppercase;
height:10px;
line-height:10px;
padding-top:3px;
}
#bottom-wrapper .top {
padding-right:15px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEims_u2UI7soMT_OuurMyisJesMV6d67_7iCXnltWm8Jaz0ywm5SJz_IfIKUD3HkFSzrWe5hCCW8ZEDZeKhkfwi8CTE_L3wfAv_uVJCkE7mo3oycvfiS9zpcUWcn2CyjzgduZueCNCb/s320/icons.gif) no-repeat 100% 0;
}
#bottom-wrapper .rss {
padding-right:18px;
margin-right:10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEims_u2UI7soMT_OuurMyisJesMV6d67_7iCXnltWm8Jaz0ywm5SJz_IfIKUD3HkFSzrWe5hCCW8ZEDZeKhkfwi8CTE_L3wfAv_uVJCkE7mo3oycvfiS9zpcUWcn2CyjzgduZueCNCb/s320/icons.gif) no-repeat 100% -90px;
}
#bottom-wrapper .home {
padding-right:18px;
margin-right:10px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEims_u2UI7soMT_OuurMyisJesMV6d67_7iCXnltWm8Jaz0ywm5SJz_IfIKUD3HkFSzrWe5hCCW8ZEDZeKhkfwi8CTE_L3wfAv_uVJCkE7mo3oycvfiS9zpcUWcn2CyjzgduZueCNCb/s320/icons.gif) no-repeat 100% -120px;
}
/*FEEDS*/
.blog-feeds {
	display: none;
}.
feed-links {
	display: none;
}
.creditblog {
	text-decoration: none;
	color:#3975aa; 
	font-family: 'Poly', serif;
	text-shadow:-1px 1px 2px #000000;
	font-size:24px;
}
/*Comments Wrapper */
#comments h4 {
font-size: 24px;
font-weight: normal;
margin: 20px 0;
}

#comments-block {
	border:0 dotted #ccc;
	width:95%;
	margin-right:20px;
	line-height:1.6em
}
#comments-block .comment-author {
	padding:5px; 
	background: #7f9db9;
	width: auto;left:-20px; 
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 6px 2px #333333;
	z-index: 100;
	border-top:1px dotted #ccc;
	padding-left:25px;
	padding-right:20px;
	color:#111;
	margin:.5em 0
}
#comments-block .comment-author a:link,a:visited {
	color:#346ba4
}
#comments-block .comment-footer {
	padding-left:0;
	line-height:1.5em;
	font-size:9px;
	border-top:1px dotted #ccc;
	margin:.25em 0 2em
}
#comments-block .comment-body p {
	text-align:justify;
	padding-left:10px; 
	padding-bottom:15px; 
	padding-top:15px;
	border-left:3px dotted #ccc;
	margin:0 0 .75em
}
.deleted-comment {
	font-style:italic;color:gray
}
.owner-Body p {
	text-align:justify;
	padding-left:10px;
	background:#FFC;
	border-left:3px dotted #ccc;
	margin:0 0 .75em
}
#comments-block .comment-body,.owner-Body {
	padding-left:20px
	;color:#333
	}
/*Admin Comment*/
.comment-body-author {
	background: #fff;
	background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhAPwznTeIn29IhPlCwWEuXO3jprQYJQS_oVVVOtVkz_to6-wXNmTLCJqvDf1mFl7G0et8Eoj0rSw-xvBLlbKdCSmctNolkt7UGQU6h8iGsBwbIQOpvobzZNhs4RC6nG8ruWBjY21Bu4Q/s1600/admin.png);
	background-position:100% 100%;
	background-repeat:no-repeat; 
	box-shadow: 3px 2px 4px #FFF;
	-webkit-box-shadow: 3px 2px 4px #FFF;	
	-moz-box-shadow: 5px 4px 6px #ccc;	
	margin-left:55px;
	width: auto;
	padding: 5px;color: #000;
}
.avatar-image-container img {
	background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIHovV64ba1FG6uBcqTl7dTdnnwTdsKqzUTGLm1JEpUUUijx-HPI_hTGl2A9VgysSdjml2Kgno5D-REOCAgknFjxbnoH5SNDdFoXIVJWoagJM9hdSjLvvfIZFVSqGFm4_A7_k0EDZKSO71/s320/AvatarBlogger.png);
	width:35px;
	height:35px;
	box-shadow: 3px 2px 4px #FFF;
	-webkit-box-shadow: 3px 2px 4px #FFF;	
	-moz-box-shadow: 5px 4px 6px #ccc;
}
#berikomentar{
	font-size:17px; 
	color:#ffffff; 
	margin-top:25px; 
	margin-left:-20px; 
	padding:5px; 
	background: #7f9db9;
	width: 350px;
	position: relative;
	left:-20px;float: 
	left; 
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; 
	margin-bottom:20px;
}

#berikomentar a{
	 color:#fff;
	 text-decoration: none;	
}
#berikomentar:before   {
	float:right;
	content: "\270E"; 
}
#berikomentar:after{
	content:"";
	position:absolute;
	float:left;
	margin-left:-5px;
	top: 100%;
	display:block;
	border-width:7px;
	border-style:solid;
	border-color:#ccc #ccc transparent transparent;

}
/*Page Nav Wrapper */
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
}
.showpagePoint {
color:#66B5FF;
text-decoration:none;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#66B5FF;
}
#iklan1 { margin: auto;}
.rmlink{
	float:right;
	font:11px trebuchet ms,helvetica;
	padding:2px 10px 2px 10px;
	margin:0px;
	background:#2b75b5; 
	padding:4px;  
	margin-right: -20px; 
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-radius: 0px 0px 4px 15px;
	border-radius: 0px 0px 4px 15px;
	-webkit-box-shadow:2px 2px 2px #000000;
	-moz-box-shadow:2px 2px 2px #000000;
	box-shadow:2px 2px 2px #000000;
}
.rmlink:before {
	content: "\271A";
} 
@media handheld, only screen and (max-width:767px){
#outer-wrapper, #top-wrapper, #bottom-wrapper, #bottom, #cleft, #bottomcenter, #bottomleft, #bottomright, #c{clear:both;width:98%;float:left; margin:0; padding:2px;word-wrap:break-word;font-size:medium;font-family: 'Andika', sans-serif; }
ul.menu-utama{display:none;}
#searchform{ float: none; margin: auto;}
img {max-width:100%;float:center;}
.headcontentright { margin-bottom:10px;}
#bottom h2{ margin:auto;}
#bottom ul li{ margin-top: 2px;}
#bottom-wrapper .alignright{ display: none;}
#top-wrapper {}
#header h1 a { font-size:26px;}
#iklan1{display:none}
}
@media screen and (min-width:768px) and (max-width:1023px){
#outer-wrapper, #top-wrapper, #bottom-wrapper, #bottom, #cleft, #bottomcenter, #bottomleft, #bottomright, #c{clear:both;width:98%;float:left; margin:0; padding:2px;word-wrap:break-word;font-size:medium;font-family: 'Andika', sans-serif; }
ul.menu-utama{display:none;}
#searchform{ float: none; margin: auto;}
img {max-width:100%;float:center;}
.headcontentright { margin-bottom:10px;}
#bottom h2{ margin:auto;}
#bottom ul li{ margin-top: 2px;}
#bottom-wrapper .alignright{ display: none;}
#top-wrapper {}
#header h1 a { font-size:26px;}
}
@media screen and (max-width: 580px) {
#header .descriptionwrapper p { display:none;} #related-posts{ display:none;} #berikomentar{ display:none;} h2.date-header {margin:0;} #outer-wrapper{margin:1%; line-height: 20px;}  .rmlink {margin-right:auto;} .headcontentright {display:none;} #header h1 a { margin: auto auto auto auto;} #outer-wrapper { margin: 0; padding: 0;} #bottom h2 { margin-bottom: 30px;} .post img{display:none;}
} 
@media only screen and (max-width: 768px) and (max-width:1023px) {
table, thead, tbody, th, td, tr { display: block; }
thead tr {position:absolute;top:-9999px;left:-9999px;}
td { border: none;position: relative; }
td:before {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap; }
@media only screen and (min-device-width : 320px) and (max-device-width : 480px), screen and (max-width: 550px) {body {font-size:0.7em;}
#outer-wrapper, #top-wrapper, #bottom-wrapper, #bottom{clear:both;width:100%;float:center;} .descriptionwrapper p { display:none;}
.post img{display:none;} #IBN{display:none;}
p {font-size: 0.7em;}.wp-pagenavi {display:none;}}

]]></b:skin>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
body {
	background: #3a78ae url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXTzfBx0aubr7NNacVkqiYq9PEf3fcGXE-Q_ppu2tI3-msiwX6HChyaQgFvksOxD0Ucz3LcRxbqXPvOJwVZJBF1FDx1ngidmyLjQ9oqJf3A551XXDB5P9d1WAVab1E3DXaMDJ5ha5jex4/s1600/pattern3.png) repeat;
}
.post-body {
	background:#eee  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxmwlqnsozzRQfABdTJeOLKzuKEihTTyhmK2GH448NsRs0-8v_DrOFuv9PMhHYABeEw_rKECLuPdQ2_JmYe8LSUHnesn3yR0T2TMPKgcu5NS3st5dnf919jzeIOAa1LOmkiN61idGEpDE/s1600/subtle_freckles.png.png) repeat;  		    -moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 24px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-radius: 0px 24px 0px 25px;
	border-radius: 0px 24px 0px 25px;
	box-shadow:2px 2px 2px #000000; 
	padding: 8px;
	font-size: 95%;
	font-family:"Georgia", Times, serif;
	line-height:30px;
}

#comments-block .comment-footer a:link,a:visited,#comments-block a:visited {
	color:#FFF
}
.post-footer {
	display: none;
}
h2.date-header {
	display: none;
}
.post h3 {
	border-bottom: 1px solid #2b75b5; 
	font-size:14px; 
	margin-top: 15px;
}

.post h3 a{
	margin-left:25px;
	color:#427fdb; 
	font-family: 'Poly', serif;
	font-size:30px;
}
.post h3 a:hover  {
	color: #4291db;
	text-shadow:-1px 1px 2px #CCCCCC;
}
.post {
	margin: 20px 0px 10px 0px;
}
.post h3 a:active  {
	color: #FFFFFF; 
	text-shadow:-1px 1px 2px #000000;
	text-decoration:line-through;
}
#main .widget {
	font-size:16px; 
	font-family:Georgia, "Times New Roman", Times, serif;
}

.headcontentright {
	width:250px; 
	margin:40px auto 10px auto;
	text-align:center;
	-webkit-box-shadow:2px 2px 2px #000000;
	-moz-box-shadow: 2px 2px 2px #000000;
	box-shadow:2px 2px 2px #000000;
	border-radius:2em; 
	background-color: #427FDB; 
	color: #fff; font-family: "traditional arabic";
	font-size: 26px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

a img {
	display:none;
}
.Redmore {
	color: #ffffff;
}
.dsq-komen {
	color: #ffffff; 
	float:left; 
	background:#2b75b5; 
	padding:4px; 
	margin-top: -15px; 
	margin-left: 7px;  
	-webkit-border-radius:10px;
	-moz-border-radius:10px ;
	border-radius:10px ;
	-webkit-box-shadow: 2px 2px 2px #000000;
	-moz-box-shadow:2px 2px 2px #000000;
	box-shadow:2px 2px 2px #000000;
}
.dsq-komen:after{	
	content:"";
	width:0px;
	height:0px;
	position:absolute;
	border-width:10px;
	border-style:solid;
	border-color:#2b75b5 transparent transparent #2b75b5;
	display:block;
	-webkit-transform:skew(-30deg, 0deg);
	-moz-transform:skew(-30deg, 0deg);
	-ms-transform:skew(-30deg, 0deg);
	-o-transform:skew(-30deg, 0deg);
	transform:skew(-30deg, 0deg);
}
a.dsq-komen{
	color: #ffffff; 
	font-size: 14px;
}
.lblink {
	color: #03F;
	font-size: 16px;
	font-family: 'Cookie', 
	cursive;
	}
.lblink a {
	color: #03F; 
	font-family: "Cookie", cursive;
}
.post img{
	border: solid #426adb 2px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px; ;
	margin-left: -50px;
box-shadow:21px 18px 9px #332c33;
   -o-box-shadow:21px 18px 9px #332c33;
   -ms-box-shadow:21px 18px 9px #332c33;
   -moz-box-shadow:21px 18px 9px #332c33;
   -webkit-box-shadow:21px 18px 9px #332c33;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'/>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 350; summary_img = 400; img_thumb_height = 130; img_thumb_width = 130;  </script>

visit http://en.vietwebguide.com to get more cool hacks
    ********************************************/
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:5px 10px 0px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

var summary = imgtag + '<div>
' + removeHtmlTag(div.innerHTML,summ) + '</div>
';
    div.innerHTML = summary;
    }
    //]]>
    </script>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<style>
body {
	background: #3a78ae url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXTzfBx0aubr7NNacVkqiYq9PEf3fcGXE-Q_ppu2tI3-msiwX6HChyaQgFvksOxD0Ucz3LcRxbqXPvOJwVZJBF1FDx1ngidmyLjQ9oqJf3A551XXDB5P9d1WAVab1E3DXaMDJ5ha5jex4/s1600/pattern3.png) repeat;
}
.post h1 a {
	color: #639;
	font-size: 20px;
}
.post h1 a:hover {
	color: #C93;
}
#outer-wrapper {
	background:#eee  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxmwlqnsozzRQfABdTJeOLKzuKEihTTyhmK2GH448NsRs0-8v_DrOFuv9PMhHYABeEw_rKECLuPdQ2_JmYe8LSUHnesn3yR0T2TMPKgcu5NS3st5dnf919jzeIOAa1LOmkiN61idGEpDE/s1600/subtle_freckles.png.png) repeat; 
	padding:10px;
	padding-top:30px; 
	border:1px solid #ccc; 
	height:100%; 
	margin:45px auto;
	position:relative; 
	-webkit-box-shadow:0 0 3px hsla(0,0%,0%,.1);
	-moz-box-shadow:0 0 3px hsla(0,0%,0%,.1);
	box-shadow:0 0 3px hsla(0,0%,0%,.1);
}
#header .descriptionwrapper p {
	margin-top: -20px
}
.headcontentright {
	display: none;
}
#blog-pager, #blog-pager a {
	color:#FFF; font-family: "Poly", serif;
	text-shadow:-1px 1px 2px #551a8b;
	margin-right:0px;
	width:auto;
	margin: auto;
	}
#blog-pager, #blog-pager a:hover {
	color:#FFF; 
	font-family: 'Poly', serif;
	text-shadow:-1px 1px 2px #4f4e4e;
}
.post{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.6em;
	text-align: left; 
	font-size:16px;
	font-style:normal;
	font-family:"Georgia", Times, serif;
	line-height:24px;
}
.post img{
	border:4px solid  #CCC; 
	box-shadow:5px 6px 7px #999999;
}
.post-body a{
	color:#7f9db9;
}
.post-footer a{
	color:#7f9db9;
}
#dsq-content  { }
.dsq-comment-message {
	color:#111;
	background:#ececec;
	border:1px solid #CCC; 
	padding:20px;
}
.dsq-comment-header a {
	color:#ec9b3a;
}
.dsq-comment-footer a {
	color:#ec9b3a; 
}
/********************************
CSS Slide Out Posting lama/baru *
********************************/
.lama a {
	position:fixed;
	top:40%; 
	right: 5px;
}
.baru a {
	position:fixed;
	top:40%;
	left: 5px;
}
.home-link {
	display: none;
}
.dsq-komen {
	display: none;
}
#blog-pager-newer-link2 {
	Display:none;
}
#blog-pager-older-link2 {
	Display:none;
}
#related-posts {
	float : left; 
	width : 450px; 
	margin-left : 5px;   
	margin-top :50px;
	font-size: 12px; 
	line-height : 1.8em; 
	margin-bottom:10px; 
}
#related-posts a{
	color:#7f9db9; 
	font-size: 16px; 
	margin: 5px;
}
#related-posts a:hover{
	color:#ca1717; 
	-moz-transition: all 0.70s ease-out;
	-o-transition: all 0.70s ease-out;
	-webkit-transition: all 0.70s ease-out;
	-ms-transition: all 0.70s ease-out;
}
#related-posts .widget ul li{
	list-style: url(http://lh4.googleusercontent.com/-lyBYD_IExZ4/TqqXqutnUsI/AAAAAAAAAV8/AdHDGUrh5KU/s128/images.jpg); 
	margin : 5px 0 5px 0; 
	padding : 0; 
	line-height:40px;
}
#related-posts ul li {
	margin : 20px 5px 5px 20px; 
	padding : 0; b
	order-bottom: 1px dotted #ccc;
	}
	#related-posts ul li :hover {
	padding-left: 10px;
	-moz-transition: all 0.70s ease-out;  /* FF4+ */
	-o-transition: all 0.70s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.70s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.70s ease-out;  /* IE10? */
}

</style>

<script TYPE="text/javascript">

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-27753561-1']);
  _gaq.push(['_trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body>
<div class='navigation'>
<form action='/search/' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='240' name='q' onblur='if (this.value == "") {this.value = "Search Here...";}' onfocus='if (this.value == "Search Here...") {this.value = ""}' type='text' value='Search Here...'/>
</form>
<ul class='nav fix'>
<li> <a expr:href='data:blog.homepageUrl' title='Return to the the frontpage'>Home<br/><span>Halaman Depan</span></a></li>
<li><a href='#' title='Contact'>Contact<br/><span>Hubungi saya</span></a></li>
<li><a href='#' title='Twitter'>Twitter<br/><span>Me on Twitter</span></a></li>
<li><a href='#' title='Facebook'>Facebook<br/><span>Me on Facebook</span></a></li>
<li><a href='#' title='Email'>Email<br/><span>Send Email</span></a></li>
<li class='skip'><a href='#main' title='Skip to content'>Main<br/><span>Skip to content</span></a></li>
</ul>
</div>
<div class='clear'/>
<div id='top-wrapper'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
<b:else/>
      
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-repeat: no-repeat; "                      + "width: " + data:width + "px; "                      + "height: " + data:height + "px;"' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:if cond='data:blog.url == data:blog.homepageUrl'>
              <data:title/>
            <b:else/>
              <a expr:href='data:blog.homepageUrl'><data:title/></a>
            </b:if>
          </h1>
</div>
<div class='descriptionwrapper'>
          <p class='description'>
<span><data:description/></span></p>
</div>
</div>
</b:if>
  <b:else/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
	  
	  <b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</H1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

</div>
<div class='descriptionwrapper'>
        <p class='description'>
<span><data:description/></span></p>
</div>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

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

<div class='headcontentright'>
Recent Posts</div>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>

  
  <b:if cond='data:newerPageUrl'>
	<div class='baru'>
      <span id='blog-pager-newer-link2'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>◄ NEXT</a>
      </span>
	  </div>
</b:if>

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

<b:if cond='data:blog.pageType == "item"'>
    <b:if cond='data:newerPageUrl'>
	<div class='baru'>
      <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'><img alt='Next' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySdcNONMkVQy8Za5Y9vmw1ReOEHIQHSibS14WtkACZ3eu1vEm3Oq9AKhKZbs7KIuZApi-AWcvae-E-AhNITHJ06knHKRGPaNkgzFZgzLncVjLaKmxVpHYnayEBs1gYOA4vinCNMUOXqM/s1600/Next1.png'/></a>
      </span>
	  </div>
</b:if>

<b:if cond='data:olderPageUrl'>
	<div class='lama'>
      <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'><img alt='Prev' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiK0yTOAibCMXO4vJswIBtRAivIPcvWcqRymHuuu0CHXWNt_Snskjznl6sx-Oum7542nhLzFRm0WLN0O4vFJl25asGX0zlgDvqeG4d2N1LX6oGwM8GliTnBvFCnBkIJrRx7YSahsig8to/s1600/Prev1.png'/></a>
      </span>
	  </div>
</b:if>
</b:if>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
	
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

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

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

<b:if cond='data:blog.pageType == "index"'>
        <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'>
  <div class='post hentry'>

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='lblink' style='float:left;color: #03F;'>( <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>
<span class='rmlink'><a class='Redmore' expr:href='data:post.url'> Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<div class='clear'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<div style='font-size:18px; color:#ffffff; margin-top:25px; margin-bottom:10px; padding:5px; background: #7f9db9;width: 400px;position: relative;left:-20px;float: left; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);z-index: 100; margin-bottom:20px;'>
<b>Artikel Terkait</b></div>
<br/><br/>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'/>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
      <div style='clear: both;'/>
 
    </div>
<div class='post-footer'>
    <p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/> <data:post.author/>
        </b:if>
      </span> <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
        </b:if>
        </b:if>
      </span> <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
            <span class='email-post-icon'> </span>
          </a>
          </span>
        </b:if>

<b:include data='post' name='postQuickEdit'/>
      </span> </p>
<p 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> </p>
<p class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
<div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style=' display:none; ' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'>
<div id='berikomentar'>
<a class='tombol-komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Berikan Komentarmu tentang artikel ini</a></div>
</h4>
<p>
<data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
	<div class='clear'/>
  
<div id='kotak_komentar' STYLE="display:none;">
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
</b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup' style='width:100px;height:20px;'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
</b:if>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </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'>‹</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'>›</a>
      </div>
</b:if>

<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:loop>
    <data:adEnd/>
  </div>

  <b:include name='nextprev'/>

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

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
  <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-index-comment'>
        <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>
      </div>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div id='viewed' STYLE="float:right;">
<i>Best viewed on firefox 5+</i></div>
<div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
		<script type='text/javascript'>var CommentsCounter=0;</script>
          <b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <b:if cond='data:comment.favicon'>
				<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
			</b:if>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
				</b:if>
              <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/>
			  <span class='numberingcomments' style='float: right; font-size: 18px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
            </dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p>
<data:comment.body/></p>
</dd>
<b:else/> 
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <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> 
            <dd class='comment-footer'>
              <span class='comment-timestamp'> Pada Tanggal: 
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
</div>
<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>
</b:if>

<b:section class='bottomcenter' id='bottomcenter' preferred='yes' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2>
<data:title/></h2>
</b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
<li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
</b:loop>
      </ul>
<b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

</b:section>

<b:section class='bottomright' id='bottomright' preferred='yes' showaddelement='yes'>
<b:widget id='Followers1' locked='false' title='Followerd' 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>
            
            <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 id='c'>
<div id='cleft'>
Copyright © 2011 <a expr:href='data:blog.homepageUrl'> Design by Dadang Herdiana</a></div>
<div class='alignright'>
<a class='top' href='#'>Top</a>
<a class='rss' href='http://dadangherdiana.blogspot.com/feeds/posts/default'>RSS</a>
<a class='home' expr:href='data:blog.homepageUrl'>Home</a>
</div>
</div>
</div>
<script src='http://kangdadang.googlecode.com/files/yahoo-smiley.js' type='text/javascript'/>
</body>
</html>

Kelebihan Blue one Coloumn

Seo
Read More
Simpel
Tidak Ribet
Menarik
Dan Lain Lain

Download Template Blog 1 Kolom Seo Blue one Coloumn >

Download Template Blog 1 Kolom Seo Blue one Coloumn

Artikel Terkait Download Template Blog 1 Kolom Seo Blue one Coloumn :

0 komentar:

Post a Comment

Entri Populer

Labels