· 5 years ago · Oct 09, 2020, 07:28 AM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<HTML>
4<head>
5<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'/>
6<link href='https://plus.google.com/YOUR_ID' rel='me'/>
7<link href='https://plus.google.com/YOUR_ID/about' rel='author'/>
8<link href='https://plus.google.com/YOUR_ID/posts' rel='publisher'/>
9<link expr:href='data:blog.url' rel='canonical'/>
10<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
11<link href='http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet'/>
12<link href='http://fonts.googleapis.com/css?family=Open+Sans:light,lightitalic,regular,regularitalic,600,600italic,bold,bolditalic,800,800italic' rel='stylesheet' type='text/css'/>
13<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
14<b:if cond='data:blog.pageType == "index"'>
15 <title><data:blog.title/></title>
16<b:else/>
17 <title><data:blog.pageName/> | <data:blog.title/></title>
18</b:if>
19<meta content='DESCRIPTION' name='description'/>
20<meta content='KEYWORDS' name='keywords'/>
21<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
22<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
23<meta content='ID-BT' name='geo.region'/>
24<meta content='-0.789275;113.921327' name='geo.position'/>
25<meta content='-0.789275, 113.921327' name='ICBM'/>
26<meta content='YOUR_NAME' name='author'/>
27<meta content='index,follow' name='robots'/>
28<meta content='2 days' name='revisit-after'/>
29<meta content='blogger' name='generator'/>
30<meta content='general' name='rating'/>
31<b:skin><![CDATA[/* -------------------------------
32Name : SEO Fix Blogger Template
33Designer : Templatoid
34URL : www.templatoid.com
35Release : 30 Desember 2014
36------------------------------- */
37body{font-family:sans-serif;font-size:13px;color:#666;margin:0;background:#eee}a:link,a:visited{color:#555;text-decoration:none}a:hover{color:#222}a img{border-width:0}.left{float:left}.right{float:right}#wrapper{border-top: 5px solid #1A7C62;width:845px;margin:0 auto;background:#fff}#branding{width:945px}P.title{width:600px;font-size:200%;margin:10px 0 0;padding:0}P.title a{width:600px;font-weight:700;padding:0;color:#333}#main-wrapper{width:514px;float:left;padding:0;word-wrap:break-word;overflow:hidden}#main{padding:0 15px}.main .Blog{border-bottom-width:0}.clear{clear:both}.post-thumbnail{width:100px;height:100px;float:left;margin:0 10px 0 0}.main .widget{margin:0 0 .2em;padding:0 0 .2em}.date-header{display:none!important}.post h1{margin:0;font-size:20px;font-family:oswald!important;font-weight:500!important}h1.post-title.entry-title{font-family:oswald;font-size:20px;font-weight:500}.post h2{font-size:110%}.post-body{margin:0;line-height:1.6em;text-align:justify}.post-body img,.post-body video,.post-body object{max-width:100%}.post-body blockquote{line-height:1.3em}.post-body a{color:#65BDDF;text-decoration:none}.post-body h2{font-size:120%}.post blockquote{background:#fff url(http://4.bp.blogspot.com/-7N1CDVZhMsI/Uh56NUR6jgI/AAAAAAAAAEA/jVOWvhc1UQE/s1600/blockquote.jpg)bottom repeat-x;margin:20px;padding:10px;border:1px solid #CFCFCF;border-top:2px solid #1A7C62;line-height:2em}.section{margin:0}.title{color:#1A7C62;font-size:21px;line-height:1.4em;margin:0;text-transform:uppercase;font-family:oswald;font-weight:100}.title a{color:#1A7C62;font-size:21px;line-height:1.4em;margin:0;text-transform:uppercase;font-family:oswald;font-weight:100}#share-button-templatoid{margin:0 0 8px;padding:0;overflow:hidden;text-transform:uppercase;font-size:12px}#share-button-templatoid p{font-size:100%;float:left;background:#1abc9c;display:block;padding:2px 10px;margin:2px;color:#fff}#share-button-templatoid a{position:relative;float:left;display:block;color:#fafafa;padding:2px 10px;margin:2px}#share-button-templatoid a:hover{background:#626e7c!important}.post table{width:100%;text-align:left}.post tr{width:100%}.post td{background:#FAFAFA;border:1px solid #fff;padding:5px 10px}.post td.title{background:#F6F6F6;color:#4b7eaf;font-size:100%;font-weight:700;width:60px}.post td.detail{background:#FAFAFA;padding:5px 10px}.post td.harga{background:#4b7eaf;color:#FFF;font-size:100%;font-weight:700;text-align:left}.post td.listharga{color:#4b7eaf;font-weight:700;text-align:left}.post td.img3{text-align:center;width:33%;font-size:10px}.post blockquote{border-left:2px solid #E3E3E3;margin:1em;padding:0 5px}.spek{background:none repeat scroll 0 0 #4b7eaf;color:#FFF;font-size:100%;font-weight:700;text-align:left;border:1px solid #fff;padding:5px 10px}.post-timestamp{float:left;margin-right:10px;padding:0 10px 0 0;border-right:1px solid #999}#sidebar-wrapper{width:331px;float:right;word-wrap:break-word;overflow:hidden}#sidebar-wrapper h2,#sidebar-wrapper h3,#sidebar-wrapper h4{margin:0 0 5px;text-transform:uppercase;padding:7px 0 2px;font-size:15px;color:#343434;font-family:oswald;border-bottom:2px solid #1A7C62;font-weight:500}#sidebar-wrapapper .widget ul{margin:10px;padding:10px}#sidebarwrap .widget ul li{line-height:1.5em;text-align:left;list-style-type:auto;margin:0;padding:2px 0}#sidebar-wrapapper ul{margin:10px;padding:10px}#sidebarwrap ul li{line-height:1em;text-align:left;list-style-type:none;margin:0;padding:2px 0}.widget-content{margin:0;overflow:hidden}.sidebar{line-height:1.5em;padding:0 15px}.sidebar ul{padding:0;margin:0}.BlogArchive #ArchiveList ul li{text-indent:0!important}.sidebar ul li{margin:0;padding:2px 0!important;border-bottom: 1px solid #eee}.sidebar .widget{margin:10px 0}.PopularPosts .item-title a{font-weight:700}.PopularPosts .item-thumbnail{float:left;margin:0 10px 0 0}.PopularPosts .item-snippet{font-size:90%;color:#555;max-height:40px;overflow:hidden}.PopularPosts .widget-content ul li{list-style-type:none}.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10}.cloud-label-widget-content{text-align:left}.label-size{display:block;float:left;border:2px solid #1A7C62;margin:2px 1px;line-height:1.2;background:#1A7C62}.label-size a,.label-size span{color:#fff;display:inline-block;padding:5px 8px}.label-size:hover{border:2px solid #1A7C62}.label-count{white-space:nowrap;padding-right:6px;margin-left:-3px}.list-label-widget-content ul li:before {content: "\f0da";font-family: fontawesome;margin-right: 5px}.breadcrumbs{padding:5px 10px;color:#666;background:#eee;margin:10px 0;font-size:10px;text-transform: uppercase}.breadcrumbs a{color:#666}.post-footer{line-height:1.6em}.post-footer a{color:#1A7C62;font-weight:700}#footer{font-size:11px;margin:0 auto;padding:7px;border-top:1px solid #bbb;color:#fff;text-align:center}#footer-wrapper{font-family:oswald;margin:0 auto;width:845px;background:#1A7C62}#footer a{color:#fff}#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}#blog-pager{float:left;width:100%;text-align:center;line-height:2em;margin:10px 0}#blog-pager a:link,#blog-pager a:visited{color:#fff;font-size:11px!important;padding:6px 15px;margin:5px;background: #1A7C62}#blog-pager a:hover{text-decoration: underline}.feed-links{clear:both;line-height:2.5em;display:none}.home_menu{background:url(http://1.bp.blogspot.com/-xrtUfyPYscQ/T_rX4TeTPGI/AAAAAAAABl4/TSoglJcs2Ps/s1600/Viva-Blogspot.png) 0 -579px;width:10px;height:10px;margin:10px 5px;float:left}.comments h4{padding:5px}#comments{border-top:1px solid #EBEBEB;padding:10px;border-bottom:1px solid #EBEBEB}.comment-link{margin-left:.6em}.comments .comment .comment-actions a{padding-right:5px;padding-top:5px;color:#65BDDF}.comments .comments-content .datetime{margin-left:6px;font-size:70%;display:none}.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}.comments .comments-content .icon.blog-author{background:url(http://2.bp.blogspot.com/-nKaxFngIvto/Uh5qxjZUyvI/AAAAAAAAADw/MF9keiQHC08/s1600/admincomments.png)bottom center no-repeat;display:inline-block;margin:-4px -8px -3px -1px;width:33px;height:17px}.comments .comments-content .comment-content{text-align:justify;line-height:1.5}.terkait{text-align:left;margin-top:10px;font-size:90%}.terkait h2{font-size:100%;background:#1A7C62;font-weight:700;padding:5px;margin:0 0 5px;color:#fff}#header{padding:5px 15px}h1.seo-title{color:#1A7C62;font-size:21px;line-height:1.4em;margin:0 4px}.description{margin:0}.post-info{display:block;padding:3px 0;color:#666;line-height:1.6em;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;font-size:11px;overflow:hidden;margin:5px 0}.post-info a{color:#666}#navi-templatoid{height:30px;text-transform:uppercase;font-size:100%;background:#1A7C62;color:#FFF;font-family:Oswald;margin:0 15px}#navi-templatoid ul.menus{background:#1A7C62;height:auto;overflow:hidden;position:absolute;z-index:99;display:none}#navi-templatoid a{display:block;line-height:30px;padding:0 10px;text-decoration:none;color:#FFF}#navi-templatoid ul,#navi-templatoid li{margin:0 auto;padding:0;list-style:none}#navi-templatoid ul{height:30px;max-width:835px}#navi-templatoid li{float:left;display:inline;position:relative}#navi-templatoid input{display:none;margin:0;padding:0;width:80px;height:30px;opacity:0;cursor:pointer}#navi-templatoid label{display:none;width:35px;height:31px;line-height:31px;text-align:center}#navi-templatoid label span{font-size:16px;position:absolute;left:35px}#navi-templatoid ul.menus li{display:block;width:100%;text-transform:none;text-shadow:none;border-bottom:1px dashed #31AFDB}#navi-templatoid ul.menus a{color:#FFF;line-height:35px}#navi-templatoid li a:hover{background:#0F5341}#navi-templatoid li:hover ul.menus{display:block}#navi-templatoid ul.menus a:hover{background:#5FC6EB;color:#FFF}#navi-templatoid li ul{background:#0F5341;margin:0;width:150px;height:auto;position:absolute;top:30px;left:0;z-index:10;display:none;border-bottom:3px solid #16a085}#navi-templatoid li li{display:block;float:none}#navi-templatoid li li:hover{background:#1A7C62}#navi-templatoid li li a:hover{background:#1A7C62}#navi-templatoid li:hover > ul{display:block}#navi-templatoid li ul ul{left:100%;top:0}#navi-templatoid li li > a{display:block;padding:0 10px;margin:0;line-height:24px;text-decoration:none;color:#fff;border-bottom:1px dotted #777}@media screen and (min-width: 1300px){.post h1{font-size:130%}}@media screen and (max-width: 1024px){.post h1{font-size:130%}}@media screen and (max-width:800px){#wrapper{width:90%}#footer-wrapper{width:90%}img,video,object{max-width:100%}#sidebar-wrapper{width:35%}#main-wrapper{width:65%}.post-thumbnail{width:100px}.PopularPosts .item-snippet{font-size:100%}#header{text-align:center}}@media only screen and (max-width:768px){#sidebar-wrapper{width:100%}#main-wrapper{width:100%}.post-thumbnail{width:100px}}@media screen and (max-width:600px){.post-info{display:none}.post-thumbnail{width:50px;height:50px}.status-msg-border{width:97%}.post h2{font-size:100%}}@media screen and (max-width:480px){.comments .comments-content .user{line-height:2.8em}.post h2{font-size:100%}.post h1{font-size:120%}body,.body-fauxcolumn-outer{font-size:80%}}@media screen and (max-width:380px){.comments{display:none}}@media screen and (max-width:320px){.terkait ul{padding:0;list-style-type:none}.post blockquote{margin:5px}}@media screen and (max-width:240px){body,.body-fauxcolumn-outer{font-size:70%}}#search-box{position:relative;width:98%;border:2px solid #ccc;border-radius: 5px}#search-box:hover{border:2px solid #999}#search-form{height:30px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;overflow:hidden}#search-text{font-size:14px;color:#ddd;border-width:0;background:transparent}#search-box input[type="text"]{width:90%;padding:7px 0 12px 1em;color:#666;outline:none}#search-button{position:absolute;top:0;right:0;height:32px;width:20px;margin-top:9px;font-size:14px;color:#fff;text-align:center;line-height:0;border-width:0;background:transparent;cursor:pointer}.status-msg-body{padding:10px 0;display:none}.status-msg-wrap{display:none;font-size:14px;margin-left:1px;width:100%;color:#666}.status-msg-wrap a{color:orange!important}.status-msg-bg{display:none;background:#ccc;position:relative;width:99%;padding:6px;z-index:1;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:2px #999 solid}.status-msg-border{display:none;border:0;position:relative;width:99%}@media screen and (max-width: 800px){#navi-templatoid{position:relative}#navi-templatoid ul{background:#1A7C62;position:absolute;top:100%;left:0;z-index:3;height:auto;display:none}#navi-templatoid ul.menus{width:100%;position:static;padding-left:20px}#navi-templatoid li{display:block;float:none;width:auto}#navi-templatoid input,#navi-templatoid label{position:absolute;top:0;right:0;display:block}#navi-templatoid input{z-index:4}#navi-templatoid input:checked + label{color:#fff}#navi-templatoid input:checked ~ ul{display:block; width: 100%}#navi-templatoid li:hover > ul{width:100%}}.quickedit{display:none}
38]]></b:skin>
39<b:if cond='data:blog.pageType != "item"'>
40<b:if cond='data:blog.pageType != "static_page"'>
41<style>
42.post h2 {margin:0;margin: 0;font-family: oswald;font-size: 15px;font-weight: 500;}.post{border-bottom: 1px dotted #bbb;padding: 0;margin: 10px 0 5px 0;}.post-body {padding: 0 0 10px 0;text-align: left;}#blog-pager {width: 100%;margin:5px}.post-body img {margin: 0 5px 0 0;border: 1px solid rgb(207, 207, 207);padding: 2px;}.breadcrumbs{margin: 10px;}
43</style>
44</b:if>
45</b:if>
46
47<!--Related post-->
48<b:if cond='data:blog.pageType == "item"'>
49<style>
50#related_posts h4{color: #fff;font-size: 12px;background: #1A7C62;padding: 3px 10px;margin: 0 0 5px;}
51#relpost_img_sum{margin:0;padding:0;line-height:16px;font-size: 11px;}
52#relpost_img_sum:hover{background:0}
53#relpost_img_sum ul{list-style-type:none;margin:0;padding:0}
54#relpost_img_sum li{min-height: 74px;border-bottom: 1px solid #F4F3F3;list-style: none;margin: 0 0 5px;padding: 5px;}
55#relpost_img_sum .news-title{display:block;font-weight:bold!important;margin-bottom:5px;font-size: 14px;}
56#relpost_img_sum .news-text{display:block;text-align:justify;font-weight:normal;text-transform:none;color:#333;font-size: 13px;}
57#relpost_img_sum img{float:left;margin-right:7px;border:solid 1px #ddd;width:72px;height:72px;background:#fff}
58</style>
59<script type='text/javascript'>/*<![CDATA[*/var relnum=0;var relmaxposts=5;var numchars=135;var morelink=" ";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}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a><17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnum|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))/*]]>*/</script>
60</b:if>
61<!--end-->
62
63 </head>
64<!-- <body><div></div> -->
65 <body expr:class='"loading" + data:blog.mobileClass'>
66<div>
67<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
68
69<div id='wrapper'>
70 <div id='header'>
71 <b:section id='header2' maxwidgets='1' showaddelement='no'>
72 <b:widget id='Header1' locked='true' title='Seo Fix Blogger Templates (Header)' type='Header'>
73 <b:includable id='main'>
74
75 <b:if cond='data:useImage'>
76 <b:if cond='data:imagePlacement == "BEHIND"'>
77 <!--
78 Show image as background to text. You can't really calculate the width
79 reliably in JS because margins are not taken into account by any of
80 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
81 width if the user is using shrink to fit.
82 This results in a margin-width's worth of pixels being cropped. If the
83 user is not using shrink to fit then we expand the header.
84 -->
85 <b:if cond='data:mobile'>
86 <div id='header-inner'>
87 <div class='titlewrapper' style='background: transparent'>
88 <b:if cond='data:blog.pageType != "item"'>
89 <h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>
90 <b:else/>
91 <b class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></b>
92 </b:if>
93 </div>
94 <b:include name='description'/>
95 </div>
96 <b:else/>
97 <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'>
98 <div class='titlewrapper' style='background: transparent'>
99 <b:if cond='data:blog.pageType != "item"'>
100 <h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>
101 <b:else/>
102 <b class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></b>
103 </b:if>
104 </div>
105 <b:include name='description'/>
106 </div>
107 </b:if>
108 <b:else/>
109 <!--Show the image only-->
110 <div id='header-inner'>
111 <a expr:href='data:blog.homepageUrl' style='display: block'>
112 <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'/>
113 </a>
114 <!--Show the description-->
115 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
116 <b:include name='description'/>
117 </b:if>
118 </div>
119 </b:if>
120 <b:else/>
121 <!--No header image -->
122 <div id='header-inner'>
123 <div class='titlewrapper'>
124 <b:if cond='data:blog.pageType != "item"'>
125 <h1 class='title'><b:include name='title'/></h1>
126 <b:else/>
127 <b class='title'><b:include name='title'/></b>
128 </b:if>
129 </div>
130 <b:include name='description'/>
131 </div>
132 </b:if>
133 </b:includable>
134 <b:includable id='description'>
135 <div class='descriptionwrapper'>
136 <p class='description'><span><data:description/></span></p>
137 </div>
138 </b:includable>
139 <b:includable id='title'>
140 <b:if cond='data:blog.url == data:blog.homepageUrl'>
141 <data:title/>
142 <b:else/>
143 <a expr:href='data:blog.homepageUrl'><data:title/></a>
144 </b:if>
145 </b:includable>
146 </b:widget>
147 </b:section>
148 </div>
149
150 <nav id='navi-templatoid'>
151 <input type='checkbox'/>
152 <label><i class='fa fa-bars'/></label>
153 <ul>
154 <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
155 <li><a href='#'>Technology</a></li>
156 <li><a href='#'>Bussiness</a></li>
157 <li><a href='#'>Lifestyle</a></li>
158 <li><a href='#'>Dropdown</a>
159 <ul>
160 <li><a href='#'>Politics</a></li>
161 <li><a href='#'>Healthy</a></li>
162 <li><a href='#'>Video</a></li>
163 <li><a href='#'>Football</a></li>
164 </ul>
165 </li>
166 </ul>
167 </nav>
168
169 <div id='content-wrapper'>
170 <div id='main-wrapper'>
171 <b:section class='main' id='main' showaddelement='no'>
172 <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
173 <b:includable id='main' var='top'>
174 <b:include data='posts' name='breadcrumb'/>
175 <b:if cond='data:mobile == "false"'>
176
177 <!-- posts -->
178 <div class='blog-posts hfeed'>
179
180 <b:include data='top' name='status-message'/>
181
182 <data:defaultAdStart/>
183 <b:loop values='data:posts' var='post'>
184 <b:if cond='data:post.isDateStart'>
185 <b:if cond='data:post.isFirstPost == "false"'>
186 </div></div>
187 </b:if>
188 </b:if>
189 <b:if cond='data:post.isDateStart'>
190 <div class="date-outer">
191 </b:if>
192 <b:if cond='data:post.dateHeader'>
193 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
194 </b:if>
195 <b:if cond='data:post.isDateStart'>
196 <div class="date-posts">
197 </b:if>
198 <div class='post-outer'>
199 <b:include data='post' name='post'/>
200 <b:if cond='data:blog.pageType == "static_page"'>
201 <b:if cond='data:post.showThreadedComments'>
202 <b:include data='post' name='threaded_comments'/>
203 <b:else/>
204 <b:include data='post' name='comments'/>
205 </b:if>
206 </b:if>
207 <b:if cond='data:blog.pageType == "item"'>
208 <b:if cond='data:post.showThreadedComments'>
209 <b:include data='post' name='threaded_comments'/>
210 <b:else/>
211 <b:include data='post' name='comments'/>
212 </b:if>
213 </b:if>
214 </div>
215 <b:if cond='data:post.includeAd'>
216 <b:if cond='data:post.isFirstPost'>
217 <data:defaultAdEnd/>
218 <b:else/>
219 <data:adEnd/>
220 </b:if>
221 <div class='inline-ad'>
222 <data:adCode/>
223 </div>
224 <data:adStart/>
225 </b:if>
226 </b:loop>
227 <b:if cond='data:numPosts != 0'>
228 </div></div>
229 </b:if>
230 <data:adEnd/>
231 </div>
232
233 <!-- navigation -->
234 <b:include name='nextprev'/>
235
236 <!-- feed links -->
237 <b:include name='feedLinks'/>
238
239 <b:if cond='data:top.showStars'>
240 <script src='//www.google.com/jsapi' type='text/javascript'/>
241 <script type='text/javascript'>
242 google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
243 function initialize() {
244 google.annotations.setApplicationId(<data:top.blogspotReviews/>);
245 google.annotations.createAll();
246 google.annotations.fetch();
247 }
248 google.setOnLoadCallback(initialize);
249 </script>
250 </b:if>
251
252 <b:else/>
253 <b:include name='mobile-main'/>
254 </b:if>
255
256 <b:if cond='data:top.showDummy'>
257 <data:top.dummyBootstrap/>
258 </b:if>
259
260 </b:includable>
261 <b:includable id='backlinkDeleteIcon' var='backlink'>
262 <span expr:class='"item-control " + data:backlink.adminClass'>
263 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
264 <img src='//www.blogger.com/img/icon_delete13.gif'/>
265 </a>
266 </span>
267 </b:includable>
268 <b:includable id='backlinks' var='post'>
269 <a name='links'/><h4><data:post.backlinksLabel/></h4>
270 <b:if cond='data:post.numBacklinks != 0'>
271 <dl class='comments-block' id='comments-block'>
272 <b:loop values='data:post.backlinks' var='backlink'>
273 <div class='collapsed-backlink backlink-control'>
274 <dt class='comment-title'>
275 <span class='backlink-toggle-zippy'> </span>
276 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
277 <b:include data='backlink' name='backlinkDeleteIcon'/>
278 </dt>
279 <dd class='comment-body collapseable'>
280 <data:backlink.snippet/>
281 </dd>
282 <dd class='comment-footer collapseable'>
283 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
284 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
285 </dd>
286 </div>
287 </b:loop>
288 </dl>
289 </b:if>
290 <p class='comment-footer'>
291 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
292 </p>
293 </b:includable>
294 <b:includable id='breadcrumb' var='posts'>
295 <b:if cond='data:blog.homepageUrl != data:blog.url'>
296 <b:if cond='data:blog.pageType == "static_page"'>
297 <div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>Home </a> > </span><span class='breadlabel'><data:blog.pageName/></span></div>
298 <b:else/>
299 <b:if cond='data:blog.pageType == "item"'>
300 <!-- breadcrumb for the post page -->
301 <b:loop values='data:posts' var='post'>
302 <b:if cond='data:post.labels'>
303 <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
304 <span class='breadhome' typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a> / </span>
305 <b:loop values='data:post.labels' var='label'>
306 <span class='breadlabel' typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a> / </span>
307 </b:loop>
308 <span class='breadlabel'><data:post.title/></span>
309 </div>
310 <b:else/>
311 <div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> / </span><span class='breadlabel'>Unlabelled</span> / <span class='breadlabel'><data:post.title/></span></div>
312 </b:if>
313 </b:loop>
314 <b:else/>
315 <b:if cond='data:blog.pageType == "archive"'>
316 <!-- breadcrumb for the label archive page and search pages.. -->
317 <div class='breadcrumbs'>
318 <span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home </a> / </span><span>Archives for <data:blog.pageName/></span>
319 </div>
320 <b:else/>
321 <b:if cond='data:blog.pageType == "index"'>
322 <div class='breadcrumbs'>
323 <b:if cond='data:blog.pageName == ""'>
324 <span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home</a> / </span><span class='breadlabel'>All posts </span>
325 <b:else/>
326 <span class='breadhome'> <a expr:href='data:blog.homepageUrl'>Home</a> / </span><span class='breadlabel'>Posts filed under <data:blog.pageName/></span>
327 </b:if>
328 </div>
329 </b:if>
330 </b:if>
331 </b:if>
332 </b:if>
333 </b:if>
334 </b:includable>
335 <b:includable id='comment-form' var='post'>
336 <div class='comment-form'>
337 <a name='comment-form'/>
338 <b:if cond='data:mobile'>
339 <h4 id='comment-post-message'>
340 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
341 <p><data:blogCommentMessage/></p>
342 <data:blogTeamBlogMessage/>
343 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
344 <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%'/>
345 <b:else/>
346 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
347 <p><data:blogCommentMessage/></p>
348 <data:blogTeamBlogMessage/>
349 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
350 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
351 </b:if>
352 <data:post.friendConnectJs/>
353 <data:post.cmtfpIframe/>
354 <script type='text/javascript'>
355 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
356 </script>
357 </div>
358 </b:includable>
359 <b:includable id='commentDeleteIcon' var='comment'>
360 <span expr:class='"item-control " + data:comment.adminClass'>
361 <b:if cond='data:showCmtPopup'>
362 <div class='goog-toggle-button'>
363 <div class='goog-inline-block comment-action-icon'/>
364 </div>
365 <b:else/>
366 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
367 <img src='//www.blogger.com/img/icon_delete13.gif'/>
368 </a>
369 </b:if>
370 </span>
371 </b:includable>
372 <b:includable id='comment_count_picker' var='post'>
373 <b:if cond='data:post.commentSource == 1'>
374 <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'>
375 </span>
376 <b:else/>
377 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
378 <data:post.commentLabelFull/>:
379 </a>
380 </b:if>
381 </b:includable>
382 <b:includable id='comment_picker' var='post'>
383 <b:if cond='data:post.commentSource == 1'>
384 <b:include data='post' name='iframe_comments'/>
385 <b:else/>
386 <b:if cond='data:post.showThreadedComments'>
387 <b:include data='post' name='threaded_comments'/>
388 <b:else/>
389 <b:include data='post' name='comments'/>
390 </b:if>
391 </b:if>
392 </b:includable>
393 <b:includable id='comments' var='post'>
394 <div class='comments' id='comments'>
395 <a name='comments'/>
396 <b:if cond='data:post.allowComments'>
397 <h4>
398 <b:if cond='data:post.numComments == 1'>
399 1 <data:commentLabel/>:
400 <b:else/>
401 <data:post.numComments/> <data:commentLabelPlural/>:
402 </b:if>
403 </h4>
404
405 <b:if cond='data:post.commentPagingRequired'>
406 <span class='paging-control-container'>
407 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
408  
409 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
410  
411 <data:post.commentRangeText/>
412  
413 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
414  
415 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
416 </span>
417 </b:if>
418
419 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
420 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
421 <b:loop values='data:post.comments' var='comment'>
422 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
423 <b:if cond='data:comment.favicon'>
424 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
425 </b:if>
426 <a expr:name='data:comment.anchorName'/>
427 <b:if cond='data:blog.enabledCommentProfileImages'>
428 <data:comment.authorAvatarImage/>
429 </b:if>
430 <b:if cond='data:comment.authorUrl'>
431 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
432 <b:else/>
433 <data:comment.author/>
434 </b:if>
435 <data:commentPostedByMsg/>
436 </dt>
437 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
438 <b:if cond='data:comment.isDeleted'>
439 <span class='deleted-comment'><data:comment.body/></span>
440 <b:else/>
441 <p>
442 <data:comment.body/>
443 </p>
444 </b:if>
445 </dd>
446 <dd class='comment-footer'>
447 <span class='comment-timestamp'>
448 <a expr:href='data:comment.url' title='comment permalink'>
449 <data:comment.timestamp/>
450 </a>
451 <b:include data='comment' name='commentDeleteIcon'/>
452 </span>
453 </dd>
454 </b:loop>
455 </dl>
456 </div>
457
458 <b:if cond='data:post.commentPagingRequired'>
459 <span class='paging-control-container'>
460 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
461 <data:post.oldestLinkText/>
462 </a>
463 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
464 <data:post.olderLinkText/>
465 </a>
466  
467 <data:post.commentRangeText/>
468  
469 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
470 <data:post.newerLinkText/>
471 </a>
472 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
473 <data:post.newestLinkText/>
474 </a>
475 </span>
476 </b:if>
477
478 <p class='comment-footer'>
479 <b:if cond='data:post.embedCommentForm'>
480 <b:if cond='data:post.allowNewComments'>
481 <b:include data='post' name='comment-form'/>
482 <b:else/>
483 <data:post.noNewCommentsText/>
484 </b:if>
485 <b:else/>
486 <b:if cond='data:post.allowComments'>
487 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
488 </b:if>
489 </b:if>
490
491 </p>
492 </b:if>
493 <b:if cond='data:showCmtPopup'>
494 <div id='comment-popup'>
495 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
496 </iframe>
497 </div>
498 </b:if>
499
500 <div id='backlinks-container'>
501 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
502 <b:if cond='data:post.showBacklinks'>
503 <b:include data='post' name='backlinks'/>
504 </b:if>
505 </div>
506 </div>
507 </div>
508 </b:includable>
509 <b:includable id='feedLinks'>
510 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
511 <b:if cond='data:feedLinks'>
512 <div class='blog-feeds'>
513 <b:include data='feedLinks' name='feedLinksBody'/>
514 </div>
515 </b:if>
516
517 <b:else/> <!--Post feed links -->
518 <div class='post-feeds'>
519 <b:loop values='data:posts' var='post'>
520 <b:if cond='data:post.allowComments'>
521 <b:if cond='data:post.feedLinks'>
522 <b:include data='post.feedLinks' name='feedLinksBody'/>
523 </b:if>
524 </b:if>
525 </b:loop>
526 </div>
527 </b:if>
528 </b:includable>
529 <b:includable id='feedLinksBody' var='links'>
530 <div class='feed-links'>
531 <data:feedLinksMsg/>
532 <b:loop values='data:links' var='f'>
533 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
534 </b:loop>
535 </div>
536 </b:includable>
537 <b:includable id='iframe_comments' var='post'>
538
539 <b:if cond='data:post.allowIframeComments'>
540 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
541 <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
542
543 <b:if cond='data:post.embedCommentForm == "false"'>
544 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
545 </b:if>
546 </b:if>
547 </b:includable>
548 <b:includable id='mobile-index-post' var='post'>
549 <div class='mobile-date-outer date-outer'>
550 <b:if cond='data:post.dateHeader'>
551 <div class='date-header'>
552 <span><data:post.dateHeader/></span>
553 </div>
554 </b:if>
555
556 <div class='mobile-post-outer' style='border-bottom: 1px solid #ccc;padding-bottom: 10px;'>
557 <a expr:href='data:post.url'>
558 <h3 class='mobile-index-title entry-title' style='margin: 10px;'>
559 <data:post.title/>
560 </h3></a>
561
562
563 <div class='mobile-index-contents'>
564 <div class='mobilethumb' style='float: left;margin: 5px 15px 0 15px;'><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' style='width:40px;height:40px'/></a></div>
565 <div class='post-body'>
566 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
567 </div>
568 </div>
569
570 <div style='clear: both;'/>
571
572
573 <div class='mobile-index-comment' style='margin: 5px;height: 10px;'>
574 <b:if cond='data:blog.pageType != "static_page"'>
575 <b:if cond='data:post.allowComments'>
576 <b:if cond='data:post.numComments != 0'>
577 <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>
578 </b:if>
579 </b:if>
580 <a expr:href='data:post.url' style='float:right;'>Read more</a>
581 </b:if>
582 </div>
583 </div>
584 </div>
585 </b:includable>
586 <b:includable id='mobile-main' var='top'>
587 <!-- posts -->
588 <div class='blog-posts hfeed'>
589
590 <b:include data='top' name='status-message'/>
591
592 <b:if cond='data:blog.pageType == "index"'>
593 <b:loop values='data:posts' var='post'>
594 <b:include data='post' name='mobile-index-post'/>
595 </b:loop>
596 <b:else/>
597 <b:loop values='data:posts' var='post'>
598 <b:include data='post' name='mobile-post'/>
599 </b:loop>
600 </b:if>
601 </div>
602
603 <b:include name='mobile-nextprev'/>
604 </b:includable>
605 <b:includable id='mobile-nextprev'>
606 <div class='blog-pager' id='blog-pager'>
607 <b:if cond='data:newerPageUrl'>
608 <div class='mobile-link-button' id='blog-pager-newer-link'>
609 <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>
610 </div>
611 </b:if>
612
613 <b:if cond='data:olderPageUrl'>
614 <div class='mobile-link-button' id='blog-pager-older-link'>
615 <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>
616 </div>
617 </b:if>
618
619 <div class='mobile-link-button' id='blog-pager-home-link'>
620 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
621 </div>
622
623 <div class='mobile-desktop-link'>
624 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
625 </div>
626
627 </div>
628 <div class='clear'/>
629 </b:includable>
630 <b:includable id='mobile-post' var='post'>
631 <div class='date-outer'>
632 <b:if cond='data:post.dateHeader'>
633 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
634 </b:if>
635 <div class='date-posts'>
636 <div class='post-outer'>
637
638 <div class='post hentry uncustomized-post-template'>
639 <a expr:name='data:post.id'/>
640 <b:if cond='data:post.title'>
641 <h1 class='post-title entry-title' style='margin: 10px 0;font-size: 17px;'>
642 <b:if cond='data:post.link'>
643 <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
644 <b:else/>
645 <b:if cond='data:post.url'>
646 <b:if cond='data:blog.url != data:post.url'>
647 <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
648 <b:else/>
649 <data:post.title/>
650 </b:if>
651 <b:else/>
652 <data:post.title/>
653 </b:if>
654 </b:if>
655 </h1>
656 </b:if>
657
658 <div class='post-header'>
659 <div class='post-header-line-1'/>
660 </div>
661
662 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
663
664 <data:post.body/>
665
666 <div style='clear: both;'/> <!-- clear for photos floats -->
667 </div>
668
669 <div class='post-footer'>
670 <div class='post-footer-line post-footer-line-1'>
671 </div>
672
673 <div class='post-footer-line post-footer-line-2'>
674 <b:if cond='data:top.showMobileShare'>
675 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
676 <a href='javascript:void(0);'><data:shareMsg/></a>
677 </div>
678 </b:if>
679 <b:if cond='data:top.showDummy'>
680 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
681 </b:if>
682 </div>
683
684 </div>
685 </div>
686
687 <b:if cond='data:blog.pageType == "static_page"'>
688 <b:if cond='data:post.showThreadedComments'>
689 <b:include data='post' name='threaded_comments'/>
690 <b:else/>
691 <b:include data='post' name='comments'/>
692 </b:if>
693 </b:if>
694 <b:if cond='data:blog.pageType == "item"'>
695 <b:if cond='data:post.showThreadedComments'>
696 <b:include data='post' name='threaded_comments'/>
697 <b:else/>
698 <b:include data='post' name='comments'/>
699 </b:if>
700 </b:if>
701 </div>
702 </div>
703 </div>
704 </b:includable>
705 <b:includable id='nextprev'>
706 <div class='blog-pager' id='blog-pager'>
707 <b:if cond='data:newerPageUrl'>
708 <span id='blog-pager-newer-link'>
709 <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>
710 </span>
711 </b:if>
712
713 <b:if cond='data:olderPageUrl'>
714 <span id='blog-pager-older-link'>
715 <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>
716 </span>
717 </b:if>
718
719 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
720
721 <b:if cond='data:mobileLinkUrl'>
722 <div class='blog-mobile-link'>
723 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
724 </div>
725 </b:if>
726
727 </div>
728 <div class='clear'/>
729 </b:includable>
730 <b:includable id='post' var='post'>
731 <div class='post hentry'>
732 <a expr:name='data:post.id'/>
733 <b:if cond='data:blog.pageType != "item"'>
734 <b:if cond='data:blog.pageType != "static_page"'>
735 <b:if cond='data:blog.pageType == "index"'>
736 <b:if cond='data:post.isFirstPost'>
737 <script type='text/javascript'>
738 //<![CDATA[
739 function bp_thumbnail_resize(image_url,post_title)
740 {
741 var image_size=150;
742 var show_default_thumbnail=true;
743 var default_thumbnail="http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
744 if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
745 image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="post-thumbnail" alt="'+post_title+'"/>';
746 if(image_url!="") return image_tag; else return "";
747 }
748 //]]>
749 </script>
750 </b:if>
751 <script type='text/javascript'>
752 document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
753 </script>
754 </b:if>
755 </b:if>
756
757 <b:if cond='data:post.title'>
758 <H2 class='post-title entry-title'>
759 <b:if cond='data:post.link'>
760 <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
761 <b:else/>
762 <b:if cond='data:post.url'>
763 <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
764 <b:else/>
765 <data:post.title/>
766 </b:if>
767 </b:if>
768 </H2>
769 </b:if>
770 <b:else/>
771 <H1 class='post-title entry-title'>
772 <b:if cond='data:post.link'>
773 <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
774 <b:else/>
775 <b:if cond='data:post.url'>
776 <a expr:title='data:post.title'><data:post.title/></a>
777 <b:else/>
778 <data:post.title/>
779 </b:if>
780 </b:if>
781 </H1>
782 </b:if>
783
784 <div class='post-header'>
785 <div class='post-header-line-1'>
786 <b:if cond='data:blog.pageType != "static_page"'>
787 <div class='post-info'>
788 <div class='post-info-icon jam'>
789 <span class='post-timestamp'>
790 <b:if cond='data:top.showTimestamp'>
791 <b:if cond='data:post.url'>
792 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
793 <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-calendar'/> <data:post.timestamp/></abbr></a>
794 </b:if>
795 </b:if>
796 </span>
797 </div>
798
799 <b:if cond='data:post.labels'>
800 <b:loop values='data:post.labels' var='label'>
801 <a class='label-block' expr:href='data:label.url' rel='tag'><i class='fa fa-tags'/> <data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
802 </b:loop>
803 </b:if>
804
805 </div>
806 </b:if></div>
807 </div>
808
809 <b:if cond='data:blog.pageType == "item"'>
810 <div class='advertise1'>
811 <!-- advertise code here -->
812 </div>
813 </b:if>
814
815 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
816
817
818 <b:if cond='data:blog.pageType == "static_page"'>
819 <p><data:post.body/></p></b:if>
820
821 <b:if cond='data:blog.pageType != "item"'>
822 <b:if cond='data:blog.pageType != "static_page"'>
823 <div class='post-snippet'><data:post.snippet/></div>
824 </b:if></b:if>
825
826 <b:if cond='data:blog.pageType == "item"'>
827
828 <p><data:post.body/></p>
829
830 </b:if>
831
832 <b:if cond='data:blog.pageType == "item"'>
833 <div style='display:none;'>
834 <div class='vcard' id='hcard-templatoid'>
835 <span itemprop='description'><span itemprop='itemreviewed'><data:post.title/></span></span>
836 <time itemprop='dtreviewed'><data:post.timestampISO8601/></time>
837 Rating: <span itemprop='rating'>4.5</span>
838 Diposkan Oleh: <span class='fn n'>
839 <span class='given-name' itemprop='reviewer'><data:post.author/></span>
840 </span>
841 </div>
842 </div>
843 </b:if>
844
845 <div style='clear: both;'/> <!-- clear for photos floats -->
846 </div>
847
848 <b:if cond='data:post.hasJumpLink'>
849 <div class='jump-link'>
850 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
851 </div>
852 </b:if>
853
854 <div class='post-footer'>
855 <b:if cond='data:blog.pageType == "item"'>
856 <div class='post-footer-line post-footer-line-1'>
857 <div class='advertise2'>
858 <!-- advertise code here -->
859 </div>
860
861 <div id='share-button-templatoid'>
862 <p>Share to:</p>
863 <a class='facebook' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a>
864 <a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a>
865 <a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a>
866 <div class='clear'/>
867 </div>
868
869 <div id='related_posts' style='margin-top:5px'>
870 <h4>Related Articles :</h4>
871 <b:loop values='data:post.labels' var='label'>
872 <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgthum&max-results=50"' type='text/javascript'/>
873 </b:loop>
874 <ul id='relpost_img_sum'>
875 <script type='text/javascript'>relatpost();</script>
876 </ul>
877 </div>
878 </div>
879 </b:if>
880
881 <div class='post-footer-line post-footer-line-2' style='display:none;'/>
882
883 <div class='post-footer-line post-footer-line-3' style='display:none;'/>
884 </div>
885 </div>
886 </b:includable>
887 <b:includable id='postQuickEdit' var='post'>
888 <b:if cond='data:post.editUrl'>
889 <span expr:class='"item-control " + data:post.adminClass'>
890 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
891 <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
892 </a>
893 </span>
894 </b:if>
895 </b:includable>
896 <b:includable id='shareButtons' var='post'>
897 <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.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>
898 </b:includable>
899 <b:includable id='status-message'>
900 <b:if cond='data:navMessage'>
901 <div class='status-msg-wrap'>
902 <div class='status-msg-body'>
903 <data:navMessage/>
904 </div>
905 <div class='status-msg-border'>
906 <div class='status-msg-bg'>
907 <div class='status-msg-hidden'><data:navMessage/></div>
908 </div>
909 </div>
910 </div>
911 <div style='clear: both;'/>
912 </b:if>
913 </b:includable>
914 <b:includable id='threaded-comment-form' var='post'>
915 <div class='comment-form'>
916 <a name='comment-form'/>
917 <b:if cond='data:mobile'>
918 <p><data:blogCommentMessage/></p>
919 <data:blogTeamBlogMessage/>
920 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
921 <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%'/>
922 <b:else/>
923 <p><data:blogCommentMessage/></p>
924 <data:blogTeamBlogMessage/>
925 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
926 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
927 </b:if>
928 <data:post.friendConnectJs/>
929 <data:post.cmtfpIframe/>
930 <script type='text/javascript'>
931 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
932 </script>
933 </div>
934 </b:includable>
935 <b:includable id='threaded_comment_js' var='post'>
936 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
937
938 <script type='text/javascript'>
939 (function() {
940 var items = <data:post.commentJso/>;
941 var msgs = <data:post.commentMsgs/>;
942 var config = <data:post.commentConfig/>;
943
944 // <![CDATA[
945 var cursor = null;
946 if (items && items.length > 0) {
947 cursor = parseInt(items[items.length - 1].timestamp) + 1;
948 }
949
950 var bodyFromEntry = function(entry) {
951 if (entry.gd$extendedProperty) {
952 for (var k in entry.gd$extendedProperty) {
953 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
954 return '<span class="deleted-comment">' + entry.content.$t + '</span>';
955 }
956 }
957 }
958 return entry.content.$t;
959 }
960
961 var parse = function(data) {
962 cursor = null;
963 var comments = [];
964 if (data && data.feed && data.feed.entry) {
965 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
966 var comment = {};
967 // comment ID, parsed out of the original id format
968 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
969 comment.id = id ? id[2] : null;
970 comment.body = bodyFromEntry(entry);
971 comment.timestamp = Date.parse(entry.published.$t) + '';
972 if (entry.author && entry.author.constructor === Array) {
973 var auth = entry.author[0];
974 if (auth) {
975 comment.author = {
976 name: (auth.name ? auth.name.$t : undefined),
977 profileUrl: (auth.uri ? auth.uri.$t : undefined),
978 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
979 };
980 }
981 }
982 if (entry.link) {
983 if (entry.link[2]) {
984 comment.link = comment.permalink = entry.link[2].href;
985 }
986 if (entry.link[3]) {
987 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
988 if (pid && pid[1]) {
989 comment.parentId = pid[1];
990 }
991 }
992 }
993 comment.deleteclass = 'item-control blog-admin';
994 if (entry.gd$extendedProperty) {
995 for (var k in entry.gd$extendedProperty) {
996 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
997 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
998 }
999 }
1000 }
1001 comments.push(comment);
1002 }
1003 }
1004 return comments;
1005 };
1006
1007 var paginator = function(callback) {
1008 if (hasMore()) {
1009 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
1010 if (cursor) {
1011 url += '&published-min=' + new Date(cursor).toISOString();
1012 }
1013 window.bloggercomments = function(data) {
1014 var parsed = parse(data);
1015 cursor = parsed.length < 50 ? null
1016 : parseInt(parsed[parsed.length - 1].timestamp) + 1
1017 callback(parsed);
1018 window.bloggercomments = null;
1019 }
1020 url += '&callback=bloggercomments';
1021 var script = document.createElement('script');
1022 script.type = 'text/javascript';
1023 script.src = url;
1024 document.getElementsByTagName('head')[0].appendChild(script);
1025 }
1026 };
1027 var hasMore = function() {
1028 return !!cursor;
1029 };
1030 var getMeta = function(key, comment) {
1031 if ('iswriter' == key) {
1032 var matches = !!comment.author
1033 && comment.author.name == config.authorName
1034 && comment.author.profileUrl == config.authorUrl;
1035 return matches ? 'true' : '';
1036 } else if ('deletelink' == key) {
1037 return config.baseUri + '/delete-comment.g?blogID='
1038 + config.blogId + '&postID=' + comment.id;
1039 } else if ('deleteclass' == key) {
1040 return comment.deleteclass;
1041 }
1042 return '';
1043 };
1044
1045 var replybox = null;
1046 var replyUrlParts = null;
1047 var replyParent = undefined;
1048
1049 var onReply = function(commentId, domId) {
1050 if (replybox == null) {
1051 // lazily cache replybox, and adjust to suit this style:
1052 replybox = document.getElementById('comment-editor');
1053 if (replybox != null) {
1054 replybox.height = '250px';
1055 replybox.style.display = 'block';
1056 replyUrlParts = replybox.src.split('#');
1057 }
1058 }
1059 if (replybox && (commentId !== replyParent)) {
1060 document.getElementById(domId).insertBefore(replybox, null);
1061 replybox.src = replyUrlParts[0]
1062 + (commentId ? '&parentID=' + commentId : '')
1063 + '#' + replyUrlParts[1];
1064 replyParent = commentId;
1065 }
1066 };
1067
1068 var hash = (window.location.hash || '#').substring(1);
1069 var startThread, targetComment;
1070 if (/^comment-form_/.test(hash)) {
1071 startThread = hash.substring('comment-form_'.length);
1072 } else if (/^c[0-9]+$/.test(hash)) {
1073 targetComment = hash.substring(1);
1074 }
1075
1076 // Configure commenting API:
1077 var configJso = {
1078 'maxDepth': config.maxThreadDepth
1079 };
1080 var provider = {
1081 'id': config.postId,
1082 'data': items,
1083 'loadNext': paginator,
1084 'hasMore': hasMore,
1085 'getMeta': getMeta,
1086 'onReply': onReply,
1087 'rendered': true,
1088 'initComment': targetComment,
1089 'initReplyThread': startThread,
1090 'config': configJso,
1091 'messages': msgs
1092 };
1093
1094 var render = function() {
1095 if (window.goog && window.goog.comments) {
1096 var holder = document.getElementById('comment-holder');
1097 window.goog.comments.render(holder, provider);
1098 }
1099 };
1100
1101 // render now, or queue to render when library loads:
1102 if (window.goog && window.goog.comments) {
1103 render();
1104 } else {
1105 window.goog = window.goog || {};
1106 window.goog.comments = window.goog.comments || {};
1107 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
1108 window.goog.comments.loadQueue.push(render);
1109 }
1110 })();
1111 // ]]>
1112 </script>
1113 </b:includable>
1114 <b:includable id='threaded_comments' var='post'>
1115 <div class='comments' id='comments'>
1116 <a name='comments'/>
1117 <h4>
1118 <b:if cond='data:post.numComments == 1'>
1119 1 <data:commentLabel/>:
1120 <b:else/>
1121 <data:post.numComments/> <data:commentLabelPlural/>:
1122 </b:if>
1123 </h4>
1124
1125 <div class='comments-content'>
1126 <b:if cond='data:post.embedCommentForm'>
1127 <b:include data='post' name='threaded_comment_js'/>
1128 </b:if>
1129 <div id='comment-holder'>
1130 <data:post.commentHtml/>
1131 </div>
1132 </div>
1133
1134 <p class='comment-footer'>
1135 <b:if cond='data:post.allowNewComments'>
1136 <b:include data='post' name='threaded-comment-form'/>
1137 <b:else/>
1138 <data:post.noNewCommentsText/>
1139 </b:if>
1140 </p>
1141
1142 <b:if cond='data:showCmtPopup'>
1143 <div id='comment-popup'>
1144 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1145 </iframe>
1146 </div>
1147 </b:if>
1148
1149 <div id='backlinks-container'>
1150 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1151 <b:if cond='data:post.showBacklinks'>
1152 <b:include data='post' name='backlinks'/>
1153 </b:if>
1154 </div>
1155 </div>
1156 </div>
1157 </b:includable>
1158 </b:widget>
1159 </b:section>
1160 </div>
1161 <div id='sidebar-wrapper'>
1162 <b:section class='sidebar' id='sidebar' preferred='yes'>
1163 <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
1164 <b:includable id='main'><script type="text/javascript">
1165 function setAttributeOnload(object, attribute, val) {
1166 if(window.addEventListener) {
1167 window.addEventListener('load',
1168 function(){ object[attribute] = val; }, false);
1169 } else {
1170 window.attachEvent('onload', function(){ object[attribute] = val; });
1171 }
1172 }
1173 </script>
1174<div id="navbar-iframe-container"></div>
1175<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
1176<script type="text/javascript">
1177 gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
1178 if (gapi.iframes && gapi.iframes.getContext) {
1179 gapi.iframes.getContext().openChild({
1180 url: 'https://www.blogger.com/navbar.g?targetBlogID\0756509913694103463472\46blogName\75Seo+Fix+Blogger+Templates\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://seofix-templatoid.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://seofix-templatoid.blogspot.com/\46vt\0753445674919555308463',
1181 where: document.getElementById("navbar-iframe-container"),
1182 id: "navbar-iframe"
1183 });
1184 }
1185 });
1186 </script><script type="text/javascript">
1187(function() {
1188var script = document.createElement('script');
1189script.type = 'text/javascript';
1190script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
1191var head = document.getElementsByTagName('head')[0];
1192if (head) {
1193head.appendChild(script);
1194}})();
1195</script>
1196</b:includable>
1197 </b:widget>
1198 </b:section>
1199 </div>
1200 <!-- spacer for skins that want sidebar and main to be the same height-->
1201 <div class='clear'> </div>
1202</div> <!-- end content-wrapper -->
1203
1204<div class='clear'/>
1205</div>
1206
1207<div id='footer-wrapper'>
1208<div id='footer'>
1209 © <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>. All Right Reserved.
1210</div></div>
1211
1212
1213</div>
1214</div>
1215</body>
1216</HTML>