Tips Seo Friendly Untuk Blogspot: Gratis Template

Template Terbaru Untuk Blogger

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1k6tJ08MstXn6ffgg_T3zI65y0PGuAbBiI13Wm_hHl1WLW7TjbO0uXcmZm8Yfb2kZjkBDrcYJhEkGKIiYGWI7REvrcpc6wTkUJcVsIHkKTnGSsmP0u6pOfMDlxaivx7GtAQn67Tws9sgh/s1600/Template+Seo.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Template Blogspot" border="0" data-original-height="526" data-original-width="526" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1k6tJ08MstXn6ffgg_T3zI65y0PGuAbBiI13Wm_hHl1WLW7TjbO0uXcmZm8Yfb2kZjkBDrcYJhEkGKIiYGWI7REvrcpc6wTkUJcVsIHkKTnGSsmP0u6pOfMDlxaivx7GtAQn67Tws9sgh/s640/Template+Seo.jpg" title="Template Terbaru Untuk Blogger" width="640" /></a></div>
<a href="http://seoblogger-google.blogspot.com/" rel="nofollow" target="_blank"><span style="color: red;"><b>Hariku Bersama Prelo</b></span></a> adalah artikel saya yang kemaren dan moga saja artikel kemaren tersebut bisa membantu bagi teman-teman.Dan kali ini saya akan membahas tentang masalah pernak pernik untuk Blogger.Rasanya kurang berwarna kalau pada blog kita tidak dihiasi dengan template yang bagus.<br />
<br />
<a href="http://hajinorman.blogspot.com/" rel="nofollow" target="_blank"><b>Template Terbaru Untuk Blogger</b></a> adalah yang akan saya bahas,dalam dunia ngeblog template adalah salah satu dari kekuatan <a href="http://seoblogger-google.blogspot.com/" rel="nofollow" target="_blank"><strike>SEO</strike></a> sebab tanpa template yang mumpuni maka akan percuma saja kita ngeblog karena template ada yang seo dan ada yang kurang seo untuk itu kita haruslah pandai-pandai dalam memilih template.<br />
<br />
Tidak jarang artikel kita akan tenggelam didsar search engine kalau tidak mempunyai template yang responsive atau seo.Pada artikel saya yang terdahulu saya sempat membahas tentang: <a href="http://hajinorman.blogspot.com/2016/10/download-gratis-template-premium-news.html" rel="nofollow" target="_blank"><span style="color: blue;"><i>Download Gratis Template Premium News Magazine</i></span></a> berserta artikel tentang <a href="http://hajinorman.blogspot.com/2013/01/gratis-template-ringan-dan-seo-friendly.html" rel="nofollow" target="_blank"><span style="color: #6aa84f;"><i>Gratis Template Ringan dan Seo Friendly</i></span></a> coba kalian buka mungkin saja itu berguna bagi kalain yang saat ini lagi membutuhkan template blog.<br />
<br />Nah sekarang kalau kalain mau yang terupdate untuk template blog kalian bisa download pada link yang akan saya beri disana sudah ada petunjuk tata cara pemakaiannya atau pemasangannya.Sebaiknya kalain coba dulu pada blog-blog dummy milik kalian siapa tau tidak cocok dengan selera kalian jadi kalau bisa jangan dipasang pada blog utama..hehe.<br />
<br />
Tapi kalau ditinjau dari segi seo saya rasa sudah cukup mumpuni template tersebut.Bagi yang sudah tidak saba silahkan download link berikut ini: <a href="https://www.4shared.com/s/fkgFSm-mpba" rel="nofollow" target="_blank"><u>Download Template Blogger Terbaru Ringan dan Seo Friendly 2017-2018.</u></a>Nah sekian dulu artikel kali ini moga saja ini bisa bermanfaat dan berguna salam <a href="http://seoblogger-google.blogspot.com/2017/06/hariku-bersama-prelo.html" rel="nofollow" target="_blank"><span style="color: #cc0000;"><b>Hariku Bersama Prelo</b></span></a>.

Template Terbaru Untuk Blogger

Hariku Bersama Prelo adalah artikel saya yang kemaren dan moga saja artikel kemaren tersebut bisa membantu bagi teman-teman.Dan kali ini ...

Download Gratis Template Premium News Magazine

Papah 1 Gratis Template 01:43:00

<a href="http://hajinorman.blogspot.com/" rel="nofollow" target="_blank"><b>Download Gratis Template Premium News Magazine</b></a> Bagi yang ingin mengganti template blog kalian bisa mencoba dengan template blog yang saya rasa cukup bagus.Apalagi untuk loadingnya cukup fast.Ada pun template ini sudah premium dan di bagikan secara gratis jadi bagi teman-teman yang sedang mencari <a href="http://hajinorman.blogspot.com/" rel="nofollow" target="_blank"><b>Download Gratis Template Blog Responsive</b></a> silahkan untuk mencobanya.Dilihat dari segi tampilan template ini sangat modern dan bagi yang suka template blog yang model magazine ini sangatlah cocok sekali.Di samping itu template ini sangat <u>Seo Friendly</u> dan juga <a href="http://hajinorman.blogspot.com/2013/01/gratis-template-ringan-dan-seo-friendly.html" rel="nofollow" target="_blank"><u>Responsive</u></a> untuk yang ingin melihat demonya silahkan kalian klik tombol demonya dan bagi yang mau mengoleksinya silahkan kalian klik tombol downloadnya.Terima kasih sudah berkunjung sambil lihat <a href="http://hajinorman.blogspot.com/" rel="nofollow" target="_blank"><b>Download Gratis Template Premium News Magazine</b></a>.
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKf_ZnPGfj51gFdFc1uePvTwf1Mq485m7lmatguIIg4TlLUTGANCpey9gZ21g9X1Uff0SRehD5UVpeJoLcxKZWaFXSC0TobO8hXdjHxIPJnv8W4tDqmM7cCpEQ6Pa5Dk0vvbFga7JKAfEp/s1600/Extra-News-Magazine-Blogger-Template.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Download Gratis Template Premium" border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKf_ZnPGfj51gFdFc1uePvTwf1Mq485m7lmatguIIg4TlLUTGANCpey9gZ21g9X1Uff0SRehD5UVpeJoLcxKZWaFXSC0TobO8hXdjHxIPJnv8W4tDqmM7cCpEQ6Pa5Dk0vvbFga7JKAfEp/s320/Extra-News-Magazine-Blogger-Template.png" title="Download Gratis Template Premium News Magazine" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Download Gratis Template Premium</b></td></tr>
</tbody></table>
<a href="http://extranews-2-fbt.blogspot.co.id/" rel="nofollow" target="_blank"><span style="color: blue;"><span style="font-size: x-large;"><b>D E M O</b></span> </span></a><br />
<a href="https://themeforest.net/item/extra-news-magazine-blogger-template/7656350" rel="nofollow" target="_blank"><span style="color: red;"><span style="font-size: x-large;"><b>D O W N L O A D</b></span></span></a>

Download Gratis Template Premium News Magazine

Download Gratis Template Premium News Magazine Bagi yang ingin mengganti template blog kalian bisa mencoba dengan template blog yang saya r...

TIPS MEMBUAT HEADER BLOG BERGERAK

Anonymous 1 Gratis Template 14:43:00

<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-W9DDOgr7Eos/Ufy0cft8elI/AAAAAAAAAag/2c470-qk-o8/s1600/header+bergerak.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Tips Membuat Header Blog Bergerak" border="0" src="http://2.bp.blogspot.com/-W9DDOgr7Eos/Ufy0cft8elI/AAAAAAAAAag/2c470-qk-o8/s320/header+bergerak.jpg" title="Tips Membuat Header Blog Bergerak" /></a></div>
<a href="http://hajinorman.blogspot.com/"><b>Tips Membuat Header Blog Bergerak</b></a> ini yang akan saya share..bangi yang menginginkan agar blognya tampil cantik atau <strike>Cara Membuat Blog Agar Keren</strike> silahkan kalian coba tips berikut ini.
Adapun unsur <a href="http://hajinorman.blogspot.com/"><i>Tips Seo Pada Blogspot</i></a> tidak ada tapi hanya btampil saja.
Nah silahkan kalian ikuti tutorial berikut ini:<br />
<span style="font-family: inherit;">1. Login ke Acount Blog sobat dan pilih dahulu donk Blog yang akan kamu pasang Efek Hover gambar di Header.</span><br />
<span style="font-family: inherit;">2. Trus Masuk Ke Template lalu Klik Edit Template.</span><br />
<span style="font-family: inherit;">3. Cari kode  <span style="color: red;">]]></b:skin></span>,gunakan F3 atau Ctrl+F untuk mempercepat pencarian.</span><br />
<span style="font-family: inherit;">4. Pastekan Kode Di Bawah Ini Tepat Di atas Kode Tadi.</span><br />
<span style="font-family: inherit;"></span><br />
<br />
<br />
<blockquote class="tr_bq">
<span style="font-family: inherit;">div.SCheader {</span><span style="font-family: inherit;">-moz-transition: all 0.75s ease-in-out 0s;</span><span style="font-family: inherit;">background: url("<span style="color: blue;">http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png</span>") no-repeat;</span><span style="font-family: inherit;">margin: 0px;</span><span style="font-family: inherit;">position: absolute;</span><span style="font-family: inherit;">}</span><span style="font-family: inherit;">div.SCheader {</span><span style="font-family: inherit;">-moz-transition: all 0.5s ease 0s;</span><span style="font-family: inherit;">-webkit-transition:
 all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: 
all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 
900ms ease-out;</span><span style="font-family: inherit;">background: url("<span style="color: blue;">http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png</span>") no-repeat;</span><span style="font-family: inherit;">margin-left: 100px;</span><span style="font-family: inherit;">margin-top: 0px;</span><span style="font-family: inherit;">position: absolute;</span><span style="font-family: inherit;">height: 520px;</span><span style="font-family: inherit;">width: 540px;</span><span style="font-family: inherit;">}</span><span style="font-family: inherit;">div.SCheader :hover {</span><span style="font-family: inherit;">-webkit-transition:
 all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: 
all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 
900ms ease-out;</span><span style="font-family: inherit;">background: url("<span style="color: blue;">http://www.deviantart.com/download/209975142/luffy_render_by_namibekkklein-d3h0huu.png</span>") no-repeat;</span><span style="font-family: inherit;">}</span><span style="font-family: inherit;"><span style="color: red;">#header-wrapper</span>:hover .SCheader {</span><span style="font-family: inherit;">margin-left: 400px;</span><span style="font-family: inherit;">}</span> </blockquote>
<br />
<blockquote class="tr_bq">
 
<span style="font-family: inherit;">Ket :<br /> Biru => URL gambar Anime Kamu.<br /> Merah => Nama Kepala Headermu.<br />"SELANJUTNYA ATUR SENDIRI :P"</span><span style="font-family: inherit;"> Biru => URL gambar Anime Kamu.</span><span style="font-family: inherit;"> Merah => Nama Kepala Headermu.</span><span style="font-family: inherit;">"SELANJUTNYA ATUR SENDIRI :P"</span><span style="font-family: inherit;"> <span style="color: blue;">Biru => URL gambar Anime Kamu</span>.</span><span style="font-family: inherit;"> <span style="color: red;">Merah => Nama Kepala Headermu</span>.</span><span style="font-family: inherit;">"SELANJUTNYA ATUR SENDIRI :P"</span>
<span style="font-family: inherit;"> </span></blockquote>
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">5. Sekarang kita aktifkan cssnya,Sekarang Cari kode </span><span style="color: blue;"><span style="font-family: inherit;"><div id='header-wrapper'></span> </span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">6. Pastekan Kode Di bawah ini Di <span style="color: red;">Bawah</span> kode Di atas : </span><span style="font-family: inherit;"> <span style="color: blue;"><div class='SCheader'/></span></span><span style="color: blue;"> </span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">7. Klik PRATINJAU/PREVIEW, untuk melihat jadi apa nggak, Kalau jadi Klik Save.</span><br />
<br />
<br />
Semoga saja bisa bermanfaat sajian kali ini tentang <br />
<span style="font-family: inherit;"><br /></span>
<a href="http://hajinorman.blogspot.com/"><b>Tips Membuat Header Blog Bergerak</b></a>

TIPS MEMBUAT HEADER BLOG BERGERAK

Tips Membuat Header Blog Bergerak ini yang akan saya share..bangi yang menginginkan agar blognya tampil cantik atau Cara Membuat Blog Aga...

GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY

Anonymous 5 Gratis Template 11:27:00

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-ufnfd8gR1GQ/UPzCssoIZNI/AAAAAAAAAQU/AT72vxt-SBQ/s1600/template%2Bringan%2Bdan%2Bseo%2Bfriendly.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY" border="0" height="213" src="http://1.bp.blogspot.com/-ufnfd8gR1GQ/UPzCssoIZNI/AAAAAAAAAQU/AT72vxt-SBQ/s320/template%2Bringan%2Bdan%2Bseo%2Bfriendly.jpg" title="GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY" width="320" /></a>
</div>
<a href="http://hajinorman.blogspot.com/"><b>GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY</b></a> sangat dicari oleh para <i>Blogger</i> apalagi kalau <a href="http://www.icahbanjarmasin.com/2012/01/templates-ringan-dan-bikin-meta-sendiri.html"><b><i>Templates Ringan </i></b></a> dan loadingnya benar cepat.
memang untuk mencari <b><i>Template Ringan dan Seo Friendl</i></b> susah-susah gampang.
Nah kali ini saya akan bagikan satu <b><i>Template Ringan</i></b> dan semoga saja kalian suka..

<br />
<div style="border: 1px solid #eee; height: 400px; overflow: auto; padding: 10px; width: 400px;">
<?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 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>
    <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if></b:if>
<b:skin><![CDATA[/*
<!--
/*-----------------------------------------------
Name            : B-Seo Blog V2
Designer        : Seo Blog
Site            : http://hajinorman.blogspot.com
Year            : 2013
----------------------------------------------- */

#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333333;
}
#lower-wrapper {
background:#333333;
margin:auto;
border:0;
}
#lowerbar-wrapper {
background:#333333;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 23%;
color:#ddd;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding-top: 10px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
border:0;
color:#ddd;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
}
.lowerbar ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.lowerbar li {
display:block;
color:#fff;
line-height: 1.6em;
margin-left: 0 !important;
padding: 4px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
list-style-type: none;
}
.lowerbar li a {
text-decoration:none; color: #DBDBDB;
}
.lowerbar li a:hover {
text-decoration:underline;
}
.lowerbar li:hover {
display:block;
}

.fbFeedbackContent,.composer {
background-color: red;
border: solid #E9E9E9;
padding: 7px 10px 7px 69px;
position: relative;
border-width: 1px 0;
}

#navbar {
height:0;
visibility:hidden;
display:none;
}

/* -- Main -- */
body {
width:980px;
background:#fff;
font:12px arial,trebuchet ms,verdana,sans-serif;
text-align:left;
color:#000;
margin:0 auto;
padding:0;
border:2px solid #454545;
}

.updateinfo {
display:none;
}

a:link {
color:#B40404;
text-decoration:none
}

a:visited {
color:#B40404;
text-decoration:none
}

a:hover {
color:#8A0808;
text-decoration:underline
}

a img {
border-width:0
}

.blank {
clear: both;
}

/*  -- Header -- */

#header-wrapper {
width:980px;
height:100px;
text-align:left;
background:#272727 url(http://lh5.ggpht.com/_7Y9pl24WpQY/S9It12mv1dI/AAAAAAAADkQ/ArYefD0r96Q/header_back_thumb%5B5%5D.png) repeat-x;
padding:0px;
}
#header-wrapper-left{
width:470px;
float:left;
margin-left:10px}
#header-wrapper-right{
width:470px;
float:right;
padding:15px;}

#header h1 {
font:22pt trebuchet ms,verdana;
font-weight:700;
line-height:1.3em;
color:#fff;
text-shadow:1px 1px 2px #272727;
margin:0;
padding:15px 350px 7px 15px;
}

#header a,#header a:hover {
color:#B40404;
text-decoration:none;
}

.descriptionwrapper p {
line-height:1em;
font-style:normal;
font-weight:400;
font-size:12px;
color:#fff;
text-shadow:1px 1px 1px #555454;
margin:0;
padding:0 10px 10px 10px;
}

/* -- Outer-Wrapper -- */
#outer-wrapper {
background:#fff;
width:980px;
padding:0px;
}

#main-wrapper {
background:transparent;
width:640px;
float:left;
word-wrap:break-word;
overflow:hidden;
margin:2px;
}

#sidebar-wrapper {
background:transparent;
width:330px;
float:right;
word-wrap:break-word;
overflow:hidden;
margin:2px;
padding:0;
}

br {
clear:both;
}

/*-- Nav --*/
#nav {
width:980px;
float:center;
background:#821818 url(http://lh5.ggpht.com/_7Y9pl24WpQY/S9Ihr-pTe9I/AAAAAAAADjs/04jHwZSVwn8/red%20nav_thumb%5B2%5D.jpg) repeat-x;
height:40px;
border-top:1px solid #646464;
padding:0;
margin:0;
}

#nav-left {
float:left;
display:inline;
width:680px;
}

#nav-right {
float:right;
display:inline;
width:270px;
}

#nav ul {
position:relative;
overflow:hidden;
font:12px arial,verdana,trebuchet ms,Helvetica;
font-weight:700;
text-transform:uppercase;
line-height:1.4em;
margin:0;
padding:0;
}

#nav ul li {
float:left;
list-style:none;
}

#nav ul li a,#nav ul li a:visited {
display:block;
color:#f2f2f2;
text-shadow:1px 1px 1px #222;
text-decoration:none;
margin:0;
padding:10px;
}

#nav ul li a:hover {
color:#f2f2f2;
text-shadow:1px 1px 1px #222;
background-color:transparent;
text-decoration:underline;
margin:0;
padding:10px;
}

#search {
background:url(http://lh6.ggpht.com/_7Y9pl24WpQY/S8zGibtIsXI/AAAAAAAADhE/dKT4XYWYjk8/search_thumb%5B3%5D.png) no-repeat 7px 5px;
float:right;
width:270px;
margin:0px;
}

* html #search {
margin:0px;
}

#search input {
font-family:trebuchet ms,arial,helvetica,sans-serif;
background:transparent;
border:0px;
color:#000;
float:left;
font-size:12px;
width:230px;
padding:9px 15px;
margin:0px;
}

/* -- Post -- */
.post {
text-align:justify;
font-size:12px;
color:#000;
background:#fff;
padding:10px;
border:2px solid #ccc;
margin:5px;
}

.post h1 {
background:#FFF;
font-weight:700;
font-style:normal;
margin:0;
}

.post h1 a,.post h1 a:visited,.post h1 strong {
display:block;
color:#222;
text-shadow:1px 1px 2px #f6e6b5;
text-decoration:none;
font-style:normal;
font-weight:700;
}

.post h1 strong,.post h1 a:hover {
color:#222;
text-shadow:1px 1px 2px #f6e6b5;
text-decoration:underline;
}

.post a:link {
color:#B40404;
text-decoration:none
}

.post a:visited {
color:#B40404;
text-decoration:none
}

.post a:hover {
color:#B40404;
text-decoration:underline
}

.post-body a img {
background:transparance;
padding:1px;
}

.post ul {
color:#000;
margin:0;
padding:0;
}

.post ul li {
list-style-type:square;
margin:10px 0 0 40px;
}

.post ol {
color:#000;
margin:0;
padding:0;
}

.post ol li {
list-style-type:decimal;
margin:10px 0 0 30px;
}

.post-body,.post-body p {
line-height:1.6em;
font-size:12px;
letter-spacing:0.044em;
margin:5px;
padding:0;
}

.post-footer {
color:#000;
font-family:arial;
font-size:11px;
font-style:bold;
letter-spacing:.064em;
padding:5px;
}

.post-body img {
border:0px solid #444;
}

.comment-link {
margin-left:.6em;
}

.post blockquote {
background:#eaeaea url(http://lh3.ggpht.com/_7Y9pl24WpQY/S8y5LxDnYwI/AAAAAAAADg0/WO96-GBt9JI/blockquote_thumb%5B5%5D.png) no-repeat scroll 0 0;
color:#3B0B0B;
border:1px outset #eaeaea;
margin:10px;
padding:10px 10px 10px 50px;
}

p.post-footer-line-3 {
margin:0 auto;
padding:0;
}

.post .post-comment-link {
float:right;
font-size:1em;
line-height:12px;
color:#000;
display:inline;
text-align:right;
width:120px;
margin:0;
padding:1px;
}

.post .post-comment-link a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmC3mCZXjDI0yBwUlB7N9roXzT5L6HW0Hc_vzNcpk1pU5zSgSHU0GpKXhXsUKOA9NQ0rg7dQaGHqdXEgrfF8byqmh4LKbQqJwmmV1E48Qg1rGuzNm8bT3sybzZIBBk8VZVPdy4ceOIDOtW/s320/ico-comment.png) no-repeat;
padding-left:25px;
display:block;
float:right;
color:#000;
text-decoration:none;
margin:1px;
}

.post .post-comment-link a:hover {
color:#000;
text-decoration:underline;
}

/*COMMENTS*/
#comments {
color: black;
float: left;
margin: 10px;
padding-top: 10px;
overflow: hidden;
border: 2px solid #CCC;
width: 620px;
}
#comments h4 {
color: #0066CC;
font-family:arial, tahoma,  Sans-Serif;
font-size: 14px;
font-weight: normal;
margin: 10px 20px 5px;
}
#comments-block {
width: 580px;
float: left;
margin: 20px;
}
#comments-block .comment-author {
font-weight: bold;
background:#EEE;
padding:3px;
padding-left:10px;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
#comments-block .comment-body {
margin-left: 20px;
padding-left: 10px;
font-size: 12px;
text-align: left;
border-left: 3px solid #CCC;
margin-top: 20px;
margin-bottom: 20px;
}
#comments-block .comment-footer {
margin: 1em;
font-size:10px;
border-bottom:1px solid #D8D8D8;
}
#comments-block .comment-body p {
}
#comments-block .avatar-image-container img {
border: 1px solid #CCC;
float: right;
width: 20px;
height: 20px;
}
.comment-form {
max-width: 425px;
clear: both;
margin-left:30px;
}
.owner-Body {margin-left: 20px;
border-left: 5px solid red;
padding-left: 10px;
margin-bottom: 20px;
margin-top: 20px;
}
.deleted-comment {
font-style: italic;
color: gray;
}

#blog-pager-newer-link {
float:left;
line-height:1.8em;
font-weight:700;
margin-left:10px;
}

#blog-pager-older-link {
float:right;
line-height:1.8em;
font-weight:700;
margin-right:10px;
}

#blog-pager {
text-align:center;
background:transparent no-repeat left bottom;
line-height:1.8em;
font-weight:700;
color:#FFF;
}

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

/* -- Sidebar Content -- */
#sidebar-wrapper h2 {
font:12px arial,verdana,trebuchet ms;
font-weight:600;
text-align:left;
font-style:normal;
text-transform:uppercase;
line-height:1.3em;
color:#f2f2f2;
text-shadow:1px 1px 1px #222;
background:#454545;
margin:-5px -5px 10px -5px;
padding:5px;
}

#sidebar-wrapper ul {
list-style-type:none;
color:#333;
margin:0;
padding:0
}

#sidebar-wrapper ul li {
background:url(http://lh6.ggpht.com/_7Y9pl24WpQY/SuHhL1fZSMI/AAAAAAAAB_w/engBWuVJmlo/link_arrow_thumb%5B1%5D.png) no-repeat 0px 5px;
margin:0px 0px 5px;
padding:0 0 5px 15px
}

#sidebar-wrapper ul li a:hover {
margin:0px 0px 5px;
padding:0px
}

.sidebar a:link {
color:#B40404;
text-decoration:none
}

.sidebar a:visited {
color:#B40404;
text-decoration:none
}

.sidebar a:hover {
color:#B40404;
text-decoration:underline
}

.sidebar section {
margin:0;
padding:0;
}

#ArchiveList {
padding:0;
}

.sidebar .widget {
border:1px solid #ccc;
background:#fff;
padding:10px;
margin-bottom:5px;
}

/* -- Profile -- */
.profile-img {
float:left;
border:1px solid #CCC;
margin:5px;
padding:2px;
}

.profile-data {
letter-spacing:.1em;
font-size:90%;
font-weight:700;
line-height:1.4em;
margin:0;
}

.profile-datablock {
margin:5px;
}

.profile-textblock {
line-height:1.6em;
margin:5px;
}

.profile-link {
background:transparent;
padding:5px;
font-weight:400;
}

/*-- Footer --*/
#footer {
width:970px;
background:#272727;
position:relative;
text-align:left;
font-size:12px;
color:#fff;
margin:0;
padding:10px 0;
padding-left:10px;
}

#footer a:link,#footer a:visited {
color:#f2f2f2;
text-shadow:1px 1px 1px #222;
}

/* Menu Horizontal Dropdown */
#menuwrapperpic {background:#454545;width:980px;margin:0 auto;padding:0 auto;}
#menuwrapper {width:970px;}
.clearit {clear: both;height: 0;line-height: 0.0;font-size: 0;}
#menubar {width:100%;}
#menubar, #menubar ul {padding: 0;margin: 0;list-style: none;font-family:'Arial', serif;}
#menubar a {display: block;padding: 9px 10px 8px 10px;13px Arial,serif; text-decoration:none;color: #fff;}
#menubar a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKNYX4gdF4YQHaOO64JvGdvmrmskIjwUd_x5Am4jog6AeB1R3sPcytqtDDCuUyDHwuTruKABMpkO7mcBE44ojClN-4pK5HrCGZEa2vGZ9wCqCUTKq-0X68wT-_bFOG1f0pZmZvpkZPElUr/s1600/arrow_black_bottom.gif);background-repeat: no-repeat;background-position: right center; padding: 9px 20px 8px 10px;}
#menubar li {float: left;position: relative;}
/* hide from IE mac */
#menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menubar li ul, #menubar ul li
{width:280px;margin:0height:20px; auto;padding:0 auto;}
#menubar ul li a  {text-align:left;color: #fff;padding: 8px 13px;font-size: 13px;font-weight:normal;text-transform:none;font-family:Arial;border:1px solid #444;}
#menubar li ul {z-index:100;position: absolute;display: none;background:#000;}
#menubar li ul {-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0  rgba(0, 0, 0, 0.6);}

#menubar li:hover a, #menubar a:active, #menubar a:focus, #menubar li.hvr a{background-color:#000000;color: #FFFFFF;}
#menubar li:hover ul, #menubar li.hvr ul {background-color:#000000;color: #FFFFFF;}
#menubar li:hover ul a, #menubar li.hvr ul a {background-color:#000000;color: #FFFFFF;}
#menubar li ul li.hr { background-color:#000000;color: #FFFFFF;}
#menubar ul a:hover {background-color:#000000;color: #FFFFFF;}
#menubar li.selected a, #menubar li.selected a:visited {border-right:1px solid #444}
#menubar li.selected a:hover {background:none;color:#F7D528;}

#kolomatas {
position: center;
clear:both;
margin: 5px 5px 5px 5px;
color:#000000;
float: left;
background:#454545;
}

#kolomatas h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 12px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}
#kolomatas ul {
font-size: 11px;
font-weight: bold;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
text-transform: uppercase;
}
#kolomatas ul li {
float: left;
list-style: none outside none;
}
#kolomatas ul li a,
#kolomatas ul li a:visited {
background-color: #333333;
border-left: 1px solid #444444;
border-right: 1px solid #222222;
color: #FFFFFF;
display: block;
font-weight: bold;
line-height: 14px;
margin: 0;
outline: medium none;
padding: 10px 15px;
text-decoration: none;
text-shadow: 1px 1px 2px #000000;
vertical-align: top;
}
#kolomatas li a:hover {
background-color: #1C1C1C;
border-left: 1px solid #444444;
border-right: 1px solid #222222;
color: #FF6C24;
display: block;
font-weight: bold;
line-height: 14px;
margin: 0;
outline: medium none;
padding: 10px 15px;
text-decoration: none;
text-shadow: 1px 1px 2px #000000;
vertical-align: top;
}
#kolomatas ul li a.current, #menukategori ul li a.current:visited, #menukategori ul li a.current:hover {
background: none repeat scroll 0 0 #FFFFFF;
color: #FFFFFF;
margin: 4px;
padding: 7px;
}

#kolomatas-left {
width: 700px;
color:#000000;
float: left;
background:#454545;
}
#kolomatas-right {
width: 250px;
margin: 5px 0px 5px 10px;
color:#000000;
float: right;
background:#fff;
}
.breadcrumbs{
padding:5px 5px 5px 0;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
]]></b:skin>
</head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

<body>

<div id='menuwrapperpic'>
<div id='menuwrapper'>
<ul id='menubar'>
<li><a href='/'>Home</a></li>
<li><a href='http://m-awali.blogspot.com/'>Rahasia Seo</a></li>
<li><a href='http://icahberangas.blogspot.com/'>Kumpulan cerita</a></li>
<li><a href='/feeds/posts/default'>Post Rss</a></li>
<li><a href='/feeds/comments/default'>Comment RSS</a></li>
</ul>
<br class='clearit'/>
</div>
<div style='clear:both;'/>
</div>

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

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>

<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 + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a>
</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;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &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/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='header-wrapper-right' id='header-wrapper-right' maxwidgets='1' showaddelement='yes'/>
</div>
<div id='kolomatas'>
<div id='kolomatas-left'>
<ul id='kolomatas'>
<li><a href='#'>MENU1</a></li>
<li><a href='#'>MENU2</a></li>
<li><a href='#'>MENU3</a></li>
</ul>
</div>
</div>
<div id='kolomatas-right'>
&lt;form id=&quot;searchthis&quot; action=&quot;/search&quot; style=&quot;display:inline;&quot; method=&quot;get&quot;&gt;
&lt;input id=&quot;search-box&quot; name=&quot;q&quot; size=&quot;23&quot; type=&quot;text&quot;/&gt;
&lt;input id=&quot;search-btn&quot; value=&quot;Search&quot; type=&quot;submit&quot;/&gt;
&lt;/form&gt;
</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:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
    <div class='blog-pager-newer-link' 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'><img src='http://www.iconeasy.com/icon/thumbnails/System/Led/arrow%20left%20Icon.jpg'/></a></div></b:if>
<b:if cond='data:olderPageUrl'>
    <div class='blog-pager-older-link' 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'><img src='http://www.iconeasy.com/icon/thumbnails/System/Led/arrow%20right%20Icon.jpg'/></a></div></b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <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.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#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='mobile-main' var='top'>
    
    <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='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
    </b:if>
<div class='post-header-line-1'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Facebook'><img src='http://www.iconeasy.com/icon/16/Internet%20%26%20Web/Social%20Media/Facebook.png'/></a>
</div>
<div style='float:left;padding-left:10px;'>
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Twitter'><img src='http://www.iconeasy.com/icon/16/Internet%20%26%20Web/Social%20Media/Twitter.png'/></a>
</div>
<div style='float:left;padding-left:10px;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'><img src='http://www.iconeasy.com/icon/16/Internet%20%26%20Web/Social%20Media/Delicious.png'/></a>
</div>
<div style='float:left;padding-left:10px;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'><img src='http://www.iconeasy.com/icon/16/Internet%20%26%20Web/Social%20Media/Digg.png'/></a>
</div>
</div>
</b:if>
    <div class='post-body entry-content'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:5px;'>
<a expr:href='data:post.url'><img src='http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
      <div style='clear: both;'/> 
    </div>
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' 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'/>
<div style='font-size:9px;float:left;color:#000'><data:post.timestamp/></div>
<div style='font-size:10px;float:right;color:#000'><a expr:href='data:post.addCommentUrl'><data:post.numComments/> Comments</a></div>
      <div class='post-footer-line post-footer-line-2'/>
      <div class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <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'>Post a Comment and Don&#39;t Spam!</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='250' 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='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='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &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'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <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'>
            <data:post.body/>
            <div style='clear: both;'/> 
          </div>
          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <data:top.authorLabel/>
                  <span class='fn'><data:post.author/></span>
                </b:if>
              </span>
              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>
              <span class='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'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </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='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
      </div>
    </div>
  </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='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  
  <div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/>
    <data:adStart/>
    <b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>
  
  <b:include name='nextprev'/>
  
  <b:include name='feedLinks'/>
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;);
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='blog-pager'>
<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'>Newer Posts</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'>Older Posts</a></span>
    </b:if>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-home-link&quot;' expr:title='data:homePageTitle'>Home</a><b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>
  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='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'>
          <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'><data:post.snippet/></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'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <a class='feed-link' expr:href='data:f.url + &quot;?alt=rss&quot;' type='application/rss+xml'><data:f.name/> (RSS)</a>
    <b:else/>
     <a class='feed-link' href='http://feeds.feedburner.com/miscah' type='application/rss+xml'><data:f.name/> (RSS)</a>
    </b:if>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
  <div id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/> on <data:blog.pageName/> :
        </b:if>
      </h4>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <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>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>
      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>         
<div style='border:1;float:left;margin: 0px 10px 0px 0px;'>
<script>
myBlogAvatar(&#39;<data:comment.id/>&#39;,&#39;<data:comment.authorUrl/>&#39;);
</script>
</div>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/> <span style='font-size:10px;float:right;'><data:comment.timestamp/></span>
          </dt>
 <b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
</b:if>     
        </b:loop>
      </dl>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#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:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if></p>
</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>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Post' 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 == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
  
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='clear'>&#160;</div>

</div>
</div>
</div>

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'/>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'/>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'/>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar4' preferred='yes'/>
</div>
<div style='clear: both;'/>
</div> </div>
<div id='footer'>
&#169; Copyright 2011 - <data:blog.title/> <a href='http://hajinorman.blogspot.com/' target='_blank'>Template Seo friendly</a> Designed by <a href='http://m-awali.blogspot.com/' target='_blank' title='>Trik Seo Buat Blog</a> Publish on <a href='http://icahberangas.blogspot.com/'>Kumpulan Cerita</a>
</div>
</body>
</html></div>
Selamat mencoba <a href="http://hajinorman.blogspot.com/"><b>GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY </b></a>.
<br />
Semoga cocok dengan kalian.
</div>

GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY

GRATIS TEMPLATE RINGAN DAN SEO FRIENDLY sangat dicari oleh para Blogger apalagi kalau Templates Ringan dan loadingnya benar cepat. me...