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