@yuliastutirini: Template SEO

Home » Penelusuran Template SEO

Template SEO dan responsive ini di ambil dari CB template, yang cukup bagus dan simple untuk di pakai para pemula.
tinggal copy pastekan saja...

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/> | SEO Friendly Blogger Template</title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
<meta content='3;/' http-equiv='refresh'/>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<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></b:if></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR-KEYWORD-HERE' name='keywords'/>
<meta content='AUTHOR-NAME-HERE' name='Author'/>
<link href='AUTHOR-URL-HERE' rel='author'/>
</b:if>
<meta content='GOOGLE-META-TAG' name='google-site-verification'/>
<meta content='BING-META-TAG' name='msvalidate.01'/>
<meta content='ALEXA-META-TAG' name='alexaVerifyID'/>
<b:skin><![CDATA[/*
---*****************************
Theme Platform: Blogger
Name: Simple
Designer: CB Blogger
URL: http://www.contohblog.com
License: Free Version
---*****************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:400}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
sup{vertical-align:super;font-size:smaller}
code{font-family:'Courier New',Courier,monospace;font-size:12px;color:#272727}
a img{border:none}
ul ul,ol ol{padding:0}
ol,ul{padding:0;margin:0}
ol li{list-style-type:none;padding:0}
ul li{list-style-type:none;padding:0}
h1,h2,h3,h4,h5,h6{color:#444;font-style:normal;font-family:fjalla one,arial,helvetica,sans-serif;font-weight:400;}
.post-body h1{line-height:34px;font-size:44px;margin:10px 0}
.post-body h2{font-size:24px;line-height:40px;margin:10px 0}
.post-body h3{font-size:20px;line-height:34px;margin:10px 0}
.post-body h4{font-size:26px;line-height:36px;margin:10px 0}
.post-body h5{font-size:24px;line-height:34px;margin:10px 0}
.post-body h6{font-size:18px;line-height:24px;margin:10px 0}
a{color:#347FA0;outline:none;text-decoration:none}
a:hover{color:#444;text-decoration:none}
body{background:#F0F0F0;color:#666;height:100%;padding:0;font:14px/22px Arial,Sans-serif}
.clear{clear:both;float:none}
.ct-wrapper{background:#fff;padding:0;position:relative;margin:0 auto;height:auto}
.outer-wrapper{position:relative;padding:0}
.header-wrapper{display:inline-block;float:left;padding:0;width:100%;-moz-box-sizing:-webkit-border-box;box-sizing:border-box}
.main-wrapper{width:auto;margin-right:350px}
#content{background:#fff;float:right;width:598px;border-left:1px solid #ddd;border-right:1px solid #eaeaea}
.main-inner-wrap{float:left;position:relative;width:100%}
.sidebar-wrapper{width:300px;float:right;background:#fff}
.container{margin:0 auto;padding:0;position:relative;max-width:1000px}
body#layout #top-nav{margin-top:40px}
body#layout #header,body#layout .header-right{width:50%}
body#layout .main-wrapper{margin-right:300px}
body#layout .widget-content{margin:0}
body#layout .outer-wrapper,body#layout .sidebar-wrapper,body#layout .ct-wrapper{margin:0;padding:0}
.ct-wrapper,.crosscol,.post,.sidebar-wrapper{overflow:hidden}
.padig{padding:15px}
#header{float:left;width:32%}
#header-inner{margin:25px 0 20px 18px;padding:0}
#header h1,#header h2{font-size:32px;text-transform:uppercase;font-varient:small-caps;line-height:40px}
#header h1 a,#header h2 a{color:#fefefe}
#header h1 a:hover,#header h2 a:hover{opacity:.8}
#header p.description{font-family:georgia;font-size:13px;color:#fefefe;font-style:italic;text-transform:capitalize;disply:inline-block}
#header img{border:0 none;background:none;height:auto}
.lefter{margin-left:10px;margin-right:10px}
.header-right{float:right}
.header-right .widget-content{margin:25px 10px 0 0}
#peekar{float:right;margin:0 15px 0 0;border:1px solid #ccc}
#peekar input{font-size:12px;font-style:italic;font-family:georgia;float:left;line-height:20px;padding:7px 0;text-indent:7px;width:150px;color:#c5c5c5;border:0;-o-transition:width .7s,color .4s;-webkit-transition:width .7s,color .4s;-moz-transition:width .7s,color .4s;transition:width .7s,color .4s}
#peekar input:focus{color:#000;width:170px}
#peekar button{border:0;float:right;background:#347FA0;cursor:pointer;color:#fff;font-size:15px;padding:6px 8px}
.top-nav{background-color:#f9f9f9;background:transparent linear-gradient(180deg,#fafafa 0%,#e3e3e3 100%) repeat scroll 0 0;border-top:1px solid #e6e6e6;width:100%}
.Pagemenu{display:block}
.Pagemenu li{display:inline-block;position:relative;z-index:10;margin:0}
.Pagemenu li a{text-decoration:none;padding:9px 14px;border-right:1px dotted #bbb;font-size:12px;line-height:19px;display:block;color:#909090;transition:all .2s ease-in-out 0}
.Pagemenu li a:hover,.Pagemenu li:hover>a{background:#eee}
.main-nav{margin-top:26px}
.menu{display:block}
.menu li{display:inline-block;position:relative;z-index:10}
.menu li:first-child{margin-left:0}
.menu li a{text-decoration:none;padding:10px 12px;font-size:14px;line-height:22px;display:block;color:#fff;transition:all .2s ease-in-out 0}
.menu li a:hover,.menu li:hover>a{color:#fff;background:#347FA0}
.menu ul{visibility:hidden;opacity:0;margin:0;padding:0;width:150px;position:absolute;left:0;background:#fff;z-index:9;transform:translate(0,20px);transition:all .2s ease-out}
.menu ul:after{bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px}
.menu ul li{display:block;float:none;background:none;margin:0;padding:0}
.menu ul li a{font-size:13px;font-weight:400;display:block;color:#797979;background:#f6f6f6}
.menu ul li a:hover,.menu ul li:hover>a{background:#347FA0;color:#fff}
.menu li:hover>ul{visibility:visible;opacity:1;transform:translate(0,0)}
.menu ul ul{left:149px;top:0;visibility:hidden;opacity:0;transform:translate(20px,20px);transition:all .2s ease-out}
.menu ul ul:after{left:-6px;top:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:6px;margin-top:-6px}
.menu li>ul ul:hover{visibility:visible;opacity:1;transform:translate(0,0)}
.resp-desk,.resp-desk1{display:none;font-style:normal;font-family:arial;padding:15px;text-transform:uppercase;font-weight:600}
.resp-desk a{color:#fff}
.resp-desk1 a{color:#909090}
.denim{background-color:#347FA0;border:1px solid #ccc;padding:4px 8px;position:fixed;visibility:hidden;overflow:hidden;z-index:9;color:#fff;right:25px;bottom:-25px;border-radius:6px;transition:all .5s ease-in-out;transition-delay:.2s}
.denim:hover{opacity:.8;color:#fff;transition:all .2s ease-in-out;transition-delay:0}
.denim.zin{visibility:visible;cursor:pointer;bottom:25px}
.post{margin:0;padding:0 0 5px;position:relative}
.post-title{font-size:1.6rem!important;margin:0 0 8px!important;line-height:1.4!important}
.post-title a{color:#444}
.post-title a:hover{color:#347FA0}
.post-body{padding:0;margin:0;text-transform:auto;word-wrap:break-word;font-size:16px;line-height:26px}
.title-secondary a,.title-secondary{font-size:12.4px;color:#909090;margin:5px 0}
.title-secondary a:hover{color:#347FA0}
.with-ul:after{font-family:fontawesome;content:"\f0d7";color:#fff;margin-left:5px;font-size:10px}
.sidebar{margin:0;padding:0;display:block}
.sidebar .widget{clear:both;margin-bottom:25px}
.sidebar ul{margin:0;padding:0;list-style:none}
.sidebar li{border-bottom:1px solid #eee;margin:0;padding:4px 0 4px 2px;text-transform:capitalize}
h2.btitle{font-size:22px;line-height:26px;margin:0 0 3px;transition:all .2s ease-in-out 0}
h2.btitle a{color:#606060}
h2.btitle a:hover{color:#4775A3}
.blog-cent{margin:0;padding:0}
.cb-thumbnail img{margin:4px 15px 0 0;height:170px;width:35%;float:left;transition:all .3s ease-out}
.meta-date{color:#aaa;font-size:13px;font-weight:500}
#blog-pager-newer-link{float:left;font-size:100%;border-right:1px solid #eee}
#blog-pager-older-link{float:right;font-size:100%;border-left:1px solid #eee}
.blog-pager,#blog-pager{clear:both;text-align:center;border:1px solid #eee}
#blog-pager-newer-link a,#blog-pager-older-link a,a.home-link{color:#666;transition:all .3s ease-in-out}
#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover{color:#347FA0}
a.blog-pager-older-link,a.blog-pager-newer-link,a.home-link{display:block;padding:8px 20px;transition:all .3s ease-in-out}
a.home-link{font-size:140%}
#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover,a.home-box:hover,.mobile-desktop-link a.home-link:hover{color:#347FA0}
.mobile-desktop-link a.home-link{font-size:0;font-weight:400;background:none;padding:0}
#blog-pager-older-link,#blog-newer-older-link{padding:0}
.mage1{border-bottom:6px solid #347FA0;background:#444}
.post-labels .fa-stack{font-size:25px}
.post-labels .fa-circle{color:#F8F8F8}
.post-labels .fa-tags{color:#DDD;font-size:20px}
.post-labels a{font-size:14px;font-weight:600}
blockquote{border-color:#CCC;border-style:dashed;border-width:2px 0;color:#888;font-style:italic;margin:10px 0 20px;padding:10px 16px 13px}
blockquote:before{font-family:fontawesome;content:"\f10d";color:#ddd;float:left;font-size:40px;font-style:normal;font-weight:400;margin:15px 14px 0 0}
.crosscol{text-align:center;margin:16px 0}
.buzed{text-align:center}
.spinner{margin:0 auto 25px;position:static}
.spinner li{list-style:none;display:block;padding:6px 2px;border-bottom:1px solid #e0e0e0}
.spinner li a{color:#888;font-size:12.6px;cursor:pointer}
.spinner a:hover{opacity:.8}
.spinner i{color:#fff!important;font-size:10.4px!important;border-radius:3px;margin-right:4px}
.spinner i.fa-facebook{background:#516CA4;padding:3px 5px}
.spinner i.fa-twitter{background:#00baff;padding:3px}
.spinner i.fa-google{background:#f20000;padding:3px 4px}
.spinner i.fa-rss{background:#FF8500;padding:3px 4px}
.spinner i.fa-arrow-up{background:#A4D5E5;padding:3px}
.footer{width:22.8%;float:left}
.sider .widget{margin-bottom:25px}
ul.social-profile-icons{float:right;width:auto;margin:4px 0 0}
ul.social-profile-icons li{border:none!important;list-style-type:none!important;margin:0!important;padding:0!important}
ul.social-profile-icons li a,ul.social-profile-icons li a:hover{display:block;height:25px;overflow:hidden;transition:all .25s linear 0;width:25px;padding:0}
#breadcrumbs{border-bottom:1px solid #eee;margin-bottom:6px;padding-bottom:6px;font-size:12px}
#breadcrumbs ul{margin:0;padding:0}
#breadcrumbs ul li{display:inline-block;margin:0 0 0 5px}
#breadcrumbs ul li a{color:#909090;margin:0}
#breadcrumbs ul li:first-child a{margin:0}
#breadcrumbs ul li::before{border-color:#bbb transparent transparent}
#breadcrumbs ul li:first-child::before{border:none}
.seat-bottom{margin-bottom:10px}
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#555;font-size:13px;}
.PopularPosts ul li a:hover{color:#e74c3c;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}
#footer{width:100%;color:#999}
.footer a{color:#999}
.footer a:hover{color:#347FA0}
.footer h2{color:#d5d5d5!important}
.footer .widget{clear:both;margin:0}
.footer ul{margin:0;padding:0;list-style:none}
.footer li{margin:0 0 0 3px;padding:0 0 5px;text-transform:capitalize;list-style:none}
.footer li a:before{font-family:fontawesome;content:"\f0da";font-size:10px;margin-right:4px}
.footer-credits{padding:0}
.mage2{background:#131313;padding:18px 0;border-top:1px solid #ddd}
.footer-credits a:hover{color:#999}
.reez{float:right}
.share-post ul{margin:10px 0;padding:0;text-align:center}
.share-post li:first-child{font-size:16px}
.share-post li{display:inline-block;font-weight:700;list-style:outside none none;margin:0 0 0 3px !important;padding:0;text-transform:uppercase}
.share-post li a{display:block;text-align:center}
.share-post li a:before{display:none}
.share-post li a i{border-radius:40px;color:#fff;display:block;font-size:18px;font-weight:400;height:40px;line-height:40px;transition:all .3s ease 0;width:40px}
.share-post span{display:none}
.share-post li a i.fa.fa-facebook{background:#3b5998;border:1px solid transparent}
.share-post li a i.fa.fa-twitter{background:#19bfe5;border:1px solid transparent}
.share-post li a i.fa.fa-google-plus{background:#d64136;border:1px solid transparent}
.share-post li a i.fa.fa-rss{background:#FF771C;border:1px solid transparent}
.share-post li a:hover{opacity:6}
.kate{margin-top:25px!important}
#comments{background:#fff;clear:both;margin-top:40px;line-height:1em;padding:20px;border:1px solid #e6e6e6}
#comments h3{display:inline;line-height:20px;margin-bottom:20px;margin-top:-20px;margin-left:-20px;font-family:'font-size:14px;position:absolute;background:#fff;color:#999;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #e6e6e6;border-top:none;border-left:none}
#comments h3:before{font-family:fontawesome;content:"\f086";margin-right:10px;font-size:20px;padding:10px 15px;position:absolute;left:0;top:0;font-weight:400}
#comments .click-comment{background:#fff;color:#999;float:right;text-decoration:none;display:inline;line-height:20px;margin-bottom:20px;margin-top:-20px;margin-right:-20px;font-family:'font-size:14px;font-weight:700;text-transform:uppercase;padding:10px 20px;border:1px solid #e6e6e6;border-top:none;border-right:none}
#comments .click-comment:hover{background:#fafafa;color:#666}
.comment_avatar_wrap{border-radius:10%;width:46px;height:46px;border:none;background:none;text-align:center;padding:0;overflow:hidden}
#comments .comment_avatar{border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;background:#f9f9f9;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden}
#comments .comment_admin .comment_avatar{border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden}
#comments .comment_avatar img{border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;background:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat;overflow:hidden}
.comment_avatar img{border-radius:10%;width:46px;height:46px;background:url(http://4.bp.blogspot.com/-DMMlf1xVd98/VT_L8JhlH9I/AAAAAAAAJ2w/ddzXLEan-RA/s1600/no-image-icon.png) no-repeat;overflow:hidden}
.comment_name a{font-family:'font-weight:700;font-size:15px;padding:5px 0;color:#666;text-decoration:none}
.comment_child .comment_name a{color:#666}
.comment_admin .comment_name{background:#fff;padding:0 20px 0 65px;left:5px;top:10px;display:inline;font-weight:700;font-size:16px;font-family:'text-decoration:none;border-radius:3px}
.comment_admin .comment_date{left:10px;font-weight:700;font-size:11px}
.comment_name{font-size:16px;background:#fff;font-family:'font-weight:700;padding:0 20px 0 65px;position:absolute;left:5px;top:10px;display:inline;line-height:35px;border-radius:3px;transition:all .3s ease-out}
.comment_service{position:absolute;top:31px;right:0}
.item-control{display:inline-block}
.comment_date a{font-size:11px;font-weight:400;text-transform:none;text-decoration:initial;color:#666!important;text-align:center;padding:1px 6px;opacity:.9;transition:all .3s ease-out}
.comment-delete{font-family:'font-size:11px;color:#666!important;opacity:.9}
.comment_body{margin:20px 0;padding:0;position:relative}
.comment_body p{line-height:1.6em;color:#666;font-size:14px;font-family:'word-wrap:break-word;background:#fafafa;padding:30px 20px;position:relative;margin-top:25px;margin-bottom:16px;border-radius:6px;box-shadow:0 0 0 1px #ddd;transition:all .3s ease-out}
.comment_body p:before,.comment_body p:after{bottom:100%;left:5%;border:solid transparent;content:"height:0;width:0;position:absolute;pointer-events:none}
.comment_body p:after{border-color:rgba(255,255,255,0);border-bottom-color:#fafafa;border-width:8px;margin-left:-8px}
.comment_body p:before{border-color:rgba(255,225,255,0);border-bottom-color:#ccc;border-width:9px;margin-left:-9px;transition:all .3s ease-out}
.comment_child .comment_body p{color:#666}
.comment_body p img{vertical-align:middle;margin:0 5px}
.comment_body p:hover{box-shadow:0 0 0 1px #bbb}
.comment_body p:hover:before{border-bottom-color:#999}
.comment_inner{padding-bottom:5px;margin:5px 0}
.comment_child .comment_wrap{padding-left:7%}
.comment_child .comment_body{margin-top:-15px}
.comment_reply{display:inline-block;background:#fdfdfd;color:#999!important;text-align:center;font-family:'font-size:11px;margin:0;padding:2px 6px 4px;border-radius:2px;border:1px solid #ccc}
.comment_reply:hover{text-decoration:none!important;background:#fff;color:#444!important;border-color:#999}
.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0}
.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#666}
#comment-editor{width:103%!important;background:url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:0}
.comment_reply_form{padding:0 0 0 7%}
.comment_reply_form .comment-form{width:100%}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important}
#respond{overflow:hidden;padding-left:10px;clear:both}
.unneeded-paging-control,.comment_author_flag{display:none}
.comment_admin .comment_author_flag{display:inline;font-family:'font-size:10px;font-weight:400;color:#fff;text-align:center;position:relative;padding:4px 6px;line-height:normal;border-radius:2px;margin-left:10px}
.comment_child .comment_admin .comment_author_flag{color:#fff}
.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;display:inline-block;padding:10px 15px!important}
.deleted-comment{display:inline-block;color:#999;word-wrap:break-word;background:#f9f9f9;margin-top:20px;padding:10px;font-size:13px;font-family:'border-radius:3px;opacity:1}
iframe{border:none;overflow:hidden}
.paging-control-container{text-align:center;margin:0 0 0 25%}
.paging-control-container a{text-align:center;margin:0 auto;background:#666;padding:5px 10px;color:#fff;transition:all .3s ease-out}
.paging-control-container a:hover{background:#e6ae48;color:#fff}
.comment_header{padding:0}
.comment_child .comment_header{padding:0}
h2.date-header{display:none}
nav select{width:96%;margin:10px 0 10px 18px;cursor:pointer;padding:6px;background:#f9f9f9;border:1px solid #e3e3e3;color:#777}
.sub-dd{border:1px solid #ccc;padding:6px 0;text-align:center;font-size:14px;font-style:italic;font-family:Georgia,"Nimbus Roman No9 L",serif}
.tob-contid{margin-top:30px}
.sidebar h2,.footer h2,h4.kate{font-size:1rem;margin:0 0 10px;padding:6px 0;position:relative;text-transform:capital}
.sidebar h2 span,.footer h2 span,h4.kate span{border-bottom:2px solid #347FA0;bottom:-2px;padding:6px}
.cb-thumbnail img:hover{opacity:.7}
.form-go,.tabs-widget li a.tabs-widget-current,.taption:hover{background:#4D9FDA}
.form-go:hover{background:silver}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#peekar button{padding:7px 10px}
#peekar input{line-height:17px}
}
@media (max-width: 1050px) {
.ct-wrapper{margin:0 auto;background:#fff}
#content{width:100%;float:none;border-left:0}
.main-wrapper{margin-right:360px}
}
@media (max-width: 1000px) {
}
@media (max-width: 800px) {
.menu,.Pagemenu{display:none}
.resp-desk,.resp-desk1{display:block;margin-top:0;background:#0969AD}
.mainWrap{width:768px}
nav{margin:0;background:none}
.menu li,.Pagemenu li{display:block;margin:0}
.menu ul li a{margin-left:25px}
.menu li a,.Pagemenu li a{background:#fbfbfb;color:#909090}
.menu li a:hover,.menu li:hover>a,.Pagemenu li a:hover,.menu ul li a:hover,.menu ul li:hover>a{background:#F6F6F6;color:#909090}
.menu ul{visibility:hidden;opacity:0;top:0;left:0;width:100%;transform:initial}
.menu li:hover>ul{visibility:visible;opacity:1;position:relative;transform:initial}
.menu ul ul{left:0;transform:initial}
.menu li>ul ul:hover{transform:initial}
.with-ul::after,.menu ul::after{color:#909090;border-bottom-color:#909090}
.social-ico{margin:-49px 12px 0 0}
.main-wrapper{margin-right:0}
#content{float:right;width:524px;border-right:0}
.cb-thumbnail img{width:48%}
.post{padding-bottom:50px}
.footer{width:22.2%}
.reez{float:none}
.attribution{text-align:center}
#peekar{margin:-45px 0 0 15px;padding:6px 8px;background:#444;border:0}
#peekar input{padding:7px 0;width:120px}
#peekar button{float:right}
}
@media (max-width: 700px) {
#header{float:none;text-align:center;width:100%}
.main-wrapper{margin-right:0;width:100%}
#content{float:none;width:auto;border:none}
.sidebar-wrapper{float:left;width:300px}
.cb-thumbnail img{margin:5px 12px 7px 0;width:45%}
.footer{width:48%}
}
@media (max-width: 500px) {
.duber{display:none}
.footer{width:45.4%}
}
@media (max-width: 400px) {
.cb-thumbnail img{margin:5px 0 7px;width:100%}
li.taze{display:none}
#peekar input:focus{width:120px}
.padig{padding:8px}
.footer{width:97.5%}
}
@media (max-width: 300px) {
#header img{width:100%}
.lefter{margin:0 2px}
.sidebar-wrapper{width:220px}
.footer{width:100%}
.padig{padding:3px}
#peekar{display:none}
}
.post-title{font-size:1.3rem!important;margin:0 0 8px!important;line-height:1.2!important}
.post-body{padding:0;margin:0;text-transform:auto;word-wrap:break-word;font-size:15px;line-height:20px;font-style:normal}
.cb-thumbnail img{margin:4px 15px 0 0;height:100px;width:25%;float:left;transition:all .3s ease-out}
.quickedit{display:none}
#related-posts ul {
list-style: none outside none;
text-align: left;
}
#related-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
#related-posts a {
color: #777;
}
#related-posts a:hover {
color: #111;
}
#related-posts ul li:before {
list-style-type: none;
margin-right: 10px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
color: #FFF;
position: relative;
float: left;
font: italic bold 15px Tahoma;
margin-left:5px;
background: #56c55f;
border-radius: 25px 25px 25px 25px;
border: 2px solid #EEE;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
margin-top:-2px;
}
#related-posts ul li {
border: 1px solid #fafafc;
background:#fff;background:-moz-linear-gradient(top,#fff 0%,#f2f2f2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f2f2f2));background:-webkit-linear-gradient(top,#fff 0%,#f2f2f2 100%);background:-o-linear-gradient(top,#fff 0%,#f2f2f2 100%);background:-ms-linear-gradient(top,#fff 0%,#f2f2f2 100%);background:linear-gradient(to bottom,#fff 0%,#f2f2f2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#f2f2f2',GradientType=0 );
font:normal 14px Arial;
height: 30px;
-moz-transition: all 0.700s ease-out;
-o-transition: all 0.700s ease-out;
-webkit-transition: all 0.700s ease-out;
-ms-transition: all 0.700s ease-out;
transition: all 0.700s ease-out;
}
#related-posts ul li:hover {
border: 1px dashed #bbbbbb;
-moz-transition: all 0.700s ease-out;
-o-transition: all 0.700s ease-out;
-webkit-transition: all 0.700s ease-out;
-ms-transition: all 0.700s ease-out;
transition: all 0.700s ease-out;
}
#related-posts ul li a:hover {
text-decoration:none;
color: #000;
-moz-transition: all 0.700s ease-out;
-o-transition: all 0.700s ease-out;
-webkit-transition: all 0.700s ease-out;
-ms-transition: all 0.700s ease-out;
transition: all 0.700s ease-out;
}
]]></b:skin>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
@media (max-width: 300px) {
.in-lefter{margin:0 2px;}
}
</style>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
.blog-cent p{overflow:hidden;}
.title-secondary{display:none;}
.post{overflow:hidden; float: left; border-bottom:1px solid #ebebeb; margin:0 0px 26px; padding:0 0 30px; }
@media (max-width: 800px) {
.post {margin:0 0px 16px;}}
@media (max-width: 400px) {}
@media (max-width: 250px) {}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.post-title {font-size:2rem !important;padding-bottom:10px}
.post-body ol,.post-body ul { padding: 10px 0 20px; margin: 0 0 0 25px; text-align: left; }
.post-body ol li { list-style-type: decimal; padding:0 0 5px; }
.post-body ul li { list-style-type: square; padding: 0 0 5px; }
.post-body img{padding-top:8px}
</style>
</b:if>
<style type='text/css'>
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("http://fonts.googleapis.com/css?family=Fjalla+One");
loadCSS("//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;}
function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; }
else { r = 0;} i++;} document.write('</ul>');};
$(document).ready(function () {if ($("#cb-footer,.cb-footer").attr("href") != "http://www.contohblog.com") {window.location.href = "http://www.contohblog.com";}});//]]></script>
</head>
<body>
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>
<div class='ct-wrapper'>
<div class='mage1'>
<div class='container'>
<div class='header-wrapper'>
<div class='header-inner-wrap'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='CB Basic (Header)' type='Header' version='1' visible='true'>
<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:include name='title'/>
</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:include name='title'/>
</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:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' 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:include name='title'/>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper' style='display:none'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
<span itemprop='name'><data:title/></span>
</a>
</h1>
<b:else/>
<h2 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
<span itemprop='name'><data:title/></span>
</a>
</h2>
</b:if>
<b:else/>
<h2 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
<span itemprop='name'><data:title/></span>
</a>
</h2>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<nav class='main-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<div class='resp-desk'><a href='#' id='duled'><i class='fa fa-reorder'/> MENU</a></div>
<form action='/search' id='peekar'>
<input name='q' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = "";}' type='text' value='Search this site...'/>
<button title='Search' type='submit'><span class='fa fa-search'/></button>
</form>
<ul class='menu'>

<li><a href='/' itemprop='url'><span itemprop='name'>Home</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Kontak</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
<li><a class='with-ul' href='#' itemprop='url'><span itemprop='name'>Categories</span></a>
<ul class='sub-menu'>
<li><a href='#'>Sub-Menu 1</a></li>
<li><a href='#'>Sub-Menu 2</a>
<ul>
<li><a href='#'>Sub Sub-Menu 1</a></li>
<li><a href='#'>Sub Sub-Menu 2</a></li>
<li><a href='#'>Sub Sub-Menu 3</a></li>
<li><a href='#'>Sub Sub-Menu 4</a></li>
</ul>
</li>
<li><a href='#'>Sub-Menu 3</a>
<ul>
<li><a href='#'>Sub Sub-Menu 1</a></li>
<li><a href='#'>Sub Sub-Menu 2</a></li>
<li><a href='#'>Sub Sub-Menu 3</a></li>
<li><a href='#'>Sub Sub-Menu 4</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</nav><div class='clear'/>
</div>
<div class='clear'/>
</div>
</div>
<div class='container'>
<div class='outer-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'/>
</div>

</b:if>
<div class='main-wrapper'>
<div class='main-inner-wrap'>
<b:section class='content padig' id='content' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>
<b:includable id='main' var='top'>

<b:if cond='data:mobile == "false"'>

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

<b:include name='nextprev'/>
<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:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
</p>

<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' title='delete comment'>delete</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b: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:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3>
<b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
<a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'>Write <data:commentLabelPlural/></a>
</b:if>

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

<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>

<div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>

<div class='comment_body'>
<div class='comment_header'>
<div class='comment_avatar_wrap'>

</div>

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

<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<div class='comment_author_flag'>AUTHOR</div>
</div>
<span class='comment_service'>
<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
<data:comment.timestamp/>
</a></span>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply'>Reply</a>
<div class='clear'/>
</b:if>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
</div>
<div class='clear'/>
</div>
<div class='clear'/>

<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form' id='comment-form'>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-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' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>

<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
<script type='text/javascript'>

<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;

<b:else/>
var Items = {};
var Msgs = {};
var Config = {'maxThreadDepth':'0'};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 3;
Display_Emo = true;
Replace_Youtube_Link = false;
Replace_Image_Link = false;
Replace_Force_Tag = false;
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];

//Config Force tag list, define all in lower case
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notranslate" title="">','<code>',
'</pre>','</code>'
];
var Cur_Cform_Hdr = '.comment_form';
var Cur_Cform_Url = $('#comment-editor')
.attr('src');

function trim(str) {
var whitespace = ' \n\r\t\f\x5b\x5d\x7c\x7d\x3c\x3e\x0b\xa0\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u2028\u2029\u3000';
for (var i = 0; i < str.length; i++) {
if (whitespace.indexOf(str.charAt(i)) != -1) {
str = str.substring(0, i);
break
}
}
return str
}
$('#comment_block .comment_body p')
.html(function (index, oldhtml) {
if (Replace_Youtube_Link) {
var search_key = 'http://www.youtube.com/watch?v=';
var check_index = oldhtml.indexOf(search_key);
while (check_index != -1) {
ht = oldhtml.substring(check_index);
yt_link = trim(ht);
var yt_code_index = yt_link.indexOf('&');
var yt_code = '';
if (yt_code_index == -1) {
yt_code = yt_link.substring(search_key.length)
} else {
yt_code = yt_link.substring(search_key.length, yt_code_index)
}
var yt_video = '<iframe class="comment_youtube" src="http://www.youtube.com/embed/' + yt_code + '?autohide=1" frameborder="0" allowfullscreen></iframe>';
oldhtml = oldhtml.substring(0, check_index) + yt_video + oldhtml.substring(check_index + yt_link.length);
check_index = oldhtml.indexOf(search_key);
if (check_index == -1) {
search_key = 'https://www.youtube.com/watch?v=';
check_index = oldhtml.indexOf(search_key)
}
}
}
if (Replace_Image_Link) {
var save_html = '';
var temp_html = oldhtml;
for (var i = 0; i < Replace_Image_Ext.length; i++) {
var search_key = '.' + Replace_Image_Ext[i];
var upper_html = temp_html.toUpperCase();
var check_index = upper_html.indexOf(search_key);
while (check_index != -1) {
img_src = temp_html.substring(0, check_index + search_key.length);
upper_html = img_src.toUpperCase();
var http_search = 'HTTP://';
var find_http = upper_html.indexOf(http_search);
var save_http = '';
while (find_http != -1) {
save_http = http_search.toLowerCase();
img_src = img_src.substring(find_http + http_search.length);
upper_html = img_src.toUpperCase();
find_http = upper_html.indexOf(http_search)
}
http_search = 'HTTPS://';
upper_html = img_src.toUpperCase();
find_http = upper_html.indexOf(http_search);
while (find_http != -1) {
save_http = http_search.toLowerCase();
img_src = img_src.substring(find_http + http_search.length);
upper_html = img_src.toUpperCase();
find_http = upper_html.indexOf(http_search)
}
if (save_http == '' || img_src.length < 6) {
break
}
img_src = save_http + img_src;
save_html += temp_html.substring(0, check_index + search_key.length - img_src.length) + '<img src="' + img_src + '" class="comment_img"/>';
temp_html = temp_html.substring(check_index + search_key.length);
upper_html = temp_html.toUpperCase();
check_index = upper_html.indexOf(search_key)
}
}
oldhtml = save_html + temp_html
}
if (Replace_Force_Tag) {
var length = Force_Tag.length;
if (length % 2 == 1) {
length--
}
for (var i = 0; i < length; i += 2) {
while (1) {
var temp_html = oldhtml.toLowerCase();
check_index = temp_html.indexOf(Force_Tag[i]);
if (check_index != -1) {
oldhtml = oldhtml.substring(0, check_index) + Force_Tag[i + 1] + oldhtml.substring(check_index + Force_Tag[i].length)
} else {
break
}
}
}
}
return oldhtml
});
$('.comment_wrap .comment_body p')
.html(function (i, h) {
temp = h.toLowerCase();
index = temp.indexOf('@<a href="#c');
if (index != -1) {
index_tail = temp.indexOf('</a>', index);
if (index_tail != -1) {
h = h.substring(0, index) + h.substring(index_tail + 4)
}
}
return h
});

function Valid_Par_Id(par_id) {
r = par_id.indexOf('c');
if (r != -1) par_id = par_id.substring(r + 1);
return par_id
}

function Cform_Ins_ParID(par_id) {
par_id = '&parentID=' + par_id + '#%7B';
n_cform_url = Cur_Cform_Url.replace(/#%7B/, par_id);
return n_cform_url
}

function Reset_Comment_Form() {
html = $(Cur_Cform_Hdr)
.html();
$(Cur_Cform_Hdr)
.html('');
Cur_Cform_Hdr = '.comment_form';
$(Cur_Cform_Hdr)
.html(html);
$('#comment-editor')
.attr('src', Cur_Cform_Url)
}

function Display_Reply_Form(e) {
par_id = $(e)
.attr('id');
par_id = Valid_Par_Id(par_id);
html = $(Cur_Cform_Hdr)
.html();
if (Cur_Cform_Hdr == '.comment_form') {
reset_html = '<a href="#origin_cform" onclick="Reset_Comment_Form()">' + Msgs.addComment + '</a><a name="origin_cform"/>';
$(Cur_Cform_Hdr)
.html(reset_html)
} else {
$(Cur_Cform_Hdr)
.html('')
}
Cur_Cform_Hdr = '#r_f_c' + par_id;
$(Cur_Cform_Hdr)
.html(html);
$('#comment-editor')
.attr('src', Cform_Ins_ParID(par_id))
}
cur_url = window.location.href;
search_formid = '#comment-form_';
search_index = cur_url.indexOf(search_formid);
if (search_index != -1) {
ret_id = cur_url.substring(search_index + search_formid.length);
Display_Reply_Form('#rc' + ret_id)
}
for (var i = 0; i < Items.length; i++) {
if ('parentId' in Items[i]) {
var par_id = Items[i].parentId;
var par_level = parseInt($('#c' + par_id + ':first')
.attr('level'));
$('#c' + par_id + ' .comment_child:first')
.html(function (index, oldhtml) {
var child_id = Items[i].id;
if (par_level >= Config.maxThreadDepth) {
$('#c' + child_id + ':first .comment_reply')
.remove()
}
var child_html = $('#c' + child_id + ':first')
.html();
child_html = '<div class="comment_wrap" id="c' + child_id + '" level="' + (par_level + 1) + '">' + child_html + '</div>';
$('#c' + child_id)
.remove();
return (oldhtml + child_html)
})
}
}

var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
var ava = $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s100-c/"));
});
//]]>
</script>
</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'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

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

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

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

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>

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

<div class='mobile-index-comment'>
<b: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>
</div>
</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'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<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-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'>
<span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'> <data:post.timestamp/></abbr></a></span>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<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:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
<b:if cond='data:post.firstImageUrl'> <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> <meta content='700' itemprop='width'/> <meta content='700' itemprop='height'/> </div> </b:if>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0zIakk5qBzNCksV-a3wGeN-BXJ6ECPo_FMmkl3OSqxrIen1iEdPXJ57MWJ83scLJT4d8eanlwEG-RIYtM0w6IdyttHQ42oajx0gHSYWTOjToyxF6zqCyXEVdZoPg2ZmkB5yRLdSiopSjE/s1600/beautiful-young-muslim-woman.jpg' itemprop='url'/> <meta content='600' itemprop='width'/> <meta content='600' itemprop='height'/> </div> <meta expr:content='data:blog.title' itemprop='name'/> </div>
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' itemprop='name headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<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>
</h2>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-header'>
<div class='post-header-line-1'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl'/>
</b:if>
<div class='title-secondary'>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><i class='fa fa-clock-o'/> <data:post.timestamp/></abbr></a></span>
</b:if>
</b:if>
</span>
<b:loop values='data:post.labels' var='label'><span itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url + "?&amp;max-results=6"' itemprop='url'><b:if cond='data:label.isLast == "true"'>&nbsp; <i class='fa fa-folder-open-o'/> <data:label.name/></b:if></a>
</span>
</b:loop>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'> &nbsp; <i class='fa fa-user'/> <data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'> &nbsp; <i class='fa fa-user'/> <data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><div class='cb-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/></div>
</a><b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><div class='cb-thumbnail'><img expr:alt='data:post.title' src='http://1.bp.blogspot.com/-Nit_LiUtMHE/VflsSxNxENI/AAAAAAAADiM/CuVVm4SVl8E/s320/No-image-bt9.jpg'/></div>
</a>
</b:if>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<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>
</h2>
</b:if>
<data:post.snippet/>
</b:if>
</b:if>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<div class='addthis_toolbox addthis_default_style' style='margin:15px 0 0 0'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5156a09e76c1568f' type='text/javascript'/>
</b:if>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'/><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color: #222;background-color: #fff;width: 150px;margin: 10px 0;'>Related Topics</h2>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5; 
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
<div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<div id='form-wrapper'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>

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

<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>

<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

</b:if>

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

<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>

<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

</b:if>
<b:else/>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>

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

<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>

<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

</b:if>

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

<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>

<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

</b:if>
</div>
</b:if>
</div>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_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.parentNode, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

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

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

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

// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h3><b:if cond='data:post.numComments == 0'> 0 Response to "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if></h3>
<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>
</div>
</div>
<div class='sidebar-wrapper padig'>
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML' version='1' visible='true'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Latest Posts' type='Feed' version='1' visible='true'>
<b:includable id='main'>
<h2><data:title/></h2>
<div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
<span style='filter: alpha(25); opacity: 0.25;'>
<a expr:href='data:feedUrl'><data:loadingMsg/></a>
</span>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>

<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/>

<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clear'/>
</div>
</div>
<div class='footer-credits'>
<div class='mage2'>
<div class='container'>

<div class='attribution'>© Copyright 2016 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. Template by <a class='cb-footer' href='http://www.contohblog.com' id='cb-footer' target='_blank' title='CB'>CB</a> <div class='reez'>Powered by <a href='https://blogger.com/'>Blogger</a>.</div></div></div></div></div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery("#comments p").find("a").replaceWith("<mark>Spam Detected!</mark> Link aktif otomatis terhapus!!!");
});
</script>
</body>
</html> Bokerguguk May 02, 2020 Admin Bandung Indonesia

@yuliastutirini

Template Super SEO Gratis

Label

Formulir Kontak