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