· 6 years ago · Dec 20, 2019, 11:12 PM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<HTML>
4 <head>
5 <meta charset='utf-8'/>
6 <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
7 <meta content='width=device-width, initial-scale=1' name='viewport'/>
8 <b:include data='blog' name='all-head-content'/>
9
10<b:if cond='data:blog.pageType == "item"'>
11<title><data:blog.pageName/> | <data:blog.title/></title>
12<b:else/>
13<b:if cond='data:blog.pageType == "index"'>
14<b:if cond='data:blog.url != data:blog.homepageUrl'>
15<title><data:blog.pageName/> | <data:blog.title/></title>
16<b:else/>
17<title><data:blog.pageTitle/> | Your short blog descriptions</title>
18</b:if>
19</b:if>
20<b:if cond='data:blog.pageType == "static_page"'>
21<title><data:blog.pageTitle/></title>
22</b:if>
23<b:if cond='data:blog.pageType == "archive"'>
24<title>Posts in:<data:blog.pageName/> | <data:blog.title/></title>
25</b:if>
26<b:if cond='data:blog.pageType == "error_page"'>
27<title>Page Not Found | <data:blog.pageTitle/></title>
28</b:if>
29</b:if>
30 <!--[if lt IE 9]>
31 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
32 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
33 <![endif]-->
34 <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet'/>
35 <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
36 <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic'/>
37
38<style type="text/css"><!-- /*<b:skin><![CDATA[
39body#layout ul {display:none}
40*/]]></b:skin>
41<style>
42body{padding-top:60px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px}
43.post-thumbnail {width:160px;height:140px;float:left;margin:2px 15px 0 0;}
44.quickedit{display:none}
45.outer-wrapper{padding: 0 20px;margin-top: 15px;}
46</style>
47<style type='text/css'>
48/*<![CDATA[
49
50/*Navigation*/
51.navbar {
52 border-radius:0;
53}
54/*Nav Brand*/
55.navbar-brand img {
56 width: 32px;
57 height: 32px;
58}
59.navbar-brand {
60 padding: 10px 20px;
61}
62/*Blog Wrapper*/
63.blog-header {
64 padding-top: 30px;
65 padding-bottom: 20px;
66margin: -15px;
67}
68.blog-main {
69 font-size: 14px;
70 line-height: 1.4;
71}
72.blog-sidebar {
73 margin:0 0 30px 0;
74}
75/*Headings*/
76h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
77 margin-top: 0;
78 font-family:Sans-serif;
79 font-weight:600;
80 color: #333;
81}
82/*Posts*/
83.post .post-title {
84 margin-bottom:10px;font-size:30px;
85}
86.post-body {
87 margin:0 0 .75em;
88 line-height:1.4em;
89}
90/*Post Image*/
91.post table.tr-caption-container td {
92 border:none;
93 padding:8px;
94}
95.post table.tr-caption-container, .post table.tr-caption-container img, .post img {
96 max-width:100%;
97 height:auto;
98}
99.post td.tr-caption {
100 color: #333;
101 font-size: 80%;
102 padding: 8px 8px 8px !important;
103 background-color: #eee;
104 font-style: italic;
105}
106img {
107 display: inline-block;
108 max-width: 100%;
109 height: auto;
110}
111table.tr-caption-container {
112 padding:4px;
113 margin-bottom:.5em
114}
115td.tr-caption {
116 font-size:80%
117}
118.post table caption {
119 border:none;
120 font-style:italic;
121}
122.post table caption {
123 border:1px solid #d8dde1;
124 padding:.2em .5em;
125 text-align:left;
126 vertical-align:top;
127}
128/*Post Footer*/
129.post-footer {
130 margin:.75em 0;
131 letter-spacing:.1em;
132 line-height:1.4em;
133 font-size: 12px;
134 display:none;
135}
136/*Post Meta*/
137.blog-post-meta {
138 margin: 10px 0 5px;
139 color: #999;
140 font-size: 15px;
141}
142.blog-post-meta a {
143 color: #999;
144 border-bottom: 1px solid #eee;
145 padding-bottom: 4px;
146}
147.blog-post-meta a:hover {
148 border-bottom: 1px solid #23527c;
149}
150.timestamp-link {
151 cursor:help;
152 border-bottom: 1px solid #eee;
153 padding-bottom: 4px;
154}
155.timestamp-link:hover {
156 border-bottom: 1px solid #23527c;
157}
158.date-header {display:none}
159/*SideBar*/
160.sidebar .widget ul, .sidebar .widget ol {
161 margin-top:0;margin-left:-22px;margin-bottom:15px;}
162.sidebar h2, .sidebar h3, .footer h2 {
163 color: #333;
164 font-size: 15px;
165 font-weight: 700;
166 text-transform: uppercase;
167 margin: 0 0 20px 0;
168 position: relative;
169 padding: 8px 15px;
170 list-style: none;
171 background-color: #f5f5f5;
172 border-radius: 4px;
173}
174/*Popular Posts*/
175.popular-posts ul, .popular-posts li {
176 margin:0 0 0 22px;
177 padding:0;
178 list-style:none
179}
180.popular-posts li {
181 margin-bottom:.6em
182}
183.PopularPosts .item-snippet {
184 font-size:11px;
185 color:#333;
186 max-height:45px;
187 overflow:hidden;
188}
189.PopularPosts .item-thumbnail {
190 transition: all 0.15s ease-in-out 0s;
191 margin:0 8px 0 0;
192 display:inline;
193 opacity:10;float: left;
194}
195.PopularPosts .item-thumbnail a img {
196 height:69px;
197 width:69px;
198 display:block;
199 margin:0;
200 padding:2px;
201 border:1px solid #e8e8e8 !important;
202}
203.PopularPosts .item-thumbnail a img:hover {
204 background:#00AFAF;
205 border:1px solid #00AFAF !important;
206}
207.PopularPosts .widget-content ul li {
208 padding:3px 0px !important;
209 border-bottom:1px solid #e2e2e2;
210}
211/*Footer*/
212.blog-footer {
213 padding: 15px;
214 color: #999;font-size:12px;
215 text-align: center;
216 background-color: #f9f9f9;
217 border-top: 1px solid #e5e5e5;
218}
219.blog-footer a {
220 padding-bottom: 4px;
221}
222.blog-footer a:hover {
223 border-bottom: 1px solid #23527c;
224}
225/*Comments*/
226#comments h4 {
227 margin:1em 0;
228 font-weight:bold;
229 line-height:1.4em;
230 text-transform:uppercase;
231 letter-spacing:.2em;
232}
233#comments-block {
234 margin:1em 0 1.5em;
235 line-height:1.6em;
236}
237#comments-block .comment-author {
238 margin:.5em 0;
239}
240#comments-block .comment-body {
241 margin:.25em 0 0;
242}
243#comments-block .comment-footer {
244 margin:-.25em 0 2em;
245 line-height:1.4em;
246 text-transform:uppercase;
247 letter-spacing:.1em;
248}
249#comments-block .comment-body p {
250 margin:0 0 .75em;
251}
252.deleted-comment {
253 font-style:italic;
254 color:gray;
255}
256.feed-links {
257 display:none;
258}
259/*Responsive*/
260
261/*Override Bootstrap's default container.*/
262@media (min-width: 1200px) {
263 .container {
264 width: 970px;
265 }
266}
267@media screen and (max-width: 960px) {
268 .blog-main, .blog-sidebar {
269 float: none;
270 display: block;
271 width: auto;
272 }
273}
274.breadcrumbs {
275 padding: 10px;
276 background: #f9f9f9;
277 margin: 0 0 10px 0;
278 font-size: 90%;
279}
280body {
281 font-family: Source Sans Pro, Open Sans, Helvetica, Arial, sans-serif;
282 font-weight:400;
283 color:#555;
284}
285/*]]>*/
286</style>
287<b:if cond='data:blog.pageType != "static_page"'>
288<b:if cond='data:blog.pageType != "item"'>
289<style type='text/css'>
290.post {
291 margin-bottom: 10px;
292 padding-bottom: 10px;
293 border-top: 1px solid #f0f0f0;
294 padding-top: 20px;
295}
296.post img {height: 130px;}
297
298</style>
299</b:if>
300</b:if>
301<script type='text/javascript'>
302snippet_count = 150;
303//<![CDATA[
304function removeHtmlTag(strx,chop){
305if(strx.indexOf("<")!=-1)
306{
307var snippet = strx.split("<");
308for(var i=0;i<snippet.length;i++){
309if(snippet[i].indexOf(">")!=-1){
310snippet[i] = snippet[i].substring(snippet[i].indexOf(">")+1,snippet[i].length);
311}
312}
313strx = snippet.join("");
314}
315chop = (chop < strx.length-1) ? chop : strx.length-2;
316while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
317strx = strx.substring(0,chop-1);
318return strx+'...';
319}
320function createSnippet(pID){
321var div = document.getElementById(pID);
322var summ = snippet_count;
323var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
324div.innerHTML = summary;
325}
326//]]>
327</script>
328<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts{float:left;width:auto;margin-bottom:10px} #related-posts a{border-right:none} #related-posts a:hover{background: #f2f2f2;} #related-posts h2{margin-top: 10px;background:none;font:16px Oswald;padding:3px;color:#555; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:128px;height:80px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;} #related-title {color:#222;text-align:left;padding:5px;font-size:13px Arial;line-height:15px;height:75px;width:128px;} #related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
329<script type='text/javascript'>
330//<![CDATA[
331imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png";showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=30;numposts1=12;numposts2=4;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
332 function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img class="related_img" src="'+img[i]+'"/></a><div class="clear"></div></div>';document.write(trtd);j++}}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png'}if(relatedTitles[relatedTitlesNum].length>55)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,55)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h2>'+relatedpoststitle+'</h2>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<30&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
333//]]></script><!-- remove --></b:if> <!--Related Posts with thumbnails Scripts and Styles End-->
334</head>
335<body>
336 <nav class='navbar navbar-default navbar-fixed-top'>
337 <div class='container'>
338 <div class='navbar-header'>
339 <button aria-controls='navbar' aria-expanded='false' class='navbar-toggle collapsed' data-target='#navbar' data-toggle='collapse' type='button'>
340 <span class='sr-only'>Toggle navigation</span>
341 <span class='icon-bar'/>
342 <span class='icon-bar'/>
343 <span class='icon-bar'/>
344 </button>
345 </div>
346 <div class='navbar-collapse collapse' id='navbar'>
347 <ul class='nav navbar-nav'>
348 <li class='active'><a href='/'>Home</a></li>
349 <li><a href='/p/about.html'>About</a></li>
350 <li><a href='/p/kontak.html'>Contact</a></li>
351 <li><a href='/p/disclaimer.html'>Disclaimer</a></li>
352 <li class='dropdown'>
353 <a aria-expanded='false' aria-haspopup='true' class='dropdown-toggle' data-toggle='dropdown' href='#' role='button'>Dropdown <span class='caret'/></a>
354 <ul class='dropdown-menu'>
355 <li><a href='#'>Action</a></li>
356 <li><a href='#'>Another action</a></li>
357 <li><a href='#'>Something else here</a></li>
358 <li class='divider' role='separator'/>
359 <li class='dropdown-header'>Nav header</li>
360 <li><a href='#'>Separated link</a></li>
361 <li><a href='#'>One more separated link</a></li>
362 </ul>
363 </li>
364 </ul>
365 <ul class='nav navbar-nav navbar-right'>
366 <li>
367<form class='navbar-form navbar-right' expr:action='data:blog.homepageUrl + "search"' role='search'>
368 <div class='form-group'>
369 <input class='form-control' name='q' placeholder='Search' type='text'/>
370 </div>
371 <button class='btn btn-default' type='submit'>Submit</button>
372 </form>
373</li>
374 </ul>
375 </div><!--/.nav-collapse -->
376 </div><!--/.container-fluid -->
377 </nav>
378<div class='container outer-wrapper'>
379<div class='blog-header'>
380 <div class='container'>
381 <b:section class='header' id='header1' maxwidgets='1' showaddelement='no'>
382 <b:widget id='Header1' locked='true' title='jonkristians (Header)' type='Header' version='1'>
383 <b:widget-settings>
384 <b:widget-setting name='displayUrl'/>
385 <b:widget-setting name='displayHeight'>0</b:widget-setting>
386 <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
387 <b:widget-setting name='useImage'>false</b:widget-setting>
388 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
389 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
390 <b:widget-setting name='displayWidth'>0</b:widget-setting>
391 </b:widget-settings>
392 <b:includable id='main'>
393 <b:if cond='data:useImage'>
394 <b:if cond='data:imagePlacement == "BEHIND"'>
395 <b:if cond='data:mobile'>
396 <div id='header-inner'>
397 <div class='titlewrapper' style='background: transparent'>
398<b:if cond='data:blog.pageType != "item"'>
399<h1 class='title' style='background: transparent; border-width: 0px'>
400<b:include name='title'/>
401</h1>
402<b:else/>
403<p class='title' style='background: transparent; border-width: 0px'>
404<b:include name='title'/>
405</p>
406</b:if>
407 </div>
408 <b:include name='description'/>
409 </div>
410 <b:else/>
411 <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'>
412 <div class='titlewrapper' style='background: transparent'>
413<b:if cond='data:blog.pageType != "item"'>
414<h1 class='title' style='background: transparent; border-width: 0px'>
415<b:include name='title'/>
416</h1>
417<b:else/>
418<p class='title' style='background: transparent; border-width: 0px'>
419<b:include name='title'/>
420</p>
421</b:if>
422 </div>
423 <b:include name='description'/>
424 </div>
425 </b:if>
426 <b:else/>
427 <!--Show the image only-->
428 <div id='header-inner'>
429 <a expr:href='data:blog.homepageUrl' style='display: block'>
430 <h1><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'/></h1>
431 </a>
432 <!--Show the description-->
433 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
434 <b:include name='description'/>
435 </b:if>
436 </div>
437 </b:if>
438 <b:else/>
439 <!--No header image -->
440 <div id='header-inner'>
441 <div class='titlewrapper'>
442<b:if cond='data:blog.pageType != "item"'>
443<h1 class='title' style='background: transparent; border-width: 0px;font-size:30px;'>
444<b:include name='title'/>
445</h1>
446<b:else/>
447<p class='title' style='background: transparent; border-width: 0px;font-size:30px;'>
448<b:include name='title'/>
449</p>
450</b:if>
451 </div>
452 </div>
453 </b:if>
454</b:includable>
455 <b:includable id='description'>
456 <div class='descriptionwrapper'>
457 <p class='description'><span><data:description/></span></p>
458 </div>
459</b:includable>
460 <b:includable id='title'>
461 <b:if cond='data:blog.url == data:blog.homepageUrl'>
462 <data:title/>
463 <b:else/>
464 <a expr:href='data:blog.homepageUrl'><data:title/></a>
465 </b:if>
466</b:includable>
467 </b:widget>
468 </b:section>
469 </div>
470</div>
471<div class='row' style='margin-top: 20px;'>
472
473<div class='col-md-8 blog-main'> <!-- Blog Main Wrapper Start -->
474 <b:section class='main' id='main' showaddelement='no'>
475 <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
476 <b:widget-settings>
477 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
478 <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
479 <b:widget-setting name='showShareButtons'>true</b:widget-setting>
480 <b:widget-setting name='showCommentLink'>false</b:widget-setting>
481 <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
482 <b:widget-setting name='showAuthor'>true</b:widget-setting>
483 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
484 <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
485 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
486 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
487 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
488 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
489 <b:widget-setting name='showLabels'>true</b:widget-setting>
490 <b:widget-setting name='showLocation'>true</b:widget-setting>
491 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
492 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
493 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
494 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
495 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
496 <b:widget-setting name='showReactions'>false</b:widget-setting>
497 </b:widget-settings>
498 <b:includable id='main' var='top'>
499 <b:if cond='!data:mobile'>
500 <!-- posts -->
501 <div class='blog-posts hfeed'>
502
503 <b:include data='top' name='status-message'/>
504
505 <b:loop values='data:posts' var='post'>
506 <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
507 </div></div>
508 </b:if>
509 <b:if cond='data:post.isDateStart'>
510 <div class="date-outer">
511 </b:if>
512 <b:if cond='data:post.dateHeader'>
513 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
514 </b:if>
515 <b:if cond='data:post.isDateStart'>
516 <div class="date-posts">
517 </b:if>
518 <div class='post-outer'>
519 <b:include data='post' name='post'/>
520 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
521 </div>
522
523 <!-- Ad -->
524 <b:if cond='data:post.includeAd'>
525 <div class='inline-ad'>
526 <data:adCode/>
527 </div>
528 </b:if>
529 </b:loop>
530 <b:if cond='data:numPosts != 0'>
531 </div></div>
532 </b:if>
533 </div>
534
535 <!-- navigation -->
536 <b:include name='nextprev'/>
537
538 <!-- feed links -->
539 <b:include name='feedLinks'/>
540
541 <b:else/>
542 <b:include name='mobile-main'/>
543 </b:if>
544
545 <b:if cond='data:top.showPlusOne'>
546 <data:top.googlePlusBootstrap/>
547 </b:if>
548
549</b:includable>
550 <b:includable id='backlinkDeleteIcon' var='backlink'>
551 <span expr:class='"item-control " + data:backlink.adminClass'>
552 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
553 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
554 </a>
555 </span>
556</b:includable>
557 <b:includable id='backlinks' var='post'>
558 <a name='links'/><h4><data:post.backlinksLabel/></h4>
559 <b:if cond='data:post.numBacklinks != 0'>
560 <dl class='comments-block' id='comments-block'>
561 <b:loop values='data:post.backlinks' var='backlink'>
562 <div class='collapsed-backlink backlink-control'>
563 <dt class='comment-title'>
564 <span class='backlink-toggle-zippy'> </span>
565 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
566 <b:include data='backlink' name='backlinkDeleteIcon'/>
567 </dt>
568 <dd class='comment-body collapseable'>
569 <data:backlink.snippet/>
570 </dd>
571 <dd class='comment-footer collapseable'>
572 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
573 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
574 </dd>
575 </div>
576 </b:loop>
577 </dl>
578 </b:if>
579 <p class='comment-footer'>
580 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
581 </p>
582</b:includable>
583 <b:includable id='comment-form' var='post'>
584 <div class='comment-form'>
585 <a name='comment-form'/>
586 <b:if cond='data:mobile'>
587 <h4 id='comment-post-message'>
588 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
589 <p><data:blogCommentMessage/></p>
590 <data:blogTeamBlogMessage/>
591 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
592 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
593 <b:else/>
594 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
595 <p><data:blogCommentMessage/></p>
596 <data:blogTeamBlogMessage/>
597 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
598 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
599 </b:if>
600 <data:post.cmtfpIframe/>
601 <script type='text/javascript'>
602 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
603 </script>
604 </div>
605</b:includable>
606 <b:includable id='commentDeleteIcon' var='comment'>
607 <span expr:class='"item-control " + data:comment.adminClass'>
608 <b:if cond='data:showCmtPopup'>
609 <div class='goog-toggle-button'>
610 <div class='goog-inline-block comment-action-icon'/>
611 </div>
612 <b:else/>
613 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
614 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
615 </a>
616 </b:if>
617 </span>
618</b:includable>
619 <b:includable id='comment_count_picker' var='post'>
620 <b:if cond='data:post.commentSource == 1'>
621 <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.url.canonical.http'>
622 </span>
623 <b:else/>
624 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
625 <data:post.commentLabelFull/>:
626 </a>
627 </b:if>
628</b:includable>
629 <b:includable id='comment_picker' var='post'>
630 <b:if cond='data:post.commentSource == 1'>
631 <b:include data='post' name='iframe_comments'/>
632 <b:elseif cond='data:post.showThreadedComments'/>
633 <b:include data='post' name='threaded_comments'/>
634 <b:else/>
635 <b:include data='post' name='comments'/>
636 </b:if>
637</b:includable>
638 <b:includable id='comments' var='post'>
639 <div class='comments' id='comments'>
640 <a name='comments'/>
641 <b:if cond='data:post.allowComments'>
642 <h4><data:post.commentLabelFull/>:</h4>
643
644 <b:if cond='data:post.commentPagingRequired'>
645 <span class='paging-control-container'>
646 <b:if cond='data:post.hasOlderLinks'>
647 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
648  
649 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
650  
651 </b:if>
652
653 <data:post.commentRangeText/>
654
655 <b:if cond='data:post.hasNewerLinks'>
656  
657 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
658  
659 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
660 </b:if>
661 </span>
662 </b:if>
663
664 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
665 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
666 <b:loop values='data:post.comments' var='comment'>
667 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
668 <b:if cond='data:comment.favicon'>
669 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
670 </b:if>
671 <a expr:name='data:comment.anchorName'/>
672 <b:if cond='data:blog.enabledCommentProfileImages'>
673 <data:comment.authorAvatarImage/>
674 </b:if>
675 <b:if cond='data:comment.authorUrl'>
676 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
677 <b:else/>
678 <data:comment.author/>
679 </b:if>
680 <data:commentPostedByMsg/>
681 </dt>
682 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
683 <b:if cond='data:comment.isDeleted'>
684 <span class='deleted-comment'><data:comment.body/></span>
685 <b:else/>
686 <p>
687 <data:comment.body/>
688 </p>
689 </b:if>
690 </dd>
691 <dd class='comment-footer'>
692 <span class='comment-timestamp'>
693 <a expr:href='data:comment.url' title='comment permalink'>
694 <data:comment.timestamp/>
695 </a>
696 <b:include data='comment' name='commentDeleteIcon'/>
697 </span>
698 </dd>
699 </b:loop>
700 </dl>
701 </div>
702
703 <b:if cond='data:post.commentPagingRequired'>
704 <span class='paging-control-container'>
705 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
706 <data:post.oldestLinkText/>
707 </a>
708 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
709 <data:post.olderLinkText/>
710 </a>
711  
712 <data:post.commentRangeText/>
713  
714 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
715 <data:post.newerLinkText/>
716 </a>
717 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
718 <data:post.newestLinkText/>
719 </a>
720 </span>
721 </b:if>
722
723 <p class='comment-footer'>
724 <b:if cond='data:post.embedCommentForm'>
725 <b:if cond='data:post.allowNewComments'>
726 <b:include data='post' name='comment-form'/>
727 <b:else/>
728 <data:post.noNewCommentsText/>
729 </b:if>
730 <b:elseif cond='data:post.allowComments'/>
731 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
732 </b:if>
733 </p>
734 </b:if>
735 <b:if cond='data:showCmtPopup'>
736 <div id='comment-popup'>
737 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
738 </iframe>
739 </div>
740 </b:if>
741
742 <div id='backlinks-container'>
743 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
744 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
745 </div>
746 </div>
747 </div>
748</b:includable>
749 <b:includable id='feedLinks'>
750 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
751 <b:if cond='data:feedLinks'>
752 <div class='blog-feeds'>
753 <b:include data='feedLinks' name='feedLinksBody'/>
754 </div>
755 </b:if>
756
757 <b:else/> <!--Post feed links -->
758 <div class='post-feeds'>
759 <b:loop values='data:posts' var='post'>
760 <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
761 </b:loop>
762 </div>
763 </b:if>
764</b:includable>
765 <b:includable id='feedLinksBody' var='links'>
766 <div class='feed-links'>
767 <data:feedLinksMsg/>
768 <b:loop values='data:links' var='f'>
769 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
770 </b:loop>
771 </div>
772</b:includable>
773 <b:includable id='iframe_comments' var='post'>
774
775 <b:if cond='data:post.allowIframeComments'>
776 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
777 <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
778
779 <b:if cond='data:post.embedCommentForm == "false"'>
780 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
781 </b:if>
782 </b:if>
783</b:includable>
784 <b:includable id='mobile-index-post' var='post'>
785 <div class='mobile-date-outer date-outer'>
786 <b:if cond='data:post.dateHeader'>
787 <div class='date-header'>
788 <span><data:post.dateHeader/></span>
789 </div>
790 </b:if>
791
792 <div class='mobile-post-outer'>
793 <a expr:href='data:post.url'>
794 <h2 class='mobile-index-title entry-title' itemprop='name'>
795 <data:post.title/>
796 </h2>
797
798 <div class='mobile-index-arrow'>&rsaquo;</div>
799
800 <div class='mobile-index-contents'>
801 <b:if cond='data:post.thumbnailUrl'>
802 <div class='mobile-index-thumbnail'>
803 <div class='Image'>
804 <img expr:src='data:post.thumbnailUrl'/>
805 </div>
806 </div>
807 </b:if>
808
809 <div class='post-body'>
810 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
811 </div>
812 </div>
813
814 <div style='clear: both;'/>
815 </a>
816
817 <div class='mobile-index-comment'>
818 <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
819 </div>
820 </div>
821 </div>
822</b:includable>
823 <b:includable id='mobile-main' var='top'>
824 <!-- posts -->
825 <div class='blog-posts hfeed'>
826
827 <b:include data='top' name='status-message'/>
828
829 <b:if cond='data:blog.pageType == "index"'>
830 <b:loop values='data:posts' var='post'>
831 <b:include data='post' name='mobile-index-post'/>
832 </b:loop>
833 <b:else/>
834 <b:loop values='data:posts' var='post'>
835 <b:include data='post' name='mobile-post'/>
836 </b:loop>
837 </b:if>
838 </div>
839
840 <b:include name='mobile-nextprev'/>
841</b:includable>
842 <b:includable id='mobile-nextprev'>
843 <div class='blog-pager' id='blog-pager'>
844 <b:if cond='data:newerPageUrl'>
845 <div class='mobile-link-button' id='blog-pager-newer-link'>
846 <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>
847 </div>
848 </b:if>
849
850 <b:if cond='data:olderPageUrl'>
851 <div class='mobile-link-button' id='blog-pager-older-link'>
852 <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>
853 </div>
854 </b:if>
855
856 <div class='mobile-link-button' id='blog-pager-home-link'>
857 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
858 </div>
859
860 <div class='mobile-desktop-link'>
861 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
862 </div>
863
864 </div>
865 <div class='clear'/>
866</b:includable>
867 <b:includable id='mobile-post' var='post'>
868 <div class='date-outer'>
869 <b:if cond='data:post.dateHeader'>
870 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
871 </b:if>
872 <div class='date-posts'>
873 <div class='post-outer'>
874 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
875 <b:if cond='data:post.thumbnailUrl'>
876 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
877 </b:if>
878 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
879 <meta expr:content='data:post.id' itemprop='postId'/>
880
881 <a expr:name='data:post.id'/>
882<b:if cond='data:blog.pageType != "item"'>
883<b:if cond='data:post.title'>
884<h2 class='post-title entry-title' style='font-size: 20px;'>
885<b:if cond='data:post.link'>
886<a expr:href='data:post.link'><data:post.title/></a>
887<b:else/>
888<b:if cond='data:post.url'>
889<a expr:href='data:post.url'><data:post.title/></a>
890<b:else/>
891<data:post.title/>
892</b:if>
893</b:if>
894</h2>
895</b:if>
896<b:else/>
897<h1 class='post-title entry-title'>
898<b:if cond='data:post.link'>
899<a expr:href='data:post.link'><data:post.title/></a>
900<b:else/>
901<b:if cond='data:post.url'>
902<a expr:href='data:post.url'><data:post.title/></a>
903<b:else/>
904<data:post.title/>
905</b:if>
906</b:if>
907</h1>
908</b:if>
909 <div class='post-header'>
910 <div class='post-header-line-1'/>
911 </div>
912 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
913 <data:post.body/>
914 <div style='clear: both;'/> <!-- clear for photos floats -->
915 </div>
916 <div class='post-footer'>
917 <div class='post-footer-line post-footer-line-1'>
918 <span class='post-author vcard'>
919 <b:if cond='data:top.showAuthor'>
920 <b:if cond='data:post.authorProfileUrl'>
921 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
922 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
923 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
924 <span itemprop='name'><data:post.author/></span>
925 </a>
926 </span>
927 <b:else/>
928 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
929 <span itemprop='name'><data:post.author/></span>
930 </span>
931 </b:if>
932 </b:if>
933 </span>
934
935 <span class='post-timestamp'>
936 <b:if cond='data:top.showTimestamp'>
937 <data:top.timestampLabel/>
938 <b:if cond='data:post.url'>
939 <meta expr:content='data:post.url.canonical' itemprop='url'/>
940 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
941 </b:if>
942 </b:if>
943 </span>
944
945 <span class='post-comment-link'>
946 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
947 </span>
948 </div>
949
950 <div class='post-footer-line post-footer-line-2'>
951 <b:if cond='data:top.showMobileShare'>
952 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
953 <a href='javascript:void(0);'><data:shareMsg/></a>
954 </div>
955 </b:if>
956 <b:if cond='data:top.showDummy'>
957 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
958 </b:if>
959 </div>
960
961 </div>
962 </div>
963 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
964 </div>
965 </div>
966 </div>
967</b:includable>
968 <b:includable id='nextprev'>
969<b:if cond='data:blog.pageType != "item"'>
970<b:if cond='data:blog.pageType != "static_page"'>
971 <div class='blog-pager' id='blog-pager'>
972 <b:if cond='data:newerPageUrl'>
973 <span id='blog-pager-newer-link'>
974 <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>
975 </span>
976 </b:if>
977
978 <b:if cond='data:olderPageUrl'>
979 <span id='blog-pager-older-link'>
980 <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>
981 </span>
982 </b:if>
983
984 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
985
986 <b:if cond='data:mobileLinkUrl'>
987 <div class='blog-mobile-link'>
988 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
989 </div>
990 </b:if>
991
992 </div>
993 </b:if>
994 </b:if>
995 <div class='clear'/>
996</b:includable>
997 <b:includable id='post' var='post'>
998<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
999<meta expr:itemid='data:post.link ? data:post.link : data:post.url' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
1000<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta content='https://lh3.googleusercontent.com/-AFZMVwv2E5A/VPuzZyAIr0I/AAAAAAAAHd0/QZwVnXBbXL4/w272-h60-no/contoh-blog-logo.png' itemprop='url'/> <meta content='600' itemprop='width'/> <meta content='600' itemprop='height'/> </div> <meta expr:content='data:blog.title' itemprop='name'/> </div>
1001<meta expr:content='data:post.timestamp' itemprop='datePublished'/>
1002<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
1003<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'>
1004<div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div>
1005<!-- IKLAN DI ATAS JUDUL POSTING -->
1006<b:if cond='data:blog.pageType == "item"'>
1007<!-- KODE IKLAN DI SINI-->
1008</b:if>
1009<!-- IKLAN DI ATAS JUDUL POSTING -->
1010</b:if>
1011</b:if>
1012 <a expr:name='data:post.id'/>
1013<b:if cond='data:blog.pageType != "item"'>
1014<b:if cond='data:post.thumbnailUrl'>
1015<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' style='height:115px;width:150px'/>
1016</b:if>
1017<b:if cond='data:post.title'>
1018<h2 class='post-title entry-title' itemprop='headline' style='font-size: 20px;'>
1019<b:if cond='data:post.link'>
1020<a expr:href='data:post.link'><data:post.title/></a>
1021<b:else/>
1022<b:if cond='data:post.url'>
1023<a expr:href='data:post.url'><data:post.title/></a>
1024<b:else/>
1025<data:post.title/>
1026</b:if>
1027</b:if>
1028</h2>
1029</b:if>
1030<b:else/>
1031<h1 class='post-title entry-title' itemprop='headline'>
1032<b:if cond='data:post.link'>
1033<a expr:href='data:post.link'><data:post.title/></a>
1034<b:else/>
1035<b:if cond='data:post.url'>
1036<b:if cond='data:blog.url != data:post.url'>
1037<a expr:href='data:post.url'><data:post.title/></a>
1038<b:else/>
1039<data:post.title/>
1040</b:if>
1041<b:else/>
1042<data:post.title/>
1043</b:if>
1044</b:if>
1045</h1>
1046</b:if>
1047 <div class='post-header'>
1048<b:if cond='data:blog.pageType == "item"'>
1049<div style='padding: 5px 0;border-bottom: 1px solid #ddd;font-size:90%'>
1050 Posted by <data:post.author/> on <data:post.dateHeader/>
1051 </div>
1052</b:if>
1053 <div class='post-header-line-1'/>
1054 </div>
1055 <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
1056 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
1057<b:if cond='data:blog.pageType != "item"'>
1058<b:if cond='data:blog.pageType != "static_page"'>
1059<div>
1060 <div expr:id='"summary" + data:post.id'><p><data:post.body/></p>
1061<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
1062 <b:if cond='data:post.firstImageUrl'>
1063 <img expr:src='data:post.firstImageUrl' style='display:none;'/>
1064 <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
1065 </b:if>
1066 <meta content='800' itemprop='width'/>
1067 <meta content='800' itemprop='height'/>
1068</div>
1069<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
1070 <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
1071 <img src='https://lh3.googleusercontent.com/jNDGFK0LfTftAlLfFwT80MHCk6uDlPbCLu0sVX57dn2OYi1E1bpZgTCHb7SZtSXiAdiupgiIdlMneNY=w1366-h768-rw-no' style='display:none;'/>
1072 <meta content='https://lh3.googleusercontent.com/jNDGFK0LfTftAlLfFwT80MHCk6uDlPbCLu0sVX57dn2OYi1E1bpZgTCHb7SZtSXiAdiupgiIdlMneNY=w1366-h768-rw-no' itemprop='url'/>
1073 <meta content='600' itemprop='width'/>
1074 <meta content='60' itemprop='height'/>
1075 </div>
1076 <meta expr:content='data:blog.title' itemprop='name'/>
1077</div>
1078</div>
1079<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
1080</div>
1081<b:else/>
1082<p><data:post.body/></p>
1083<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <b:if cond='data:post.firstImageUrl'> <img expr:src='data:post.firstImageUrl' style='display:none;'/> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> </b:if> <meta content='800' itemprop='width'/> <meta content='800' itemprop='height'/> </div>
1084</b:if>
1085<b:else/>
1086<p><data:post.body/></p>
1087<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <b:if cond='data:post.firstImageUrl'> <img expr:src='data:post.firstImageUrl' style='display:none;'/> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> </b:if> <meta content='800' itemprop='width'/> <meta content='800' itemprop='height'/> </div>
1088</b:if>
1089 <div style='clear: both;'/> <!-- clear for photos floats -->
1090 </div>
1091 <b:if cond='data:post.hasJumpLink'>
1092 <div class='jump-link'>
1093 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
1094 </div>
1095 </b:if>
1096<b:if cond='data:blog.pageType == "item"'>
1097<b:if cond='data:blog.pageType == "item"'>
1098<div style='margin:15px 0'>
1099<!-- Kode Iklan AdSense di Bawah Posting Start -->
1100<!-- KODE IKLAN DI SINI -->
1101<!-- Kode Iklan AdSense di Bawah Posting End -->
1102 </div>
1103 </b:if>
1104 </b:if>
1105<!-- SHARE BUTTON START -->
1106<!-- Social Share Scripts Start -->
1107<b:if cond='data:post.isFirstPost'>
1108<!-- Facebook -->
1109<div id='fb-root'/>
1110<script>(function(d, s, id) {
1111var js, fjs = d.getElementsByTagName(s)[0];
1112if (d.getElementById(id)) {return;}
1113js = d.createElement(s); js.id = id;
1114js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
1115fjs.parentNode.insertBefore(js, fjs);
1116}(document, 'script', 'facebook-jssdk'));
1117</script>
1118<!-- Google +1 -->
1119<script type='text/javascript'>
1120(function() {
1121var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
1122po.src = 'https://apis.google.com/js/plusone.js';
1123var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
1124})();
1125</script>
1126<!-- Twitter -->
1127<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
1128</b:if>
1129<!-- Social Share Scripts End -->
1130<b:if cond='data:blog.pageType == "item"'>
1131<div class='horizontal-social-buttons' style='padding:10px 0 25px;'>
1132<div style='float:left;margin-right:7px'>
1133<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
1134</div>
1135<div style='float:left;'>
1136<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
1137</div>
1138<div style='float:left;'>
1139<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
1140</div>
1141</div>
1142</b:if>
1143<div class='clear'/>
1144<!-- SHARE BUTTON END -->
1145<!-- Blog Pager New Start -->
1146<b:if cond='data:blog.pageType == "item"'>
1147<style type='text/css'>
1148.halaman{padding:5px 0;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:10px 0 0}
1149.halaman-kiri{width:49%;float:left;margin:0;text-align:left;color:#666;transition:all .3s ease-out;}
1150.halaman-kanan{width:49%;float:right;margin:0;text-align:right;color:#666;transition:all .3s ease-out}
1151.halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#555!important;}
1152.halaman-kanan a:hover,.halaman-kiri a:hover{color:#48d!important;}
1153.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family:Arial,sans-serif;font-weight:300;background:none;text-decoration:none}
1154.halaman-kiri a,.halaman-kanan a{color:#48d;}
1155.pager-title-left,.pager-title-right{font-family:'Oswald',sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;transition:all .3s ease-out;color:#999}
1156.isihalaman-kiri{margin:0}
1157.isihalaman-kanan{margin:1px 10px 10px}
1158#blog-pager {padding:5px 0;margin:5px 0}
1159#blog-pager-newer-link a{float:left;line-height:17px;padding:0 0 10px;color:#666;font-size:15px;font-weight:300}
1160#blog-pager-older-link a{float:right;line-height:17px;color:#666;padding:0 0 10px;font-size:15px;font-weight:300}
1161</style>
1162<div class='halaman'>
1163 <div class='blog-pager' id='blog-pager'>
1164<div class='halaman-kiri'>
1165<div class='isihalaman-kiri'>
1166 <b:if cond='data:newerPageUrl'>
1167 <span id='blog-pager-newer-link'>
1168 <span class='pager-title-left'>Previous</span><br/>
1169 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>« Prev Post</a>
1170 </span>
1171<b:else/>
1172 <span class='current-pageleft'><span class='pager-title-left'>Newest</span></span><br/>
1173You are reading the newest post
1174 </b:if>
1175</div>
1176</div>
1177<div class='halaman-kanan'>
1178<div class='isihalaman-kanan'>
1179 <b:if cond='data:olderPageUrl'>
1180 <span id='blog-pager-older-link'>
1181 <span class='pager-title-left'>Next</span><br/>
1182 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Next Post »</a>
1183 </span>
1184<b:else/>
1185<span class='current-pageright'><span class='pager-title-left'>Oldest</span></span><br/>
1186You are reading the latest post
1187 </b:if>
1188</div>
1189</div>
1190 </div>
1191<div style='clear: both;'/>
1192</div>
1193</b:if>
1194<!-- Blog Pager New End -->
1195<!-- Related Post Widget Start -->
1196<b:if cond='data:blog.pageType == "item"'>
1197 <div id='related-posts'>
1198 <b:loop values='data:post.labels' var='label'>
1199 <b:if cond='data:label.isLast != "true"'>
1200 </b:if>
1201 <b:if cond='data:blog.pageType == "item"'>
1202 <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=8"' type='text/javascript'/>
1203 </b:if>
1204 </b:loop>
1205 <script type='text/javascript'>
1206 var currentposturl="<data:post.url/>";
1207 var maxresults=4;
1208 var relatedpoststitle="Related Posts";
1209 removeRelatedDuplicates_thumbs();
1210 printRelatedLabels_thumbs();
1211 </script>
1212 </div>
1213<div class='clear'/>
1214</b:if>
1215<div style='clear: both;'/>
1216 <div class='post-footer'>
1217 <div class='post-footer-line post-footer-line-1'>
1218 <span class='post-author vcard'>
1219 <b:if cond='data:top.showAuthor'>
1220 <data:top.authorLabel/>
1221 <b:if cond='data:post.authorProfileUrl'>
1222 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1223 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1224 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1225 <span itemprop='name'><data:post.author/></span>
1226 </a>
1227 </span>
1228 <b:else/>
1229 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1230 <span itemprop='name'><data:post.author/></span>
1231 </span>
1232 </b:if>
1233 </b:if>
1234 </span>
1235
1236 <span class='post-timestamp'>
1237 <b:if cond='data:top.showTimestamp'>
1238 <data:top.timestampLabel/>
1239 <b:if cond='data:post.url'>
1240 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1241 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
1242 </b:if>
1243 </b:if>
1244 </span>
1245
1246 <span class='reaction-buttons'>
1247 <b:if cond='data:top.showReactions'>
1248 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
1249 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
1250 <span class='reactions-label'>
1251 <data:top.reactionsLabel/></span> </td>
1252 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
1253 </tr></table>
1254 </b:if>
1255 </span>
1256
1257 <span class='post-comment-link'>
1258 <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>
1259 </span>
1260
1261 <!-- backlinks -->
1262 <span class='post-backlinks post-comment-link'>
1263 <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>
1264 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
1265 </b:if>
1266 </span>
1267
1268 <span class='post-icons'>
1269 <!-- email post links -->
1270 <b:if cond='data:post.emailPostUrl'>
1271 <span class='item-action'>
1272 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
1273 <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
1274 </a>
1275 </span>
1276 </b:if>
1277 </span>
1278 <!-- share buttons -->
1279 <div class='post-share-buttons goog-inline-block'>
1280 <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
1281 </div>
1282 </div>
1283 <div class='post-footer-line post-footer-line-2'>
1284 <span class='post-labels'>
1285 <b:if cond='data:top.showPostLabels and data:post.labels'>
1286 <data:postLabelsLabel/>
1287 <b:loop values='data:post.labels' var='label'>
1288 <a expr:href='data:label.url + "?&amp;max-results=5"' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
1289 </b:loop>
1290 </b:if>
1291 </span>
1292 </div>
1293 <div class='post-footer-line post-footer-line-3'>
1294 <span class='post-location'>
1295 <b:if cond='data:top.showLocation and data:post.location'>
1296 <data:postLocationLabel/>
1297 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
1298 </b:if>
1299 </span>
1300 </div>
1301 <b:if cond='data:post.authorAboutMe'>
1302 <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1303 <b:if cond='data:post.authorPhoto.url'>
1304 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
1305 </b:if>
1306 <div>
1307 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
1308 <span itemprop='name'><data:post.author/></span>
1309 </a>
1310 </div>
1311 <span itemprop='description'><data:post.authorAboutMe/></span>
1312 </div>
1313 </b:if>
1314 </div>
1315 </div>
1316</b:includable>
1317 <b:includable id='postQuickEdit' var='post'>
1318 <b:if cond='data:post.editUrl'>
1319 <span expr:class='"item-control " + data:post.adminClass'>
1320 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
1321 <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
1322 </a>
1323 </span>
1324 </b:if>
1325</b:includable>
1326 <b:includable id='shareButtons' var='post'>
1327 <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
1328</b:includable>
1329 <b:includable id='status-message'>
1330<b:if cond='data:navMessage'>
1331<div>
1332</div>
1333<div style='clear: both;'/>
1334</b:if>
1335</b:includable>
1336 <b:includable id='threaded-comment-form' var='post'>
1337 <div class='comment-form'>
1338 <a name='comment-form'/>
1339 <b:if cond='data:mobile'>
1340 <p><data:blogCommentMessage/></p>
1341 <data:blogTeamBlogMessage/>
1342 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1343 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
1344 <b:else/>
1345 <p><data:blogCommentMessage/></p>
1346 <data:blogTeamBlogMessage/>
1347 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1348 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
1349 </b:if>
1350 <data:post.cmtfpIframe/>
1351 <script type='text/javascript'>
1352 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1353 </script>
1354 </div>
1355</b:includable>
1356 <b:includable id='threaded_comment_js' var='post'>
1357 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
1358 <script type='text/javascript'>
1359 (function() {
1360 var items = <data:post.commentJso/>;
1361 var msgs = <data:post.commentMsgs/>;
1362 var config = <data:post.commentConfig/>;
1363
1364// <![CDATA[
1365 var cursor = null;
1366 if (items && items.length > 0) {
1367 cursor = parseInt(items[items.length - 1].timestamp) + 1;
1368 }
1369
1370 var bodyFromEntry = function(entry) {
1371 if (entry.gd$extendedProperty) {
1372 for (var k in entry.gd$extendedProperty) {
1373 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
1374 return '<span class="deleted-comment">' + entry.content.$t + '</span>';
1375 }
1376 }
1377 }
1378 return entry.content.$t;
1379 }
1380
1381 var parse = function(data) {
1382 cursor = null;
1383 var comments = [];
1384 if (data && data.feed && data.feed.entry) {
1385 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
1386 var comment = {};
1387 // comment ID, parsed out of the original id format
1388 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
1389 comment.id = id ? id[2] : null;
1390 comment.body = bodyFromEntry(entry);
1391 comment.timestamp = Date.parse(entry.published.$t) + '';
1392 if (entry.author && entry.author.constructor === Array) {
1393 var auth = entry.author[0];
1394 if (auth) {
1395 comment.author = {
1396 name: (auth.name ? auth.name.$t : undefined),
1397 profileUrl: (auth.uri ? auth.uri.$t : undefined),
1398 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
1399 };
1400 }
1401 }
1402 if (entry.link) {
1403 if (entry.link[2]) {
1404 comment.link = comment.permalink = entry.link[2].href;
1405 }
1406 if (entry.link[3]) {
1407 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
1408 if (pid && pid[1]) {
1409 comment.parentId = pid[1];
1410 }
1411 }
1412 }
1413 comment.deleteclass = 'item-control blog-admin';
1414 if (entry.gd$extendedProperty) {
1415 for (var k in entry.gd$extendedProperty) {
1416 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
1417 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
1418 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
1419 comment.displayTime = entry.gd$extendedProperty[k].value;
1420 }
1421 }
1422 }
1423 comments.push(comment);
1424 }
1425 }
1426 return comments;
1427 };
1428
1429 var paginator = function(callback) {
1430 if (hasMore()) {
1431 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
1432 if (cursor) {
1433 url += '&published-min=' + new Date(cursor).toISOString();
1434 }
1435 window.bloggercomments = function(data) {
1436 var parsed = parse(data);
1437 cursor = parsed.length < 50 ? null
1438 : parseInt(parsed[parsed.length - 1].timestamp) + 1
1439 callback(parsed);
1440 window.bloggercomments = null;
1441 }
1442 url += '&callback=bloggercomments';
1443 var script = document.createElement('script');
1444 script.type = 'text/javascript';
1445 script.src = url;
1446 document.getElementsByTagName('head')[0].appendChild(script);
1447 }
1448 };
1449 var hasMore = function() {
1450 return !!cursor;
1451 };
1452 var getMeta = function(key, comment) {
1453 if ('iswriter' == key) {
1454 var matches = !!comment.author
1455 && comment.author.name == config.authorName
1456 && comment.author.profileUrl == config.authorUrl;
1457 return matches ? 'true' : '';
1458 } else if ('deletelink' == key) {
1459 return config.baseUri + '/delete-comment.g?blogID='
1460 + config.blogId + '&postID=' + comment.id;
1461 } else if ('deleteclass' == key) {
1462 return comment.deleteclass;
1463 }
1464 return '';
1465 };
1466
1467 var replybox = null;
1468 var replyUrlParts = null;
1469 var replyParent = undefined;
1470
1471 var onReply = function(commentId, domId) {
1472 if (replybox == null) {
1473 // lazily cache replybox, and adjust to suit this style:
1474 replybox = document.getElementById('comment-editor');
1475 if (replybox != null) {
1476 replybox.height = '250px';
1477 replybox.style.display = 'block';
1478 replyUrlParts = replybox.src.split('#');
1479 }
1480 }
1481 if (replybox && (commentId !== replyParent)) {
1482 replybox.src = '';
1483 document.getElementById(domId).insertBefore(replybox, null);
1484 replybox.src = replyUrlParts[0]
1485 + (commentId ? '&parentID=' + commentId : '')
1486 + '#' + replyUrlParts[1];
1487 replyParent = commentId;
1488 }
1489 };
1490
1491 var hash = (window.location.hash || '#').substring(1);
1492 var startThread, targetComment;
1493 if (/^comment-form_/.test(hash)) {
1494 startThread = hash.substring('comment-form_'.length);
1495 } else if (/^c[0-9]+$/.test(hash)) {
1496 targetComment = hash.substring(1);
1497 }
1498
1499 // Configure commenting API:
1500 var configJso = {
1501 'maxDepth': config.maxThreadDepth
1502 };
1503 var provider = {
1504 'id': config.postId,
1505 'data': items,
1506 'loadNext': paginator,
1507 'hasMore': hasMore,
1508 'getMeta': getMeta,
1509 'onReply': onReply,
1510 'rendered': true,
1511 'initComment': targetComment,
1512 'initReplyThread': startThread,
1513 'config': configJso,
1514 'messages': msgs
1515 };
1516
1517 var render = function() {
1518 if (window.goog && window.goog.comments) {
1519 var holder = document.getElementById('comment-holder');
1520 window.goog.comments.render(holder, provider);
1521 }
1522 };
1523
1524 // render now, or queue to render when library loads:
1525 if (window.goog && window.goog.comments) {
1526 render();
1527 } else {
1528 window.goog = window.goog || {};
1529 window.goog.comments = window.goog.comments || {};
1530 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
1531 window.goog.comments.loadQueue.push(render);
1532 }
1533 })();
1534// ]]>
1535 </script>
1536</b:includable>
1537 <b:includable id='threaded_comments' var='post'>
1538 <div class='comments' id='comments'>
1539 <a name='comments'/>
1540 <h4><data:post.commentLabelFull/>:</h4>
1541
1542 <div class='comments-content'>
1543 <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
1544 <div id='comment-holder'>
1545 <data:post.commentHtml/>
1546 </div>
1547 </div>
1548
1549 <p class='comment-footer'>
1550 <b:if cond='data:post.allowNewComments'>
1551 <b:include data='post' name='threaded-comment-form'/>
1552 <b:else/>
1553 <data:post.noNewCommentsText/>
1554 </b:if>
1555 </p>
1556
1557 <b:if cond='data:showCmtPopup'>
1558 <div id='comment-popup'>
1559 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1560 </iframe>
1561 </div>
1562 </b:if>
1563
1564 <div id='backlinks-container'>
1565 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1566 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
1567 </div>
1568 </div>
1569 </div>
1570</b:includable>
1571 </b:widget>
1572 </b:section>
1573<b:if cond='data:blog.pageType != "static_page"'>
1574<b:if cond='data:blog.pageType != "item"'>
1575<script type='text/javascript'>
1576function changeThumbSize(id,size){
1577var blogGadget = document.getElementById(id);
1578var replacement = blogGadget.innerHTML;
1579blogGadget.innerHTML = replacement.replace(/s72-c/g,"s"+size+"-c");
1580var thumbnails = blogGadget.getElementsByTagName("img");
1581for(var i=0;i<thumbnails.length;i++){
1582thumbnails[i].width = size;
1583thumbnails[i].height = size;
1584}
1585}
1586changeThumbSize("Blog1",210);
1587</script>
1588</b:if>
1589</b:if>
1590</div>
1591<aside class='col-xs-4 blog-sidebar'>
1592 <b:section class='sidebar' id='sidebar' preferred='yes'>
1593 <b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed' version='1'>
1594 <b:includable id='main'>
1595 <h2><data:title/></h2>
1596 <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
1597 <span style='filter: alpha(25); opacity: 0.25;'>
1598 <a expr:href='data:feedUrl'><data:loadingMsg/></a>
1599 </span>
1600 </div>
1601 </b:includable>
1602 </b:widget>
1603 <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
1604 <b:widget-settings>
1605 <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
1606 <b:widget-setting name='showThumbnails'>true</b:widget-setting>
1607 <b:widget-setting name='showSnippets'>true</b:widget-setting>
1608 <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
1609 </b:widget-settings>
1610 <b:includable id='main'>
1611 <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
1612 <div class='widget-content popular-posts'>
1613 <ul>
1614 <b:loop values='data:posts' var='post'>
1615 <li>
1616 <b:if cond='!data:showThumbnails'>
1617 <b:if cond='!data:showSnippets'>
1618 <!-- (1) No snippet/thumbnail -->
1619 <a expr:href='data:post.href'><data:post.title/></a>
1620 <b:else/>
1621 <!-- (2) Show only snippets -->
1622 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
1623 <div class='item-snippet'><data:post.snippet/></div>
1624 </b:if>
1625 <b:else/>
1626 <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
1627 <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
1628 <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
1629 <div class='item-thumbnail'>
1630 <a expr:href='data:post.href' target='_blank'>
1631 <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
1632 <img alt='' border='0' expr:src='data:image'/>
1633 </b:with>
1634 </a>
1635 </div>
1636 </b:if>
1637 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
1638 <b:if cond='data:showSnippets'>
1639 <div class='item-snippet'><data:post.snippet/></div>
1640 </b:if>
1641 </div>
1642 <div style='clear: both;'/>
1643 </b:if>
1644 </li>
1645 </b:loop>
1646 </ul>
1647 </div>
1648</b:includable>
1649 </b:widget>
1650 <b:widget id='Label1' locked='false' title='Labels' type='Label' version='1'>
1651 <b:widget-settings>
1652 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
1653 <b:widget-setting name='display'>LIST</b:widget-setting>
1654 <b:widget-setting name='selectedLabelsList'/>
1655 <b:widget-setting name='showType'>ALL</b:widget-setting>
1656 <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
1657 </b:widget-settings>
1658 <b:includable id='main'>
1659 <b:if cond='data:title != ""'>
1660 <h2><data:title/></h2>
1661 </b:if>
1662 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
1663 <b:if cond='data:display == "list"'>
1664 <ul>
1665 <b:loop values='data:labels' var='label'>
1666 <li>
1667 <b:if cond='data:blog.url == data:label.url'>
1668 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
1669 <b:else/>
1670 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
1671 </b:if>
1672 <b:if cond='data:showFreqNumbers'>
1673 <span dir='ltr'>(<data:label.count/>)</span>
1674 </b:if>
1675 </li>
1676 </b:loop>
1677 </ul>
1678 <b:else/>
1679 <b:loop values='data:labels' var='label'>
1680 <span expr:class='"label-size label-size-" + data:label.cssSize'>
1681 <b:if cond='data:blog.url == data:label.url'>
1682 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
1683 <b:else/>
1684 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
1685 </b:if>
1686 <b:if cond='data:showFreqNumbers'>
1687 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
1688 </b:if>
1689 </span>
1690 </b:loop>
1691 </b:if>
1692 </div>
1693</b:includable>
1694 </b:widget>
1695 <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
1696 <b:widget-settings>
1697 <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
1698 <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
1699 <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
1700 <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
1701 <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
1702 <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
1703 <b:widget-setting name='chronological'>false</b:widget-setting>
1704 <b:widget-setting name='showPosts'>true</b:widget-setting>
1705 <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
1706 </b:widget-settings>
1707 <b:includable id='main'>
1708 <b:if cond='data:title != ""'>
1709 <h2><data:title/></h2>
1710 </b:if>
1711 <div class='widget-content'>
1712 <div id='ArchiveList'>
1713 <div expr:id='data:widget.instanceId + "_ArchiveList"'>
1714 <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
1715 <b:include cond='data:style == "FLAT"' data='data' name='flat'/>
1716 <b:include cond='data:style == "MENU"' data='data' name='menu'/>
1717 </div>
1718 </div>
1719 <b:include name='quickedit'/>
1720 </div>
1721</b:includable>
1722 <b:includable id='flat' var='data'>
1723 <ul class='flat'>
1724 <b:loop values='data:data' var='i'>
1725 <li class='archivedate'>
1726 <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
1727 </li>
1728 </b:loop>
1729 </ul>
1730</b:includable>
1731 <b:includable id='interval' var='intervalData'>
1732 <b:loop values='data:intervalData' var='interval'>
1733 <ul class='hierarchy'>
1734 <li expr:class='"archivedate " + data:interval.expclass'>
1735 <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
1736 <a class='post-count-link' expr:href='data:interval.url'>
1737 <data:interval.name/>
1738 </a>
1739 <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
1740 <b:include cond='data:interval.data' data='interval.data' name='interval'/>
1741 <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
1742 </li>
1743 </ul>
1744 </b:loop>
1745</b:includable>
1746 <b:includable id='menu' var='data'>
1747 <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
1748 <option value=''><data:title/></option>
1749 <b:loop values='data:data' var='i'>
1750 <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
1751 </b:loop>
1752 </select>
1753</b:includable>
1754 <b:includable id='posts' var='posts'>
1755 <ul class='posts'>
1756 <b:loop values='data:posts' var='post'>
1757 <li><a expr:href='data:post.url'><data:post.title/></a></li>
1758 </b:loop>
1759 </ul>
1760</b:includable>
1761 <b:includable id='toggle' var='interval'>
1762 <a class='toggle' href='javascript:void(0)'>
1763 <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
1764 <b:if cond='data:interval.expclass == "expanded"'>
1765 ▼ 
1766 <b:elseif cond='data:blog.languageDirection == "rtl"'/>
1767 ◄ 
1768 <b:else/>
1769 ► 
1770 </b:if>
1771 </span>
1772 </a>
1773</b:includable>
1774 </b:widget>
1775 <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1'>
1776 <b:includable id='main'><script type="text/javascript">
1777 function setAttributeOnload(object, attribute, val) {
1778 if(window.addEventListener) {
1779 window.addEventListener('load',
1780 function(){ object[attribute] = val; }, false);
1781 } else {
1782 window.attachEvent('onload', function(){ object[attribute] = val; });
1783 }
1784 }
1785 </script>
1786<div id="navbar-iframe-container"></div>
1787<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
1788<script type="text/javascript">
1789 gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
1790 if (gapi.iframes && gapi.iframes.getContext) {
1791 gapi.iframes.getContext().openChild({
1792 url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d4265322646635120680\x26blogName\x3djonkristians\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://jonkristians.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttps://jonkristians.blogspot.com/\x26vt\x3d-6376702475507532244',
1793 where: document.getElementById("navbar-iframe-container"),
1794 id: "navbar-iframe"
1795 });
1796 }
1797 });
1798 </script><script type="text/javascript">
1799(function() {
1800var script = document.createElement('script');
1801script.type = 'text/javascript';
1802script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
1803var head = document.getElementsByTagName('head')[0];
1804if (head) {
1805head.appendChild(script);
1806}})();
1807</script>
1808</b:includable>
1809 </b:widget>
1810 </b:section>
1811 </aside>
1812 </div> <!-- Blog Row End -->
1813 <!-- spacer for skins that want sidebar and main to be the same height-->
1814 <div class='clear'/>
1815 </div>
1816 <footer class='blog-footer'>
1817<!-- Blog Footer Start. Menghapus Credit Link Merupakan Pelanggaran Hak Cipta!!! -->
1818Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved | Template by <a href='#'>Back to top</a>
1819</footer>
1820<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'/>
1821<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'/>
1822<script type='text/javascript'>
1823//Pager
1824$(document).ready(function(){
1825var olderLink = $("a.blog-pager-older-link").attr("href");
1826$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
1827var olderLinkTitle = $("a.blog-pager-older-link").text();
1828$("a.blog-pager-older-link").text(olderLinkTitle);//rgt
1829});
1830var newerLink = $("a.blog-pager-newer-link").attr("href");
1831$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
1832var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
1833$("a.blog-pager-newer-link").text(newerLinkTitle);
1834});
1835});
1836</script>
1837<b:if cond='data:blog.pageType != "item"'>
1838<b:if cond='data:blog.pageType != "static_page"'>
1839<style>
1840#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
1841.blog-pager {background: none;}
1842.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #444; background-color:#fff;border:1px solid #000;}
1843.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#333;text-decoration:none;color: #fff;}
1844#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #fff;}
1845 .showpageOf{display:none!important}
1846#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
1847</style>
1848<script type='text/javascript'>
1849 /*<![CDATA[*/
1850 var perPage=6;
1851 var numPages=6;
1852 var prevText ='◄';
1853 var nextText ='►';
1854 var urlactivepage=location.href;
1855 var home_page="/";
1856 /*]]>*/
1857</script>
1858 <script type='text/javascript'> /*<![CDATA[*/
1859var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages/2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo/perPage)+1;if(lastPageNo-1==pageInfo/perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPageNo==2){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}if(pageStart>2){html+='... '}for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(pageEnd<lastPageNo-1){html+='... '}if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}location.href=pAddress} /*]]>*/
1860</script>
1861</b:if>
1862</b:if>
1863</body>
1864</HTML>