Template merupakan satu hal terpenting untuk pada blogger, banyak bilang Template juga dapat mempengaruhi SEO blog, Traffic Blog, dan lain-lain yang berhubungan dengan Pageview Blog.
Bagi para bloggers, Template amerupakan satu hal yang dapat menarik para pengunjung, dan para blogger di Indonesia maupun di Dunia berlomba-lomba untuk membuat template blog menjadi menarik dan SEO, dengan memilih template SEO adalah pilihan yang banyak dilakukan oleh blogger di dunia, Tapi ingat kalian, jangan terlalu berfokus pada template saja, sobat juga harus berfokus pada artikel blog, artikel yang saya maksud adalah Artikel yang baru, tanpa copas, tidak dimakan masa/waktu, dan dicari-cari para blogger saat ini.
Sama kayak Buku yang memiliki Cover yang menarik tapi NOL dalam hal Isi, jadi janganlah kita terlalu berfokus pada Template saja, Apabila sobat ingin memilih template yang dapat memancing para user untuk datang/mengunjungi blog kita, pakailah template yang SEO, Simple, Loading cepat, dan lain sebagainya.
Berikut adalah template yang saya gunakan dalam blog ini, kalau kalian mau mencobanya silakan dicoba
yg terpenting sebelum di pastekan dalam kolom template mohon amankan templete yang sudah ada atau di backup terlebih dahulu....
ok sekian dulu semoga bermanfaat untuk kita semua... selamat mencoba dan sukses selalu....
Bagi para bloggers, Template amerupakan satu hal yang dapat menarik para pengunjung, dan para blogger di Indonesia maupun di Dunia berlomba-lomba untuk membuat template blog menjadi menarik dan SEO, dengan memilih template SEO adalah pilihan yang banyak dilakukan oleh blogger di dunia, Tapi ingat kalian, jangan terlalu berfokus pada template saja, sobat juga harus berfokus pada artikel blog, artikel yang saya maksud adalah Artikel yang baru, tanpa copas, tidak dimakan masa/waktu, dan dicari-cari para blogger saat ini.
Sama kayak Buku yang memiliki Cover yang menarik tapi NOL dalam hal Isi, jadi janganlah kita terlalu berfokus pada Template saja, Apabila sobat ingin memilih template yang dapat memancing para user untuk datang/mengunjungi blog kita, pakailah template yang SEO, Simple, Loading cepat, dan lain sebagainya.
Berikut adalah template yang saya gunakan dalam blog ini, kalau kalian mau mencobanya silakan dicoba
yg terpenting sebelum di pastekan dalam kolom template mohon amankan templete yang sudah ada atau di backup terlebih dahulu....
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<script>linkwithin_text='ARTIKEL TERKAIT:'</script>
<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:if cond='data:blog.pageType == "item"'>
<meta content='index,follow' name='robots'/>
<b:else/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='index,follow' name='robots'/>
<meta content='Super SEO - Health and Fitness, WHAFF Rewards, Heart, cholestrol' name='description'/>
<meta content='seo, seo friendly, Health and Fitness, WHAFF Rewards, Heart, cholestrol' name='keywords'/>
<b:else/>
<meta content='noindex,follow' name='robots'/>
</b:if>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Super SEO
Author : ekamdt
Author URL : http://ekamdt.blogspot.com.com
Published by : http://ekamdt.blogspot.com.com
Date: 23 Oct 2012
----------------------------------------------- */
#navbar-iframe {display: none; height: 0 !important; visibility: hidden;}
/* Begin Typography & Colors */
*{margin:0;padding:0;}
body{background:#f2f2f2;margin:5px auto;font-size:14px;font-family: "Lato", "Myriad Pro", "Arial", sans-serif;color:#444;line-height:1.5;}
a{color:#444;text-decoration:none;outline:none;}
a:hover, a:active{color:#174271;text-decoration:underline;}
blockquote{border-left:5px solid #ddd;margin:10px 20px;padding-left:7px;font:italic 1em/1.5 Georgia, Times, serif;}
input, button, textarea, select{ font:normal 12px/12px "Verdana", sans-serif;color:#535353;vertical-align:middle;}
legend{display:none;}
fieldset{border:none;}
img{border:0;}
/* wrapper */
#wrapper{width:960px;padding:10px 0 0 0;margin:0 auto;overflow:hidden;background:white;border:1px solid #e1e1e1;}
/* Header */
#header-wrapper{width:920px;padding:0 0 0px 20px;position:relative;height:75px;}
h1.logo{margin:10px 0 0 0;padding:0;width:840px;font-size:250%;}
h1.logo a{padding:0 0 0 5px;width:840px;text-transform:uppercase;color:#444;text-decoration:none;}
.descriptionwrapper {margin:0 0 0 7px;padding:0;width:840px;font-size:100%;}
#header-inner {
width:840px;
background-position:left;
margin-left:auto;
margin-right:auto;
float:left;
}
#header {
color:#444;
text-align:center;
}
#r_head{
width:430px;
float:right;
padding-top:20px;
}
/* Search */
.search{width:250px;position:absolute;right:0;bottom:30px;padding:11px 20px 0 0;}
.search form{float:right;margin-right:0;}
.search input{float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-W61XQoeaJn1SCOwMJDsdolL7XVwIqJqRdDcrtB152rh4YEVxOD9EcaRIHjLs694k944Kq_L9s8otSEWGUgzDyc39nmewfVb5hp68b_XHpXkzFhEnm2JAqEx46vQeWmQDrwTtHExutaQV/s1600/search-input.png) no-repeat;border:none;padding:8px 0 7px 18px;width:182px;color:#000066;font-weight:bold;}
.search button{float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYHlEGrfq7YlKbL5OMdMy5XsoVonAV9hykBDMNuYAx2T5QOniTAS0O7vRlNynW1rACOz4dw1o7pr20T1o8n7L3WFt9F0MZYRTv9cU0KGE9ebXFmXFjSc6Yy-7lK8HjQoZ8-dGaAvO8OGD7/s1600/search-button.png) no-repeat;width:44px;height:29px;border:none;cursor:pointer;color:#fff;vertical-align:middle;padding:2px 5px 5px 0;font:bold 12px/12px "Verdana", sans-serif;}
/* Top Menu */
.menu{width:880px;margin:0 20px;border:none solid #403f3f ;background:#f8f8f8;overflow:hidden;border-bottom:3px solid #191919;}
/**/ * html .menu{height:1%;} /* */
.menu ul, .menu li{float:left;list-style:none;margin:0;padding:0;}
.menu li a{display:block;margin:0;padding:7px 10px;color:#000;text-decoration:none;font-weight:normal;}
.menu li a:hover{background-color:#2A2A2A;}
.selected{background-color:none;}
.clear{clear:both}
.right {float:right;}
.right a{color:#999;}
.right a:hover{color:#444;text-decoration:none;}
.left {float:left;}
/*******************
* TOP *
********************/
#top {
background: #fff;
margin: 0 auto;
padding: 0;
width:920px;
}
#topnav {
background: #fff;
height: 32px;
margin: 0;
padding:2px 0 1px 0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
font-size: 11px;
}
#topnav .current_page_item {
background: #1EEC12;
}
#topnav .current_page_item a {
color: #fff !important;
}
#topnav ul {
float: left;
list-style: none;
margin: 0 0 0 1px;
padding: 0;
}
#topnav li {
float: left;
list-style: none;
margin: 0 5px 0 0;
padding: 0;
font-weight: bold;
text-transform: uppercase;
}
#topnav ul li {
list-style: none;
margin: 0 0 0 5px;
padding: 0;
/*border-right: 1px solid #045;*/
}
#topnav li a, #topnav li a:link, #topnav li a:visited {
font-weight: bold;
color: #242423;
display: block;
margin: 0;
padding: 8px 12px 7px 12px;
}
#topnav li a:hover, #topnav li a:active {
background: #242423;
color: #fff;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 12px 7px 12px;
border-bottom: none;
}
#topnav li li a, #topnav li li a:link, #topnav li li a:visited {
background: #fff;
width: 130px;
color: #111;
float: none;
margin: 0;
padding: 8px 12px 7px 12px;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
#topnav li li a:hover, #topnav li li a:active {
background: #242423;
color: #fff;
padding: 8px 12px 7px 12px;
}
#topnav li ul {
z-index: 9999;
width: 155px;
margin: 0;
padding: 0;
position: absolute;
left: -999em;
height: auto;
}
#topnav li li {
border:none;
}
#topnav li ul a {
width: 120px;
}
#topnav li ul a:hover, #topnav li ul a:active {
}
#topnav li ul ul {
margin: -29px 0 0 156px;
border: none;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
left: -999em;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
left: auto;
}
#topnav li:hover, #topnav li.sfhover {
position: static;
}
#topnav .left a {
margin: 0;
padding: 0 5px 0 5px;
}
/*Menu*/
#navbarsecond{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
width:920px;
margin:0 20px;
}
/* Dropdown menu */
.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.dropdown li { float:left; display:inline; position: relative; }
.dropdown a { position: relative; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top:43px; /* match top ul list item height */ z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
#navbarsecond .dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
#navbarsecond .dropdown li:hover ul,
#navbarsecond .dropdown li.sfHover ul { left: 0; top:47px; /* match top ul list item height */ z-index: 99; }
#navbarsecond ul.dropdown li:hover li ul,
#navbarsecond ul.dropdown li.sfHover li ul { top: -999em; }
#navbarsecond ul.dropdown li li:hover ul,
#navbarsecond ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: -10px; }
#navbarsecond ul.dropdown li li:hover li ul,
#navbarsecond ul.dropdown li li.sfHover li ul { top: -999em; }
#navbarsecond ul.dropdown li li li:hover ul,
#navbarsecond ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: -10px; }
.dropdown {
float:left;
}
.dropdown a {
padding: 12px 10px 15px;
margin:0 5px 0 0;
text-decoration:none;
line-height:1.2;
font-size: 14px;
color: #848484;
display:block;
}
.dropdown a:hover {
background:#ededed;
color:#dadada;
}
.dropdown ul {
text-align: left;
margin: 0;
background:#ededed;
border-top:none;
z-index:999;
padding:10px 0 10px;
}
#navbar .dropdown ul ul {
top:-10px;
padding:10px 0 10px;
}
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a,
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a {
outline:0;
color: #848484;
font-weight:bold;
}
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a,
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a {
outline:0;
font-weight:normal;
color:#c0c0c0;
}
.dropdown li ul li {
float:left;
margin:0;
padding:0;
}
.dropdown li ul li a {
color:#dadada;
margin:0;
padding:3px 10px;
}
.dropdown li:hover a {
color:#dadada;
background:#ededed;
}
.dropdown li:hover ul a {
color:#848484;
}
.dropdown li:hover li a:hover {
color:#dadada;
}
.dropdown a.sf-with-ul {
min-width:1px;
}
.sf-sub-indicator {
display:block;
margin:0;
height:10px;
width:100%;
float:left;
text-indent:-999em;
overflow:hidden;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikZa_uZP0GMC8ds3gFOU9xBZ01ShBoA4RKqkOVnck36ykwSHbNie4QEnildhlc3mKHuRR4JIdSlJog4NWfHFLkkKHu9r7SeP91Yunrwhq5FQ8_d25un8zEoCqudOjzN_XGMnjP1SDkJwUj/') no-repeat center;
}
.dropdown li:hover li .sf-sub-indicator { /* give all except IE6 the correct values */
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Y41vkURMRdm0lZ8qX1L0mtTOU_F9RFaDCtL0NQG_KHjLLVGH-ipZb5xhD3hyphenhyphen9gXgrs7KNqiXIjIucVx-2Ll31c7N_XJuAiho2ykkbxBrx4dlZmdTB5nj46uKWmeAQX-lBc0zVCWZ50-i/') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */
width:10px;
float:right;
margin:5px 0 0 5px;
}
#navbarsecond .sf-sub-indicator {
display:block;
margin:0;
height:10px;
width:100%;
float:left;
text-indent:-999em;
overflow:hidden;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyCywNx-3zIpD49j0XwtfcmbSN7HnhyphenhyphenoY-cZpwZRVyeDozS5LbVQpFK67GCIOkX6yRBXU3GJLmp5pNfm2HI-9DlIp4Qiuu7eiip9MW3Ith7_606D5Q6F-S61ah8s_EHW4T14MKz5Z5k0S/') no-repeat center;
}
#navbarsecond .dropdown li:hover .sf-sub-indicator {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENT3KS2T9b4O61fLY1uS_lTLHhn_gx0nDDDt-Y6aZksoFstfx7r5cnub-cjD8Pff0ZeEv7QVUF1L9MplcmmKan36-KIUiIWNne-_Y1hsGhORei_FStzLnbtXsOoGxpkJ2saem8LMB0EfZ/') no-repeat center;
}
#navbarsecond .dropdown li:hover li .sf-sub-indicator { /* give all except IE6 the correct values */
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZKezxna1V6U01Qeshx5gvzHMoSSyF4_d_JWl8WScppjU0a2wEaD4EHhdI_6dYYJPJlveQM_xVwE4wYvagA6p25Ko9AA3N6hQ5QcAnqpwzhdpYzlmxeXEospc-lw2P9VUJh9bZ_cT0tab/') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */
width:10px;
float:right;
margin:5px 0 0 5px;
}
#navbarsecond .dropdown a {
color: #000;
font-size:14px;
padding:12px 10px;
line-height:1.2;
}
#navbarsecond .dropdown a:hover {
background: #242423;
color:#fff;
}
#navbarsecond .dropdown ul {
background: #242423;
padding:10px 0 10px;
margin-top:-4px;
}
#navbarsecond .dropdown ul ul {
top:-10px;
padding:10px 0 10px;
background: #242423;
}
#navbarsecond .dropdown li ul li {
color:#000;
}
#navbarsecond .dropdown li ul li a {
color:#000;
padding:4px 10px;
}
#navbarsecond .dropdown li:hover a {
color:#fff;
background: #242423;
}
#navbarsecond .dropdown li:hover ul a {
color:#fff;
}
#navbarsecond .dropdown li:hover li a:hover {
color:#dadada;
}
#crosscol-wrapper {margin:0 20px; padding:10px 0 0 0;}
/* layout */
#main{margin:10px 0;}
#content{margin:0;width:590px;float:left;margin:0;padding:0 15px 0 20px; line-height:150%;padding-bottom:none !important;}
.post{padding:0;text-align:left;}
#sidebarwrap{width:300px; float:left;padding:0 20px 0 15px;margin:0;}
/* CONTENT */
#content h2{color:#222;text-align:left;font-size:30px; font-family: "Lato" "Myriad Pro", "Arial", sans-serif;padding:0;margin:0;line-height: 1.1;padding-right:25px;}
#content h2 a{color:#222;text-decoration:none;}
#content h2 a:hover{color:#1A74BA;}
#content h3, #content h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:0;}
#content h3 a{color:#111;text-decoration:none;}
#content h3 a:hover{color:#DF2F00;text-decoration:none;}
.under, .info{ margin-top:5px; font-size:11px;height:18px;line-height:18px;}
.categories{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGnTNjCeRvGGROefBVDO-7yKMsbGIVigsrv97CRMdpeplq-shU-kF0ROlKEMY4MZRdzNo6Fp0N48WYwNpo5IgB5VoNg87QnggGa4MK93tJpfIncbwSNI7ymjLYTWc9YrsPtN3V0gRzEOCM/s13/icon-article-tags.png) 0 center no-repeat;padding:0 0 0 20px;float:left;}
.jump-link {padding:0 0 0 20px;float:right;font-weight:bold;font-size:12px;}
#content .under a, #content .info a{color:#666;text-decoration:none;}
/* table setting for content only*/
#content table{background:#FFF;border:1px solid #CCC;border-collapse:collapse;margin:5px 0 10px;}
#content th, #content td{border:1px solid #CCC;padding:5px 10px;text-align:left;vertical-align:top;}
#content tr.even td{background:#F7F7F7;}
#content th{background:#EDEFF0;}
.post br{padding:0;margin:0;line-height:100%;}
.post p{padding:0;margin:0px 0 0px 0;}
.post{padding-bottom:0px;line-height:1.6em}
.post ul{list-style:none;margin:0px 0 10px 0;}
.post ul li{padding-left:33px;position:relative;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC1WFrnlKZa1pnnEKl4D-bv55gO6trFT-MlOrY84P6QEI4FG9HXQnAZDMcUptqi2H1SFqigJl3SLYx_n3vknnQC1BGdKFOC58kn4i4AiYs7iqqIfcwa8AijoBWhU9g3fKyO-DFx_R25A29/s1600/p-con-li.png) no-repeat 15px 3px;}
.post ol {padding:10px 0;}
.post ol li{margin:0 0 0 35px;position:relative;}
.post img{max-width:590px;}
.post-meta{background:none;color:#999;font-size:11px;margin:8px 0;padding-bottom:8px;width:590px; border-bottom:1px solid #e5e5e5}
.post-meta a{color:#999;font-style:normal}
.post-meta a:hover{color:#1A74BA}
.post-meta span {padding: 0px 10px 0px 0px;}
/* Related Post */
#content .related_posts{margin-top:25px;padding:0 10px 0 0;}
#content .related_posts h4{color:#111;font-size:19px;font-family: "Lato", "Myriad Pro", "Arial", sans-serif;;color:#444;;letter-spacing:-0.5px;padding:15px 0 7px 0;border-bottom:solid 1px #fafafa;margin-bottom:5px;}
#content .related_posts a{color:#444;}
#content .related_posts ul{padding:0;}
#content .related_posts ul li{list-style:none;padding:9px 5px 9px 14px;border-bottom:1px solid #eee;line-height:18px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFscNb0lcWObVAPFNtD9C8Q7B9oLQ3oh-3bpapLUz9V0LQExzevxiNo0EMtlLsbzDwh6F2tMUEhyphenhyphenH6ZZ0crt9pvN-cdDAyIV9QSBwm5k9r-ahFmCRIngGu8yDuQBE06npf6iACOX5NWk5/) no-repeat 0 14px;}
/* SIDEBAR */
#sidebarwrap{margin-top:15px;}
#sidebarwrap .module, #sidebarwrap .subscribe{margin-bottom:5px;padding:0 0 5px 0;width:300px;}
#sidebarwrap .widget{margin-bottom:5px;padding:0 0 5px 0; line-height:150%;}
#sidebarwrap .widget h2{
border-bottom: 1px solid #E5E5E5;
font-size: 14px;
line-height: 1.3;
margin: 0 0 15px 0;
padding:8px 0;
text-transform:uppercase;
color: #666;
font-weight:normal;
}
#sidebarwrap p{padding:2px 0;margin:2px 0;}
#sidebarwrap .widget ul{list-style-type:none;margin:0 2px;padding:0;}
#sidebarwrap .widget ul li{padding:5px 0;color:#444;font-weight:normal;}
#sidebarwrap .widget a{color:#000000;}
/* Label */
#sidebarwrap .Label ul{list-style-type:none;margin:0 2px;padding:0;}
#sidebarwrap .Label ul li{padding:5px 0;border-bottom:1px solid #eee;color:#444;font-weight:normal;width:142px;float:left;margin:0 3px;}
#sidebarwrap .Label ul li a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMPgcqhZ3M_f91qraOQ4fKAMrPVak4JQY4h9euUyTnfw5hegGRRX22_tYeplC7QLAOgBCewjoRQo-YKxCkBIMp9s_a0vuL36HpmLGSDe7kuQCk40q9-pWrZ5WoKhT6u-uSVxMVklQ7MxC/s1600/bullet.png) no-repeat 0 5px;padding-left:12px;color:#444;}
#sidebarwrap .Label ul li a:hover{color:#000;text-decoration:none}
#ArchiveList {padding:0 0 0 20px;}
#ArchiveList ul li {padding:3px 0;}
.zippy{color:#aaa}
#sidebarwrap .LinkList ul{padding:0;margin-bottom:5px;}
#sidebarwrap .LinkList ul li{list-style:none;padding:10px 0 10px 15px;line-height:15px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMPgcqhZ3M_f91qraOQ4fKAMrPVak4JQY4h9euUyTnfw5hegGRRX22_tYeplC7QLAOgBCewjoRQo-YKxCkBIMp9s_a0vuL36HpmLGSDe7kuQCk40q9-pWrZ5WoKhT6u-uSVxMVklQ7MxC/s1600/bullet.png) 0 14px no-repeat;border-bottom:solid 1px #eee;}
/* Footer */
.footer{background:#fff;width:920px;padding:0 20px 20px 20px;overflow:hidden;margin:0 auto;}
.footer hr{border-left:none;border-right:none;border-top:3px solid #E0DFDF;border-bottom:none;height :1px;display:block;margin-bottom:10px;}
.footer p{padding:1px 0;color:#666;font-size:11px;}
.footer p a, .footer p a:visited, .footer p a:hover{color:#333;font-weight:normal;text-decoration:none;}
/* Clear fix */
.clearfix:after{clear:both;display:block;content:".";height:0;visibility:hidden;}
.clearfix{display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
/* Comments
----------------------------------------------- */
#comments h4 { color:#111;font-size:normal 19px;font-family: "Lato", "Myriad Pro", "Arial", sans-serif;padding:10px 0 10px 0;margin-bottom:10px;}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
padding-left:20px;
font:bold 14px/14px Arial, sans-serif;
}
#comments-block .comment-body {
margin-top:0;
padding-left:0;
padding-top:10px;
}
#comments-block .comment-footer, #comments-block .comment-footer a{
font-size:11px;
margin:0 0 10px 0;
padding-bottom:5px;
padding-left:0;
text-transform:none;
color:#aaa;
}
#comments-block .comment-footer{border-bottom: solid 1px #ccc;}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#commentsHolder{width:620px;}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
margin-top: 20px;
padding-top:20px;
text-align: center;
border-top:1px solid #e5e5e5;
}
.blog-pager-older-link,.blog-pager-newer-link{width:32px;height:32px;display:block;text-indent:-9999px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhluBUYBzV-3jVUUvjD50yVkvOzF_O4VbGUUF_RH1KFFietRvN5vnhlqrezIVHHYBpxn7YigxH6SWWrabdzv9T_CTs2Y7kRPdDqLOTSzHoe2tjlBCODn9OVj1a-o44xZymtUjNu1L6kVCUt/s1600/rightarrow.png);background-repeat:no-repeat}
.blog-pager-newer-link{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtM2DVV2TbDchj-4zYeA2U99fZ-B_vi3C-OPknIYN2zIjYiFKeFaHLTv_FtBa_m0GsjiJMNpHg5p6SISYMpbXa54_wqkYqcye9pqYQ9SDcFvkmTB9ibgjfd3zZBRfa-jrkHpl4RwTX8a3_/s1600/leftarrow.png)}
.blog-pager-older-link,.blog-pager-newer-link{width:32px;height:32px;display:block;text-indent:-9999px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhluBUYBzV-3jVUUvjD50yVkvOzF_O4VbGUUF_RH1KFFietRvN5vnhlqrezIVHHYBpxn7YigxH6SWWrabdzv9T_CTs2Y7kRPdDqLOTSzHoe2tjlBCODn9OVj1a-o44xZymtUjNu1L6kVCUt/s1600/rightarrow.png);background-repeat:no-repeat}
.blog-pager-newer-link{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtM2DVV2TbDchj-4zYeA2U99fZ-B_vi3C-OPknIYN2zIjYiFKeFaHLTv_FtBa_m0GsjiJMNpHg5p6SISYMpbXa54_wqkYqcye9pqYQ9SDcFvkmTB9ibgjfd3zZBRfa-jrkHpl4RwTX8a3_/s1600/leftarrow.png)}
.home-link{display:none}
.feed-links {
margin-top: 10px;
clear: both;
line-height: 2.5em;
}
#comments .form-comment {width:580px;}
#comments .form-comment iframe {width:580px;margin:0;padding:0;}
.clear{clear:both;}
/* Sponsor */
#sidebarwrap .sponsor{padding:3px 0;margin:0;text-align:center;border:#ccc 1px solid;}
#sidebarwrap .sponsor img{padding:5px;margin:3px;border:#ddd 1px solid;background:#fefefe;}
/* FORM */
.inputbox{padding:3px;font-family:Tahoma, Arial, sans-serif;font-size:100%;}
.inputbox{background:#FFFFFF;color:#000;border: 1px solid #999;}
.button{padding:2px 5px;border: 1px solid #999; color: #000; background:#eee;}
.thumbimg{float:left;margin:4px 10px 0 0px;border:1px solid #eee;padding:5px;}
/* social media buttons on post page */
#content .socialmedia-post h3{color:#1A74BA;padding:0 0 7px 0;}
.socialmedia-post ul{ height:30px;padding:0 !important;margin: 0 auto;}
.socialmedia-post ul li{ padding: 0 15px 0 0;margin:0;float:left;list-style:none;background:none;}
.socialmedia-post ul li .last{ padding:0;margin:0}
.stumblebutton {padding:0;margin:1px 0 0 0;}
.forads a{font-weight:bold;}
.PostDate {color:red;}
/* Social Icons */
.iconFacebook,
.iconGoogle,
.iconTwitter,
.iconRSS {
background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW2rUKh-BRYdLlLCSaibEFev9VrnMjqYVqS2ajCSlAwAFVSDS7zvERQkvedLugdldcApJh0WU6376lQbkcFmqohnoTvgiNd9oXbqadLkYEaiwKwwKyEhKEiro2Vrl6xQTdmOsELEX5TESu/s1600/socialicons.png') no-repeat 4px 0;
border-left: 1px solid #fafafa;
display: block;
float: right;
font-size: 11px !important;
font-weight: bold;
height: 32px;
line-height: 32px !important;
margin: 0 0 0 6px;
padding: 0 6px 0 30px;
}
.iconGoogle {
background-position: 4px -36px;
}
.iconTwitter {
background-position: 4px -72px;
}
.iconRSS {
background-position: 4px -108px;
padding-right: 0;
}
.iconFacebook:hover {
background-position: 4px -144px;
}
.iconGoogle:hover {
background-position: 4px -180px;
}
.iconTwitter:hover {
background-position: 4px -216px;
}
.iconRSS:hover {
background-position: 4px -253px;
}
#post-share-button{margin-top:25px;background:#fafafa;padding:10px 10px 5px 15px;width:95%}
.breadcrumbs{padding:5px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #eee;border-top:1px dotted #eee;}
#Attribution1 {display: none;}
#comments p a{ display: none !important;}
/* Header
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
_background-image: none;
color: $(header.text.color);
text-align:center;
}
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}
#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
#bgmenu {
background: #333;
width: 950px; /*--- lebar keseluruhan bar menu ---*/
font-size: 12px;
margin:0px auto;
padding: 0px auto;
border:2px solid $bordercolor;
border-bottom: 4px solid #555;
clear:both;
}
.menuleft{
width: 700px;/*--- lebar untuk menubar ---*/
margin: 0px 4px 5px 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.menuleft ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #333333;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #555555;
border-left-color: #333333
}
.menuleft ul li{
display: inline;
}
.menuleft ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #333333;
}
.menuleft ul li a:visited{
color: #FFFFFF;
}
.menuleft ul li a:hover, .menuleft ul li .selected{
color: #FFFF00 !important;
padding-top: 5px;
padding-bottom: 5px;
background: #555555;
}
.menuright {
width: 260px/*--- lebar untuk kotak pencarian ---*/
font-size: 12px;
float: right;
margin: 2px;
padding: 6px 5px 0px 0px;}
.menuright a img {border: none;margin: 0px;padding: 0px;}
]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
#content h2 {
font-size: 18px;
line-height: 1.1;
margin: -5px 0 0px 0;
padding:8px 0;
text-transform:uppercase;
color: #666;
font-weight:normal;
}
#post-footer{display:none}
.post{padding-bottom:15px;}
.post-meta{margin-top:-4px;}
.separator{margin-top:-6px;}
</b:if>
</style>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://kangismet.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder : "http://kangismet.googlecode.com/files/grey.png",threshold : 200});
});
</script>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
</head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/*
* Superfish v1.4.8 - jQuery menu widget
* Copyright (c) 2008 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
*/
(function($){$.fn.superfish=function(op){var sf=$.fn.superfish,c=sf.c,$arrow=$(['<span class="',c.arrowClass,'"> »</span>'].join("")),over=function(){var $$=$(this),menu=getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl();},out=function(){var $$=$(this),menu=getMenu($$),o=sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if(o.$path.length&&$$.parents(["li.",o.hoverClass].join("")).length<1){over.call(o.$path);}},o.delay);},getMenu=function($menu){var menu=$menu.parents(["ul.",c.menuClass,":first"].join(""))[0];sf.op=sf.o[menu.serial];return menu;},addArrow=function($a){$a.addClass(c.anchorClass).append($arrow.clone());};return this.each(function(){var s=this.serial=sf.o.length;var o=$.extend({},sf.defaults,op);o.$path=$("li."+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(" ")).filter("li:has(ul)").removeClass(o.pathClass);});sf.o[s]=sf.op=o;$("li:has(ul)",this)[($.fn.hoverIntent&&!o.disableHI)?"hoverIntent":"hover"](over,out).each(function(){if(o.autoArrows){addArrow($(">a:first-child",this));}}).not("."+c.bcClass).hideSuperfishUl();var $a=$("a",this);$a.each(function(i){var $li=$a.eq(i).parents("li");$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});});o.onInit.call(this);}).each(function(){var menuClasses=[c.menuClass];if(sf.op.dropShadows&&!($.browser.msie&&$.browser.version<7)){menuClasses.push(c.shadowClass);}$(this).addClass(menuClasses.join(" "));});};var sf=$.fn.superfish;sf.o=[];sf.op={};sf.IE7fix=function(){var o=sf.op;if($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined){this.toggleClass(sf.c.shadowClass+"-off");}};sf.c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",arrowClass:"sf-sub-indicator",shadowClass:"sf-shadow"};sf.defaults={hoverClass:"sfHover",pathClass:"overideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},speed:"normal",autoArrows:true,dropShadows:true,disableHI:false,onInit:function(){},onBeforeShow:function(){},onShow:function(){},onHide:function(){}};$.fn.extend({hideSuperfishUl:function(){var o=sf.op,not=(o.retainPath===true)?o.$path:"";o.retainPath=false;var $ul=$(["li.",o.hoverClass].join(""),this).add(this).not(not).removeClass(o.hoverClass).find(">ul").hide().css("visibility","hidden");o.onHide.call($ul);return this;},showSuperfishUl:function(){var o=sf.op,sh=sf.c.shadowClass+"-off",$ul=this.addClass(o.hoverClass).find(">ul:hidden").css("visibility","visible");sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){sf.IE7fix.call($ul);o.onShow.call($ul);});return this;}});})(jQuery);
jQuery(document).ready(function($) {
$('#navbar ul.dropdown').superfish({
delay: 100, // 0.1 second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
dropShadows: false // disable drop shadows
});
$('#navbarsecond ul.dropdown').superfish({
delay: 100, // 0.1 second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
dropShadows: false // disable drop shadows
});
});
//]]>
</script>
<script type='text/javascript'>
// ganti angka dibawah untuk mengatur jumlah karakter
summary_noimg = 350;
summary_img = 280;
// ganti angka dibawah untuk merubah ukuran thumbnail
img_thumb_height = 120;
img_thumb_width = 160;
// ganti dengan gambar sesuai selera anda
img_thumb_nosrc = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQxN8tcjolN_49y-ysYVhrpaXhBEtMS4QhU99v2KNIu9I_JhlHEtNWP2L7jM4EpsdLfA5WqvlJKiSlkZ-uJlhJtrWcEU18uoKAlipDgVHWUgQoNzKJUVXUGS-JMq2vPS1YsmCeBY5faxKP/s1600/default.png";
</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");
var summ = summary_noimg;
// this block of code is used to add default thumbnail to post without images
if(img.length<=1) {
imgtag = '<div style="clear:both; margin:0 10px 10px 0px;float:left;"><img src="'+img_thumb_nosrc+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';
summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 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 cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 5px groove #b8b8b8; padding-bottom: 20px;}
.post {margin-top: 10px; border-top: 5px groove #b8b8b8; padding-top: 20px;}
.post {margin-left: 10px; border-left: 5px groove #b8b8b8; padding-left: 20px;}
.post {margin-right: 10px; border-right: 5px groove #b8b8b8; padding-right: 20px;}
.readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>
<body oncontextmenu='return true;' onkeydown='return true;' onmousedown='return true;'>
<div id='wrapper'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='top'>
<div id='topnav'>
<div class='left'>
<b:section id='topmenu' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!--end: left-->
<div class='right'>
<a class='iconFacebook' href='https://www.facebook.com/groups/1544263472514711/?ref=bookmarks'>Facebook</a>
<a class='iconTwitter' href='https://twitter.com/onedita'>Twitter</a>
<a class='iconRSS' href='http://ekamdt.blogspot.com/feeds/posts/default?alt=rss'>RSS</a>
<a class='iconGoogle' href='http://ekamdt.blogspot.com/'>Google</a>
</div></div></div>
<!--end: right-->
<!-- header START -->
<div id='header-wrapper'>
<div id='header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='SEO Optimize buat Blog pemula (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a href='http://ekamdt.blogspot.com/'>SEO Optimize buat Blog pemula </a>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>Cara Membuat, Blog, Tips, Internet, Komputer, Sosial Media, Kesehatan, Kecantikan</span></p>
</div>
</div>
</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='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:widget>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>
<!-- header END -->
<!-- Menu START -->
<div id='navbarsecond'>
<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul class='dropdown' id='secondmenu'>
<li><a href='/'>Beranda</a></li>
<li><a class='sf-with-ul' href=''>World News</a>
<ul class='sub-menu'>
<li><a href='http://ekamdt.blogspot.com/2015/03/cara-paling-cepat-dapat-dollar-dari.html '>Dollar WHAFF</a></li>
<li><a href=''>#</a></li>
</ul>
</li>
<li><a class='sf-with-ul' href='http://ekamdt.blogspot.com/search/label/Blog'>BLOG</a>
</li>
<li><a href='http://ekamdt.blogspot.com/search/label/SEO'>SEO</a></li>
</ul>
<!--end: left-->
<div class='right'>
<form action='http://ekamdt.blogspot.com/search' id='searchThis' method='get' style='display:inline;'>
<input id='searchform' name='q' size='25' type='text'/> <input id='sbutt' type='submit' value='search'/>
</form>
</div></div></div>
<!--end: right-->
<div class='clear'/>
</div><!-- /#navbarsecond -->
<!-- Main START -->
<div class='clearfix' id='main'>
<!-- Content Start-->
<div id='content'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='!data:mobile'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</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='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='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</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'><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 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/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<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>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<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>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<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>
<a expr:name='data:comment.anchorName'/>
<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/>
</dt>
<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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</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 class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:elseif cond='data:post.allowComments'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "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='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'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop=''/>
</b:if>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url and data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType != "item" and data:blog.pageType != "static_page" and data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:include cond='data:blog.pageType == "static_page" or data:blog.pageType == "item"' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop=''/>
</b:if>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.metaDescription == ""'>
<!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more</b></a></span>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>
<div class='post-footer-line post-footer-line-3'><span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span> </div>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></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='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='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/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
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 parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'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='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- Content End -->
<!-- Sidebar Start -->
<div id='sidebarwrap'>
<div style='margin:0; padding:0'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
<b:includable id='main'>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<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'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "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>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<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:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' data='data' name='menu'/>
</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='interval' var='intervalData'>
<b:loop values='data:intervalData' var='interval'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:interval.expclass'>
<b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
<a class='post-count-link' expr:href='data:interval.url'>
<data:interval.name/>
</a>
<span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
<b:include cond='data:interval.data' data='interval.data' name='interval'/>
<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
<span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\0753295419759422091959\46blogName\75SEO+Optimize+buat+Blog+pemula\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//ekamdt.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://ekamdt.blogspot.com/\46blogFollowUrl\75https://plus.google.com/101579615053756191232\46vt\758094350749517766288',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<div class='module'>
<div style='margin:0; padding:0; width:140px;float:left;'>
<b:section class='sidebar' id='sidebar1' preferred='yes'/>
</div>
<div style='margin:0; padding:0 0px 0 10px; width:150px;float:left;'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>
<div style='clear:both;'/>
</div>
<b:section class='sidebar' id='sidebar3' preferred='yes'/>
</div>
</div>
<!-- Sidebar End -->
<div style='clear:both;'/>
</div>
<!-- Main End -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=2;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/page-navigation2.js'/>
</b:if>
</b:if>
<!--Start Footer-->
<div class='footer'>
<hr style='display:block;'/>
<p>Copyright © 2015 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.</p>
<p><a href='http://ekamdt.blogspot.com' title='SEO friendly Blogger Template'>Super SEO</a> created by <a href='http://ekamdt.blogspot.com/' target='_blank'>Blogger Health</a><a href='http://onekarisma.blogspot.com/'> </a>| Published by <a href='http://ekamdt.blogspot.com' target='_blank'>ekamdt.blogspot.com</a></p>
</div>
<!--End Footer-->
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<script>linkwithin_text='ARTIKEL TERKAIT:'</script>
<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:if cond='data:blog.pageType == "item"'>
<meta content='index,follow' name='robots'/>
<b:else/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='index,follow' name='robots'/>
<meta content='Super SEO - Health and Fitness, WHAFF Rewards, Heart, cholestrol' name='description'/>
<meta content='seo, seo friendly, Health and Fitness, WHAFF Rewards, Heart, cholestrol' name='keywords'/>
<b:else/>
<meta content='noindex,follow' name='robots'/>
</b:if>
</b:if>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Super SEO
Author : ekamdt
Author URL : http://ekamdt.blogspot.com.com
Published by : http://ekamdt.blogspot.com.com
Date: 23 Oct 2012
----------------------------------------------- */
#navbar-iframe {display: none; height: 0 !important; visibility: hidden;}
/* Begin Typography & Colors */
*{margin:0;padding:0;}
body{background:#f2f2f2;margin:5px auto;font-size:14px;font-family: "Lato", "Myriad Pro", "Arial", sans-serif;color:#444;line-height:1.5;}
a{color:#444;text-decoration:none;outline:none;}
a:hover, a:active{color:#174271;text-decoration:underline;}
blockquote{border-left:5px solid #ddd;margin:10px 20px;padding-left:7px;font:italic 1em/1.5 Georgia, Times, serif;}
input, button, textarea, select{ font:normal 12px/12px "Verdana", sans-serif;color:#535353;vertical-align:middle;}
legend{display:none;}
fieldset{border:none;}
img{border:0;}
/* wrapper */
#wrapper{width:960px;padding:10px 0 0 0;margin:0 auto;overflow:hidden;background:white;border:1px solid #e1e1e1;}
/* Header */
#header-wrapper{width:920px;padding:0 0 0px 20px;position:relative;height:75px;}
h1.logo{margin:10px 0 0 0;padding:0;width:840px;font-size:250%;}
h1.logo a{padding:0 0 0 5px;width:840px;text-transform:uppercase;color:#444;text-decoration:none;}
.descriptionwrapper {margin:0 0 0 7px;padding:0;width:840px;font-size:100%;}
#header-inner {
width:840px;
background-position:left;
margin-left:auto;
margin-right:auto;
float:left;
}
#header {
color:#444;
text-align:center;
}
#r_head{
width:430px;
float:right;
padding-top:20px;
}
/* Search */
.search{width:250px;position:absolute;right:0;bottom:30px;padding:11px 20px 0 0;}
.search form{float:right;margin-right:0;}
.search input{float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-W61XQoeaJn1SCOwMJDsdolL7XVwIqJqRdDcrtB152rh4YEVxOD9EcaRIHjLs694k944Kq_L9s8otSEWGUgzDyc39nmewfVb5hp68b_XHpXkzFhEnm2JAqEx46vQeWmQDrwTtHExutaQV/s1600/search-input.png) no-repeat;border:none;padding:8px 0 7px 18px;width:182px;color:#000066;font-weight:bold;}
.search button{float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYHlEGrfq7YlKbL5OMdMy5XsoVonAV9hykBDMNuYAx2T5QOniTAS0O7vRlNynW1rACOz4dw1o7pr20T1o8n7L3WFt9F0MZYRTv9cU0KGE9ebXFmXFjSc6Yy-7lK8HjQoZ8-dGaAvO8OGD7/s1600/search-button.png) no-repeat;width:44px;height:29px;border:none;cursor:pointer;color:#fff;vertical-align:middle;padding:2px 5px 5px 0;font:bold 12px/12px "Verdana", sans-serif;}
/* Top Menu */
.menu{width:880px;margin:0 20px;border:none solid #403f3f ;background:#f8f8f8;overflow:hidden;border-bottom:3px solid #191919;}
/**/ * html .menu{height:1%;} /* */
.menu ul, .menu li{float:left;list-style:none;margin:0;padding:0;}
.menu li a{display:block;margin:0;padding:7px 10px;color:#000;text-decoration:none;font-weight:normal;}
.menu li a:hover{background-color:#2A2A2A;}
.selected{background-color:none;}
.clear{clear:both}
.right {float:right;}
.right a{color:#999;}
.right a:hover{color:#444;text-decoration:none;}
.left {float:left;}
/*******************
* TOP *
********************/
#top {
background: #fff;
margin: 0 auto;
padding: 0;
width:920px;
}
#topnav {
background: #fff;
height: 32px;
margin: 0;
padding:2px 0 1px 0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
font-size: 11px;
}
#topnav .current_page_item {
background: #1EEC12;
}
#topnav .current_page_item a {
color: #fff !important;
}
#topnav ul {
float: left;
list-style: none;
margin: 0 0 0 1px;
padding: 0;
}
#topnav li {
float: left;
list-style: none;
margin: 0 5px 0 0;
padding: 0;
font-weight: bold;
text-transform: uppercase;
}
#topnav ul li {
list-style: none;
margin: 0 0 0 5px;
padding: 0;
/*border-right: 1px solid #045;*/
}
#topnav li a, #topnav li a:link, #topnav li a:visited {
font-weight: bold;
color: #242423;
display: block;
margin: 0;
padding: 8px 12px 7px 12px;
}
#topnav li a:hover, #topnav li a:active {
background: #242423;
color: #fff;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 12px 7px 12px;
border-bottom: none;
}
#topnav li li a, #topnav li li a:link, #topnav li li a:visited {
background: #fff;
width: 130px;
color: #111;
float: none;
margin: 0;
padding: 8px 12px 7px 12px;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
#topnav li li a:hover, #topnav li li a:active {
background: #242423;
color: #fff;
padding: 8px 12px 7px 12px;
}
#topnav li ul {
z-index: 9999;
width: 155px;
margin: 0;
padding: 0;
position: absolute;
left: -999em;
height: auto;
}
#topnav li li {
border:none;
}
#topnav li ul a {
width: 120px;
}
#topnav li ul a:hover, #topnav li ul a:active {
}
#topnav li ul ul {
margin: -29px 0 0 156px;
border: none;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
left: -999em;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
left: auto;
}
#topnav li:hover, #topnav li.sfhover {
position: static;
}
#topnav .left a {
margin: 0;
padding: 0 5px 0 5px;
}
/*Menu*/
#navbarsecond{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
width:920px;
margin:0 20px;
}
/* Dropdown menu */
.dropdown, .dropdown * { margin: 0; padding: 0; list-style: none; }
.dropdown { line-height: 1.0; }
.dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
.dropdown ul li { width: 100%; }
.dropdown li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.dropdown li { float:left; display:inline; position: relative; }
.dropdown a { position: relative; }
.dropdown li:hover ul,
.dropdown li.sfHover ul { left: 0; top:43px; /* match top ul list item height */ z-index: 99; }
ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul { top: -999em; }
ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul { top: -999em; }
ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
#navbarsecond .dropdown ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
#navbarsecond .dropdown li:hover ul,
#navbarsecond .dropdown li.sfHover ul { left: 0; top:47px; /* match top ul list item height */ z-index: 99; }
#navbarsecond ul.dropdown li:hover li ul,
#navbarsecond ul.dropdown li.sfHover li ul { top: -999em; }
#navbarsecond ul.dropdown li li:hover ul,
#navbarsecond ul.dropdown li li.sfHover ul { left: 160px; /* match ul width */ top: -10px; }
#navbarsecond ul.dropdown li li:hover li ul,
#navbarsecond ul.dropdown li li.sfHover li ul { top: -999em; }
#navbarsecond ul.dropdown li li li:hover ul,
#navbarsecond ul.dropdown li li li.sfHover ul { left: 160px; /* match ul width */ top: -10px; }
.dropdown {
float:left;
}
.dropdown a {
padding: 12px 10px 15px;
margin:0 5px 0 0;
text-decoration:none;
line-height:1.2;
font-size: 14px;
color: #848484;
display:block;
}
.dropdown a:hover {
background:#ededed;
color:#dadada;
}
.dropdown ul {
text-align: left;
margin: 0;
background:#ededed;
border-top:none;
z-index:999;
padding:10px 0 10px;
}
#navbar .dropdown ul ul {
top:-10px;
padding:10px 0 10px;
}
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a,
.dropdown .current_page_item a,
.dropdown .current-cat a,
.dropdown .current-menu-item a {
outline:0;
color: #848484;
font-weight:bold;
}
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a,
.dropdown .current_page_item ul a,
.dropdown .current-cat ul a,
.dropdown .current-menu-item ul a {
outline:0;
font-weight:normal;
color:#c0c0c0;
}
.dropdown li ul li {
float:left;
margin:0;
padding:0;
}
.dropdown li ul li a {
color:#dadada;
margin:0;
padding:3px 10px;
}
.dropdown li:hover a {
color:#dadada;
background:#ededed;
}
.dropdown li:hover ul a {
color:#848484;
}
.dropdown li:hover li a:hover {
color:#dadada;
}
.dropdown a.sf-with-ul {
min-width:1px;
}
.sf-sub-indicator {
display:block;
margin:0;
height:10px;
width:100%;
float:left;
text-indent:-999em;
overflow:hidden;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikZa_uZP0GMC8ds3gFOU9xBZ01ShBoA4RKqkOVnck36ykwSHbNie4QEnildhlc3mKHuRR4JIdSlJog4NWfHFLkkKHu9r7SeP91Yunrwhq5FQ8_d25un8zEoCqudOjzN_XGMnjP1SDkJwUj/') no-repeat center;
}
.dropdown li:hover li .sf-sub-indicator { /* give all except IE6 the correct values */
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Y41vkURMRdm0lZ8qX1L0mtTOU_F9RFaDCtL0NQG_KHjLLVGH-ipZb5xhD3hyphenhyphen9gXgrs7KNqiXIjIucVx-2Ll31c7N_XJuAiho2ykkbxBrx4dlZmdTB5nj46uKWmeAQX-lBc0zVCWZ50-i/') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */
width:10px;
float:right;
margin:5px 0 0 5px;
}
#navbarsecond .sf-sub-indicator {
display:block;
margin:0;
height:10px;
width:100%;
float:left;
text-indent:-999em;
overflow:hidden;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheyCywNx-3zIpD49j0XwtfcmbSN7HnhyphenhyphenoY-cZpwZRVyeDozS5LbVQpFK67GCIOkX6yRBXU3GJLmp5pNfm2HI-9DlIp4Qiuu7eiip9MW3Ith7_606D5Q6F-S61ah8s_EHW4T14MKz5Z5k0S/') no-repeat center;
}
#navbarsecond .dropdown li:hover .sf-sub-indicator {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENT3KS2T9b4O61fLY1uS_lTLHhn_gx0nDDDt-Y6aZksoFstfx7r5cnub-cjD8Pff0ZeEv7QVUF1L9MplcmmKan36-KIUiIWNne-_Y1hsGhORei_FStzLnbtXsOoGxpkJ2saem8LMB0EfZ/') no-repeat center;
}
#navbarsecond .dropdown li:hover li .sf-sub-indicator { /* give all except IE6 the correct values */
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZKezxna1V6U01Qeshx5gvzHMoSSyF4_d_JWl8WScppjU0a2wEaD4EHhdI_6dYYJPJlveQM_xVwE4wYvagA6p25Ko9AA3N6hQ5QcAnqpwzhdpYzlmxeXEospc-lw2P9VUJh9bZ_cT0tab/') no-repeat right; /* 8-bit indexed alpha png. IE6 gets solid image only */
width:10px;
float:right;
margin:5px 0 0 5px;
}
#navbarsecond .dropdown a {
color: #000;
font-size:14px;
padding:12px 10px;
line-height:1.2;
}
#navbarsecond .dropdown a:hover {
background: #242423;
color:#fff;
}
#navbarsecond .dropdown ul {
background: #242423;
padding:10px 0 10px;
margin-top:-4px;
}
#navbarsecond .dropdown ul ul {
top:-10px;
padding:10px 0 10px;
background: #242423;
}
#navbarsecond .dropdown li ul li {
color:#000;
}
#navbarsecond .dropdown li ul li a {
color:#000;
padding:4px 10px;
}
#navbarsecond .dropdown li:hover a {
color:#fff;
background: #242423;
}
#navbarsecond .dropdown li:hover ul a {
color:#fff;
}
#navbarsecond .dropdown li:hover li a:hover {
color:#dadada;
}
#crosscol-wrapper {margin:0 20px; padding:10px 0 0 0;}
/* layout */
#main{margin:10px 0;}
#content{margin:0;width:590px;float:left;margin:0;padding:0 15px 0 20px; line-height:150%;padding-bottom:none !important;}
.post{padding:0;text-align:left;}
#sidebarwrap{width:300px; float:left;padding:0 20px 0 15px;margin:0;}
/* CONTENT */
#content h2{color:#222;text-align:left;font-size:30px; font-family: "Lato" "Myriad Pro", "Arial", sans-serif;padding:0;margin:0;line-height: 1.1;padding-right:25px;}
#content h2 a{color:#222;text-decoration:none;}
#content h2 a:hover{color:#1A74BA;}
#content h3, #content h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:0;}
#content h3 a{color:#111;text-decoration:none;}
#content h3 a:hover{color:#DF2F00;text-decoration:none;}
.under, .info{ margin-top:5px; font-size:11px;height:18px;line-height:18px;}
.categories{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGnTNjCeRvGGROefBVDO-7yKMsbGIVigsrv97CRMdpeplq-shU-kF0ROlKEMY4MZRdzNo6Fp0N48WYwNpo5IgB5VoNg87QnggGa4MK93tJpfIncbwSNI7ymjLYTWc9YrsPtN3V0gRzEOCM/s13/icon-article-tags.png) 0 center no-repeat;padding:0 0 0 20px;float:left;}
.jump-link {padding:0 0 0 20px;float:right;font-weight:bold;font-size:12px;}
#content .under a, #content .info a{color:#666;text-decoration:none;}
/* table setting for content only*/
#content table{background:#FFF;border:1px solid #CCC;border-collapse:collapse;margin:5px 0 10px;}
#content th, #content td{border:1px solid #CCC;padding:5px 10px;text-align:left;vertical-align:top;}
#content tr.even td{background:#F7F7F7;}
#content th{background:#EDEFF0;}
.post br{padding:0;margin:0;line-height:100%;}
.post p{padding:0;margin:0px 0 0px 0;}
.post{padding-bottom:0px;line-height:1.6em}
.post ul{list-style:none;margin:0px 0 10px 0;}
.post ul li{padding-left:33px;position:relative;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC1WFrnlKZa1pnnEKl4D-bv55gO6trFT-MlOrY84P6QEI4FG9HXQnAZDMcUptqi2H1SFqigJl3SLYx_n3vknnQC1BGdKFOC58kn4i4AiYs7iqqIfcwa8AijoBWhU9g3fKyO-DFx_R25A29/s1600/p-con-li.png) no-repeat 15px 3px;}
.post ol {padding:10px 0;}
.post ol li{margin:0 0 0 35px;position:relative;}
.post img{max-width:590px;}
.post-meta{background:none;color:#999;font-size:11px;margin:8px 0;padding-bottom:8px;width:590px; border-bottom:1px solid #e5e5e5}
.post-meta a{color:#999;font-style:normal}
.post-meta a:hover{color:#1A74BA}
.post-meta span {padding: 0px 10px 0px 0px;}
/* Related Post */
#content .related_posts{margin-top:25px;padding:0 10px 0 0;}
#content .related_posts h4{color:#111;font-size:19px;font-family: "Lato", "Myriad Pro", "Arial", sans-serif;;color:#444;;letter-spacing:-0.5px;padding:15px 0 7px 0;border-bottom:solid 1px #fafafa;margin-bottom:5px;}
#content .related_posts a{color:#444;}
#content .related_posts ul{padding:0;}
#content .related_posts ul li{list-style:none;padding:9px 5px 9px 14px;border-bottom:1px solid #eee;line-height:18px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKFscNb0lcWObVAPFNtD9C8Q7B9oLQ3oh-3bpapLUz9V0LQExzevxiNo0EMtlLsbzDwh6F2tMUEhyphenhyphenH6ZZ0crt9pvN-cdDAyIV9QSBwm5k9r-ahFmCRIngGu8yDuQBE06npf6iACOX5NWk5/) no-repeat 0 14px;}
/* SIDEBAR */
#sidebarwrap{margin-top:15px;}
#sidebarwrap .module, #sidebarwrap .subscribe{margin-bottom:5px;padding:0 0 5px 0;width:300px;}
#sidebarwrap .widget{margin-bottom:5px;padding:0 0 5px 0; line-height:150%;}
#sidebarwrap .widget h2{
border-bottom: 1px solid #E5E5E5;
font-size: 14px;
line-height: 1.3;
margin: 0 0 15px 0;
padding:8px 0;
text-transform:uppercase;
color: #666;
font-weight:normal;
}
#sidebarwrap p{padding:2px 0;margin:2px 0;}
#sidebarwrap .widget ul{list-style-type:none;margin:0 2px;padding:0;}
#sidebarwrap .widget ul li{padding:5px 0;color:#444;font-weight:normal;}
#sidebarwrap .widget a{color:#000000;}
/* Label */
#sidebarwrap .Label ul{list-style-type:none;margin:0 2px;padding:0;}
#sidebarwrap .Label ul li{padding:5px 0;border-bottom:1px solid #eee;color:#444;font-weight:normal;width:142px;float:left;margin:0 3px;}
#sidebarwrap .Label ul li a{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMPgcqhZ3M_f91qraOQ4fKAMrPVak4JQY4h9euUyTnfw5hegGRRX22_tYeplC7QLAOgBCewjoRQo-YKxCkBIMp9s_a0vuL36HpmLGSDe7kuQCk40q9-pWrZ5WoKhT6u-uSVxMVklQ7MxC/s1600/bullet.png) no-repeat 0 5px;padding-left:12px;color:#444;}
#sidebarwrap .Label ul li a:hover{color:#000;text-decoration:none}
#ArchiveList {padding:0 0 0 20px;}
#ArchiveList ul li {padding:3px 0;}
.zippy{color:#aaa}
#sidebarwrap .LinkList ul{padding:0;margin-bottom:5px;}
#sidebarwrap .LinkList ul li{list-style:none;padding:10px 0 10px 15px;line-height:15px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMPgcqhZ3M_f91qraOQ4fKAMrPVak4JQY4h9euUyTnfw5hegGRRX22_tYeplC7QLAOgBCewjoRQo-YKxCkBIMp9s_a0vuL36HpmLGSDe7kuQCk40q9-pWrZ5WoKhT6u-uSVxMVklQ7MxC/s1600/bullet.png) 0 14px no-repeat;border-bottom:solid 1px #eee;}
/* Footer */
.footer{background:#fff;width:920px;padding:0 20px 20px 20px;overflow:hidden;margin:0 auto;}
.footer hr{border-left:none;border-right:none;border-top:3px solid #E0DFDF;border-bottom:none;height :1px;display:block;margin-bottom:10px;}
.footer p{padding:1px 0;color:#666;font-size:11px;}
.footer p a, .footer p a:visited, .footer p a:hover{color:#333;font-weight:normal;text-decoration:none;}
/* Clear fix */
.clearfix:after{clear:both;display:block;content:".";height:0;visibility:hidden;}
.clearfix{display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
/* Comments
----------------------------------------------- */
#comments h4 { color:#111;font-size:normal 19px;font-family: "Lato", "Myriad Pro", "Arial", sans-serif;padding:10px 0 10px 0;margin-bottom:10px;}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
padding-left:20px;
font:bold 14px/14px Arial, sans-serif;
}
#comments-block .comment-body {
margin-top:0;
padding-left:0;
padding-top:10px;
}
#comments-block .comment-footer, #comments-block .comment-footer a{
font-size:11px;
margin:0 0 10px 0;
padding-bottom:5px;
padding-left:0;
text-transform:none;
color:#aaa;
}
#comments-block .comment-footer{border-bottom: solid 1px #ccc;}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#commentsHolder{width:620px;}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
margin-top: 20px;
padding-top:20px;
text-align: center;
border-top:1px solid #e5e5e5;
}
.blog-pager-older-link,.blog-pager-newer-link{width:32px;height:32px;display:block;text-indent:-9999px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhluBUYBzV-3jVUUvjD50yVkvOzF_O4VbGUUF_RH1KFFietRvN5vnhlqrezIVHHYBpxn7YigxH6SWWrabdzv9T_CTs2Y7kRPdDqLOTSzHoe2tjlBCODn9OVj1a-o44xZymtUjNu1L6kVCUt/s1600/rightarrow.png);background-repeat:no-repeat}
.blog-pager-newer-link{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtM2DVV2TbDchj-4zYeA2U99fZ-B_vi3C-OPknIYN2zIjYiFKeFaHLTv_FtBa_m0GsjiJMNpHg5p6SISYMpbXa54_wqkYqcye9pqYQ9SDcFvkmTB9ibgjfd3zZBRfa-jrkHpl4RwTX8a3_/s1600/leftarrow.png)}
.blog-pager-older-link,.blog-pager-newer-link{width:32px;height:32px;display:block;text-indent:-9999px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhluBUYBzV-3jVUUvjD50yVkvOzF_O4VbGUUF_RH1KFFietRvN5vnhlqrezIVHHYBpxn7YigxH6SWWrabdzv9T_CTs2Y7kRPdDqLOTSzHoe2tjlBCODn9OVj1a-o44xZymtUjNu1L6kVCUt/s1600/rightarrow.png);background-repeat:no-repeat}
.blog-pager-newer-link{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtM2DVV2TbDchj-4zYeA2U99fZ-B_vi3C-OPknIYN2zIjYiFKeFaHLTv_FtBa_m0GsjiJMNpHg5p6SISYMpbXa54_wqkYqcye9pqYQ9SDcFvkmTB9ibgjfd3zZBRfa-jrkHpl4RwTX8a3_/s1600/leftarrow.png)}
.home-link{display:none}
.feed-links {
margin-top: 10px;
clear: both;
line-height: 2.5em;
}
#comments .form-comment {width:580px;}
#comments .form-comment iframe {width:580px;margin:0;padding:0;}
.clear{clear:both;}
/* Sponsor */
#sidebarwrap .sponsor{padding:3px 0;margin:0;text-align:center;border:#ccc 1px solid;}
#sidebarwrap .sponsor img{padding:5px;margin:3px;border:#ddd 1px solid;background:#fefefe;}
/* FORM */
.inputbox{padding:3px;font-family:Tahoma, Arial, sans-serif;font-size:100%;}
.inputbox{background:#FFFFFF;color:#000;border: 1px solid #999;}
.button{padding:2px 5px;border: 1px solid #999; color: #000; background:#eee;}
.thumbimg{float:left;margin:4px 10px 0 0px;border:1px solid #eee;padding:5px;}
/* social media buttons on post page */
#content .socialmedia-post h3{color:#1A74BA;padding:0 0 7px 0;}
.socialmedia-post ul{ height:30px;padding:0 !important;margin: 0 auto;}
.socialmedia-post ul li{ padding: 0 15px 0 0;margin:0;float:left;list-style:none;background:none;}
.socialmedia-post ul li .last{ padding:0;margin:0}
.stumblebutton {padding:0;margin:1px 0 0 0;}
.forads a{font-weight:bold;}
.PostDate {color:red;}
/* Social Icons */
.iconFacebook,
.iconGoogle,
.iconTwitter,
.iconRSS {
background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW2rUKh-BRYdLlLCSaibEFev9VrnMjqYVqS2ajCSlAwAFVSDS7zvERQkvedLugdldcApJh0WU6376lQbkcFmqohnoTvgiNd9oXbqadLkYEaiwKwwKyEhKEiro2Vrl6xQTdmOsELEX5TESu/s1600/socialicons.png') no-repeat 4px 0;
border-left: 1px solid #fafafa;
display: block;
float: right;
font-size: 11px !important;
font-weight: bold;
height: 32px;
line-height: 32px !important;
margin: 0 0 0 6px;
padding: 0 6px 0 30px;
}
.iconGoogle {
background-position: 4px -36px;
}
.iconTwitter {
background-position: 4px -72px;
}
.iconRSS {
background-position: 4px -108px;
padding-right: 0;
}
.iconFacebook:hover {
background-position: 4px -144px;
}
.iconGoogle:hover {
background-position: 4px -180px;
}
.iconTwitter:hover {
background-position: 4px -216px;
}
.iconRSS:hover {
background-position: 4px -253px;
}
#post-share-button{margin-top:25px;background:#fafafa;padding:10px 10px 5px 15px;width:95%}
.breadcrumbs{padding:5px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #eee;border-top:1px dotted #eee;}
#Attribution1 {display: none;}
#comments p a{ display: none !important;}
/* Header
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
_background-image: none;
color: $(header.text.color);
text-align:center;
}
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}
#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}
#bgmenu {
background: #333;
width: 950px; /*--- lebar keseluruhan bar menu ---*/
font-size: 12px;
margin:0px auto;
padding: 0px auto;
border:2px solid $bordercolor;
border-bottom: 4px solid #555;
clear:both;
}
.menuleft{
width: 700px;/*--- lebar untuk menubar ---*/
margin: 0px 4px 5px 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.menuleft ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #333333;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #555555;
border-left-color: #333333
}
.menuleft ul li{
display: inline;
}
.menuleft ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #333333;
}
.menuleft ul li a:visited{
color: #FFFFFF;
}
.menuleft ul li a:hover, .menuleft ul li .selected{
color: #FFFF00 !important;
padding-top: 5px;
padding-bottom: 5px;
background: #555555;
}
.menuright {
width: 260px/*--- lebar untuk kotak pencarian ---*/
font-size: 12px;
float: right;
margin: 2px;
padding: 6px 5px 0px 0px;}
.menuright a img {border: none;margin: 0px;padding: 0px;}
]]></b:skin>
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
#content h2 {
font-size: 18px;
line-height: 1.1;
margin: -5px 0 0px 0;
padding:8px 0;
text-transform:uppercase;
color: #666;
font-weight:normal;
}
#post-footer{display:none}
.post{padding-bottom:15px;}
.post-meta{margin-top:-4px;}
.separator{margin-top:-6px;}
</b:if>
</style>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://kangismet.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder : "http://kangismet.googlecode.com/files/grey.png",threshold : 200});
});
</script>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
</head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/*
* Superfish v1.4.8 - jQuery menu widget
* Copyright (c) 2008 Joel Birch
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
*/
(function($){$.fn.superfish=function(op){var sf=$.fn.superfish,c=sf.c,$arrow=$(['<span class="',c.arrowClass,'"> »</span>'].join("")),over=function(){var $$=$(this),menu=getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl();},out=function(){var $$=$(this),menu=getMenu($$),o=sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if(o.$path.length&&$$.parents(["li.",o.hoverClass].join("")).length<1){over.call(o.$path);}},o.delay);},getMenu=function($menu){var menu=$menu.parents(["ul.",c.menuClass,":first"].join(""))[0];sf.op=sf.o[menu.serial];return menu;},addArrow=function($a){$a.addClass(c.anchorClass).append($arrow.clone());};return this.each(function(){var s=this.serial=sf.o.length;var o=$.extend({},sf.defaults,op);o.$path=$("li."+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(" ")).filter("li:has(ul)").removeClass(o.pathClass);});sf.o[s]=sf.op=o;$("li:has(ul)",this)[($.fn.hoverIntent&&!o.disableHI)?"hoverIntent":"hover"](over,out).each(function(){if(o.autoArrows){addArrow($(">a:first-child",this));}}).not("."+c.bcClass).hideSuperfishUl();var $a=$("a",this);$a.each(function(i){var $li=$a.eq(i).parents("li");$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});});o.onInit.call(this);}).each(function(){var menuClasses=[c.menuClass];if(sf.op.dropShadows&&!($.browser.msie&&$.browser.version<7)){menuClasses.push(c.shadowClass);}$(this).addClass(menuClasses.join(" "));});};var sf=$.fn.superfish;sf.o=[];sf.op={};sf.IE7fix=function(){var o=sf.op;if($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined){this.toggleClass(sf.c.shadowClass+"-off");}};sf.c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",arrowClass:"sf-sub-indicator",shadowClass:"sf-shadow"};sf.defaults={hoverClass:"sfHover",pathClass:"overideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},speed:"normal",autoArrows:true,dropShadows:true,disableHI:false,onInit:function(){},onBeforeShow:function(){},onShow:function(){},onHide:function(){}};$.fn.extend({hideSuperfishUl:function(){var o=sf.op,not=(o.retainPath===true)?o.$path:"";o.retainPath=false;var $ul=$(["li.",o.hoverClass].join(""),this).add(this).not(not).removeClass(o.hoverClass).find(">ul").hide().css("visibility","hidden");o.onHide.call($ul);return this;},showSuperfishUl:function(){var o=sf.op,sh=sf.c.shadowClass+"-off",$ul=this.addClass(o.hoverClass).find(">ul:hidden").css("visibility","visible");sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){sf.IE7fix.call($ul);o.onShow.call($ul);});return this;}});})(jQuery);
jQuery(document).ready(function($) {
$('#navbar ul.dropdown').superfish({
delay: 100, // 0.1 second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
dropShadows: false // disable drop shadows
});
$('#navbarsecond ul.dropdown').superfish({
delay: 100, // 0.1 second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
dropShadows: false // disable drop shadows
});
});
//]]>
</script>
<script type='text/javascript'>
// ganti angka dibawah untuk mengatur jumlah karakter
summary_noimg = 350;
summary_img = 280;
// ganti angka dibawah untuk merubah ukuran thumbnail
img_thumb_height = 120;
img_thumb_width = 160;
// ganti dengan gambar sesuai selera anda
img_thumb_nosrc = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQxN8tcjolN_49y-ysYVhrpaXhBEtMS4QhU99v2KNIu9I_JhlHEtNWP2L7jM4EpsdLfA5WqvlJKiSlkZ-uJlhJtrWcEU18uoKAlipDgVHWUgQoNzKJUVXUGS-JMq2vPS1YsmCeBY5faxKP/s1600/default.png";
</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");
var summ = summary_noimg;
// this block of code is used to add default thumbnail to post without images
if(img.length<=1) {
imgtag = '<div style="clear:both; margin:0 10px 10px 0px;float:left;"><img src="'+img_thumb_nosrc+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';
summ = summary_noimg;
}
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 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 cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 5px groove #b8b8b8; padding-bottom: 20px;}
.post {margin-top: 10px; border-top: 5px groove #b8b8b8; padding-top: 20px;}
.post {margin-left: 10px; border-left: 5px groove #b8b8b8; padding-left: 20px;}
.post {margin-right: 10px; border-right: 5px groove #b8b8b8; padding-right: 20px;}
.readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>
<body oncontextmenu='return true;' onkeydown='return true;' onmousedown='return true;'>
<div id='wrapper'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='top'>
<div id='topnav'>
<div class='left'>
<b:section id='topmenu' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!--end: left-->
<div class='right'>
<a class='iconFacebook' href='https://www.facebook.com/groups/1544263472514711/?ref=bookmarks'>Facebook</a>
<a class='iconTwitter' href='https://twitter.com/onedita'>Twitter</a>
<a class='iconRSS' href='http://ekamdt.blogspot.com/feeds/posts/default?alt=rss'>RSS</a>
<a class='iconGoogle' href='http://ekamdt.blogspot.com/'>Google</a>
</div></div></div>
<!--end: right-->
<!-- header START -->
<div id='header-wrapper'>
<div id='header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='SEO Optimize buat Blog pemula (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a href='http://ekamdt.blogspot.com/'>SEO Optimize buat Blog pemula </a>
</h1>
</div>
<div class='descriptionwrapper'>
<p class='description'><span>Cara Membuat, Blog, Tips, Internet, Komputer, Sosial Media, Kesehatan, Kecantikan</span></p>
</div>
</div>
</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='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:widget>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>
<!-- header END -->
<!-- Menu START -->
<div id='navbarsecond'>
<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul class='dropdown' id='secondmenu'>
<li><a href='/'>Beranda</a></li>
<li><a class='sf-with-ul' href=''>World News</a>
<ul class='sub-menu'>
<li><a href='http://ekamdt.blogspot.com/2015/03/cara-paling-cepat-dapat-dollar-dari.html '>Dollar WHAFF</a></li>
<li><a href=''>#</a></li>
</ul>
</li>
<li><a class='sf-with-ul' href='http://ekamdt.blogspot.com/search/label/Blog'>BLOG</a>
</li>
<li><a href='http://ekamdt.blogspot.com/search/label/SEO'>SEO</a></li>
</ul>
<!--end: left-->
<div class='right'>
<form action='http://ekamdt.blogspot.com/search' id='searchThis' method='get' style='display:inline;'>
<input id='searchform' name='q' size='25' type='text'/> <input id='sbutt' type='submit' value='search'/>
</form>
</div></div></div>
<!--end: right-->
<div class='clear'/>
</div><!-- /#navbarsecond -->
<!-- Main START -->
<div class='clearfix' id='main'>
<!-- Content Start-->
<div id='content'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='!data:mobile'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</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='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='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</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'><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 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/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<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>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<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>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<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>
<a expr:name='data:comment.anchorName'/>
<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/>
</dt>
<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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</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 class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:elseif cond='data:post.allowComments'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "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='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'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop=''/>
</b:if>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url and data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType != "item" and data:blog.pageType != "static_page" and data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:include cond='data:blog.pageType == "static_page" or data:blog.pageType == "item"' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop=''/>
</b:if>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.metaDescription == ""'>
<!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more</b></a></span>
</b:if>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>
<div class='post-footer-line post-footer-line-3'><span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span> </div>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></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='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='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/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
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 parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'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='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- Content End -->
<!-- Sidebar Start -->
<div id='sidebarwrap'>
<div style='margin:0; padding:0'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
<b:includable id='main'>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<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'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "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>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
<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:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' data='data' name='menu'/>
</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='interval' var='intervalData'>
<b:loop values='data:intervalData' var='interval'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:interval.expclass'>
<b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
<a class='post-count-link' expr:href='data:interval.url'>
<data:interval.name/>
</a>
<span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
<b:include cond='data:interval.data' data='interval.data' name='interval'/>
<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='post'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
<span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\0753295419759422091959\46blogName\75SEO+Optimize+buat+Blog+pemula\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//ekamdt.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://ekamdt.blogspot.com/\46blogFollowUrl\75https://plus.google.com/101579615053756191232\46vt\758094350749517766288',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<div class='module'>
<div style='margin:0; padding:0; width:140px;float:left;'>
<b:section class='sidebar' id='sidebar1' preferred='yes'/>
</div>
<div style='margin:0; padding:0 0px 0 10px; width:150px;float:left;'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>
<div style='clear:both;'/>
</div>
<b:section class='sidebar' id='sidebar3' preferred='yes'/>
</div>
</div>
<!-- Sidebar End -->
<div style='clear:both;'/>
</div>
<!-- Main End -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=2;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/page-navigation2.js'/>
</b:if>
</b:if>
<!--Start Footer-->
<div class='footer'>
<hr style='display:block;'/>
<p>Copyright © 2015 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.</p>
<p><a href='http://ekamdt.blogspot.com' title='SEO friendly Blogger Template'>Super SEO</a> created by <a href='http://ekamdt.blogspot.com/' target='_blank'>Blogger Health</a><a href='http://onekarisma.blogspot.com/'> </a>| Published by <a href='http://ekamdt.blogspot.com' target='_blank'>ekamdt.blogspot.com</a></p>
</div>
<!--End Footer-->
</div>
</body>
</html>
ok sekian dulu semoga bermanfaat untuk kita semua... selamat mencoba dan sukses selalu....
Tag :
Templates

0 Komentar untuk "Templates Blogger SEO"
Silakan Tinggalkan Kritik dan Saran