Free Blogger Templates

SUMBER

1. Klik sumber (gambar) diatas
2. Klik selengkapnya pada template yang dipilih
3. Klik Download dibawah gambar template dan Demo
4. Klik Download (..,..KB)
5. Klik hasil downloadnya
6. Klik Folder (contoh doraseotheme)
7. Klik File (contoh doraseo-template.txt)
8. Copas (Copy paste) ke blog anda

Doraseo Template Blogger Seo Responsive

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> - Tips Trik Tutorial Blog </title>
</b:if>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='semua informasi seputar blog,hosting,website, komputer, blogging, seo, news, techno untuk anda ' name='keywords'/>
<meta content='Ando Mewo' name='Author'/>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
<b:else/>
<meta content='index,follow' name='robots'/>
</b:if>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageTitle/> Versi Mobile</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<title>Arsip Untuk <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Halaman Tidak Ditemukan</title>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Skranji' rel='stylesheet' type='text/css'/>
<b:skin><![CDATA[

/* Blogger Template Style
Name : Adasenze 1 Kolom
Author : Brando Mewo
Url 1 : http://www.seocips.com
Url 2 : http://www.template.areasatu.com
Url 3 : http://www.areasatu.com
*/
#navbar-iframe { height:0; visibility:hidden; display:none; }
body { background:#ccc; color:#444; height:100%; font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:14px; font-weight:400; line-height:22px; text-decoration:none; margin:0; padding:0; }
a,a:link,a:visited { color:#eb4938; text-decoration:none; }
a:hover,a:active { color:#666; text-decoration:none; }
h2.date-header { display:none; }
.header-wrapper { width:100%; color:#333; min-height:100px; overflow:hidden; position:relative; z-index:999; margin:0 auto; }
#header { max-width:350px; float:left; width:auto; overflow:hidden; z-index:999; min-width:230px; margin:0; padding:0; }
#header-inner { margin:10px 0 10px; padding:0; }
#header h1,#header p { font:35px Oswald; line-height:30px; color:#333; padding-bottom:10px; margin:2px; }
#header h1 a,#header h1.title a:hover { color:#48b; text-decoration:none; }
#header .description { color:#333; font:11px Oswald; text-shadow:none; }
#header img { border:0 none; background:none; width:auto; height:auto; margin:0 auto; }
#menu { background:#343434; color:#eee; height:33px; border-bottom:2px solid #eb4938; }
#menu ul,#menu li { margin:0 0; padding:0 0; list-style:none; }
#menu ul { height:33px; }
#menu li { float:left; display:inline; position:relative; font:bold 11px Arial; text-shadow:0 -1px 0 #000; border-right:1px solid #444; border-left:1px solid #111; text-transform:uppercase; }
#menu li:first-child { border-left:none; }
#menu a { display:block; line-height:33px; padding:0 14px; text-decoration:none; color:#eee; }
#menu li:hover > a,#menu li a:hover { background:#111; }
#menu input { display:none; margin:0 0; padding:0 0; width:80px; height:33px; 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:10px; position:absolute; left:35px; }
#menu ul.menus { height:auto; overflow:hidden; width:180px; background:#111; position:absolute; z-index:99; display:none; border:0; }
#menu ul.menus li { display:block; width:100%; font:10px Arial; text-transform:none; }
#menu li:hover ul.menus { display:block; }
#menu a.home { background-color:#eb4938; text-indent:-9999px; padding:0; width:45px; margin-left:4px; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-NcObomRYcXyTJkrZVs008QLbOs_H3AZOrl4-wsS42IjSpqkNZMdfbXc7rtH96HknqbHuD1E_mI48rj3VO1ti_dV3kvBURkRAz5icFEpVFN4MXGIYfV5Q6SHgQQG3Okfqh4knx2IrX-kw/w25/loading1.gif); text-indent:-9999px; background-repeat:no-repeat; background-position:10px 5px; }
#menu a.prett { padding:0 27px 0 14px; }
#menu a.prett::after { content:""; width:0; height:0; border-width:6px 5px; border-style:solid; border-color:#eee transparent transparent transparent; position:absolute; top:15px; right:9px; }
#menu ul.menus a:hover { background:#333; }
.page-menu { background:#f9f9f9; width:100%; margin:0 auto; padding:0; border-top:1px solid #FF6600; }
.page-menu ul { list-style:none; color:#555; width:100%; margin:0 auto; padding:0; }
.page-menu ul li { list-style:none; line-height:34px; display:inline-block; }
.page-menu li a { color:#555; font-size:13px; font-family:Arial,Helvetica,Tahoma,sans-serif; text-decoration:none; text-transform:capitalize; padding:0 10px; border-right:1px solid #ddd; }
.page-menu li a:hover { color:#000; }
.menusearch { width:200px; float:right; margin:0 auto; padding:4px 10px 0 0; }
.searchform { margin-top:0; display:inline-block; padding:0; background:#fff; width:200px; height:23px; overflow:hidden; border:1px solid #ddd; }
.searchform input { font:italic 12px Arial; color:#222; line-height:23px; height:23px; padding:0; margin:0; }
.searchform .searchfield { background:transparent; padding:0 0 0 6px; margin:0; width:160px; height:23px; border:0; outline:none; line-height:23px; }
.searchform .searchbutton { border:none; font-size:12px; height:23px; width:23px; margin:0; padding:0; }
.outerpic-wrapper { background:#fff; width:100%; box-shadow:0 10px 10px #666; -moz-box-shadow:0 10px 10px #666; overflow:hidden; -webkit-box-shadow:0 10px 10px #666; filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',Direction=125,Strength=6); padding:10px; margin:15px auto; }
.content-wrapper { position:relative; max-width:650px; margin:0 auto; }
.outer-wrapper { position:relative; width:100%; padding:0; }
.main-wrapper { width:650px; margin:0; float:left; word-wrap:break-word; overflow:hidden; }
.clr { clear:both; float:none; }
h2 { line-height:1.4em; text-transform:none; color:#333; margin:.5em 0 .25em; }
h3.date-header { text-transform:none; font:normal 12px Arial; color:#666; line-height:1.2em; margin:.1em 0; }
.post { margin:10px 5px; padding:10px 15px; border:1px solid #a7a7a7; }
.post h1,.post h2 { font:24px Arial; line-height:1.2em; color:#222; margin:.0em 0 0; padding:4px 0; }
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong { display:block; text-decoration:none; color:#222; }
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover { color:#eb4938; }
.post-body { border-top:2px solid #ddd; padding-top:10px; font:normal 12px 'Arial',serif; margin:1.0em 0 .75em; line-height:1.3em; }
.post-body blockquote { line-height:1.3em; }
.post-footer { color:#666; text-transform:none; letter-spacing:.01em; font:12px Arial; line-height:1.4em; margin:.75em 0; }
.comment-link { margin-left:.1em; }
.post blockquote { line-height:1.6em; color:#333; background:#eee; border-left:1px solid #eb4938; margin:10px 10px 10px 20px; padding:10px 15px; }
.post blockquote p { margin:.75em 0; }
.post th { background:#f2f2f2; padding:2px 8px; }
.post td { border-top:1px solid #dfdfdf; background:#f9f9f9; padding:2px 8px; }
.post table { width:100%; border:1px solid #ccc; margin:10px 0 0; padding:0; }
.post img,.crosscol1 img,.crosscol2 img { max-width:100%;}
.video-container { position:relative; margin:0 0 15px 0; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; }
.video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
#related-posts { float:left; width:100%; margin:5px 0; }
#related-posts .judul { background:none; color:#333; font:16px Oswald; padding:5px 0; }
#related-posts .maskolis_img { padding:0 0; width:140px; height:125px; transition:all 400ms ease-in-out; -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -o-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; }
#related-posts .maskolis_img:hover { opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; }
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link { width:80px; text-align:center; display:inline-block; color:#fff; font:bold 12px Arial; text-transform:none; margin:0; padding:5px 5px; background:#eb4938; border:1px solid #d53b2b; }
.blog-pager,#blog-pager { clear:both; font:bold 12px Arial; text-align:center; padding:15px 10px; }
.showpageNum a,.showpage a { background:#fff; text-decoration:none; white-space:nowrap; color:#222; margin:10px 3px; padding:5px 10px; border:1px solid #ddd; }
.showpageNum a:hover,.showpage a:hover { color:#fff; text-decoration:none; background-color:#eb4938; border:1px solid #d53b2b; }
.showpageOf { display:none; margin:0; }
.showpagePoint { color:#fff; text-decoration:none; background-color:#eb4938; font-size:12px; margin:10px 3px; padding:5px 10px; border:1px solid #d53b2b; }
.feed-links { clear:both; line-height:2.5em; }
#viewers { float:left; width:100%; font:12px Arial; padding-top:3px; border-top:1px solid #bbb; margin:0; background:#eee; }
.readmorecontent { float:center; margin:0; padding:3px 10px; 0; }
.post-snippet:before { content:attr(data-snippet); }
.popular-posts ul { padding-left:0; }
.popular-posts ul li { background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR-qrLMpJRzOeCRbxN5TiMkuYjKuIEN-HkuykxvjdcAIDAuSm4wxphZwwh8AF_y6SJ9uQQz0TIHZMmezH1O9Vv5MvO3cBx9bzwFVkCKdj4VR9MET_gwecDTl1JzoTtlgB8r0vjb9nL54I/s1600/1.gif) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.popular-posts ul
li:hover { border:1px solid #6BB5FF; }
.popular-posts ul
li a:hover { text-decoration:none; }
.popular-posts .item-thumbnail img { webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4); -moz-box-shadow:0 1px 3px rgba(0,0,0,.4); box-shadow:0 1px 3px rgba(0,0,0,.4); }
.tagblog { display:none; }
.breadcrumbs { font-size:11px; font-weight:normal; }
#credit { background:#333333; border-top:1px solid ##a7a7a7; font:10px Tahoma; color:#fff; width:100%; overflow:hidden; clear:both; padding:10px 0; line-height:18px; text-align:center; }
#credit a { color:#333333; text-decoration:none; }
#credit a:hover { color:#333333; text-decoration:none; }
.comments { border:1px solid #ccc; height:260px; overflow:auto; }
.comments .comment-block { margin-left:90px; }
.comments .comments-content .user { color:#262626; font-style:normal; font-weight:bold; font-size:13px; font-family:arial; }
.comments .comment-replybox-thread { margin-left:20px; margin-top:5px; }
.comments .comments-content .comment-content { color:#262626; font-family:arial; padding-right:25px; font-size:13px; text-align:left; }
.comments .comments-content .comment { border-bottom:1px solid #EEE; }
.comments .comments-content .comment-header,.comments .comments-content .comment-content { margin:0; }
.comments .comments-content .icon.blog-author { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj9jL_t4mi805QPTcX77dyUrvsYXQCt7-0NWO2dO6Jb2AW2lF0oV1Fmtle_TAJ5JblU0gc90_XHvas6gwey9M6iFbcKIte3c3VkBdMfoCSjatLfFZMS9AiKAzKkQGvWj_hj36hDgT2yiY/s320/author.png) no-repeat; }
.comments .comments-content .datetime { color:#999; font-family:arial; font-size:11px; margin-left:6px; }
.comments .comments-content .datetime a:link { color:#999; }
.comments .comments-content .datetime a:visited { color:#999; }
#comments h4 { background:none repeat scroll 0 0 #EEE; color:#262626; font-size:16px; padding-bottom:25px; padding-left:25px; padding-top:25px; font-style:normal; font-family:arial; }
#comments-block dt { margin:.5em 0; }
#comments-block dd { margin:.25em 0 0; }
#comments-block dd.comment-footer { margin:-.25em 0 2em; line-height:1.4em; font-size:78%; display:none; }
#comments-block dd p { margin:0 0 .75em; }
.comment-form { clear:both; margin-left:20px; margin-top:-60px; width:550px; }
.comments .avatar-image-container img { max-width:50px; }
.comments .avatar-image-container { float:left; max-height:50px; overflow:hidden; width:50px; }
.avatar-image-container { background:url("//ssl.gstatic.com/s2/profiles/images/silhouette46.png") repeat scroll 0 0 / 100% auto transparent; border-radius:50px 50px 50px 50px; -moz-border-radius:50px 50px 50px 50px; -webkit-border-radius:50px 50px 50px 50px; color:#FFF; display:block; float:left; font-size:20px; height:50px; margin-left:20px; text-align:center; width:50px; }
.comments .avatar-image-container img { width:50px; }
#comments-block.avatar-comment-indent { margin-left:4px; position:relative; }
ol #comments-block li { border-bottom:1px solid #EEE; list-style:none; margin:20px 0; z-index:-100; min-height:90px; }
#comments-block .comment_content { width:500px; }
.deleted-comment { font-style:italic; color:gray; }
#footer { background:#292929 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlqG_SVpkm-20wnoj01cMQHPRbgBJEokzWv_NCI-DGnee5ZUxnEzebXW6RsZms-t6sonCY-OyF7fGs5Lr9xzuIa7rcz9gm8rrk8bDTdLqDQ2QGczrJk-VSEvLEoUtki7uBwddVc2s6voA/s170/seocips7.png) no-repeat top left; margin:0 auto; text-align:left; padding:1px; border-top:10px solid #eb4938; overflow:hidden; }
.footer-wrapper { color:#ffffff; font:12px Arial; height:100%; line-height:16px; overflow:hidden; padding:0; }
.footer { float:left; width:30%; margin-left:19px; margin-top:7px; }
.footer .widget { margin-bottom:30px; }
.footer h2 { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZdaGXbnJ4uOfcfpO-iR6IF-JGnI2YBA6TLScLc1yeMpdSTeD1Ab7Sd4zHOySX6KxOwjjiTFuj5pdUuN-OpvPk90I3DRqxl8mKZsKEq6ryElCkNuZFYNxIl5BY4KqQB1xWJilqXpnWmCZM/s1600/batas.gif) repeat-x scroll bottom; font:bold 14px Arial; padding-bottom:8px; margin-bottom:8px; line-height:1.3em; text-transform:uppercase; color:#ddd; }
.footer .widget-content { line-height:20px; }
.footer ul { list-style:none; color:#EAE9E8; margin:0; padding:0; }
.footer li { background:none; font:normal 12px Arial; color:#626262; text-indent:0; line-height:1.2em; margin:0; padding:2px 0 3px 17px; }
.footer a:link,.footer li a:visited { color:#6bb6f8; text-decoration:none; }
.footer li a:hover { color:#ffffff; }

.pagebutton-nextprevious {background:#FD4848;margin-bottom: 10px; overflow:hidden; padding:0;}
.pagebutton-nextprevious li.next { margin:0 -2px 0 0; float: left; border-right:1px solid #ddd; padding:0; background:#FD4848;color:#ffffff;}
.pagebutton-nextprevious li.next a { padding-left: 15px;text-align:left;padding-bottom:20px}
.pagebutton-nextprevious li.previous {float: right; padding:0; background:#FD4848F; margin:0;color:#ffffff}
.pagebutton-nextprevious li.previous a { padding-right:15px; text-align:right;padding-bottom:20px }
.pagebutton-nextprevious li.next:hover, .pagebutton-nextprevious li.previous:hover {background:#188DFF;color:#ffffff }
.pagebutton-nextprevious li { width: 50%; display: inline; float: left; text-align: center; }
.pagebutton-nextprevious li a { position: relative; min-height: 55px; display: block; padding: 15px 46px 15px; outline:none; text-decoration:none;}
.pagebutton-nextprevious li i { color: #ffffff; font-size: 18px; }
.pagebutton-nextprevious li a strong { display: block; font-size: 20px; color: #ffffff; letter-spacing: 0.5px; font-weight: bold; text-transform: uppercase; font-family:oswald, sans-serif, arial; margin-bottom:10px;}
.pagebutton-nextprevious li a span { font-size: 15px; color: #ffffff; font-family:oswald,Helvetica, arial; margin:0;transition:all 400ms ease-in-out}
.pagebutton-nextprevious li a:hover span,
.pagebutton-nextprevious li a:hover i { color: #fff; }
.pagebutton-nextprevious li.previous i { float:left; margin-top:15%; margin-left:5%; }
.pagebutton-nextprevious li.next i { float: right;margin-top: 15%;margin-right: 5%; }
.pagebutton-nextprevious li.next i, .pagebutton-nextprevious li.previous i ,
.pagebutton-nextprevious li.next, .pagebutton-nextprevious li.previous{transition:all 400ms ease-in-out}

@media screen and (max-device-width:480px) {
.comments .comments-content .comment-replies { margin-left:0; }
}

@media screen and (max-width:980px) {
#header { float:none; max-width:none; text-align:center; margin-top:10px; } #header-inner { margin-bottom:0; } #header h1,#header p { margin-right:0; } #header .description { margin:0; } .menusearch { float:none; padding:5px 0 10px; } .main-wrapper { margin-right:0; width:66.5%; } .credit { padding:20px !important; } #credit .left,#credit .right { float:none; text-align:center; margin:0; } .outerpic-wrapper,.content-wrapper { padding:0; } .page-menu ul { text-align:center; width:100%; }
}

@media screen and (max-width:800px) {
.header-wrapper { margin-right:0; min-height:0; width:100%; } #header { text-align:center; width:100%; max-width:none; } #header-inner { margin:10px 0; } .main-wrapper { width:55.4%; } #menu { position:relative; } #menu ul { background:#111; position:absolute; top:100%; right:0; left:0; z-index:3; height:auto; display:none; } #menu ul.menus { width:100%; position:static; padding-left:20px; } #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:white; } #menu input:checked ~ ul { display:block; } .page-menu li a { border-right:0; } .page-menu { margin:0; width:100%; }
}

@media screen and (max-width:760px) {
.outer-wrapper { padding:0; } .main-wrapper { margin-right:0; width:100%; min-height:0; } #comment-editor { margin:10px; } .footer { width:auto; margin:15px; } #relpost_img_sum .news-text { display:none; }
}

@media screen and (max-width:480px) {
#header img { width:100%; } #relpost_img_sum .news-title { font:11px Arial; } .post-comment-link { display:none; } .page-menu { display:none; }
}

@media screen and (max-width:320px) {
.comments .comments-content .datetime { display:block; float:none; } .comments .comments-content .comment-header { height:70px; } .page-menu { display:none; }
}

@media screen and (max-width:240px) {
.header-wrapper { margin-right:0; min-height:0; width:100%; } #header { text-align:center; width:100%; max-width:none; } #header-inner { margin:10px 0; } #header img { border:0 none; background:none; width:auto; height:auto; margin:0 auto; } .comments .comments-content .comment-replies { margin-left:0; } .page-menu { display:none; }
}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post { width:31%; height:280px; float:left; overflow:hidden; margin:2px 2px 2px 6px; padding:2px; }
.post:hover { -moz-box-shadow:0 0 3px 0 rgba(0,158,184,1); -ms-box-shadow:0 0 3px 0 rgba(0,158,184,1); -o-box-shadow:0 0 3px 0 rgba(0,158,184,1); -webkit-box-shadow:0 0 3px 0 rgba(0,158,184,1); box-shadow:0 0 3px 0 rgba(0,158,184,1); }
.post-body { font:11px Arial; border-top:none; padding:0 8px; margin:0; text-align:left; height:auto; }
.post h1,.post h2 { font:bold 11px Tahoma; line-height:1.3em; padding:6px 8px; text-shadow:none; }
.cutter { width:100%; height:145px; overflow:hidden; margin:0; padding:0; background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwsMQ56mqWoGV0BEC7WpmvVcF2uqK7eYGjhIUtfqrARJhMt01dLj_8cN0xjgKtnY5m1-fSgDluVcQBaLKPcQ7HJx8RrcoDM473i1neIOOgGGIHZFdiY8NVvoMAaDd08snlSqJ2sJkcHA4l/w260-c-h210/no-image.png) no-repeat center center; }
.postthumb { width:auto; margin-bottom:-45px; padding:0; }
.post img { transition:all 400ms ease-in-out; -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -o-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; }
.post img:hover { opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; }
.postmeta-primary { display:none; }

@media screen and (max-width:980px) {
.post { margin:5px 9px 5px 5px; width:28%; padding:10px; height:auto; } .post h1,.post h2 { font:14px Oswald; } .post-body { font:11px tahoma; height:auto; }
}

@media screen and (max-width:800px) {
.post { margin:5px 0 5px 5px; width:45.8%; padding:5px; }
}

@media screen and (max-width:620px) {
.post { width:46%; }
}

@media screen and (max-width:460px) {
.post { margin:14px 12px 0; width:auto; padding:10px; } .cutter { max-height:120px; }
}

@media screen and (max-width:310px) {
.post { width:100%; margin:10px; padding:8px; } .cutter { width:100%; max-height:120px; }
}
</style>
</b:if></b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/11325639179/camera-slider.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
</head>
<script src='http://areasatu1.googlecode.com/svn/areasatu1' type='text/javascript'/>
<body>
<div class='content-wrapper'>
<div class='outerpic-wrapper'>
<div class='page-menu'>
<b:section class='page' id='page' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<ul>

<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>

<li><a href='#'>Adventure</a></li>
<li><a href='#'>Shooter</a></li>
<li><a href='#'>Strategy</a></li>
<li><a href='#'>Racing</a></li>
<li><a href='#'>Horror</a></li>

<div class='menusearch'>
<form action='/search' class='searchform' method='get'>
<input class='searchfield' id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Search....'/>
<input class='searchbutton' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwq5ULd1r_lHMRGB453jJiN36gx5iIac8bFIxKNm2ksZbzzxl1u7ApvPwWvcWpE-yC08JPqvVHlLgI1X9GCLhyphenhyphen1QZxMvLxkNodJLCgf_y4dcXQ4QoFc_8LX9oLX7ofBjdde2-9UW5ZRNs/s1600/Searchseocips2.gif' style='cursor:pointer;vertical-align:top' type='image' value='Go'/>
</form>
</div>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='headerpic-wrapper'>
<div class='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Kuranggaul (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div></div>
<nav id='menu'>
<input type='checkbox'/>
<label>≡<span>Navigation</span></label>
<ul>
<li><a class='home' href='http://www.seocips.com/'>Home</a></li>
<li><a href='http://www.seocips.com/p/tutorial-blog.html' title='Tutorial Blog'>Tutorial Blog</a></li>
<li><a href='http://www.seocips.com/p/tips-seputar-blog.html' title='Tips Blog'>Tips Blog</a></li>
<li><a href='http://www.seocips.com/p/widget-blog.html' title='Widget Blog'>Widget Blog</a></li>
<li><a href='http://www.template.areasatu.com/' rel='nofollow' target='_blank' title='free blogger templates'><span style='color: blue;'>TEMPLATE AREA</span></a></li>
<li><a class='prett' href='#'>Menu Lainnya</a>
<ul class='menus'>
<li><a href='http://www.seocips.com/p/tutorial-dan-tips-komputer.html' title='Tips komputer'>Komputer</a></li>
<li><a href='http://www.seocips.com/p/css-mwb-for-mobile-and-desktop-tutorial_4.html' title='Css Mwb'>Css Mwb</a></li>
<li><a href='http://www.seocips.com/p/berita-dan-informasi-game.html' title='Info games'>Info Games</a></li>
<li><a href='http://www.seocips.com/p/android.html' title='Android'>Android</a></li>
</ul>
</li>
</ul>
</nav>
<div class='outer-wrapper'>
<div class='main-wrapper'>
<b:section class='upperposting' id='upperposting' preferred='yes'/>
<div class='clear'/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:top.showDummy'>
<script expr:src='data:top.dummyUrl'/>
</b:if>

<b:if cond='data:mobileindex'>

<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == "false"'>
</div>
</b:if>
<div class="mobile-date-outer date-outer">
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</b:if>
</div>
<b:else/>


<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 == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>

<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<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 cond='data:blog.pageType == "item"'>
<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>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == "false"'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
</b:if>


<b:if cond='data:mobile'>
<b:include name='mobile-nextprev'/>
<b:else/>
<b:include name='nextprev'/>


<b:include name='feedLinks'/>
</b:if>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' 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-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>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b: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 + "_backlinks-container"'>
<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 != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</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'/>

<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>

<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>

<div class='mobile-post-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;'/>
</div>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

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

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></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='"post-body-" + 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-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "static_page"'>
<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 cond='data:blog.pageType == "item"'>
<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>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "item"'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:if>
</b:includable>
<b:includable id='post' var='post'>

<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='cutter'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 j(e,t){1 n=g;1 r=7;1 i="3://2.k.l.0/-B/D/E/F/6-c/h.H";4(r==7&&e=="")e=i;8=\'<m o="\'+e.p("/6-c/","/s"+n+"-c/")+\'" q="u" v="\'+t+\'" w="\'+t+\'"/>\';4(e!="")9 8;y 9""}$(z).A(5(){4($("#a,.a").C("b")!="3://d.f.0/"){G.x.b="3://d.f.0"}})',44,44,'com|var||http|if|function|s72|true|image_tag|return|crenyu|href||www||seocips|340|default||bp_thumbnail_resize|bp|blogspot|img||src|replace|class||||postthumb|alt|title|location|else|document|ready|erTXCq61ULM|attr|TmHYAQBZ0GI|AAAAAAAACCs|6cBX54Dn6Gs|window|png'.split('|'),0,{}))
//]]>
</script>
</b:if>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script></a>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<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' title='Home'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' expr:title='data:label.name' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType != "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<div style='padding:3px ;margin-bottom:5px; border-bottom:1px solid #a7a7a7;'/>
</b:if>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.dateHeader'>
<h3 class='date-header'><span>Written By <data:post.author/> on <data:post.dateHeader/> | <data:post.timestamp/></span></h3>
</b:if></b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h3 class='date-header'><data:post.dateHeader/></h3>
<b:else/>
<h3 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h3>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='post-snippet' expr:data-snippet='data:post.snippet'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.isFirstPost'>

<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 = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

<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="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</b:if>

<div style='border-top:1px dotted #000;border-bottom:1px solid #4eabff;width:100%;height:25px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#777'>
<strong>Share this article</strong> :
</div>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' style='color: #fff; background: #3b5998; text-decoration: none; border: 1px solid #313c7d; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Facebook'>Share on FB</a> <a expr:href='"http://twitter.com/share?url=" + data:post.url' style='color: #fff; background: #4099FF; text-decoration: none; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Twitter'>Tweet</a> <a expr:href='"https://plus.google.com/share?url=" + data:post.url' style='color: #fff; background: #c0361a; text-decoration: none; border: 1px solid #9c2c15; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Share to Google+'>Share on G+</a>

<a expr:href='"http://digg.com/submit?url=" + data:post.url' style='color: #fff; background: #808080 ; text-decoration: none; border: 1px solid #808080; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 20px;' target='_blank' title='Submit to Digg'>Submit to Digg</a>
</div>

<div class='clear'/>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1 e=&0;<k:l.m/>&0;1 n=4;1 9=&0;a b:&0;c();d();$(p).f(g(){h($("#2,.2").j("3")!="5://6.7.8/"){o.i.3="5://6.7.8"}})',26,26,'quot|var|creditoop|href||http|kutukece|blogspot|com|relatedpoststitle|Related|Posts|removeRelatedDuplicates_thumbs|printRelatedLabels_thumbs|currentposturl|ready|function|if|location|attr|data|post|url|maxresults|window|document'.split('|'),0,{}))
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<ul class='pagebutton-nextprevious'>
<li class='next'>
<b:if cond='data:newerPageUrl'>
<i class='buttonside-left'/><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' rel='next' title='Newer Post'/>
<b:else/>
<i class='buttonside-left'/><a rel='next'><strong>Next</strong> <span>This is the current newest page</span></a>
</b:if>
</li>
<li class='previous'>
<b:if cond='data:olderPageUrl'>
<i class='buttonside-right'/><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' rel='previous' title='Older Post'/>
<b:else/>
<i class='buttonside-right'/><a rel='previous'><strong>Previous</strong> <span>This is the current oldest page</span></a>
</b:if>
</li>
</ul>

<script type='text/javascript'>
//<![CDATA[
(function($){
var newerLink = $('a.newer-link');
var olderLink = $('a.older-link');
$.get(newerLink.attr('href'), function (data) {
newerLink.html('<strong>Next</strong> <span>'+$(data).find('.post h1.post-title').text()+'</span>');
},"html");
$.get(olderLink.attr('href'), function (data2) {
olderLink.html('<strong>Previous</strong> <span>'+$(data2).find('.post h1.post-title').text()+'</span>');
},"html");
})(jQuery);
//]]>
</script>
</b:if>
<div style='clear: both;'/> 
</div>

<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
<div class='tagblog'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url' 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'><span class='updated'><data:post.timestamp/></span></abbr></a>
</b:if>
</b:if>
</span>

</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

<div class='post-footer'>
<div id='viewers'>
<center>
<div class='readmorecontent'><a expr:href='data:post.url'><img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVMnq9R24FLOKNPQnpC9Oab0w6BkIxU6qWKrWPnu_mOgGv0AJ_xMV80FxL5eHiWU2wJW9UD_hMBBP__v9LKOpFOjd6Q4leB4kFYyoPadnY_VuDYuGnffFIAu0i0w_9Mg9wn_1s9lF9RiQ/s70/readmore.png'/></a></div>
</center>
</div>
</div>
</b:if></b:if>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=620\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_css'>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;

// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}

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

var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

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

var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}

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

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

// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:include name='threaded_comment_css'/>

<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</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 + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<script type='text/javascript'>
var postperpage=6;
var numshowpage=4;
var upPageWord ='« Previous ';
var downPageWord ='Next »';
var urlactivepage=location.href;
var home_page="/";
</script>
<script src='http://yourjavascript.com/218437119/halamanav.js' type='text/javascript'/>
</div></div>
<div class='clr'/>
<div class='content-wrapper'>
<div id='footer'>
<div class='footer-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'/>
<b:section class='footer' id='footer2' preferred='yes'/>
<b:section class='footer' id='footer4' preferred='yes'/>
</div></div>
<div class='clr'/>
<div id='credit'>
<data:blog.title/>© 2014. All Rights Reserved. Template By Seocips.com <br/><a class='crenyu' href='http://www.seocips.com/' id='crenyu' title='Tips Trik Blogging'> SEOCIPS </a><a href='http://www.areasatu.com'> Areasatu </a><a class='creditoop' href='http://kutukece.blogspot.com/' id='creditoop'> Ada1grid </a>
</div>
</div> </div></div>
</body>

</HTML>

=====================================================================

Template Seo Sederhana Grid 1 Column

JALAN KECIL MENUJU MATA AIR

Free Blogger Templates

Tidak ada komentar: