· 6 years ago · Jan 01, 2020, 09:00 AM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
4<head>
5<!--[if lt IE 9]>
6<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
7<![endif]-->
8<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
9<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
10<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
11<b:include data='blog' name='all-head-content'/>
12
13<!-- Title Tag Blogger dioptimalkan -->
14<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'>
15 <title><data:blog.pageTitle/></title>
16<b:else/>
17<b:if cond='data:blog.pageType in {"item","static_page"}'>
18 <title><data:blog.pageName/> | <data:blog.title/></title>
19<b:else/>
20<b:if cond='data:blog.pageType in {"index"} and data:blog.pageName == ""'>
21 <title>All Posts | <data:blog.title/></title>
22<b:else/>
23<b:if cond='data:blog.pageType in {"error_page"}'>
24 <title>Page Not Found | <data:blog.title/></title>
25<b:else/>
26 <title><data:blog.pageName/></title>
27</b:if>
28</b:if>
29</b:if>
30</b:if>
31
32<!-- Meta keywords otomatis halaman depan, statis, dan postingan -->
33<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'>
34 <meta expr:content='data:blog.title' name='keywords'/>
35</b:if>
36<b:if cond='data:blog.pageType in {"item","static_page"}'>
37 <meta expr:content='data:blog.pageName' name='keywords'/>
38</b:if>
39
40<!-- Noindex halaman pencarian, label, dan arsip -->
41<b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel or data:blog.searchQuery'>
42 <meta content='noindex,nofollow' name='robots'/>
43</b:if>
44
45<!-- Facebook Open Graph Tag -->
46<b:if cond='data:blog.pageType == "item"'>
47 <meta expr:content='data:blog.pageName' property='og:title'/>
48 <meta content='article' property='og:type'/>
49<b:else/>
50 <meta expr:content='data:blog.pageTitle' property='og:title'/>
51 <meta content='website' property='og:type'/>
52</b:if>
53<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
54<!-- Large image, original size -->
55<b:if cond='data:blog.postImageUrl'>
56 <meta expr:content='data:blog.postImageUrl' property='og:image'/>
57<b:else/>
58 <!-- Thumbnail image, 72 × 72 pixels -->
59 <b:if cond='data:blog.postImageThumbnailUrl'>
60 <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
61 <b:else/>
62 <!-- Default, no image -->
63 <meta content='http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/s1600/no-image.png' property='og:image'/>
64 </b:if>
65</b:if>
66<b:if cond='data:blog.metaDescription'>
67 <meta expr:content='data:blog.metaDescription' property='og:description'/>
68</b:if>
69<meta expr:content='data:blog.title' property='og:site_name'/>
70<meta content='FB_ID' property='fb:admins'/>
71<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'/>
72<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'/>
73<script src='https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js' type='text/javascript'/>
74<link href='https://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'/>
75<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
76<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' rel='stylesheet'/>
77<b:skin><![CDATA[/*
78
79/* Variable definitions
80 ====================
81 <Variable name="keycolor" description="Main Color" type="color" default="#117AC9" value="#117AC9"/>
82
83 <Group description="Page Text" selector="body">
84 <Variable name="body.font" description="Font" type="font"
85 default="normal normal 13px Arial, sans-serif" value="normal normal 13px Arial, sans-serif"/>
86 <Variable name="body.text.color" description="Main Text Color" type="color" default="#333333" value="#333333"/>
87 </Group>
88
89 <Group description="Links" selector=".main-outer">
90 <Variable name="link.color" description="Link Color" type="color" default="#0099cc" value="#0099cc"/>
91 <Variable name="link.visited.color" description="Visited Color" type="color" default="#0099cc" value="#0099cc"/>
92 <Variable name="link.hover.color" description="Hover Color" type="color" default="#006c8e" value="#006c8e"/>
93 </Group>
94
95 <Group description="Body Backgrounds" selector=".body-fauxcolumns-outer">
96 <Variable name="body.background.color" description="Outer Background" type="color" default="#dddddd" value="#dddddd"/>
97 </Group>
98
99 <Group description="Wrapper Backgrounds" selector="#wrapper">
100 <Variable name="wrapper.background.color" description="Wrapper Background" type="color" default="#ffffff" value="#ffffff"/>
101 </Group>
102
103 <Group description="Header Background" selector="#header-wrapper">
104 <Variable name="header.background.color" description="Header Background" type="color" default="#333333" value="#333333"/>
105 <Variable name="header.border.color" description="Border Color" type="color" default="#232323" value="#232323"/>
106 </Group>
107
108 <Variable name="body.background" description="Body Background" type="background"
109 color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
110 <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
111
112 <Group description="Blog Title" selector=".header h1.title, .header p.title">
113 <Variable name="header.font" description="Font" type="font"
114 default="normal bold 16px Arial, sans-serif" value="normal bold 16px Arial, sans-serif"/>
115 <Variable name="header.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
116 </Group>
117
118 <Group description="Blog Description" selector=".header .description">
119 <Variable name="description.text.color" description="Description Color" type="color"
120 default="#ffffff" value="#ffffff"/>
121 </Group>
122
123 <Group description="Post Title" selector="h2.post-title">
124 <Variable name="post.title.font" description="Font" type="font"
125 default="normal bold 14px Arial, Helvetica, FreeSans, sans-serif" value="normal bold 14px Arial, Helvetica, FreeSans, sans-serif"/>
126 <Variable name="post.title.color" description="Text Color" type="color" default="#333333" value="#333333"/>
127 </Group>
128
129 <Group description="Post Author" selector=".post-label-block .profile-block">
130 <Variable name="post.profile.background.color" description="Background Color" type="color"
131 default="#A2A2A2" value="#A2A2A2"/>
132 <Variable name="post.profile.color" description="Text Color" type="color"
133 default="#ffffff" value="#ffffff"/>
134 </Group>
135
136 <Group description="Post Date" selector=".post-label-block .date-block">
137 <Variable name="post.date.background.color" description="Background Color" type="color"
138 default="#89C237" value="#89C237"/>
139 <Variable name="post.date.color" description="Text Color" type="color"
140 default="#ffffff" value="#ffffff"/>
141 </Group>
142
143 <Group description="Post Lebel" selector=".post-label-block .label-block">
144 <Variable name="post.label.background.color" description="Background Color" type="color"
145 default="#44CCF2" value="#44CCF2"/>
146 <Variable name="post.label.color" description="Text Color" type="color"
147 default="#ffffff" value="#ffffff"/>
148 </Group>
149
150 <Group description="Post Thumbnail" selector=".img-thumbnail">
151 <Variable name="post.thumbnail.background.color" description="Background Color" type="color"
152 default="#ffffff" value="#ffffff"/>
153 <Variable name="post.thumbnail.border.background.color" description="Border Color" type="color"
154 default="#e5e5e5" value="#e5e5e5"/>
155 </Group>
156
157 <Group description="Sidebar Title" selector=".sidebar h2">
158 <Variable name="widget.title.background.color" description="Background Color" type="color" default="#117AC9" value="#117AC9"/>
159 <Variable name="widget.title.font" description="Title Font" type="font"
160 default="bold normal 11px Arial, sans-serif" value="bold normal 11px Arial, sans-serif"/>
161 <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
162 </Group>
163
164 <Group description="Sidebar Title Border" selector=".sidebar h2">
165 <Variable name="sidebar.title.border.top.color" description="Border Top Color" type="color" default="#3690D4" value="#3690D4"/>
166 <Variable name="sidebar.title.border.bottom.color" description="Border Bottom Color" type="color" default="#0F6DB3" value="#0F6DB3"/>
167 </Group>
168
169 <Group description="Navigation Menu" selector="#nav">
170 <Variable name="navigation.menu.font" description="Font" type="font"
171 default="bold normal 11px Arial, sans-serif" value="bold normal 11px Arial, sans-serif"/>
172 <Variable name="menu.background.color" description="Background Color" type="color" default="#117AC9" value="#117AC9"/>
173 <Variable name="menu.navigation.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
174 <Variable name="menu.navigation.hover.color" description="Hover Color" type="color" default="#333333" value="#333333"/>
175 </Group>
176
177 <Group description="Navigation Menu Border" selector="#nav">
178 <Variable name="menu.border.top.color" description="Border Top Color" type="color" default="#3690D4" value="#3690D4"/>
179 <Variable name="menu.border.bottom.color" description="Border Bottom Color" type="color" default="#0F6DB3" value="#0F6DB3"/>
180 </Group>
181
182 <Group description="Search Box" selector="#search-form">
183 <Variable name="input.background.color" description="Input Background Color" type="color" default="#ffffff" value="#ffffff"/>
184 <Variable name="button.background.color" description="Button Background Color" type="color" default="#333333" value="#333333"/>
185 <Variable name="input.color" description="Input Color" type="color" default="#666666" value="#666666"/>
186 <Variable name="button.color" description="Button Color" type="color" default="#ffffff" value="#ffffff"/>
187 </Group>
188
189 <Group description="Footer" selector="#footer-wrapper">
190 <Variable name="footer.font" description="Font" type="font"
191 default="normal normal 11px Arial, sans-serif" value="normal normal 11px Arial, sans-serif"/>
192 <Variable name="footer.background.color" description="Background Color" type="color" default="#333333" value="#333333"/>
193 <Variable name="footer.color" description="Footer Color" type="color" default="#ffffff" value="#ffffff"/>
194 <Variable name="footer.border.color" description="Border Color" type="color" default="#454545" value="#454545"/>
195 </Group>
196
197*/
198
199/**
200* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
201* http://cssreset.com
202*/
203html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
204
205/* FRAMEWORK */
206.section, .widget {
207 margin: 0 0 0 0;
208}
209.navbar, .blog-feeds, .feed-links, #backlinks-container {
210 display:none;
211}
212strong,b{font-weight:bold;
213}
214cite,em,i{font-style:italic;
215}
216a:link{color:$(link.color);text-decoration:none;outline:none;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
217}
218a:visited{color:$(link.visited.color);text-decoration:none;
219}
220a:hover{color:$(link.hover.color);text-decoration:none;
221}
222a img{border:none;border-width:0;outline:none;
223}
224abbr,acronym{border-bottom:1px dotted;cursor:help;
225}
226sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
227}
228sub{top:.4em;}small{font-size:86%;
229}
230kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;
231}
232mark{background-color:#ffce00;color:black;
233}
234p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;
235}
236hr{height:1px;border:none;background-color:#666;
237}
238/* heading */
239h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
240}
241h1{font-size:200%
242}
243h2{font-size:180%
244}
245h3{font-size:160%
246}
247h4{font-size:140%
248}
249h5{font-size:120%
250}
251h6{font-size:100%
252}
253/* list */
254ol,ul,dl{margin:.5em 0em .5em 3em
255}
256ol{list-style:decimal outside
257}
258ul{list-style:disc outside
259}
260li{margin:.5em 0
261}
262dt{font-weight:bold
263}
264dd{margin:0 0 .5em 2em
265}
266/* form */
267input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;
268}
269textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
270}
271/* code blockquote */
272pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;
273}
274pre{white-space:pre;word-wrap:normal;overflow:auto;
275}
276blockquote{background:#f8f8f8;margin-left:2em;margin-right:2em;border-left:4px solid #ccc;padding:1em 1em;font-style:italic;
277}
278/* table */
279.post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;
280}
281.post-body table.tr-caption-container {border:1px solid #e5e5e5;
282}
283.post-body th{font-weight:bold;
284}
285.post-body table[border="1"] caption{border:none;font-style:italic;
286}
287.post-body table{background:#f6f6f6;
288}
289.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;
290}
291.post-body th{background:#eee;
292}
293.post-body table.tr-caption-container td {background:#f6f6f6;border:none;padding:8px;
294}
295.post-body img {max-width:100%;height:auto;
296}
297.post-body img, .post-body table.tr-caption-container {max-width:100%;height:auto;
298}
299.post-body .separator img {max-width:92%;height:auto;
300}
301.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;
302}
303
304img {
305 max-width:100%;
306 height:auto;
307 border:0;
308}
309table {
310 max-width:100%;
311}
312.clear {
313 clear:both;
314}
315.clear:after {
316 visibility:hidden;
317 display:block;
318 font-size:0;
319 content:" ";
320 clear:both;
321 height:0;
322}
323
324body {
325 background:$(body.background);
326 margin:0 0 0 0;
327 padding:0 0 0 0;
328 color:$(body.text.color);
329 font:$(body.font);
330 text-align:left;
331}
332
333/* WRAPPER */
334#wrapper {
335 background:$(wrapper.background.color);
336 max-width:764px;
337 margin:0 auto;
338 padding:0;
339 box-shadow:0px 0px 5px rgba(30, 30, 30, 0.08);
340}
341
342
343/* HEADER WRAPPER */
344#header-wrapper {
345 background:$(header.background.color) url(http://2.bp.blogspot.com/-yNE4A_H3C2o/U1E6RPYNEpI/AAAAAAAADRQ/UOP1mUKaxGE/s1600/line.png) repeat-x top center;
346 margin:0 auto;
347 padding:17px 18px 12px;
348 overflow:hidden;
349 color:$(header.text.color);
350 border-bottom:1px solid $(header.border.color);
351}
352#header-wrapper a img, .banner728-top a img {
353 display:block;
354}
355.header {
356 float:left;
357 max-width:250px;
358 width:100%;
359 margin:0 0;
360}
361.header img {
362 max-width:250px;
363 height:auto;
364}
365.header h1.title,.header p.title {
366 font:$(header.font);
367 margin:0 0 0 0
368}
369.header .description {
370 color:$(description.text.color);
371 margin:0.5em 0 0;
372 padding:0px 0px 0px 0px;
373}
374.header a {
375 color:$(header.text.color);
376}
377.header a:hover {
378 color:$(link.color);
379}
380
381.banner468-header {
382 float:right;
383 max-width:468px;
384 width:100%;
385 margin:0 0;
386}
387
388
389/* MENU NAVIGATION */
390#nav {
391 font:$(navigation.menu.font);
392 background:$(menu.background.color);
393 border-top: 1px solid $(menu.border.top.color);
394 border-bottom:1px solid $(menu.border.bottom.color);
395 margin:0 auto;
396 padding:0 0;
397 text-transform:uppercase;
398 display:inline-block;
399 max-width:764px;
400 width:100%;
401}
402
403#nav ul#menu {
404 float:left;
405 margin:0px 0px 0px 18px;
406 padding:0px 0px;
407 height:34px;
408}
409
410#nav li {
411 margin:0px 0px;
412 padding:0px 0px;
413 float:left;
414 display:inline;
415 list-style:none;
416 position:relative;
417}
418
419#nav li > a {
420 display:block;
421 padding:0 10px;
422 margin:3px 0;
423 line-height:28px;
424 text-decoration:none;
425 color:$(menu.navigation.text.color);
426}
427#nav li li > a {
428 display:block;
429 padding:0 10px;
430 margin:0 0;
431 line-height:24px;
432 text-decoration:none;
433 color:$(menu.navigation.text.color);
434}
435
436#nav li:hover > a, #nav a:hover {
437 background-color:$(menu.navigation.hover.color);
438}
439
440#nav li ul {
441 background:#555;
442 margin:0 0;
443 width:170px;
444 height:auto;
445 position:absolute;
446 top:31px;
447 left:0px;
448 z-index:10;
449 display:none;
450}
451
452#nav li li {
453 display:block;
454 float:none;
455}
456
457#nav li:hover > ul {
458 display:block;
459}
460
461#nav li ul ul {
462 left:100%;
463 top:0px;
464}
465#search-form {
466 float:right;
467 margin:0 18px 0 0;
468 font-weight:bold;
469}
470#search-form input#search-box[type="text"] {
471 background:$(input.background.color);
472 float:left;
473 height:26px;
474 line-height:26px;
475 margin:4px 0;
476 padding:0 10px;
477 width:100px;
478 color:$(input.color);
479 border:none;
480}
481#search-form input#search-button[type="submit"] {
482 float:right;
483 background:$(button.background.color);
484 color:$(button.color);
485 height:26px;
486 line-height:26px;
487 margin:4px 0;
488 padding:0 7px;
489 border:none;
490}
491
492#search-form input#search-button[type="submit"]:hover{
493 background:#222;
494 cursor:pointer
495}
496#search-form input#search-box[type="text"]:focus {
497 background:#eee;
498 outline:none;
499}
500
501.banner728-top, .banner728-bottom {
502 padding:0 18px;
503}
504.banner728-top h2, .banner728-bottom h2{
505 display:none;
506}
507.banner728-top .widget-content {
508 margin:6px 0 0;
509 max-width:728px;
510 overflow:hidden;
511}
512.banner728-bottom .widget-content {
513 margin:6px 0;
514 max-width:728px;
515 overflow:hidden;
516}
517
518
519
520/* CONTENT WRAPPER */
521#content-wrapper {
522 position:relative;
523 margin:0 auto;
524 padding:0 18px;
525 overflow:hidden;
526 word-wrap:break-word;
527}
528
529/* POST WRAPPER */
530#post-wrapper {
531 float:left;
532 width:100%;
533 margin:12px -160px 12px 0
534}
535.post-container {
536 margin:0 172px 0 0;
537 max-width:100%;
538}
539.breadcrumbs {
540 font-size:11px;
541 color:#666;
542 padding:0 0 5px;
543 margin:0 0 12px;
544 border-bottom:1px dotted #ddd;
545}
546.post-label-block {
547 margin:0 0 8px;
548 font-weight:bold;
549 text-transform:uppercase;
550 font-size:11px;
551}
552.post-label-block .label-block {
553 background:$(post.label.background.color);
554 color:$(post.label.color);
555 display:inline-block;
556 padding:2px 3px;
557 margin:0 0 2px;
558}
559.post-label-block .date-block {
560 background:$(post.date.background.color);
561 color:$(post.date.color);
562 display:inline-block;
563 padding:2px 3px;
564 margin:0 0 2px;
565}
566.post-label-block .profile-block {
567 background:$(post.profile.background.color);
568 color:$(post.profile.color);
569 display:inline-block;
570 padding:2px 3px;
571 margin:0 0 2px;
572}
573.post-label-block .label-block:hover, .post-label-block .date-block:hover {
574 background:#333;
575}
576.post-label-block abbr {
577 border-bottom:none;
578}
579.post {
580 border-bottom:1px dotted #ddd;
581 margin:0 0 12px;
582 padding:0 0 7px;
583 overflow:hidden;
584}
585.post-body {
586 line-height: 1.4;
587}
588h2.post-title, h1.post-title {
589 font:$(post.title.font);
590}
591h1.post-title {
592 margin-bottom:15px;
593}
594h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
595 color:$(post.title.color);
596}
597h2.post-title a:hover, h1.post-title a:hover {
598 color:$(link.color);
599}
600.img-thumbnail {
601 background:$(post.thumbnail.background.color);
602 float:left;
603 width:74px;
604 height:74px;
605 margin:0 10px 5px 0;
606 padding:8px;
607 border:1px solid $(post.thumbnail.border.background.color);
608}
609.img-thumbnail img {
610 width:74px;
611 height:74px;
612}
613.post-author {
614 color:#999;
615 font-style:italic;
616 margin:15px 0 0;
617 font-size:11px;
618 font-weight:bold;
619}
620.post-author a {
621 color:#999;
622}
623.post-author a:hover {
624 border-bottom:1px dotted #ddd;
625}
626
627#blog-pager {
628 margin:0 0;
629 clear:both !important;
630 padding:3px 3px;
631 text-transform:uppercase;
632 font-size:11px;
633 font-weight:bold;
634}
635#blog-pager-newer-link a {
636 background:#89C237;
637 float:left;
638 display:block;
639 padding:2px 3px;
640 color:#fff;
641}
642#blog-pager-older-link a {
643 background:#89C237;
644 float:right;
645 display:block;
646 padding:2px 3px;
647 color:#fff;
648}
649a.home-link {
650 background:#89C237;
651 display:inline-block;
652 padding:2px 3px;
653 color:#fff;
654}
655#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {
656 background-color:#333;
657 color:#fff;
658}
659
660
661
662/* SIDEBAR WRAPPER */
663#sidebar-wrapper {
664 float:right;
665 width:160px;
666 margin:12px 0;
667}
668.sidebar-container {
669 margin:0 0;
670}
671.sidebar h2 {
672 font:$(widget.title.font);
673 background:$(widget.title.background.color);
674 color:$(widget.title.text.color);
675 margin:0 0 10px 0;
676 padding:4px 8px;
677 text-transform:uppercase;
678 border-top: 1px solid $(sidebar.title.border.top.color);
679 border-bottom:1px solid $(sidebar.title.border.bottom.color);
680}
681.sidebar .widget {
682 padding:0 0 10px;
683}
684.sidebar ul, .sidebar ol {
685 list-style-type:none;
686 margin:0 0 0 0;
687 padding:0 0 0 0;
688}
689.sidebar li {
690 margin:0 0 0 0;
691 padding:3px 0;
692 border-bottom:1px dotted #ddd
693}
694
695
696/* label */
697.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
698 font-size:100%;
699 filter:alpha(100);
700 opacity:10
701}
702.cloud-label-widget-content{
703 text-align:left
704}
705.label-size{
706 display:block;
707 float:left;
708 background:#89C237;
709 margin:0 3px 3px 0;
710 color:#eee;
711 font-size:11px;
712 text-transform:uppercase;
713 font-weight:bold;
714}
715.label-size a,.label-size span{
716 display:inline-block;
717 color:#fff;
718 padding:2px 3px;
719}
720.label-size:hover{
721 background:#333333
722}
723.label-count {
724 white-space:nowrap;
725 padding-right:3px;
726 margin-left:-3px;
727}
728.label-size {
729 line-height:1.2
730}
731
732/* popular post */
733.PopularPosts .item-thumbnail{
734 margin:0 6px 6px 0;
735 display:inline;
736 padding:6px;
737 border:1px solid #e5e5e5;
738}
739.PopularPosts .item-thumbnail a img{
740 height:40px;
741 width:40px;
742 display:block;
743 margin:0;
744 padding:0;
745}
746.PopularPosts .widget-content ul li{
747 padding:6px 0px !important;
748 border-bottom:1px dotted #e2e2e2;
749}
750.PopularPosts .item-title{
751 font-weight:bold;
752}
753.PopularPosts .item-snippet {
754 font-size:10px;
755 color:#666;
756}
757.profile-img {
758 display:inline;
759 opaciry:10;
760 margin:0 6px 3px 0;
761}
762
763
764/* ==== Related Post Widget Start ==== */
765
766.related-post {
767 margin:15px 0px 0px;
768 border:1px solid #e5e5e5;
769 padding:10px;
770 background:#f6f6f6;
771}
772.related-post h4 {
773 font-size:14px;
774 margin:0 0 .5em;
775 text-transform:uppercase;
776}
777
778.related-post-style-2 {
779 margin:0 0 0 0 !important;
780 padding:0 0 0 0 !important;
781 list-style:none;
782}
783.related-post-style-2 li {
784 margin:0 0 0 0;
785 padding:0 0 0 0;
786}
787.related-post-style-2 li {
788 padding:5px 0 !important;
789 border-top:1px solid #eee;
790 overflow:hidden;
791}
792.related-post-style-2 li:first-child {border-top:none}
793.related-post-style-2 .related-post-item-thumbnail {
794 width:40px;
795 height:40px;
796 max-width:none;
797 max-height:none;
798 background:#fff;
799 border: 1px solid #e5e5e5;
800 padding:6px;
801 float:left;
802 margin:2px 8px 0 0;
803}
804.related-post-style-2 .related-post-item-title {
805 font:bold 14px Arial, sans-serif;
806}
807.related-post-style-2 .related-post-item-summary {
808 display:block;
809 overflow:hidden;
810 font-size:11px;
811}
812.related-post-style-2 .related-post-item-more {}
813
814
815
816/* share buttons */
817.share-buttons-box {
818 height: 67px;
819 margin:20px 0 0;
820 overflow:hidden;
821}
822.share-buttons {
823 margin:0 0;
824 height:67px;
825 float:left;
826}
827.share-buttons .share {
828 float:left;
829 margin-right:10px;
830 display:inline-block;
831}
832
833/* facebook comments */
834.fbbox-comments {
835 box-sizing: border-box;
836 -moz-box-sizing: border-box;
837 background:#f6f6f6;
838 border:1px solid #e5e5e5;
839 margin: 0 0 20px;
840}
841.fb-comments{width: 100% !important;}
842.fb-comments iframe[style]{width: 100% !important;}
843.fb-like-box{width: 100% !important;}
844.fb-like-box iframe[style]{width: 100% !important;}
845.fb-comments span{width: 100% !important;}
846.fb-comments iframe span[style]{width: 100% !important;}
847.fb-like-box span{width: 100% !important;}
848.fb-like-box iframe span[style]{width: 100% !important;
849}
850
851
852
853/* FOOTER WRAPPER */
854#footer-wrapper {
855 background:$(footer.background.color);
856 margin:0 auto;
857 padding:12px 18px;
858 overflow:hidden;
859 color:$(footer.color);
860 font:$(footer.font);
861 border-top:1px solid $(footer.border.color);
862}
863.footer-left {
864 float:left;
865}
866.footer-right {
867 float:right;
868}
869#footer-wrapper a {
870 color:$(footer.color);
871}
872#footer-wrapper a:hover {
873 color:$(link.color);
874}
875
876
877.tinynav {
878 background:#fff;
879 display:none;
880 margin:4px 0 4px 18px;
881 padding:6px;
882 border:none;
883}
884.tinynav option {
885 padding:0 4px;
886}
887
888
889@media only screen and (max-width:768px){
890 .header, .banner468-header {
891 float:none;
892 max-width:100%;
893 }
894 .header {
895 margin:0 0 12px;
896 }
897}
898
899@media only screen and (max-width:640px){
900 .tinynav {
901 display: inline-block;
902 }
903 #menu {
904 display:none;
905 }
906}
907
908@media only screen and (max-width:480px){
909 #header-wrapper {
910 padding:17px 10px 12px;
911 }
912 .header, .banner468-header {
913 text-align:center;
914 }
915 #content-wrapper, .banner728-top, .banner728-bottom {
916 padding:0 10px;
917 }
918 #post-wrapper, #sidebar-wrapper {
919 width:100%;
920 max-width:100%;
921 float:none;
922 margin:12px 0 12px 0;
923 }
924 .post-container {
925 margin:0 0 0 0;
926 }
927 #nav ul#menu {
928 margin:0px 0px 0px 10px;
929 }
930 #search-form {
931 margin:0 10px 0 0;
932 }
933 #footer-wrapper {
934 padding:12px 10px;
935 text-align:center;
936 }
937 .footer-left, .footer-right {
938 float:none;
939 }
940 .tinynav {
941 margin:3px 0 3px 10px;
942 }
943 .comment .comment-thread.inline-thread .comment {
944 margin: 0 0 0 0 !important;
945 }
946 .related-post {
947 padding:8px;
948 }
949 .comments .comments-content {
950 padding:0 8px !important;
951 }
952 .comments .comments-content .comment-thread ol {
953 margin:8px 0 !important;
954 }
955}
956
957@media screen and (max-width:320px){
958 .img-thumbnail {
959 width:70px;
960 height:70px;
961 margin:0 6px 3px 0;
962 }
963 .img-thumbnail img {
964 width:70px;
965 height:70px;
966 }
967 #search-form input#search-box[type="text"] {
968 width:80px;
969 }
970}
971
972/* VIEWPORT */
973@-wekit-viewport{width:device-width;max-zoom:1;min-zoom:1}
974@-moz-viewport{width:device-width;max-zoom:1;min-zoom:1}
975@-ms-viewport{width:device-width;max-zoom:1;min-zoom:1}
976@-o-viewport{width:device-width;max-zoom:1;min-zoom:1}
977@viewport{width:device-width;max-zoom:1;min-zoom:1}
978
979
980]]></b:skin>
981
982<b:template-skin>
983<![CDATA[
984
985/* CSS TATA LETAK */
986
987body#layout div.section {
988 background: transparent;
989 margin: 0px 0px 15px 0px;
990 padding: 0px;
991 border: none;
992 box-sizing: border-box;
993}
994body#layout .section h4 {
995 display: none;
996}
997body#layout .widget-content {
998 margin-top: 0;
999}
1000
1001body#layout #header-wrapper, body#layout #content-wrapper {
1002 padding: 0 0 0 0;
1003}
1004
1005body#layout #nav {
1006 display: none;
1007}
1008
1009]]></b:template-skin>
1010
1011
1012<b:if cond='data:blog.pageType != "index"'>
1013<style type='text/css'>
1014/* COMMENT */
1015
1016.comment-form {
1017 overflow:hidden;
1018}
1019.comments h3 {
1020 font-weight:bold;
1021 margin:0 0 15px 0;
1022 font-size:14px;
1023 padding:0 0 0 0;
1024}
1025h4#comment-post-message {
1026 display:none;
1027 margin:0 0 0 0;
1028}
1029.comments{
1030 clear:both;
1031 margin-top:10px;
1032 margin-bottom:0
1033}
1034.comments .comments-content {
1035 font-size:13px;
1036 margin-bottom:8px;
1037 background: none repeat scroll 0% 0% #F6F6F6;
1038 padding:0 12px;
1039 border: 1px solid #e5e5e5;
1040
1041}
1042.comments .comments-content .comment-thread ol{
1043 text-align:left;
1044 margin:12px 0;
1045 padding:0
1046}
1047
1048.comments .avatar-image-container {
1049 background:#fff;
1050 overflow:hidden;
1051 padding:6px;
1052 border:1px solid #e5e5e5;
1053}
1054.comments .comment-block{
1055 position:relative;
1056 background:#fff;
1057 padding:10px;
1058 margin-left:60px;
1059 border:1px solid #e5e5e5;
1060}
1061
1062.comments .comments-content .comment-replies{
1063 margin:8px 0;
1064 margin-left:60px
1065}
1066.comments .comments-content .comment-thread:empty{
1067 display:none
1068}
1069.comments .comment-replybox-single {
1070 padding:0;
1071 margin:8px 0;
1072 margin-left:60px;
1073}
1074.comments .comment-replybox-thread {
1075 margin:8px 0 0 0;
1076 padding:0;
1077}
1078
1079
1080.comments .comments-content .comment{
1081 margin-bottom:6px;
1082 padding:0
1083}
1084.comments .comments-content .comment:first-child {
1085 padding:0;
1086 margin:0
1087}
1088.comments .comments-content .comment:last-child {
1089 padding:0;
1090 margin:0
1091}
1092.comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
1093 margin:0px 0px 5px 30%
1094}
1095.comment .comment-thread.inline-thread .comment:nth-child(6) {
1096 margin:0px 0px 5px 25%;
1097}
1098.comment .comment-thread.inline-thread .comment:nth-child(5) {
1099 margin:0px 0px 5px 20%;
1100}
1101.comment .comment-thread.inline-thread .comment:nth-child(4) {
1102 margin:0px 0px 5px 15%;
1103}
1104.comment .comment-thread.inline-thread .comment:nth-child(3) {
1105 margin:0px 0px 5px 10%;
1106}
1107.comment .comment-thread.inline-thread .comment:nth-child(2) {
1108 margin:0px 0px 5px 5%;
1109}
1110.comment .comment-thread.inline-thread .comment:nth-child(1) {
1111 margin:0px 0px 5px 0;
1112}
1113
1114.comments .comments-content .comment-thread{
1115 margin:0;
1116 padding:0
1117}
1118.comments .comments-content .inline-thread{
1119 padding:0 0;
1120 margin:0
1121}
1122
1123.comments .comments-content .icon.blog-author{
1124 position:absolute;
1125 top:-2px;
1126 right:-2px;
1127 margin:0;
1128 background-image: url(http://3.bp.blogspot.com/-c0gwWErZ6ZI/UbSD539E_qI/AAAAAAAAAPQ/vQuaJw27r1A/s1600/bitmap.png);
1129 width:59px;
1130 height:43px;
1131}
1132
1133.comments .comment .comment-actions a{
1134 background:#89C237;
1135 display:inline-block;
1136 color:#fff;
1137 font-weight:bold;
1138 font-size:10px;
1139 line-height:15px;
1140 padding:2px 3px;
1141 margin:4px 8px 0 0;
1142}
1143.comments .comment .comment-actions a:hover, .comments .continue a:hover{
1144 text-decoration:none;
1145 background:#333;
1146}
1147
1148.comments .continue a {
1149 background:#89C237;
1150 color:#fff;
1151 display:inline-block;
1152 padding:3px 4px;
1153 font-size:10px;
1154}
1155
1156.pesan-komentar {
1157 background:#fff;
1158 padding:10px 20px;
1159 margin:0 8px;
1160 border:1px solid #e5e5e5;
1161}
1162.pesan-komentar p {
1163 line-height:normal;
1164 margin:0 0;
1165}
1166
1167</style>
1168</b:if>
1169
1170<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>
1171<script>
1172//<![CDATA[
1173/*! http://tinynav.viljamis.com v1.2 by @viljamis */
1174(function(a,k,g){a.fn.tinyNav=function(l){var c=a.extend({active:"selected",header:"",indent:"- ",label:""},l);return this.each(function(){g++;var h=a(this),b="tinynav"+g,f=".l_"+b,e=a("<select/>").attr("id",b).addClass("tinynav "+b);if(h.is("ul,ol")){""!==c.header&&e.append(a("<option/>").text(c.header));var d="";h.addClass("l_"+b).find("a").each(function(){d+='<option value="'+a(this).attr("href")+'">';var b;for(b=0;b<a(this).parents("ul, ol").length-1;b++)d+=c.indent;d+=a(this).text()+"</option>"});
1175e.append(d);c.header||e.find(":eq("+a(f+" li").index(a(f+" li."+c.active))+")").attr("selected",!0);e.change(function(){k.location.href=a(this).val()});a(f).after(e);c.label&&e.before(a("<label/>").attr("for",b).addClass("tinynav_label "+b+"_label").append(c.label))}})}})(jQuery,this,0);
1176//]]>
1177</script>
1178<script>
1179// TinyNav.js
1180$(function () {
1181 $('#menu').tinyNav();
1182});
1183</script>
1184
1185<b:include data='blog' name='google-analytics'/>
1186</head>
1187
1188<body expr:class='"loading" + data:blog.mobileClass'>
1189
1190<div id='fb-root'/>
1191<script>
1192(function(d, s, id) {
1193 var js, fjs = d.getElementsByTagName(s)[0];
1194 if (d.getElementById(id)) return;
1195 js = d.createElement(s); js.id = id;
1196 js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.3";
1197 fjs.parentNode.insertBefore(js, fjs);
1198}(document, 'script', 'facebook-jssdk'));
1199</script>
1200
1201 <!-- navbar menu start -->
1202 <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
1203 <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar' version='1'>
1204 <b:includable id='main'><script type="text/javascript">
1205 function setAttributeOnload(object, attribute, val) {
1206 if(window.addEventListener) {
1207 window.addEventListener('load',
1208 function(){ object[attribute] = val; }, false);
1209 } else {
1210 window.attachEvent('onload', function(){ object[attribute] = val; });
1211 }
1212 }
1213 </script>
1214<div id="navbar-iframe-container"></div>
1215<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
1216<script type="text/javascript">
1217 gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
1218 if (gapi.iframes && gapi.iframes.getContext) {
1219 gapi.iframes.getContext().openChild({
1220 url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d5876310293769283171\x26blogName\x3dfreefirex.icu+Free+Fire+Diamond+free\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://alwaysthrforyou.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://alwaysthrforyou.blogspot.com/\x26vt\x3d967027197583344494',
1221 where: document.getElementById("navbar-iframe-container"),
1222 id: "navbar-iframe"
1223 });
1224 }
1225 });
1226 </script><script type="text/javascript">
1227(function() {
1228var script = document.createElement('script');
1229script.type = 'text/javascript';
1230script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
1231var head = document.getElementsByTagName('head')[0];
1232if (head) {
1233head.appendChild(script);
1234}})();
1235</script>
1236</b:includable>
1237 </b:widget>
1238 </b:section>
1239 <!-- navbar menu end -->
1240
1241 <!-- wrapper start -->
1242 <div id='wrapper'>
1243
1244 <!-- header wrapper start -->
1245 <header id='header-wrapper'>
1246 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
1247 <b:widget id='Header1' locked='true' title='freefirex.icu Free Fire Diamond free (Header)' type='Header' version='1'>
1248 <b:widget-settings>
1249 <b:widget-setting name='displayUrl'/>
1250 <b:widget-setting name='displayHeight'>0</b:widget-setting>
1251 <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
1252 <b:widget-setting name='useImage'>false</b:widget-setting>
1253 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
1254 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
1255 <b:widget-setting name='displayWidth'>0</b:widget-setting>
1256 </b:widget-settings>
1257 <b:includable id='main'>
1258
1259 <b:if cond='data:useImage'>
1260 <b:if cond='data:imagePlacement == "BEHIND"'>
1261 <!--
1262 Show image as background to text. You can't really calculate the width
1263 reliably in JS because margins are not taken into account by any of
1264 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
1265 width if the user is using shrink to fit.
1266 This results in a margin-width's worth of pixels being cropped. If the
1267 user is not using shrink to fit then we expand the header.
1268 -->
1269 <b:if cond='data:mobile'>
1270 <div id='header-inner'>
1271 <div class='titlewrapper' style='background: transparent'>
1272 <h1 class='title' style='background: transparent; border-width: 0px'>
1273 <b:include name='title'/>
1274 </h1>
1275 </div>
1276 <b:include name='description'/>
1277 </div>
1278 <b:else/>
1279 <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'>
1280 <div class='titlewrapper' style='background: transparent'>
1281 <h1 class='title' style='background: transparent; border-width: 0px'>
1282 <b:include name='title'/>
1283 </h1>
1284 </div>
1285 <b:include name='description'/>
1286 </div>
1287 </b:if>
1288 <b:else/>
1289 <!--Show the image only-->
1290 <div id='header-inner'>
1291 <b:if cond='data:blog.pageType in {"item","static_page"}'>
1292 <p style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></p>
1293 <b:else/>
1294 <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
1295 </b:if>
1296 <a expr:href='data:blog.homepageUrl' style='display: block'>
1297 <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'/>
1298 </a>
1299 <!--Show the description-->
1300 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
1301 <b:include name='description'/>
1302 <b:if cond='data:blog.pageType in {"item","static_page"}'>
1303 <p style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></p>
1304 <b:else/>
1305 <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
1306 </b:if>
1307 </b:if>
1308 </div>
1309 </b:if>
1310 <b:else/>
1311 <!--No header image -->
1312 <div id='header-inner'>
1313 <div class='titlewrapper'>
1314 <b:if cond='data:blog.pageType in {"item","static_page"}'>
1315 <p class='title'><b:include name='title'/></p>
1316 <b:else/>
1317 <h1 class='title'><b:include name='title'/></h1>
1318 </b:if>
1319 <b:include name='description'/>
1320 </div>
1321 </div>
1322 </b:if>
1323</b:includable>
1324 <b:includable id='description'>
1325 <div class='descriptionwrapper'>
1326 <p class='description'><span><data:description/></span></p>
1327 </div>
1328</b:includable>
1329 <b:includable id='title'>
1330 <b:if cond='data:blog.url == data:blog.homepageUrl'>
1331 <data:title/>
1332 <b:else/>
1333 <a expr:href='data:blog.homepageUrl'><data:title/></a>
1334 </b:if>
1335</b:includable>
1336 </b:widget>
1337 </b:section>
1338
1339 <b:section class='banner468-header' id='banner468-header' showaddelement='yes'/>
1340
1341 <div class='clear'/>
1342 </header>
1343 <!-- header wrapper end -->
1344
1345 <!-- desktop navigation menu start -->
1346 <nav id='nav'>
1347
1348 <ul id='menu'>
1349 <li><a href='/'>Home</a></li>
1350 <li><a href='http://s.click.aliexpress.com/e/MOxwGjIs'>NEW COUPON</a></li>
1351 <li><a href='http://s.click.aliexpress.com/e/LqodsvPS'>HOT PRODUCT</a></li>
1352 <li><a href='http://s.click.aliexpress.com/e/eEh8M6i4'>FLASH DEAL</a></li>
1353 </ul>
1354
1355 <form action='/search' id='search-form' method='get' style='display: inline;'><input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' type='text' value='Search...' vinput=''/> <input id='search-button' type='submit' value='Go'/></form>
1356
1357 </nav>
1358
1359 <div class='clear'/>
1360 <!-- secondary navigation menu end -->
1361
1362 <b:section class='banner728-top' id='banner728-top' showaddelement='yes'/>
1363
1364
1365 <!-- content wrapper start -->
1366 <div id='content-wrapper'>
1367 <!-- post wrapper start -->
1368 <div id='post-wrapper'>
1369 <div class='post-container'>
1370 <b:section class='main' id='main' showaddelement='no'>
1371 <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
1372 <b:widget-settings>
1373 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
1374 <b:widget-setting name='style.textcolor'>#333333</b:widget-setting>
1375 <b:widget-setting name='showShareButtons'>true</b:widget-setting>
1376 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
1377 <b:widget-setting name='style.urlcolor'>#0099cc</b:widget-setting>
1378 <b:widget-setting name='showAuthor'>true</b:widget-setting>
1379 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
1380 <b:widget-setting name='style.linkcolor'>#0099cc</b:widget-setting>
1381 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
1382 <b:widget-setting name='style.bgcolor'>#dddddd</b:widget-setting>
1383 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
1384 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
1385 <b:widget-setting name='showLabels'>true</b:widget-setting>
1386 <b:widget-setting name='showLocation'>true</b:widget-setting>
1387 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
1388 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
1389 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
1390 <b:widget-setting name='style.bordercolor'>#dddddd</b:widget-setting>
1391 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
1392 <b:widget-setting name='showReactions'>false</b:widget-setting>
1393 </b:widget-settings>
1394 <b:includable id='main' var='top'>
1395 <b:include data='posts' name='breadcrumb'/>
1396 <b:if cond='data:mobile == "false"'>
1397
1398 <!-- posts -->
1399 <div class='blog-posts hfeed'>
1400
1401 <b:include data='top' name='status-message'/>
1402
1403 <data:defaultAdStart/>
1404 <b:loop values='data:posts' var='post'>
1405 <b:if cond='data:post.isDateStart'>
1406 <b:if cond='data:post.isFirstPost == "false"'>
1407 </div></div>
1408 </b:if>
1409 </b:if>
1410 <b:if cond='data:post.isDateStart'>
1411 <div class="date-outer">
1412 </b:if>
1413 <b:if cond='data:post.isDateStart'>
1414 <div class="date-posts">
1415 </b:if>
1416 <div class='post-outer'>
1417 <b:include data='post' name='post'/>
1418 <b:if cond='data:blog.pageType == "static_page"'>
1419 <b:include data='post' name='comment_picker'/>
1420 </b:if>
1421 <b:if cond='data:blog.pageType == "item"'>
1422 <b:include data='post' name='comment_picker'/>
1423 </b:if>
1424 </div>
1425 <b:if cond='data:post.includeAd'>
1426 <b:if cond='data:post.isFirstPost'>
1427 <data:defaultAdEnd/>
1428 <b:else/>
1429 <data:adEnd/>
1430 </b:if>
1431 <div class='inline-ad'>
1432 <data:adCode/>
1433 </div>
1434 <data:adStart/>
1435 </b:if>
1436 </b:loop>
1437 <b:if cond='data:numPosts != 0'>
1438 </div></div>
1439 </b:if>
1440 <data:adEnd/>
1441 </div>
1442
1443 <!-- navigation -->
1444 <b:include name='nextprev'/>
1445
1446
1447 <!-- feed links -->
1448 <b:include name='feedLinks'/>
1449
1450 <b:if cond='data:top.showStars'>
1451 <script src='//www.google.com/jsapi' type='text/javascript'/>
1452 <script type='text/javascript'>
1453 google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
1454 function initialize() {
1455 google.annotations.setApplicationId(<data:top.blogspotReviews/>);
1456 google.annotations.createAll();
1457 google.annotations.fetch();
1458 }
1459 google.setOnLoadCallback(initialize);
1460 </script>
1461 </b:if>
1462
1463 <b:else/>
1464 <b:include name='mobile-main'/>
1465 </b:if>
1466
1467 <b:if cond='data:top.showDummy'>
1468 <data:top.dummyBootstrap/>
1469 </b:if>
1470
1471</b:includable>
1472 <b:includable id='backlinkDeleteIcon' var='backlink'>
1473 <span expr:class='"item-control " + data:backlink.adminClass'>
1474 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
1475 <img src='//www.blogger.com/img/icon_delete13.gif'/>
1476 </a>
1477 </span>
1478</b:includable>
1479 <b:includable id='backlinks' var='post'>
1480 <a name='links'/><h4><data:post.backlinksLabel/></h4>
1481 <b:if cond='data:post.numBacklinks != 0'>
1482 <dl class='comments-block' id='comments-block'>
1483 <b:loop values='data:post.backlinks' var='backlink'>
1484 <div class='collapsed-backlink backlink-control'>
1485 <dt class='comment-title'>
1486 <span class='backlink-toggle-zippy'> </span>
1487 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
1488 <b:include data='backlink' name='backlinkDeleteIcon'/>
1489 </dt>
1490 <dd class='comment-body collapseable'>
1491 <data:backlink.snippet/>
1492 </dd>
1493 <dd class='comment-footer collapseable'>
1494 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
1495 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
1496 </dd>
1497 </div>
1498 </b:loop>
1499 </dl>
1500 </b:if>
1501 <p class='comment-footer'>
1502 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
1503 </p>
1504</b:includable>
1505 <b:includable id='breadcrumb' var='posts'>
1506 <b:if cond='data:blog.homepageUrl != data:blog.url'>
1507 <b:if cond='data:blog.pageType == "static_page"'>
1508 <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
1509 </div>
1510 <b:else/>
1511 <b:if cond='data:blog.pageType == "item"'>
1512 <b:loop values='data:posts' var='post'>
1513 <b:if cond='data:post.labels'>
1514 <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> » <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> » </b:if> </b:loop> » <span><data:post.title/></span>
1515 </div>
1516 <b:else/>
1517 <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Uncategories</span> » <span><data:post.title/></span></div>
1518 </b:if>
1519 </b:loop>
1520 <b:else/>
1521 <b:if cond='data:blog.pageType == "archive"'>
1522 <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Archive for <data:blog.pageName/></span>
1523 </div>
1524 <b:else/>
1525 <b:if cond='data:blog.searchQuery'>
1526 <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
1527 </div>
1528 <b:else/>
1529 <b:if cond='data:blog.pageType == "index"'>
1530 <div class='breadcrumbs'>
1531 <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>All post</span>
1532 <b:else/>
1533 <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
1534 </b:if>
1535 </div>
1536 </b:if>
1537 </b:if>
1538 </b:if>
1539 </b:if>
1540 </b:if>
1541 </b:if>
1542</b:includable>
1543 <b:includable id='comment-form' var='post'>
1544 <div class='comment-form'>
1545 <a name='comment-form'/>
1546 <b:if cond='data:mobile'>
1547 <h4 id='comment-post-message'>
1548 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
1549 <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
1550 <data:blogTeamBlogMessage/>
1551 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1552 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display:block' width='100%'/>
1553 <b:else/>
1554 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
1555 <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
1556 <data:blogTeamBlogMessage/>
1557 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1558 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
1559 </b:if>
1560 <data:post.friendConnectJs/>
1561 <data:post.cmtfpIframe/>
1562 <script type='text/javascript'>
1563 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
1564 </script>
1565 </div>
1566</b:includable>
1567 <b:includable id='commentDeleteIcon' var='comment'>
1568 <span expr:class='"item-control " + data:comment.adminClass'>
1569 <b:if cond='data:showCmtPopup'>
1570 <div class='goog-toggle-button'>
1571 <div class='goog-inline-block comment-action-icon'/>
1572 </div>
1573 <b:else/>
1574 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
1575 <img src='//www.blogger.com/img/icon_delete13.gif'/>
1576 </a>
1577 </b:if>
1578 </span>
1579</b:includable>
1580 <b:includable id='comment_count_picker' var='post'>
1581 <b:if cond='data:post.commentSource == 1'>
1582 <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'>
1583 </span>
1584 <b:else/>
1585 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
1586 <data:post.commentLabelFull/>:
1587 </a>
1588 </b:if>
1589</b:includable>
1590 <b:includable id='comment_picker' var='post'>
1591 <b:if cond='data:post.commentSource == 1'>
1592 <b:include data='post' name='iframe_comments'/>
1593 <b:else/>
1594 <b:if cond='data:post.showThreadedComments'>
1595 <b:include data='post' name='threaded_comments'/>
1596 <b:else/>
1597 <b:include data='post' name='comments'/>
1598 </b:if>
1599 </b:if>
1600</b:includable>
1601 <b:includable id='comments' var='post'>
1602 <div class='comments' id='comments'>
1603 <a name='comments'/>
1604 <b:if cond='data:post.allowComments'>
1605 <h3><b:if cond='data:post.numComments == 0'> 0 Response to "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Responses to "<data:blog.pageName/>" </b:if></h3>
1606
1607 <b:if cond='data:post.commentPagingRequired'>
1608 <span class='paging-control-container'>
1609 <b:if cond='data:post.hasOlderLinks'>
1610 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
1611  
1612 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
1613  
1614 </b:if>
1615
1616 <data:post.commentRangeText/>
1617
1618 <b:if cond='data:post.hasNewerLinks'>
1619  
1620 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
1621  
1622 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
1623 </b:if>
1624 </span>
1625 </b:if>
1626
1627 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
1628 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
1629 <b:loop values='data:post.comments' var='comment'>
1630 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
1631 <b:if cond='data:comment.favicon'>
1632 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
1633 </b:if>
1634 <a expr:name='data:comment.anchorName'/>
1635 <b:if cond='data:blog.enabledCommentProfileImages'>
1636 <data:comment.authorAvatarImage/>
1637 </b:if>
1638 <b:if cond='data:comment.authorUrl'>
1639 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
1640 <b:else/>
1641 <data:comment.author/>
1642 </b:if>
1643 <data:commentPostedByMsg/>
1644 </dt>
1645 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
1646 <b:if cond='data:comment.isDeleted'>
1647 <span class='deleted-comment'><data:comment.body/></span>
1648 <b:else/>
1649 <p>
1650 <data:comment.body/>
1651 </p>
1652 </b:if>
1653 </dd>
1654 <dd class='comment-footer'>
1655 <span class='comment-timestamp'>
1656 <a expr:href='data:comment.url' title='comment permalink'>
1657 <data:comment.timestamp/>
1658 </a>
1659 <b:include data='comment' name='commentDeleteIcon'/>
1660 </span>
1661 </dd>
1662 </b:loop>
1663 </dl>
1664 </div>
1665
1666 <b:if cond='data:post.commentPagingRequired'>
1667 <span class='paging-control-container'>
1668 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
1669 <data:post.oldestLinkText/>
1670 </a>
1671 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
1672 <data:post.olderLinkText/>
1673 </a>
1674  
1675 <data:post.commentRangeText/>
1676  
1677 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
1678 <data:post.newerLinkText/>
1679 </a>
1680 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
1681 <data:post.newestLinkText/>
1682 </a>
1683 </span>
1684 </b:if>
1685
1686 <p class='comment-footer'>
1687 <b:if cond='data:post.embedCommentForm'>
1688 <b:if cond='data:post.allowNewComments'>
1689 <b:include data='post' name='comment-form'/>
1690 <b:else/>
1691 <data:post.noNewCommentsText/>
1692 </b:if>
1693 <b:else/>
1694 <b:if cond='data:post.allowComments'>
1695 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1696 </b:if>
1697 </b:if>
1698
1699 </p>
1700 </b:if>
1701 <b:if cond='data:showCmtPopup'>
1702 <div id='comment-popup'>
1703 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1704 </iframe>
1705 </div>
1706 </b:if>
1707
1708 <div id='backlinks-container'>
1709 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1710 <b:if cond='data:post.showBacklinks'>
1711 <b:include data='post' name='backlinks'/>
1712 </b:if>
1713 </div>
1714 </div>
1715 </div>
1716</b:includable>
1717 <b:includable id='feedLinks'>
1718 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
1719 <b:if cond='data:feedLinks'>
1720 <div class='blog-feeds'>
1721 <b:include data='feedLinks' name='feedLinksBody'/>
1722 </div>
1723 </b:if>
1724
1725 <b:else/> <!--Post feed links -->
1726 <div class='post-feeds'>
1727 <b:loop values='data:posts' var='post'>
1728 <b:if cond='data:post.allowComments'>
1729 <b:if cond='data:post.feedLinks'>
1730 <b:include data='post.feedLinks' name='feedLinksBody'/>
1731 </b:if>
1732 </b:if>
1733 </b:loop>
1734 </div>
1735 </b:if>
1736</b:includable>
1737 <b:includable id='feedLinksBody' var='links'>
1738 <div class='feed-links'>
1739 <data:feedLinksMsg/>
1740 <b:loop values='data:links' var='f'>
1741 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
1742 </b:loop>
1743 </div>
1744</b:includable>
1745 <b:includable id='iframe_comments' var='post'>
1746
1747 <b:if cond='data:post.allowIframeComments'>
1748 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
1749 <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
1750
1751 <b:if cond='data:post.embedCommentForm == "false"'>
1752 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1753 </b:if>
1754 </b:if>
1755</b:includable>
1756 <b:includable id='mobile-index-post' var='post'>
1757 <div class='mobile-date-outer date-outer'>
1758
1759 <div class='mobile-post-outer'>
1760 <b:if cond='data:post.thumbnailUrl'>
1761 <div class='mobile-index-thumbnail'>
1762 <div class='Image'>
1763 <img expr:src='data:post.thumbnailUrl'/>
1764 </div>
1765 </div>
1766 <b:else/>
1767 <div class='mobile-index-thumbnail'>
1768 <div class='Image'>
1769 <img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/w200-h150-c/picture_not_available.png'/>
1770 </div>
1771 </div>
1772 </b:if>
1773 <a expr:href='data:post.url'>
1774 <h3 class='mobile-index-title entry-title' itemprop='name'>
1775 <data:post.title/>
1776 </h3>
1777 </a>
1778
1779 <div class='mobile-index-contents'>
1780 <div class='post-body'>
1781 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
1782 </div>
1783 </div>
1784
1785 <div style='clear: both;'/>
1786
1787 </div>
1788
1789 </div>
1790</b:includable>
1791 <b:includable id='mobile-main' var='top'>
1792 <!-- posts -->
1793 <div class='blog-posts hfeed'>
1794
1795 <b:include data='top' name='status-message'/>
1796
1797 <b:if cond='data:blog.pageType == "index"'>
1798 <b:loop values='data:posts' var='post'>
1799 <b:include data='post' name='mobile-index-post'/>
1800 </b:loop>
1801 <b:else/>
1802 <b:loop values='data:posts' var='post'>
1803 <b:include data='post' name='mobile-post'/>
1804 </b:loop>
1805 </b:if>
1806 </div>
1807
1808 <b:include name='mobile-nextprev'/>
1809</b:includable>
1810 <b:includable id='mobile-nextprev'>
1811 <div class='blog-pager' id='blog-pager'>
1812 <b:if cond='data:newerPageUrl'>
1813 <div class='mobile-link-button' id='blog-pager-newer-link'>
1814 <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>
1815 </div>
1816 </b:if>
1817
1818 <b:if cond='data:olderPageUrl'>
1819 <div class='mobile-link-button' id='blog-pager-older-link'>
1820 <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>
1821 </div>
1822 </b:if>
1823
1824 <div class='mobile-link-button' id='blog-pager-home-link'>
1825 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1826 </div>
1827
1828 <div class='mobile-desktop-link'>
1829 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
1830 </div>
1831
1832 </div>
1833 <div class='clear'/>
1834</b:includable>
1835 <b:includable id='mobile-post' var='post'>
1836 <div class='date-outer'>
1837 <div class='date-posts'>
1838 <div class='post-outer'>
1839
1840 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1841 <b:if cond='data:post.thumbnailUrl'>
1842 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
1843 </b:if>
1844 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1845 <meta expr:content='data:post.id' itemprop='postId'/>
1846
1847 <a expr:name='data:post.id'/>
1848 <b:if cond='data:post.title'>
1849 <h3 class='post-title entry-title' itemprop='name'>
1850 <b:if cond='data:post.link'>
1851 <a expr:href='data:post.link'><data:post.title/></a>
1852 <b:else/>
1853 <b:if cond='data:post.url'>
1854 <b:if cond='data:blog.url != data:post.url'>
1855 <a expr:href='data:post.url'><data:post.title/></a>
1856 <b:else/>
1857 <data:post.title/>
1858 </b:if>
1859 <b:else/>
1860 <data:post.title/>
1861 </b:if>
1862 </b:if>
1863 </h3>
1864 </b:if>
1865
1866 <div class='post-header'>
1867 <div class='post-header-line-1'/>
1868 </div>
1869
1870 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
1871 <data:post.body/>
1872<div class='related-post'>
1873</div>
1874 <div style='clear: both;'/> <!-- clear for photos floats -->
1875 </div>
1876
1877 <div class='post-footer'>
1878 <div class='post-footer-line post-footer-line-1'>
1879 <span class='post-author vcard'>
1880 <b:if cond='data:top.showAuthor'>
1881 <b:if cond='data:post.authorProfileUrl'>
1882 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1883 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1884 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1885 <span itemprop='name'><data:post.author/></span>
1886 </a>
1887 </span>
1888 <b:else/>
1889 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1890 <span itemprop='name'><data:post.author/></span>
1891 </span>
1892 </b:if>
1893 </b:if>
1894 </span>
1895
1896 <span class='post-timestamp'>
1897 <b:if cond='data:top.showTimestamp'>
1898 <data:top.timestampLabel/>
1899 <b:if cond='data:post.url'>
1900 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
1901 <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>
1902 </b:if>
1903 </b:if>
1904 </span>
1905
1906 <span class='post-comment-link'>
1907 <b:if cond='data:blog.pageType != "item"'>
1908 <b:if cond='data:blog.pageType != "static_page"'>
1909 <b:if cond='data:post.allowComments'>
1910 <b:include data='post' name='comment_count_picker'/>
1911 </b:if>
1912 </b:if>
1913 </b:if>
1914 </span>
1915 </div>
1916
1917 <div class='post-footer-line post-footer-line-2'>
1918 <b:if cond='data:top.showMobileShare'>
1919 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
1920 <a href='javascript:void(0);'><data:shareMsg/></a>
1921 </div>
1922 </b:if>
1923 <b:if cond='data:top.showDummy'>
1924 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
1925 </b:if>
1926 </div>
1927
1928 </div>
1929 </div>
1930
1931 <b:if cond='data:blog.pageType == "static_page"'>
1932 <b:include data='post' name='comment_picker'/>
1933 </b:if>
1934 <b:if cond='data:blog.pageType == "item"'>
1935 <b:include data='post' name='comment_picker'/>
1936 </b:if>
1937 </div>
1938 </div>
1939 </div>
1940</b:includable>
1941 <b:includable id='nextprev'>
1942 <div class='blog-pager' id='blog-pager'>
1943 <b:if cond='data:newerPageUrl'>
1944 <span id='blog-pager-newer-link'>
1945 <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>
1946 </span>
1947 </b:if>
1948
1949 <b:if cond='data:olderPageUrl'>
1950 <span id='blog-pager-older-link'>
1951 <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>
1952 </span>
1953 </b:if>
1954
1955 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1956
1957 <b:if cond='data:mobileLinkUrl'>
1958 <div class='blog-mobile-link'>
1959 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
1960 </div>
1961 </b:if>
1962
1963 </div>
1964 <div class='clear'/>
1965</b:includable>
1966 <b:includable id='post' var='post'>
1967 <article class='post hentry'>
1968
1969 <b:switch var='data:blog.pageType'>
1970 <b:case value='static_page'/>
1971 <!-- Posting halaman statis -->
1972 <div>
1973 <b:if cond='data:post.title'>
1974 <h1 class='post-title entry-title'>
1975 <b:if cond='data:post.link'>
1976 <a expr:href='data:post.link'><data:post.title/></a>
1977 <b:else/>
1978 <b:if cond='data:post.url'>
1979 <b:if cond='data:blog.url != data:post.url'>
1980 <a expr:href='data:post.url'><data:post.title/></a>
1981 <b:else/>
1982 <data:post.title/>
1983 </b:if>
1984 <b:else/>
1985 <data:post.title/>
1986 </b:if>
1987 </b:if>
1988 </h1>
1989 </b:if>
1990 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
1991 <data:post.body/>
1992 <div style='clear: both;'/>
1993 </div>
1994 </div>
1995
1996 <b:case value='item'/>
1997 <!-- Posting halaman item -->
1998 <div itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1999 <b:if cond='data:post.firstImageUrl'>
2000 <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
2001 </b:if>
2002 <a expr:name='data:post.id'/>
2003
2004 <div class='post-label-block'>
2005 <b:if cond='data:top.showAuthor'>
2006 <b:if cond='data:post.authorProfileUrl'>
2007 <span class='author-info'>
2008 <span class='vcard'>
2009 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2010 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
2011 <a class='g-profile profile-block' rel='author' title='author profile'>
2012 By <span itemprop='name'><data:post.author/></span>
2013 </a>
2014 </span>
2015 </span>
2016 </span>
2017 </b:if>
2018 </b:if>
2019 <b:if cond='data:post.dateHeader'>
2020 <span class='date-block'><abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.dateHeader/></abbr></span>
2021 <b:else/>
2022 <b:if cond='data:top.showTimestamp'>
2023 <span class='date-block'><abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.timestamp/></abbr></span>
2024 </b:if>
2025 </b:if>
2026 <b:if cond='data:post.labels'>
2027 <b:loop values='data:post.labels' var='label'>
2028 <a class='label-block' expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
2029 </b:loop>
2030 </b:if>
2031 </div>
2032
2033 <b:if cond='data:post.title'>
2034 <h1 class='post-title entry-title' itemprop='name headline'>
2035 <b:if cond='data:post.link'>
2036 <a expr:href='data:post.link'><data:post.title/></a>
2037 <b:else/>
2038 <b:if cond='data:post.url'>
2039 <b:if cond='data:blog.url != data:post.url'>
2040 <a expr:href='data:post.url'><data:post.title/></a>
2041 <b:else/>
2042 <data:post.title/>
2043 </b:if>
2044 <b:else/>
2045 <data:post.title/>
2046 </b:if>
2047 </b:if>
2048 </h1>
2049 </b:if>
2050
2051 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
2052
2053 <!-- iklan di bawah judul taruh di sini -->
2054
2055 <data:post.body/>
2056
2057 <!-- iklan di bawah postingan taruh di sini -->
2058
2059 <div style='clear: both;'/>
2060
2061 <div class='related-post'>
2062 </div>
2063 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
2064 <div style='clear: both;'/>
2065
2066
2067 <!-- Related Post Widget Start -->
2068 <div class='related-post' id='related-post'/>
2069 <script type='text/javascript'>
2070 var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
2071 "<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
2072 </b:loop></b:if>];
2073 var relatedPostConfig = {
2074 homePage: "<data:blog.homepageUrl/>",
2075 widgetTitle: "<h4>Related Posts :</h4>",
2076 numPosts: 5,
2077 summaryLength: 100,
2078 titleLength: "auto",
2079 thumbnailSize: 60,
2080 noImage: "http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w60-h60-c/no-image.png",
2081 containerId: "related-post",
2082 newTabLink: false,
2083 moreText: "Read More...",
2084 widgetStyle: 2,
2085 callBack: function() {}
2086 };
2087 </script>
2088 <!-- Related Post Widget End -->
2089
2090 <div style='clear: both;'/>
2091
2092 </div>
2093 </div>
2094 <b:default/>
2095 <!-- Posting halaman default (index, arsip, dll.) -->
2096
2097 <b:if cond='data:post.thumbnailUrl'>
2098 <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' height='74' width='74'/></div>
2099 </a>
2100 <b:else/>
2101 <b:if cond='data:post.firstImageUrl'>
2102 <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' height='74' width='74'/></div>
2103 </a>
2104 <b:else/>
2105 <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:title='data:post.title' height='74' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w100-h100-c/no-image.png' width='74'/></div>
2106 </a>
2107 </b:if>
2108 </b:if>
2109
2110 <div class='post-box' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
2111 <b:if cond='data:post.firstImageUrl'>
2112 <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
2113 </b:if>
2114 <a expr:name='data:post.id'/>
2115
2116 <div class='post-label-block'>
2117 <b:if cond='data:top.showAuthor'>
2118 <b:if cond='data:post.authorProfileUrl'>
2119 <span class='author-info'>
2120 <span class='vcard'>
2121 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2122 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
2123 <a class='g-profile profile-block' rel='author' title='author profile'>
2124 By <span itemprop='name'><data:post.author/></span>
2125 </a>
2126 </span>
2127 </span>
2128 </span>
2129 </b:if>
2130 </b:if>
2131 <b:if cond='data:post.dateHeader'>
2132 <span class='date-block'><abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.dateHeader/></abbr></span>
2133 <b:else/>
2134 <b:if cond='data:top.showTimestamp'>
2135 <span class='date-block'><abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.timestamp/></abbr></span>
2136 </b:if>
2137 </b:if>
2138 <b:if cond='data:post.labels'>
2139 <b:loop values='data:post.labels' var='label'>
2140 <a class='label-block' expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
2141 </b:loop>
2142 </b:if>
2143 </div>
2144
2145 <b:if cond='data:post.title'>
2146 <h2 class='post-title entry-title' itemprop='name headline'>
2147 <b:if cond='data:post.link'>
2148 <a expr:href='data:post.link'><data:post.title/></a>
2149 <b:else/>
2150 <b:if cond='data:post.url'>
2151 <b:if cond='data:blog.url != data:post.url'>
2152 <a expr:href='data:post.url'><data:post.title/></a>
2153 <b:else/>
2154 <data:post.title/>
2155 </b:if>
2156 <b:else/>
2157 <data:post.title/>
2158 </b:if>
2159 </b:if>
2160 </h2>
2161 </b:if>
2162
2163 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody description'>
2164 <div expr:id='"summary" + data:post.id'>
2165 <data:post.snippet/>
2166 </div>
2167 </div>
2168
2169 </div>
2170 </b:switch>
2171 </article>
2172
2173 <!-- KOMENTAR FACEBOOK -->
2174 <b:if cond='data:blog.pageType == "item"'>
2175 <div class='fbbox-comments' style='width:100%;margin-top:20px'>
2176 <div class='fb-comments' data-num-posts='2' expr:data-href='data:blog.url'/>
2177 </div>
2178 </b:if>
2179
2180</b:includable>
2181 <b:includable id='postQuickEdit' var='post'>
2182 <b:if cond='data:post.editUrl'>
2183 <span expr:class='"item-control " + data:post.adminClass'>
2184 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
2185 <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
2186 </a>
2187 </span>
2188 </b:if>
2189</b:includable>
2190 <b:includable id='shareButtons' var='post'>
2191 <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>
2192</b:includable>
2193 <b:includable id='status-message'>
2194 <b:if cond='data:navMessage'>
2195 <div class='status-msg-wrap'>
2196 <div class='status-msg-body'>
2197 <data:navMessage/>
2198 </div>
2199 <div class='status-msg-border'>
2200 <div class='status-msg-bg'>
2201 <div class='status-msg-hidden'><data:navMessage/></div>
2202 </div>
2203 </div>
2204 </div>
2205 <div style='clear: both;'/>
2206 </b:if>
2207</b:includable>
2208 <b:includable id='threaded-comment-form' var='post'>
2209 <div class='comment-form'>
2210 <a name='comment-form'/>
2211 <b:if cond='data:mobile'>
2212 <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
2213 <data:blogTeamBlogMessage/>
2214 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2215 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display:block' width='100%'/>
2216 <b:else/>
2217 <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
2218 <data:blogTeamBlogMessage/>
2219 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2220 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
2221 </b:if>
2222 <data:post.friendConnectJs/>
2223 <data:post.cmtfpIframe/>
2224 <script type='text/javascript'>
2225 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
2226 </script>
2227 </div>
2228</b:includable>
2229 <b:includable id='threaded_comment_js' var='post'>
2230 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
2231
2232 <script type='text/javascript'>
2233 (function() {
2234 var items = <data:post.commentJso/>;
2235 var msgs = <data:post.commentMsgs/>;
2236 var config = <data:post.commentConfig/>;
2237
2238// <![CDATA[
2239 var cursor = null;
2240 if (items && items.length > 0) {
2241 cursor = parseInt(items[items.length - 1].timestamp) + 1;
2242 }
2243
2244 var bodyFromEntry = function(entry) {
2245 if (entry.gd$extendedProperty) {
2246 for (var k in entry.gd$extendedProperty) {
2247 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
2248 return '<span class="deleted-comment">' + entry.content.$t + '</span>';
2249 }
2250 }
2251 }
2252 return entry.content.$t;
2253 }
2254
2255 var parse = function(data) {
2256 cursor = null;
2257 var comments = [];
2258 if (data && data.feed && data.feed.entry) {
2259 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
2260 var comment = {};
2261 // comment ID, parsed out of the original id format
2262 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
2263 comment.id = id ? id[2] : null;
2264 comment.body = bodyFromEntry(entry);
2265 comment.timestamp = Date.parse(entry.published.$t) + '';
2266 if (entry.author && entry.author.constructor === Array) {
2267 var auth = entry.author[0];
2268 if (auth) {
2269 comment.author = {
2270 name: (auth.name ? auth.name.$t : undefined),
2271 profileUrl: (auth.uri ? auth.uri.$t : undefined),
2272 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
2273 };
2274 }
2275 }
2276 if (entry.link) {
2277 if (entry.link[2]) {
2278 comment.link = comment.permalink = entry.link[2].href;
2279 }
2280 if (entry.link[3]) {
2281 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
2282 if (pid && pid[1]) {
2283 comment.parentId = pid[1];
2284 }
2285 }
2286 }
2287 comment.deleteclass = 'item-control blog-admin';
2288 if (entry.gd$extendedProperty) {
2289 for (var k in entry.gd$extendedProperty) {
2290 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
2291 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
2292 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
2293 comment.displayTime = entry.gd$extendedProperty[k].value;
2294 }
2295 }
2296 }
2297 comments.push(comment);
2298 }
2299 }
2300 return comments;
2301 };
2302
2303 var paginator = function(callback) {
2304 if (hasMore()) {
2305 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
2306 if (cursor) {
2307 url += '&published-min=' + new Date(cursor).toISOString();
2308 }
2309 window.bloggercomments = function(data) {
2310 var parsed = parse(data);
2311 cursor = parsed.length < 50 ? null
2312 : parseInt(parsed[parsed.length - 1].timestamp) + 1
2313 callback(parsed);
2314 window.bloggercomments = null;
2315 }
2316 url += '&callback=bloggercomments';
2317 var script = document.createElement('script');
2318 script.type = 'text/javascript';
2319 script.src = url;
2320 document.getElementsByTagName('head')[0].appendChild(script);
2321 }
2322 };
2323 var hasMore = function() {
2324 return !!cursor;
2325 };
2326 var getMeta = function(key, comment) {
2327 if ('iswriter' == key) {
2328 var matches = !!comment.author
2329 && comment.author.name == config.authorName
2330 && comment.author.profileUrl == config.authorUrl;
2331 return matches ? 'true' : '';
2332 } else if ('deletelink' == key) {
2333 return config.baseUri + '/delete-comment.g?blogID='
2334 + config.blogId + '&postID=' + comment.id;
2335 } else if ('deleteclass' == key) {
2336 return comment.deleteclass;
2337 }
2338 return '';
2339 };
2340
2341 var replybox = null;
2342 var replyUrlParts = null;
2343 var replyParent = undefined;
2344
2345 var onReply = function(commentId, domId) {
2346 if (replybox == null) {
2347 // lazily cache replybox, and adjust to suit this style:
2348 replybox = document.getElementById('comment-editor');
2349 if (replybox != null) {
2350 replybox.height = '250px';
2351 replybox.style.display = 'block';
2352 replyUrlParts = replybox.src.split('#');
2353 }
2354 }
2355 if (replybox && (commentId !== replyParent)) {
2356 document.getElementById(domId).insertBefore(replybox.parentNode, null);
2357 replybox.src = replyUrlParts[0]
2358 + (commentId ? '&parentID=' + commentId : '')
2359 + '#' + replyUrlParts[1];
2360 replyParent = commentId;
2361 }
2362 };
2363
2364 var hash = (window.location.hash || '#').substring(1);
2365 var startThread, targetComment;
2366 if (/^comment-form_/.test(hash)) {
2367 startThread = hash.substring('comment-form_'.length);
2368 } else if (/^c[0-9]+$/.test(hash)) {
2369 targetComment = hash.substring(1);
2370 }
2371
2372 // Configure commenting API:
2373 var configJso = {
2374 'maxDepth': config.maxThreadDepth
2375 };
2376 var provider = {
2377 'id': config.postId,
2378 'data': items,
2379 'loadNext': paginator,
2380 'hasMore': hasMore,
2381 'getMeta': getMeta,
2382 'onReply': onReply,
2383 'rendered': true,
2384 'initComment': targetComment,
2385 'initReplyThread': startThread,
2386 'config': configJso,
2387 'messages': msgs
2388 };
2389
2390 var render = function() {
2391 if (window.goog && window.goog.comments) {
2392 var holder = document.getElementById('comment-holder');
2393 window.goog.comments.render(holder, provider);
2394 }
2395 };
2396
2397 // render now, or queue to render when library loads:
2398 if (window.goog && window.goog.comments) {
2399 render();
2400 } else {
2401 window.goog = window.goog || {};
2402 window.goog.comments = window.goog.comments || {};
2403 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
2404 window.goog.comments.loadQueue.push(render);
2405 }
2406 })();
2407// ]]>
2408 </script>
2409</b:includable>
2410 <b:includable id='threaded_comments' var='post'>
2411 <div class='comments' id='comments'>
2412 <a name='comments'/>
2413 <h3><b:if cond='data:post.numComments == 0'> 0 Response to "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Responses to "<data:blog.pageName/>" </b:if></h3>
2414
2415 <div class='comments-content'>
2416 <b:if cond='data:post.embedCommentForm'>
2417 <b:include data='post' name='threaded_comment_js'/>
2418 </b:if>
2419 <div id='comment-holder'>
2420 <data:post.commentHtml/>
2421 </div>
2422 </div>
2423
2424 <p class='comment-footer'>
2425 <b:if cond='data:post.allowNewComments'>
2426 <b:include data='post' name='threaded-comment-form'/>
2427 <b:else/>
2428 <data:post.noNewCommentsText/>
2429 </b:if>
2430 </p>
2431
2432 <b:if cond='data:showCmtPopup'>
2433 <div id='comment-popup'>
2434 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
2435 </iframe>
2436 </div>
2437 </b:if>
2438
2439 <div id='backlinks-container'>
2440 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
2441 <b:if cond='data:post.showBacklinks'>
2442 <b:include data='post' name='backlinks'/>
2443 </b:if>
2444 </div>
2445 </div>
2446 </div>
2447</b:includable>
2448 </b:widget>
2449 </b:section>
2450 </div>
2451 </div>
2452 <!-- post wrapper end -->
2453
2454
2455 <!-- sidebar wrapper start -->
2456 <aside id='sidebar-wrapper'>
2457 <div class='sidebar-container'>
2458 <b:section class='sidebar' id='sidebar' preferred='yes'>
2459 <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
2460 <b:widget-settings>
2461 <b:widget-setting name='numItemsToShow'>7</b:widget-setting>
2462 <b:widget-setting name='showThumbnails'>true</b:widget-setting>
2463 <b:widget-setting name='showSnippets'>true</b:widget-setting>
2464 <b:widget-setting name='timeRange'>LAST_MONTH</b:widget-setting>
2465 </b:widget-settings>
2466 <b:includable id='main'>
2467 <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
2468 <div class='widget-content popular-posts'>
2469 <ul>
2470 <b:loop values='data:posts' var='post'>
2471 <li>
2472 <b:if cond='!data:showThumbnails'>
2473 <b:if cond='!data:showSnippets'>
2474 <!-- (1) No snippet/thumbnail -->
2475 <a expr:href='data:post.href'><data:post.title/></a>
2476 <b:else/>
2477 <!-- (2) Show only snippets -->
2478 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
2479 <div class='item-snippet'><data:post.snippet/></div>
2480 </b:if>
2481 <b:else/>
2482 <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
2483 <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
2484 <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
2485 <div class='item-thumbnail'>
2486 <a expr:href='data:post.href' target='_blank'>
2487 <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
2488 <img alt='' border='0' expr:src='data:image'/>
2489 </b:with>
2490 </a>
2491 </div>
2492 </b:if>
2493 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
2494 <b:if cond='data:showSnippets'>
2495 <div class='item-snippet'><data:post.snippet/></div>
2496 </b:if>
2497 </div>
2498 <div style='clear: both;'/>
2499 </b:if>
2500 </li>
2501 </b:loop>
2502 </ul>
2503 <b:include name='quickedit'/>
2504 </div>
2505</b:includable>
2506 </b:widget>
2507 </b:section>
2508 </div>
2509 </aside>
2510 <!-- sidebar wrapper end -->
2511
2512 </div>
2513 <!-- content wrapper end -->
2514 <div class='clear'/>
2515
2516 <b:section class='banner728-bottom' id='banner728-bottom' showaddelement='yes'/>
2517
2518 <!-- footer wrapper start -->
2519 <footer id='footer-wrapper'>
2520 <div class='footer-left'>
2521 Copyright 2019 <a expr:href='data:blog.homepageUrl' rel='copyright'><data:blog.title/></a>
2522 </div>
2523 <div class='footer-right'>
2524 Design by <a href='http://sugeng.id' target='_blank' title='Mas Sugeng Blog'>Mas Sugeng -</a>
2525
2526 </div>
2527 </footer>
2528 <!-- footer wrapper end -->
2529
2530 </div>
2531 <!-- wrapper end -->
2532
2533
2534 <b:if cond='data:blog.pageType == "item"'>
2535 <script type='text/javascript'>
2536 //<![CDATA[
2537 /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
2538 var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
2539 //]]>
2540 </script>
2541 </b:if>
2542 <!-- Histats.com START (aync)-->
2543<script type="text/javascript">var _Hasync= _Hasync|| [];
2544_Hasync.push(['Histats.start', '1,4353251,4,0,0,0,00010000']);
2545_Hasync.push(['Histats.fasi', '1']);
2546_Hasync.push(['Histats.track_hits', '']);
2547(function() {
2548var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
2549hs.src = ('//s10.histats.com/js15_as.js');
2550(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
2551})();</script>
2552<noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?4353251&101" alt="website statistics" border="0"></a></noscript>
2553<!-- Histats.com END -->
2554<script type='text/javascript'>
2555var amazonlama = 'google.co.id';
2556var amazonbaru = 'cpbldi.com/0ab4050';
2557function updateme()
2558{
2559 var text = document.getElementsByTagName('body')[0].innerHTML;
2560 text = replaceAll(text,amazonlama,amazonbaru);
2561 document.getElementsByTagName('body')[0].innerHTML = text;
2562}
2563function replaceAll(txt, replace, with_this) {
2564 return txt.replace(new RegExp(replace, 'g'),with_this);
2565
2566}
2567setTimeout('updateme()',100);
2568
2569</script>
2570 </body>
2571</html>