New Thesis SEO

Template Blog SEO Friendly & Fast Loading

jasa membuat blog

Jangan Terlalu Ngurusin Tampilan, Fokus ke Konten!

Jangan Terlalu Ngurusin Tampilan, Fokus ke Konten!

Fokus ke Konten
BANYAK blogger, terutama blogger baru, "berkutat" alias ngabisin waktu untuk ngurusin tampilan (desain). Padahal, para blogger pro mengatakan: Jangan Terlalu Ngurusin Tampilan, Fokus ke Konten!

Content is King!!! Konten adalah raja. Penentu utama keberhasilan sebuah blog.

Google juga demikian nasihatnya: fokus ke konten berkualitas! Soal tampilan, blogger hanya mengatakan dua hal:

  1. Gunakan template yang ringan, loading cepat. Baca deh: Make your blog load faster
  2. Gunakan template yang responsive. Jika template blog Anda tidak responsif, maka Blogger sudah menyediakan default template versi mobilnya. 
"Write quality content and do it well. No one wants to stumble over bad writing and terrible grammar," kata Google dalam panduan bloggernya. Tulislah konten berkualitas dan lakukan dengan baik!

Menurut Google, konten berkualitas itu antara lain asli, tulisan sendiri, bukan Copy Paste, dibutuhkan banyak orang (usability) alias bermanfaat, dan menggunakan tata bahasa yang baik (good grammar).

Untuk blogger blogspot, soal tampilan sudah banyak banget template yang Fast Loading dan SEO Friendly, juga yang responsif. 

Maka, sekali lagi, Jangan Terlalu Ngurusin Tampilan, Fokus ke Konten! Lagi pula, soal tampilan blog "hanya beda" di Home, Homepage, atau Beranda. 

Begitu di bagian single posts atau halaman posting, semua blog relatif sama tampilannya, hanya soal jenis huruf, related post, social share, atau bagian bawah posting.

Jadi, kenapa harus menguras tenaga dan menghabiskan waktu untuk ngurusin tampilan? Fokus ke konten, seperti kata Google: "Write quality content and do it well!"

So, Jangan Terlalu Ngurusin Tampilan, Fokus ke Konten! Good Luck!

Cara Pasang Iklan AdSense di Atas dan Bawah Posting Blog

Cara Pasang Iklan AdSense di Atas dan Bawah Posting Blog

Iklan AdSense
Cara Pasang Iklan AdSense di Atas dan Bawah Posting Blog untuk Meningkatkan Penghasilan.

Cara memasang Iklan (Google) AdSense di Atas dan Bawah Posting Blog sangat mudah. Bagi pengguna template NTS ini tinggal masukkan kode, sudah disediakan didalam template. Cari ja tulisan ADSENSE HERE! di atas dan bawah kode <data:post.body/>

Bagi pengguna template lain, cara  Pasang Iklan AdSense di Atas dan Bawah Posting Blog sebagai berikut:

1. Template > Edit HTML
2. Cari kode <data:post.body/>
3. Berhenti di kode <data:post.body/> kedua terakhir
4. Masukkan kode berikut ini:

<div style='margin:15px 0'>
<!-- KODE ADSENSE BAWAH JUDUL / ATAS POSTING DI SINI-->
</div>
<data:post.body/>
<div style='margin:15px 0'>
<!-- KODE ADSENSE DI BAWAH POSTING DI SINI-->
</div>

Intinya, tinggal menambahkan CSS membuat space iklan di atas kode <data:post.body/> yang merupakan kode single-post/single-page alias halaman dalam.

Gampang 'kan Cara Pasang Iklan AdSense di Atas dan Bawah Posting Blog? Good Luck!

Cara Mematikan Disable Right Click Template New Thesis SEO

Cara Mematikan Disable Right Click Template New Thesis SEO

Cara Mematikan Disable Right Click Template New Thesis SEO. Template New Thesis SEO ini menggunakan kode mematikan fungsi klik kanan.

Cara Mematikan Disable Right Click Template New Thesis SEO


Untuk menghapusnya, atau untuk memfungsikan Klik Kanan, cari kode berikut ini:

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Ganti dengan kode <body> saja alias hapus bagian warna merah!

Sebaliknya, jika blog Anda akan dimatikan fungsi klik kanan, untuk mempersulit COPAS postingan blog Anda, maka gunakan kode pertama tadi untuk mengganti kode <body>

Intinya, kode warna merah itu untuk mematikan fungsi klik kanan. Jika ingin memasangnya, ganti kode <body> dengan kode di atas. Clear?

Good Luck & Happy Blogging!

Lorem Ipsum is A Placeholder Text alias Filler Saja

Lorem Ipsum is A Placeholder Text alias Filler Saja

Lorem Ipsum is A Placeholder Text alias Filler Saja
Arti, Makna, Pengertian, dan Maksud Lorem Ipsum dolor sit amet.

ANDA tentu sudah terbiasa dan familiar dengan teks atau tulisan ""Lorem ipsum dolor sit amet...dst" di blog-blog demo atau situs web yang belum jadi.

Menurut Wikipedia, Lorem ipsum adalah teks pengisi sekadar menguji tampilan template blog.

Banyak juga desainer template yang mengisi blog demonya dengan naskah "normal".

Ini penjelasan Wikipedia tentang pengertian dan maksud Lorem Ipsum dolor sit amet-amet jabang bayi itu :)

Lorem ipsum is a placeholder text (filler text) commonly used to demonstrate the graphic elements of a document or visual presentation, such as font, typography, and layout, by removing the distraction of meaningful content.

The lorem ipsum text is typically a mangled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed that make it nonsensical and not proper Latin.

A common form of lorem ipsum text reads as follows:

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Another version of the text uses the word "adipisici" (rather than "adipisicing"; the digraph ng at the end of words is alien to classical Latin).

Other versions of lorem ipsum include additional words to add variety so that repeated verses will not word-wrap on the same phrases.

Demikian Arti, Makna, Pengertian, dan Maksud Lorem Ipsum dolor sit amet. Semoga paham sekarang... :)

Template New Thesis SEO Sesuai dengan Blog Demo

Template New Thesis SEO Sesuai dengan Blog Demo

Untuk memudahkan Anda, khususnya blogger pemula, memasang template New Thesis SEO ini, berikut ini Template New Thesis SEO Sesuai dengan Blog Demo. Anda tinggal copas saja kode di bawah ini.

Template New Thesis SEO Sesuai dengan Blog Demo


Caranya begini, begini caranya:

1. Di dashboard blog, klik Tema > Edit HTML
2. HAPUS SEMUA kode yang ada
3. Copas kode di bawah ini.
4. Save!

Beres. Blog Anda kini sudah menggunakan template New Thesis SEO sesuai dengan Blog Demo yang SEO Friendly Responsive dan Fast Loading ini. Monggo....!

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <title><data:blog.pageTitle/> | SEO Killer and Fastest Blogger Template</title>
<meta content='New Thesis SEO Friendly Blogger Template - Simple and Fast Loading Terbaru' name='description'/>
<meta content='template terbaru, blogger template, seo friendly, fast loading, simple template' name='keywords'/> 
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='keywords'/>
</b:if>
<meta content='New Thesis SEO' name='author'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<b:skin><![CDATA[/*
*-----------------------------------------------
Blogger Template Style
Name: New Thesis SEO
----------------------------------------------- */
body#layout .outer-wrapper {width:970px}
body#layout .content-wrapper {width:970px}
body#layout #header-wrapper{width:950px}
body#layout #header-1{float:left;width:250px;margin:35px;}
body#layout #header-2{float:right;width:450px;overflow:hidden}
body#layout #header-2 img{float:right;width:450px}
body#layout .header .widget{float:right;width:470px}
body#layout .main-wrapper {width:550px}
body#layout .sidebar-wrapper,.sidebar1-wrapper {width:300px;float:right}
body#layout #footer {width:970px}
.footer {width:200px;float:left}
body#layout ul {display: none}

/* -- General -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {    margin: 0;    padding: 0;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {     display:block;}
table {    border-collapse: separate;    border-spacing: 0;}
caption, th, td {    text-align: left;    font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {    content: "";}
blockquote, q {    quotes: "" "";}
sup{    vertical-align: super;    font-size:smaller;}
:focus {  outline: 0;  }
pre {  font-family: monospace;  }
::selection {  background: #333;  color: #fff;  }
::-moz-selection {  background: #333;  color: #fff;  }
code{  font-family: monospace;  font-size:12px; color:#272727;}
a img{  border: none;}
ol, ul {  padding: 10px 0 20px;  margin: 0 0 0 35px; }
ol li {  list-style-type: decimal;  padding:0 0 5px; }
ul li {  list-style-type: circle;  padding: 0 0 5px; }
ul ul, ol ol {  padding: 0;  }
h1,h2,h3,h4,h5,h6{font-family:Arial, helvetica, sans-serif;font-weight: normal;margin:15px 0}
.post-body h1{font-size:30px;}
.post-body h2{font-size:28px;}
.post-body h3{font-size:25px;}
.post-body h4{font-size:20px;}
.post-body h5{font-size:16px;}
.post-body h6 {font-size:12px;}
th, td {padding: 5px; border:1px solid #ccc; vertical-align: top; text-align:left;}
th{text-align:center; vertical-align:middle; padding: 7px;}
body{background:#e4e4e4;margin:auto;padding:0;color:#333;font:normal normal 14px Arial, helvetica, sans-serif;
line-height:1.7em;}
a:link,a:visited{ color:#007ACC;  text-decoration:none}
a:hover{ color:#000;  text-decoration:none}
.clear {clear:both}
/* -- Outer-Wrapper -- */
#outer-wrapper{background:#fff;width: 95%; max-width:920px;  margin:auto;  padding:0;  text-align:left;}
#footer-wrapper {border-top:1px solid #e5e5e5}
.clear{height:0}
.credit {font-size:11px;color:#999;background:#fff; height:20px; clear: both;width: 100%;
    max-width: 920px;
    margin: auto;}
.credit a{color:#999;text-decoration:none}
/*  -- Header -- */
#header-wrapper{width:100%;overflow:hidden;background:#fff;width:920px;height:100px;margin:0 auto;padding:0px;text-align:left;}
#header-1{float: left;max-width: 320px;overflow: hidden;margin:15px}
#header-2{float:right;max-width:470px;overflow:hidden;margin:15px}
#header-2 img{max-width:100%}
.header .widget{padding:5px}
.description{font-size:13px;font:Arial, Sans-serif;margin-top:5px}
.title {font-size: 30px;font:&#39;Open Sans Condensed&#39;,Arial, Sans-serif;margin: 0;font-weight: bold;}
.breadcrumbs{word-wrap:break-word;border-bottom:1px dotted #ddd;overflow:hidden;color:#777;margin:0;padding:10px;font-size: 12px;}
.breadcrumbs a{color:#2F6EB6}
.home-link {color:#666 !important}
.home{width:80px;text-align:center;margin:0 auto}
/* -- Navigation -- */
#cat-nav {background:transparent;height:42px;margin:auto;}
#content-top {background:#2F6EB6;width:95%;max-width:920px;margin:auto;border-bottom:4px solid #ddd}
#menu{width:70%;margin:0;float:left;color:#fff;height:42px;}
#menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
#menu ul{height:42px;width:555px;margin:0;}
#menu li{float:left;display:inline;position:relative;font:normal normal 14px Arial, helvetica, sans-serif;text-transform:uppercase}
#menu a{display:block;line-height:42px;padding:0 14px;text-decoration:none;color:#fff;}
#menu a.home {background: #222;}
#menu li a:hover{background:#3b5fff;color:#fff;}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:43px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:12px;position:absolute;left:35px}
#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#3b5fff;position:absolute;z-index:99;display:none;}
#menu ul.menus li{display:block;width:100%;}
#menu ul.menus a{color:#fff}
#menu li:hover ul.menus{display:block}
#menu a.dd{padding:0 27px 0 14px}
#menu a.dd::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#ddd transparent transparent transparent;position:absolute;top:16px;right:9px}
#menu ul.menus a:hover{background:#444555;color:#fff}
.social-profile-icons {width:25%;overflow: hidden;padding-left:35px;}
.social-profile-icons .alignleft, .social-profile-icons .alignright {  margin: 0;  padding: 0;  }
.social-profile-icons ul li {  background: none repeat scroll 0 0 transparent !important;  border: medium none !important;  float: left;  list-style-type: none !important;  margin: 0;  padding: 0 !important;  }
.social-profile-icons ul li a, .social-profile-icons ul li a:hover {  background: url("http://2.bp.blogspot.com/-pB43dn1qvlw/UXsJZO6x3YI/AAAAAAAAAHY/OWERTEK3TIE/s1600/social.png") no-repeat;  display: block;  height: 32px;  overflow: hidden;  text-indent: -999px;  transition: all 0.25s linear 0s;  width: 32px;  }
.social-profile-icons ul li a:hover {  background-color: #E53B2C;  }
.social-profile-icons ul li.social-facebook a {background-position: -64px 0;  }
.social-profile-icons ul li.social-facebook a:hover {background: #3b5997 url("http://2.bp.blogspot.com/-pB43dn1qvlw/UXsJZO6x3YI/AAAAAAAAAHY/OWERTEK3TIE/s1600/social.png") -64px 0;}
.social-profile-icons ul li.social-twitter a{  background-position: -256px 0;  }
.social-profile-icons ul li.social-twitter a:hover {background: #00aced url("http://2.bp.blogspot.com/-pB43dn1qvlw/UXsJZO6x3YI/AAAAAAAAAHY/OWERTEK3TIE/s1600/social.png") -256px 0;}
.social-profile-icons ul li.social-gplus a, .social-profile-icons ul li.social-gplus a:hover {  background-position: -96px 0;  }
.social-profile-icons ul li.social-linkedin a {  background-position: -128px 0;  }
.social-profile-icons ul li.social-linkedin a:hover {background: #007ACC url("http://2.bp.blogspot.com/-pB43dn1qvlw/UXsJZO6x3YI/AAAAAAAAAHY/OWERTEK3TIE/s1600/social.png") -128px 0;}
.social-profile-icons ul li.social-pinterest a {  background-position: -160px 0;  }
.social-profile-icons ul li.social-pinterest a:hover {background: #cb2027 url("http://2.bp.blogspot.com/-pB43dn1qvlw/UXsJZO6x3YI/AAAAAAAAAHY/OWERTEK3TIE/s1600/social.png") -160px 0;}
.social-profile-icons ul li.social-rss a {  background-position: -192px 0;  }
.social-profile-icons ul li.social-rss a:hover {background: #f60 url("http://2.bp.blogspot.com/-pB43dn1qvlw/UXsJZO6x3YI/AAAAAAAAAHY/OWERTEK3TIE/s1600/social.png") -192px 0;}
#searchform {    float: right;
    border: 1px solid #ddd;
    position: relative;
    margin: 15px 9px 15px 0;
    width: 95%;} 
#searchform input { background: #fff url(http://1.bp.blogspot.com/-pLUyIOtPp3M/UXsJY_BJhEI/AAAAAAAAAHU/LzcK_l2_22Y/s1600/search.png) no-repeat right 50%; border:0; color: #777; float: left; font: 400 12px/30px Open Sans, sans-serif; margin: 0; padding: 0 0 0 10px; width: 285px; height: 32px; } 
#searchform #search-button { border:0; float: left; } 
#searchform #s:focus { outline: none; }
/* -- Main -- */
#main-wrapper{width:60%;float:left; margin:0; padding:20px 0 10px 20px; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */overflow:hidden;  /* fix for long non-text content breaking IE sidebar float */}
p.date-header {background: url("http://2.bp.blogspot.com/-O6uZZCPxBj8/UX0aweYYwAI/AAAAAAAAAJg/0xsexuNeg9g/s1600/calender-icon.png") no-repeat scroll 0 5px transparent;margin:0; padding:0;font-size:12px;color:#777;padding:3px 0 5px 20px}
.post-title {
  margin:6px 0;
  font-size: 20px;
  line-height: 1.3em;
  color: #555;
  padding: 5px 5px 5px 0;
  font-weight: 700;
  font-family: Arial;}
.post-title a{color:#007acc}
.post-title a:hover{color:#222}
.post-body, .post-body p{margin:0 25px 20px 1px;font-size:13.5px;line-height:18px}
.post-footer {width: 100%;
  margin: 0px;
  color: #999;
  text-align: left;
  border-top: 1px solid #ddd;
  padding: 5px 0 0px 1px;}
.post-footer a{color:#999}
.post-footer p{margin:0;padding:0; font-size:11px}
.comment-link{margin-left:.6em}
.post img{margin:0px;padding:0;border:0;max-width:550px}
.post bt{float:left; color:#222; font-size:11px;line-height:80px; padding-top:1px; padding-right:5px}
.post-body blockquote {padding-left:40px;margin:15px 10px;font-size:16px;line-height:1.3em;color:#777;background:url(http://2.bp.blogspot.com/-5lw1UCCYTKo/UXubnwhfHFI/AAAAAAAAAJA/MgkvhNj95A0/s1600/quot.png) no-repeat left 5px;}
.post-author {float: left;  margin:0; padding:2px 5px 0 1px; }
.post-timestamp {float: left;  padding: 2px 15px 0 1px;  }
.post-labels {float: left;  padding: 2px 15px 0 1px;  }
.post-comment-link {float: left;  padding: 2px 15px 0 1px;  }
.blog-pager {
  font: normal normal 14px Arial, helvetica, sans-serif;
  clear: both;
  padding-top: 20px;
  padding-right: 30px;
}

.feed-links{ clear:both;  line-height:0em;display:none}

/--- Notifications ---/
pre { overflow: auto; background: #F7F7F7 url('http://3.bp.blogspot.com/-xvam9AUqFs4/UXsJY2x0EZI/AAAAAAAAAHQ/CgbeSAUyHKw/s1600/code-pre.png') 10px 2px no-repeat; padding: 2em 1em 1em 1em; border: 1px solid #DDD; margin: 15px 0; }
.message_box.note { margin: 15px 0; color: #666; border: 1px solid #FDEBA5; padding: 0.5em 1em 0.5em 3em; background: url("http://2.bp.blogspot.com/-hGLG-W-Wvs4/UXsJaVL4Q9I/AAAAAAAAAHo/3C6UpLUCeTc/s1600/top.png") no-repeat scroll 10px center #FEF4C8; }
.message_box.message_box.announce { margin: 15px 0; color: #666; border: 1px solid #BEE5F8; padding: 0.5em 1em 0.5em 3em; background: url('http://4.bp.blogspot.com/-rDo3Hq8HOi0/UXsJa_ws7mI/AAAAAAAAAHw/uzyzHsw9Ois/s1600/speaker.png') no-repeat scroll 10px center #D7EFFB; }
.message_box.success {  margin: 15px 0; color: #666; border: 1px solid #DEF1BF;  padding: 0.5em 1em 0.5em 3em; background: url('http://3.bp.blogspot.com/-CL8ZThKCctA/UXsJbn6Xy9I/AAAAAAAAAIA/Jt2I-nZKwic/s1600/yes.png') no-repeat scroll 10px center #E8F6D2;  }
.message_box.warning {  margin: 15px 0; color: #666; border: 1px solid #FFDBDB; padding: 0.5em 1em 0.5em 3em; background: url('http://2.bp.blogspot.com/-PYbUbhGzZHM/UXsJapU1acI/AAAAAAAAAHs/5Z5VNIOsW0k/s1600/x.png') no-repeat scroll 10px center #FFE7E7;  }
/--- Table ---/
.post table, .post.table {  border: 1px solid #E4E5E5;  border-collapse: collapse;  border-spacing: 0;  margin: 0 0 20px;  width: 100%;  }
.post th, .post.table th {  background: #41B7D8;  border-color: #e4e5e5;  border-style: none none solid;  border-width: 0 0 1px;  color: #FFFFFF;  font-size: 16px;  font-weight: bold;  padding: 10px;  text-align: left;  }
.post table td, .post.table td {  border: 0 none;  color: #000;  padding: 10px;  text-align: left;  }
.post table.table td {  background: #F0F0F0;  border-bottom: 1px solid #e4e5e5;  }
.post table.table td.even {  background: #FBFBFB;  }

/* -- Sidebarright Content -- */
#sidebar-wrapper{width:35%;float:left; margin:10px 0;padding:10px 0; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */overflow:hidden;  /* fix for long non-text content breaking IE sidebar float */}
#sidebar ul{padding:0; margin:0; color:#444}
#sidebar ul li{list-style-type:none; border-bottom:1px dotted #e5e5e5; margin:0;padding:5px 0}
.sidebar .widget {color:#222; padding:0;margin:0;}
.sidebar .widget-content {padding:7px 5px;margin:0;}
#sidebar h2 {border-bottom:3px solid #e5e5e5;color : #555;font-size:20px;margin :5px;padding:5px 0}
/* -- Footer -- */
#bottom-wrapper ul{padding:0; margin:0; color:#eee}
#bottom-wrapper ul li{list-style-type:none; border-bottom:1px solid #1a1a1a; margin:0 0 5px;padding:0 0 5px 5px}
#bottom-wrapper {float:left; background:#222; color:#eee; margin:0;padding:10px 0 2px 0;width:100%; overflow:hidden; font-size:12px;box-shadow:inset 0 1px 5px 0 #000;border-radius: 0 0 3px 3px;}
#bottom-wrapper a{color:#fff;}
#bottom-wrapper h2 {color:#eee;margin:.5em 0; padding:0 0 5px 0; font-size:12pt;line-height:1.3em}
.bottomleft .widget, .bottomcenter .widget, .bottomright .widget {padding:10px; margin-bottom:10px}
.bottomleft{ width:295px; float:left; Margin-left: 8px}
.bottomcenter{ width:295px; float:left; Margin-left: 8px}
.bottomright{ width:290px; float:left; Margin-left: 8px}

#related-posts{float:left;width:100%;border-top:2px solid #88daed;margin:5px 0 10px;padding:15px 0 10px}
#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0}
#related-posts a{color:#0973CF;font:14px Arial}
#related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 22px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}
#related-posts ul li{list-style:none;margin:0;padding:6px 10px;}
.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:10px;margin-top:0px;margin-right: 25px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}
.comments .comments-content .datetime,.comment-content a,.quickedit,#Attribution1,#navbar {visibility:hidden;display:none;}
#comment-editor{width:103%!important;margin-left:-1%}
.comment-form{width:100%;max-width:100%}
]]></b:skin>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.post-title.entry-title{display: none;}
.post {width:96%}
</style>
</b:if>
<!-- = / Responsive / = -->
<style>
@media screen and (max-width: 980px) {
#content-top {height:200px;}
#menu{width: 100%;}
.social-profile-icons{background:#222 url(http://4.bp.blogspot.com/-RZPVGtjEzSg/UXubiWTm_ZI/AAAAAAAAAI4/fcjEw7W_u1c/s1600/footer.png);position:relative;float: left;margin:0; width: 100%;border-bottom:1px solid #222}
}
@media screen and (max-width: 800px){
#header-wrapper {width:95%;}
#header-1 {width:100%;float:left;text-align:left;max-width: 100%;}
#header-2 {float:left;margin:-80px 0 0 280px;}
#content-top {height:200px;}
#main-wrapper{float: left;clear: left;margin:10px;padding:5px;width: 90%;}
#sidebar-wrapper, .bottomleft, .bottomcenter, .bottomright {float: left;clear: left;margin:0;padding:0;width: 100%;border:0;}
.social-profile-icons{background:#222 url(http://4.bp.blogspot.com/-RZPVGtjEzSg/UXubiWTm_ZI/AAAAAAAAAI4/fcjEw7W_u1c/s1600/footer.png);position:relative;float: left;margin:0; width: 100%;border-bottom:1px solid #222;padding-left:0}
.post-title{font-size:20px;}
.post img{max-width:420px;}
#menu{position:relative;width:100%;display:block;margin:0;float:left;clear:left;height:40px;top:0;}
#menu ul{width:100%;background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
#menu ul.menus{width:100%;position:static;}
#menu li{display:block;float:none;width:auto}
#menu input,#menu label{position:absolute;top:7px;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:black}
#menu input:checked ~ ul{display:block}
}
@media screen (width:768px){
#header-2 {float:left;margin:-80px 0 0 300x;}
  }
@media screen and (max-width:600px){
#header-2 {display: none;}
}
@media screen and (max-width: 480px){
#content-top {height:200px;}
#main-wrapper{float: left;clear: left;margin:10px;padding:5px;width: 90%;}
#sidebar-wrapper, .bottomleft, .bottomcenter, .bottomright {float: left;clear: left;margin:0;padding:0;width: 100%;border:0;}
.social-profile-icons {background:#222 url(http://4.bp.blogspot.com/-RZPVGtjEzSg/UXubiWTm_ZI/AAAAAAAAAI4/fcjEw7W_u1c/s1600/footer.png);position:relative;float: left;clear: left;margin:0; width: 100%;border-bottom:1px solid #222;padding-left:0}
.post-title{font-size:16px;}
.post img{max-width:250px;}
#menu{position:relative;width:100%;display:block;margin:0;float:left;clear:left;height:40px;top:0;}
#menu ul{width:100%;background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
#menu ul.menus{width:100%;position:static;}
#menu li{display:block;float:none;width:auto}
#menu input,#menu label{position:absolute;top:7px;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:black}
#menu input:checked ~ ul{display:block}
}
@media screen and (max-width: 240px){
.social-profile-icons{position:relative;float: left;clear: left;margin-left:-35px; width:260px;}
#searchform {position:relative;float: left;clear: left;margin:0; width: 100%;max-width:180px;}
.post-title{font-size:12px;}
.post img{max-width:180px;}
.entry-content table, .entry-content table.table {  border: 1px solid #E4E5E5;  border-collapse: collapse;border-spacing: 0;  margin: 0;  width: 100%;  }
.entry-content table th, .entry-content table.table th {font-size: 14px;  font-weight: bold;  padding:2px;  text-align: left;  }
.entry-content table td, .entry-content table.table td {  border: 0 none;  color: #000;  padding: 2px;  text-align: left;  }
}
</style>
<!-- / fin / -->
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>
<script type='text/javascript'>$(document).ready(function() { if($(&quot;#cbcredit&quot;).attr(&quot;href&quot;)!=&quot;http://www.contohblog.com&quot;) {window.location.href=&quot;http://www.contohblog.com&quot;;}});</script>
<script type='text/javascript'>
snippet_count = 260;
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var snippet = strx.split("<");
for(var i=0;i<snippet.length;i++){
if(snippet[i].indexOf(">")!=-1){
snippet[i] = snippet[i].substring(snippet[i].indexOf(">")+1,snippet[i].length);
}
}
strx = snippet.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 createSnippet(pID){
var div = document.getElementById(pID);
var summ = snippet_count;
var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</head>
<!--<body>-->
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>
  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>
  <!-- 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>  
<header id='header-wrapper'>
  <b:section class='header' id='header-1' maxwidgets='1'>
    <b:widget id='Header1' locked='false' title='New Thesis SEO (Header)' type='Header'>
      <b:widget-settings>
        <b:widget-setting name='displayUrl'/>
        <b:widget-setting name='displayHeight'>0</b:widget-setting>
        <b:widget-setting name='sectionWidth'>500</b:widget-setting>
        <b:widget-setting name='useImage'>false</b:widget-setting>
        <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
        <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
        <b:widget-setting name='displayWidth'>0</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <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='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' 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'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
          </b:if>
</b:if>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title' style='text-transform:uppercase;margin-top:5px'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </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:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
    <data:title/>
  </b:tag>
</b:includable>
    </b:widget>
  </b:section>
  <b:section class='header' id='header-2' maxwidgets='1'>
    <b:widget id='HTML4' locked='false' title='' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'>&lt;a href=&quot;http://www.contohblog.com/p/layanan-premium-cb.html&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;
https://lh3.googleusercontent.com/-ZKKtN0-Z1IE/VkhMwxGmaqI/AAAAAAAAMeE/SjOL92WCsAs/s468-Ic42/jasa%252520membuat%252520blog%252520cb.png&quot; alt=&quot;jasa membuat blog&quot; title=&quot;Jasa Blog&quot;/&gt;&lt;/a&gt;</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
    </b:widget>
  </b:section>
  </header>
<div id='cat-nav'>
<div id='content-top'>
<nav id='menu'>
<input type='checkbox'/>
<label>&#8801; <span>Menu</span></label>
<ul>
  <li><a class='home' href='/'>Home</a></li>
  <li><a href='/p/about.html'>About</a></li>
  <li><a href='/p/kontak.html'>Kontak</a></li>
  <li><a href='http://newthesisseo.blogspot.co.id/p/daftar-isi-blog.html'>Sitemap</a></li>
  <li><a href='/p/halaman-statis.html'>Static</a></li>

<li><a class='dd' href='#'>Kategori</a>
<ul class='menus'>
 <li><a href='/search/label/Google%20Adsense'>Google Adsense</a></li>
 <li><a href='/search/label/Bisnis%20Online'>Bisnis Online</a></li>
 <li><a href='/search/label/Blogging%20Tips'>Blogging Tips</a></li>
 <li><a href='/search/label/Template%20SEO'>Template SEO</a></li>
</ul>
</li>
       </ul>
    </nav>
<div class='social-profile-icons'>
<ul>
<li class='social-facebook'><a href='http://facebook.com/cbblogger' target='_blank' title='Facebook'>Facebook</a></li>
<li class='social-twitter'><a href='https://twitter.com/contohblogcb' target='_blank' title='Twitter'>Twitter</a></li>
<li class='social-gplus'><a href='https://plus.google.com/106869251529186655236' target='_blank' title='Google+'>Google+</a></li>
<li class='social-linkedin'><a href='https://www.linkedin.com/in/cbblogger' target='_blank' title='LinkedIn'>Linkedin</a></li>
<li class='social-pinterest'><a href='https://www.pinterest.com/cbblogger' target='_blank' title='Pinterest'>Pinterest</a></li>
<li class='social-rss'><a href='https://feedburner.google.com/fb/a/mailverify?uri=contohblognih' target='_blank' title='RSS'>RSS</a></li>
</ul>
</div>
</div>
</div>
<DIV id='outer-wrapper'>
<div id='wrap2'>
<DIV id='content-wrapper'>
<DIV id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
    <b:widget-settings>
      <b:widget-setting name='showDateHeader'>false</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
      <b:widget-setting name='showShareButtons'>false</b:widget-setting>
      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
      <b:widget-setting name='showAuthor'>true</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLabels'>true</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='showTimestamp'>false</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- 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'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </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'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>
    <!-- navigation -->
    <b:include name='nextprev'/>
    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

  <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='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='https://resources.blogblog.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'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <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 + &quot;_comment-editor-toggle-link&quot;' 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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <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/>
    <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:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </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>
              &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
              &#160;
          </b:if>

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
            &#160;
            <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 + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + 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>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <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:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </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 + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
    <b:includable id='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><a href='http://www.templateresponsivedesign.com/' style='display:none;'>Template Responsive Design</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 == &quot;false&quot;'>
      <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'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'>
              <div expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
          </div>
        </div>

        <div style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <b:include data='post' name='comment_count_picker'/>
            </b:if>
          </b:if>
        </b:if>
      </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 == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

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

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

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

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

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/Blog'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
          </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'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>
          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
            <p><data:post.body/></p>
            <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'>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                        <span itemprop='name'><data:blog.title/></span>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:blog.title/></span>
                    </span>
              </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 != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <b:include data='post' name='comment_count_picker'/>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

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

          </div>
        </div>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='nextprev'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    <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:if>    
</b:if>
</b:includable>
    <b:includable id='post' var='post'>
  <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/Blog'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
    </b:if>
    <a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>    
    <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'>
          <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>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:post.title'>
      <h1 class='post-title entry-title' itemprop='name' style='font-size:23px;line-height: normal;'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h1>
    </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:if cond='data:post.title'>
      <h1 class='post-title entry-title' itemprop='name' style='font-size:24px;line-height:normal;'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h1>
    </b:if>
</b:if>      
    <div class='post-header'>
    <div class='post-header-line-1'/>
    </div>
      <!-- Then use the post body as the schema.org description,
          for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.thumbnailUrl'>
<div class='thumb'>
<style type='text/css'>
.thumb img {float: left; margin: 0 13px 5px 0;width:150px;height:100px;}
</style>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<b:if cond='data:post.snippet'>
<div class='snippet' style='font-size: 13.5px;line-height:20px'>
  <div expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
</div>
</b:if>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div style='display:none'>
<div class='jump-link'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                  <span itemprop='name'><data:blog.title/></span>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:blog.title/></span>
              </span>
            </b:if>
      </span> <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <b:include data='post' name='comment_count_picker'/>
            </b:if>
          </b:if>
        </b:if>
      </span> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
  </div>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                  <span itemprop='name'><data:blog.title/></span>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:blog.title/></span>
              </span>
            </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 != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <b:include data='post' name='comment_count_picker'/>
            </b:if>
          </b:if>
        </b:if>
      </span> 
    </b:if>
<div class='clear'/>
<div style='margin:15px 0;text-align:left'>
<!-- Kode IKLAN 468x60 Banner -->
  </div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
  <p><data:post.body/></p>
<div style='margin:15px 0'>
<!-- KODE IKLAN DI BAWAH POSTINGAN -->
  </div>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <p><data:post.body/></p>
</b:if>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
</div>
<div style='clear: both;'/>
    <div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> 
</div>
<div style='clear: both;'/>
  </div>
<!-- Share -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Scripts Start -->
<b:if cond='data:post.isFirstPost'>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>

<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>

<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>

<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>

<!-- Pinterest Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'/></span>
</div>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<style type='text/css'>
#pin-wrapper &gt; a {background-image:none !important;}
</style>
</b:if>
<!-- Pinterest End -->
  </div>
</b:if>
<div class='clear'/>
<!-- Share end-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=8&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=6;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div><div class='clear'/>
</b:if>
    <div class='post-footer-line post-footer-line-3'>
</div>
    </b:if>  
  </div>
</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='https://resources.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 + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' 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.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </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)) {
          replybox.src = '';
          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:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <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 + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script>
//<![CDATA[
function resizeThumb(parentID, size) {
    var parent = document.getElementById(parentID),
        image = parent.getElementsByTagName('img');
    for (var i = 0; i < image.length; i++) {
        image[i].src = image[i].src.replace(/\/s72\-c/, "/s" + 

size + "-c");
        image[i].width = size;
        image[i].height = size;
    }
} resizeThumb('Blog1', 300);
//]]>
    </script>
  </b:if>
</b:if>
<div class='clear'/>
</DIV>
<DIV id='sidebar-wrapper'>
<div class='search-wrapper'>
<div class='search-box'>
<form action='/search' id='searchform' method='get'>
<input id='q' name='q' onblur='if (this.value == &quot;&quot;) { this.value = &quot;Search site&quot;; }' onfocus='if (this.value == &quot;Search site&quot;) { this.value = &quot;&quot;; }' type='text' value='Search site'/>
<input id='search-button' type='hidden'/>
</form>
</div><!--search-box-->
</div><!--search wrapper-->
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed4' locked='false' title='Recent Posts' type='Feed' version='1'>
    <b:widget-settings>
      <b:widget-setting name='feedUrl'>http://newthesisseo.blogspot.com/feeds/posts/default</b:widget-setting>
      <b:widget-setting name='openLinksInNewWindow'>false</b:widget-setting>
      <b:widget-setting name='numItemsShow'>5</b:widget-setting>
      <b:widget-setting name='showItemDate'>false</b:widget-setting>
      <b:widget-setting name='showItemAuthor'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
  </b:includable>
  </b:widget>
  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
      <b:widget-setting name='showThumbnails'>false</b:widget-setting>
      <b:widget-setting name='showSnippets'>false</b:widget-setting>
      <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><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 ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img expr:alt='data:post.title' 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>
  </div>
</b:includable>
  </b:widget>
</b:section>
</DIV>
      <!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'/>
</DIV>
<DIV id='bottom-wrapper'>
<DIV class='bottomleft'>
<b:section class='bottomleft' id='bottomleft' preferred='yes' showaddelement='yes'>
  <b:widget id='Feed1' locked='false' title='New Super SEO' type='Feed'>
    <b:widget-settings>
      <b:widget-setting name='feedUrl'>http://newsuperseo.blogspot.com/feeds/posts/default</b:widget-setting>
      <b:widget-setting name='openLinksInNewWindow'>false</b:widget-setting>
      <b:widget-setting name='numItemsShow'>5</b:widget-setting>
      <b:widget-setting name='showItemDate'>false</b:widget-setting>
      <b:widget-setting name='showItemAuthor'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
  </b:includable>
  </b:widget>
</b:section>
</DIV>
<DIV class='bottomcenter'>
<b:section class='bottomcenter' id='bottomcenter' preferred='yes' showaddelement='yes'>
  <b:widget id='Feed2' locked='false' title='New Thesis SEO' type='Feed'>
    <b:widget-settings>
      <b:widget-setting name='feedUrl'>http://newthesisseo.blogspot.com/feeds/posts/default</b:widget-setting>
      <b:widget-setting name='openLinksInNewWindow'>false</b:widget-setting>
      <b:widget-setting name='numItemsShow'>5</b:widget-setting>
      <b:widget-setting name='showItemDate'>false</b:widget-setting>
      <b:widget-setting name='showItemAuthor'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
  </b:includable>
  </b:widget>
</b:section>
</DIV>
<DIV class='bottomright'>
<b:section class='bottomright' id='bottomright' preferred='yes' showaddelement='yes'>
  <b:widget id='Feed3' locked='false' title='News' type='Feed'>
    <b:widget-settings>
      <b:widget-setting name='feedUrl'>http://newthesisseo.blogspot.com/feeds/posts/default/-/News</b:widget-setting>
      <b:widget-setting name='openLinksInNewWindow'>false</b:widget-setting>
      <b:widget-setting name='numItemsShow'>5</b:widget-setting>
      <b:widget-setting name='showItemDate'>false</b:widget-setting>
      <b:widget-setting name='showItemAuthor'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
  </b:includable>
  </b:widget>
</b:section></DIV>
</DIV> <!-- end bottom -->
</div>
</DIV> 
<!-- end outer-wrapper -->
<!-- WARNING!!! Do not remove credit link or your blog and adsense will banned by Google DMCA !!! -->
<div class='credit' style='text-align: center; padding-bottom:10px; padding-top: 10px'>
Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <data:blog.title/>. All rights reserved. Template by <a href='http://www.contohblog.com' id='cbcredit' target='_blank'>CB</a></div>
</body>
</HTML>

Copyright © New Thesis SEO. All rights reserved. Template by CB