Download Template Blue Minimalist Seo Friendly

Download Template Blue Minimalist Seo Friendly Selamat Malam - Sepertinya akhir akhir ini saya suka dengan Posting template blog deh soalnya saya kali ini jua mau pos tentang Template. nama template yang mau saya share adalah Blue Minimalist dimana template ini adalah buatanDadang Herdiana gak tau orang mana yang julas templatenya Lumayan OK.

Banyak keunggulan keunggulan dari template ini sendiri yaitu sebagai berikut ini:

Name : Blue Minimalist

Keunggulan dan Kelebihanya

Seo Friendly itu jelas
2 kolom
Fast Loading
Cocok untuk memasang iklan Adsense
Minimalist dan juga simpel
Tidak Lebay
Dan masih Banyak Lagi

Screenshoot :

Preview

Untuk Download Klik Highliht ALl lalu CTRL + C

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[

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

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

**********************************************************/
/***********************************
Navbar Frame
********************************** */
#navbar-iframe {height:0px;visibility:hidden;display:none}
.feed-links {display: none;}
body {
background:#ffffff;
margin:0;
color:#222222;
font: x-small normal normal 16px Yanone Kaffeesatz;
font-size/* */:/**/small;
font-size: /**/small;
text-align: left;
}
a:link {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#3d85c6;
text-decoration:none;
}
a img {
border-width:0;
}
/***********************************
Header
**********************************/
#header-wrapper {
width:930px;
margin:0 auto 10px;
border-bottom:1px solid #cccccc;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 0px solid #cccccc;
text-align: center;
}
#header h1 {
color: #4078b1;
text-shadow: 1px 0px 1px #11579d,0px 1px 1px #062c52,2px 1px 1px #11579d,1px 2px 1px #062c52,3px 2px 1px #11579d,2px 3px 1px #062c52,4px 3px 1px #11579d,3px 4px 1px #062c52,5px 4px 1px #11579d,4px 5px 1px #062c52,6px 5px 1px #11579d,5px 6px 1px #062c52,7px 6px 1px #11579d,6px 7px 1px #062c52,7px 6px 7px #000;
margin:5px 5px 0;
padding:15px 10px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal bold 50px Impact, sans-serif;
}
.titlewrapper a{
color: #4078b1;
text-shadow: 1px 0px 1px #11579d,0px 1px 1px #062c52,2px 1px 1px #11579d,1px 2px 1px #062c52,3px 2px 1px #11579d,2px 3px 1px #062c52,4px 3px 1px #11579d,3px 4px 1px #062c52,5px 4px 1px #11579d,4px 5px 1px #062c52,6px 5px 1px #11579d,5px 6px 1px #062c52,7px 6px 1px #11579d,6px 7px 1px #062c52,7px 6px 7px #000;
margin:5px 5px 0;
padding:15px 10px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal bold 50px Impact, sans-serif;
}
.titlewrapper a:hover {
color: #4078b1;
text-shadow: 1px 0px 1px #11579d,0px 1px 1px #062c52,2px 1px 1px #11579d,1px 2px 1px #062c52,3px 2px 1px #11579d,2px 3px 1px #062c52,4px 3px 1px #11579d,3px 4px 1px #062c52,5px 4px 1px #11579d,4px 5px 1px #062c52,6px 5px 1px #11579d,5px 6px 1px #062c52,7px 6px 7px #000;
}
#header a {
text-decoration:none;
}
#header a:hover {

}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:900px;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 20px Homemade Apple;
color: #444444;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/***********************************
Menu Horizontal
***********************************/
.menubar{
width:auto;
height:41px;
margin:0 auto;
background: #CCC;
border-bottom:1px solid #cccccc;
}
.menuhorizontal {
width:auto;
height:41px;
margin:0 auto;
text-align:center;
}
.menuhorizontal ul{
margin: 0;
padding-left:7px;
color:#000;
font:bold 11px normal normal 16px arial;
}
.menuhorizontal li{
display: inline;
margin: 0;
}
.menuhorizontal li a{
float: left;
display: block;
text-decoration: none;
font:bold 12px normal normal 16px arial ;
padding: 5px 15px 5px 15px;
border-right:1px solid   #e8e8e8;
color: #111;
line-height:15px;
}
.menuhorizontal li a span{
text-align:center;
font-size:11px;
}
.menuhorizontal li a:visited{
color: #111;
}
.menuhorizontal li a:hover{
color:#fff;
text-shadow:2px 2px 20px #FFFFFF;
text-decoration:none;
background: #2361a1;
-webkit-box-shadow:0px 5px 3px #333333 ;
-moz-box-shadow:0px 5px 3px #333333 ;
box-shadow: 0px 5px 3px #333333;
border-right:1px solid   #999999; 
}
/************************************
SEARCHBAR
************************************/
#searchform{
float:right;
margin: 7px 20px 0 0;
}

#searchbox{
height: 22px;
text-align:center;
padding: 5px;
background: #FFFFFF;
font-size:small;
color:#000000;
padding:1px 2px;
width:170px;
border-width:1px;
border-style:solid;
border-color:#222 #444 #444 #222;
outline:none;
float:right;margin-right:5px;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
}
#searchbox:focus{
width:190px;
color:#000000;
}
/***********************************
Outer-Wrapper
***********************************/
#outer-wrapper {
width: 930px;
background: #ffffff;
margin: 10px auto;
padding: 10px 0px;
text-align: left;
font: normal normal 16px Yanone Kaffeesatz;
border: 1px solid #cccccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 
-webkit-box-shadow:0px 1px 7px #2361a1 ;
-moz-box-shadow:0px 1px 7px #2361a1 ;
box-shadow: 0px 1px 7px #2361a1; 
}
#crosscol-wrapper {
padding:0 auto;
margin:0 auto;
}
.crosscol .widget {
margin:0 auto;
padding:0px 0px 6px 0px;
}
/***********************************
Headings
***********************************/
h2 {text-shadow: 1px 1px 3px #fff;border-bottom:1px solid #cccccc;
margin:1.0em 0 .5em;
font:normal bold 16px Yanone Kaffeesatz;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#444444;
}
/***********************************
Posts
***********************************/
.date-header {
margin:1.5em 0 .5em;
font-size: 12px;
}
.post-wrapper {
padding: 5px 10px;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px solid #cccccc;
padding-bottom:1.5em;
text-align: justify;
font-size: 14px;
font-family:'Segoe UI', Arial;
line-height: 20px;
}
.post a{
color: #2361a1;
}
.post a:hover {
color:#7da8d5;
}
.post h1 a, .post h1 a:visited, .post h1 strong {
display:block;
text-shadow: 1px 1px 3px #fff;
margin:.25em 0 0;
padding:0 0 4px;
font-size:24px;
font-weight:normal;
line-height:1.4em;
color:#2361a1;
}
.post h1 strong, .post h1 a:hover {
color:#647bce;
}
.post h2 {text-shadow: 1px 1px 3px #fff;
margin:.25em 0 0;
padding:0 0 4px;
font-size:16px;
font-weight:normal;
line-height:1.4em;
color:#5447d4;
}
.post h2 a, .post h2 a:visited, .post h2 strong {
display:block;
text-decoration:none;
color:#000000;
font-weight:bold;
}
.post h2 strong, .post h2 a:hover {
color:#647bce;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
.post-footer {
margin: .75em 0;
color:#444444;
text-transform:uppercase;
letter-spacing:.1em;
font-size: 12px;
}
.post-footer span a {
color:#2361a1;
}
.post-share-buttons {
float:right;
margin: 0 0 0 0;
}
.jump-link {
float:right;
background-color: #2361a1;
padding: 5px;
margin-top:5px;
margin-right: 10px;
font-size:14px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.jump-link:before{
content: '+';
float: left;
}
.jump-link a{
color:#FFFFFF;
padding: 5px;
}
.jump-link  a:hover{
color:#CCCCCC;
}
.comment-link {
margin-left:.6em;
}
.post-body img {
padding:9px;
overflow: hidden;
margin-top:5px;
border:1px solid #dcd9d9;
background:#f7f7f7;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/***********************************
Comments
***********************************/
#comments h4 {text-shadow: 1px 1px 3px #fff;
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #444444;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
border-bottom:1px solid #eee;
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.avatar-image-container img {
background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj_clU-BKIuSVzxjPuDx3jjCP5PmizGf3yP7yiL7Ny9AC0_Y9AKCHdEGr29ycQtRGDNrnK9loi49wx5NBQeZMERLgAhx4dLifwYCIcHitYNLK2te3LkvKCenJXUjnEN0iaeoCwWNIFOJYi/s0/afhlwj.png) no-repeat center;
float:none;
}
.avatar-image-container {
background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj_clU-BKIuSVzxjPuDx3jjCP5PmizGf3yP7yiL7Ny9AC0_Y9AKCHdEGr29ycQtRGDNrnK9loi49wx5NBQeZMERLgAhx4dLifwYCIcHitYNLK2te3LkvKCenJXUjnEN0iaeoCwWNIFOJYi/s0/afhlwj.png) no-repeat;
}
.avatar-image-container.avatar-stock img {
display:none;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
#blog-pager a{
color: #2361a1;
}
#blog-pager a:hover{
color: #000000;
}
/***********************************
Sidebar Content
***********************************/
.sidebar-wrapper  {
color: #999999;
line-height: 1.5em;
}
.sidebar {
padding: 5px 10px;
}
.sidebar h2 {
background: #2361a1;
padding: 5px;
color: #FFFFFF;
border-bottom: none;
text-shadow: none;
-webkit-box-shadow:1px 3px 7px #333333 ;
-moz-box-shadow:1px 3px 7px #333333 ;
box-shadow:1px 3px 7px #333333 ; 
}
.sidebar h2:before {
content: '\271A';
float:right;
color: #FFF;
}
.sidebar ul {
list-style:circle;
margin:0 0 0 20px;
padding:0 0 0;
border-bottom: 1px dashed #CCCCCC;
}
.sidebar li {
margin:0 0 0 0;
padding:3px 0px 4px 0px;
text-indent:0px;
line-height:20px;
border-bottom: 1px dashed #CCCCCC;
}
.sidebar .widget, .main .widget {
margin:0 0 10px;
border-bottom:0px dotted #cccccc;
}
.main .Blog {
border-bottom-width: 0;
}
/***********************************
Profile
***********************************/
.profile-img {width:65px;height:65px;padding:6px;overflow: hidden;margin-top:5px;border:1px solid #eee;
background:#f7f7f7;}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: italic normal 12px Yanone Kaffeesatz;
color: #444444;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: italic normal 12px Yanone Kaffeesatz;
text-transform: uppercase;
letter-spacing: .1em;
}
/***********************************
Footer
***********************************/
#footer {
width: 958px;
clear:both;
margin: 0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
#credit {
text-align:center;
border-top: 1px solid #cccccc;
}
.item-thumbnail img {
padding:6px;
width:45px;
height:45px;
display:block;
background: #f7f7f7;
border: 1px solid #eeeeee;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 0 rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.PopularPosts .item-title a{
font: normal bold 36px Yanone Kaffeesatz;
font-size:16px;
color: #222222;
}
.PopularPosts .item-title a:hover{
color:#c22400;
text-decoration:none
}
.widget-content.popular-posts li{
font: normal normal 16px Yanone Kaffeesatz;
}
.item-snippet {
height:2.5em; o
verflow:hidden;
}
/***********************************
Subscription Email widget
***********************************/
.sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-address {
border: 1px solid #EEEEEE;
height: 21px;
width: 97%;
}
.sidebar .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background:#CCCCCC;
color: #666666;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
height: 24px;
width: 70px;
cursor:pointer;
}
.FollowByEmail .follow-by-email-inner input:hover {
color: #FFF !important;
}
.sidebar .FollowByEmail .follow-by-email-inner form{
margin:0;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
.post-body img {max-width:99% !important;}
.quickedit{
display:none;
}
]]></b:skin>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
#sidebar-wrapper {
width: 315px;
float: right;
word-wrap: break-word;  /* fix for long text breaking sidebar float in IE */
overflow: hidden;  /* fix for long non-text content breaking IE sidebar float */
}
#main-wrapper {
width: 550px; 
float:left;
margin: 0 10px 0;
border-right: 1px solid #cccccc;
word-wrap: 
break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.post-header-line-1 {
margin: 0 0 5px 0;
}
</style>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<style>
#sidebar-wrapper {
width: 315px;
float: left;
word-wrap: break-word;  /* fix for long text breaking sidebar float in IE */
overflow: hidden;  /* fix for long non-text content breaking IE sidebar float */
}
#main-wrapper {
width: 550px; 
float:right;
margin: 0 10px 0;
border-left: 1px solid #cccccc;
word-wrap: 
break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.post-footer {
background: #b8d9f1;
padding: 10px;
}
</style>
</b:if>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 165;
</script>
<script type='text/javascript'>
//<![CDATA[
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");

if(img.length<=0) {
imgtag = '<span style="float:left;margin-right:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtFRR_2v9jL29Vb2SWoxXIikKk-L1LVPTLRWSn1fi0YOPfKzMZzb3vmpc3POJu5Yo-PSl70ObIvCila1nN4LJ1tevcAQd3rnIZhM4EcciCy47FfSYPsefrb897gGm7Tlme_BFzIaJvQgQ/s400/blogger.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
var summ = summary_noimg;
}

if(img.length>=1) {
imgtag = '<span style="float:left;margin-right:15px;"><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>


 
</head>

<body>
  <div id='outer-wrapper'>
<div id='wrap2'>

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

<div class='menubar'>
<div class='menuhorizontal'>
            
            <ul>
<li><a expr:href='data:blog.homepageUrl'>Home<br/><span>Halaman Depan</span></a></li>
<li><a HREF="#">About<br/><span>About me</span></a></li>
<li><a HREF="#">Contact<br/><span>Contact me</span></a></li>
<li><a HREF="#">Privacy<br/><span>Privacy Policy</span></a></li>
</ul>
<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>

            </div>
</div>

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Dokumentasi Blogging (Header)' type='Header'>
<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:includable id='main'>

<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-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "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/>
    
    <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>
<b:include name='description'/>
    </div>
</b:if>
</b:includable>
</b:widget>
</b:section>
    </div>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='crosscol'>
  <b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div class='post-wrapper' id='main-wrapper'>
<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'>
      <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>

<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.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
  </a></b:if>
  <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='threaded_comment_js' var='post'>
  <script defer='defer' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }

}
        }
        return entry.content.$t;
      }

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var tok = 'comment-form_';
      var hash = window.location.hash || '';
      var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;

// Configure commenting API:
      var configJso = {
        'maxDepth': 2
      };
      var provider = {
        'id': postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</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 uncustomized-post-template'>
    <b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 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>
</H2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/>
</b:if>
<div style='clear: both;'/>
 
</div>
<b:if cond='data:blog.pageType != "item"'> <div class='jump-link'>
 
<a expr:href='data:post.url'>Selengkapnya</a>
</div>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
      <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>
</b:if> 
      <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='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>

<b:include data='post' name='postQuickEdit'/>
      </span>
      </div>
<div class='post-footer-line post-footer-line-2'>
     
      </div>
<div 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'/>
    <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='410' id='comment-editor' scrolling='no' src='' width='540'/>
    <data:post.iframeColorizer/>
  </div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
  <b:include name='threaded_comment_css'/>

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

  <b:include name='nextprev'/>

<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'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
</b:if>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <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/>
      <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='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
<b:includable id='threaded_comment_css'>
  <style>
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
  font-size: 13px;
  margin-bottom: 16px;
}
.comments .comment .comment-actions a {
  padding-top: 5px;
  padding-right: 5px;
}
.comments .comment .comment-actions a:hover {
  text-decoration: underline;
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: left;
}
.comments .comments-content .inline-thread {
  padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 36px;
}
.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
  margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.comments .comments-content .comment-content {
  text-align:justify;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;
  margin-left: 48px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .continue {
  cursor: pointer;
}
.comments .continue a {
  display: block;
  padding: 0.5em;
  font-weight: bold;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: left;
  width: 36px;
  max-height: 36px;
  overflow: hidden;
}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-left: 48px;
  position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
  </style>
</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>

</p>
</b:if>

<div class='sidebar' id='sidebar-wrapper'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2>
<data:title/></h2>
</b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
<li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
</b:if>
              <div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
</b:if>
              <div class='item-title'>
<a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'>
<data:post.snippet/></div>
</div>
<div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
</b:loop>
    </ul>
<b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<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 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:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'>
<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: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='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='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='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>▼ </span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <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='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:widget>
</b:section>
      </div>

<div class='clear'>
 </div>
</div>

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

<div id='credit'>
<div class='credit'>
<p>
<a expr:href='data:blog.homepageUrl' name='bottom'><data:blog.title/></a> Copyright © 2011-2012 | Powered by <a href='http://www.blogger.com'>Blogger</a></p>
</div>
</div>
</div>
</div>

</body>
</html>

Download Template Blue Minimalist Seo Friendly >

Download Template Blue Minimalist Seo Friendly

Artikel Terkait Download Template Blue Minimalist Seo Friendly :

0 komentar:

Post a Comment

Entri Populer

Labels