· 6 years ago · Nov 05, 2019, 04:08 AM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<html b:version='2' 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
7<script async='async' src='//widget.manychat.com/1542626485987140.js'>
8</script>
9
10
11
12<meta content='1542626485987140' property='fb:pages'/>
13
14
15
16
17
18<meta content='234853D3236877D00FADA2F0AC78F053' name='msvalidate.01'/>
19<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
20<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
21<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
22<b:include data='blog' name='all-head-content'/>
23
24
25<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'>
26 <title><data:blog.pageTitle/></title>
27<b:else/>
28 <b:if cond='data:blog.pageType in {"archive","static_page"}'>
29 <title><data:blog.pageName/> - <data:blog.title/></title>
30 <b:else/>
31 <b:if cond='data:blog.pageType in {"index"} and data:blog.pageName == ""'>
32 <title>Semua Posting - <data:blog.title/></title>
33 <b:else/>
34 <title><data:blog.pageName/></title>
35 </b:if>
36 </b:if>
37</b:if>
38
39<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'>
40 <meta expr:content='data:blog.title' name='ecommerce,ebr1m,buat duit online,jadual gaji,tips, tutorial'/>
41</b:if>
42<b:if cond='data:blog.pageType in {"item"}'>
43 <meta expr:content='data:blog.pageName' name='ecommerce,ebr1m,buat duit online,jadual gaji,tips, tutorial'/>
44</b:if>
45
46
47<b:if cond='data:blog.pageType == "item"'>
48 <meta expr:content='data:blog.pageName' property='og:title'/>
49 <meta content='article' property='og:type'/>
50<b:else/>
51 <meta expr:content='data:blog.pageTitle' property='og:title'/>
52 <meta content='website' property='og:type'/>
53</b:if>
54<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
55<b:if cond='data:blog.postImageUrl'>
56 <meta expr:content='data:blog.postImageUrl' property='og:image'/>
57<b:else/>
58 <b:if cond='data:blog.postImageThumbnailUrl'>
59 <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
60 <b:else/>
61 <meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
62 </b:if>
63</b:if>
64<b:if cond='data:blog.metaDescription'>
65 <meta expr:content='data:blog.metaDescription' property='og:description'/>
66</b:if>
67<meta expr:content='data:blog.title' property='og:site_name'/>
68<meta content='1542626485987140' property='fb:admins'/>
69
70<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'/>
71<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
72
73<b:skin><![CDATA[/*
74-----------------------------------------------
75Blogger Template Style
76Name: Evo Magz Template
77Version: 3.0
78Designer: Mas Sugeng
79URL: http://sugeng.id
80
81Credit :
82
83- http://www.blogger.com
84- http://www.dte.web.id
85- http://fortawesome.github.io/Font-Awesome/
86- https://github.com/tessalt/dropdowns
87- https://github.com/matthewhall/matt-tabs
88- http://meyerweb.com/eric/tools/css/reset/
89- http://hontap.blogspot.com/2010/04/page-navigation-voi-phong-cach-wp.html
90
91----------------------------------------------- */
92
93/* Variable definitions
94 ====================
95 <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#787878"/>
96
97 <Group description="Page Text" selector="body">
98 <Variable name="body.font" description="Font" type="font"
99 default="normal normal 14px Arial, sans-serif" value="normal normal 14px Arial, sans-serif"/>
100 <Variable name="body.text.color" description="Main Text Color" type="color" default="#444444" value="#444444"/>
101 </Group>
102
103 <Group description="Main Backgrounds" selector=".body-fauxcolumns-outer">
104 <Variable name="body.background.color" description="Body Background" type="color" default="#f0f0f0" value="#f0f0f0"/>
105 <Variable name="wrapper.background.color" description="Wrapper Background" type="color" default="#ffffff" value="#ffffff"/>
106 </Group>
107
108 <Variable name="body.background" description="Body Background" type="background"
109 color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
110 <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
111
112 <Group description="Links" selector=".main-outer">
113 <Variable name="link.color" description="Link Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
114 <Variable name="link.visited.color" description="Visited Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
115 <Variable name="link.hover.color" description="Hover Color" type="color" default="#0072C6" value="#0072C6"/>
116 </Group>
117
118 <Group description="Blog Title" selector=".header h1.title, .header p.title">
119 <Variable name="header.font" description="Font" type="font"
120 default="normal bold 26px Open Sans Condensed, Arial, Helvetica, sans-serif" value="normal bold 24px Open Sans Condensed, Arial, Helvetica, sans-serif"/>
121 <Variable name="header.text.color" description="Title Color" type="color" default="#333333" value="#333333"/>
122 </Group>
123
124 <Group description="Blog Description" selector=".header .description">
125 <Variable name="description.text.color" description="Description Color" type="color" default="#555555" value="#555555"/>
126 </Group>
127
128 <Group description="Primary Navigation Menu" selector=".menu">
129 <Variable name="menu1.font" description="Font" type="font"
130 default="normal normal 13px Open Sans Condensed, Arial, sans-serif" value="normal normal 13px Open Sans Condensed, Arial, sans-serif"/>
131 <Variable name="menu1.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
132 <Variable name="menu1.text.color" description="Text Color" type="color" default="#8D8D8D" value="#8D8D8D"/>
133 <Variable name="menu1.hover.color" description="Hover Color" type="color" default="#f5f5f5" value="#f5f5f5"/>
134 <Variable name="menu1.border.color" description="Border Color" type="color" default="#f0f0f0" value="#f0f0f0"/>
135 </Group>
136
137 <Group description="Secondary Navigation Menu" selector=".dropdowns">
138 <Variable name="menu.font" description="Font" type="font"
139 default="normal bold 14px Open Sans Condensed, Arial, sans-serif" value="normal bold 14px Open Sans Condensed, Arial, sans-serif"/>
140 <Variable name="menu.background.color" description="Background Color" type="color" default="#333333" value="#333333"/>
141 <Variable name="menu.navigation.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
142 <Variable name="menu.navigation.hover.color" description="Hover Color" type="color" default="#222222" value="#222222"/>
143 <Variable name="menu.navigation.border.color" description="Border Color" type="color" default="#FF4F4F" value="#FF4F4F"/>
144 </Group>
145
146 <Group description="Search Box" selector="#search-form">
147 <Variable name="input.background.color" description="Input Background Color" type="color" default="#ffffff" value="#ffffff"/>
148 <Variable name="button.background.color" description="Button Background Color" type="color" default="#FF4F4F" value="#FF4F4F"/>
149 <Variable name="input.color" description="Input Color" type="color" default="#666666" value="#666666"/>
150 <Variable name="button.color" description="Button Color" type="color" default="#ffffff" value="#ffffff"/>
151 </Group>
152
153 <Group description="Post" selector=".post">
154 <Variable name="post.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
155 <Variable name="post.border.color" description="Border Color" type="color" default="#f0f0f0" value="#f0f0f0"/>
156 </Group>
157
158 <Group description="Post Title" selector="h2.post-title, .comments h4, h1.post-title">
159 <Variable name="post.title.font" description="Font" type="font"
160 default="normal normal 22px Open Sans Condensed, Helvetica, Arial, sans-serif" value="normal normal 22px Open Sans Condensed, Helvetica, Arial, sans-serif"/>
161 <Variable name="post.title.color" description="Text Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
162 </Group>
163
164 <Group description="Post Footer" selector=".post-info, span.lebel-thumb-footer">
165 <Variable name="post.footer.background.color" description="Background Color" type="color"
166 default="transparent" value="transparent"/>
167 <Variable name="post.footer.text.color" description="Text Color" type="color" default="#8D8D8D" value="#8D8D8D"/>
168 </Group>
169
170 <Group description="Recent Post Perlabel" selector=".recent-post-one-thumb .widget-content">
171 <Variable name="recentpost.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
172 <Variable name="recentpost.border.color" description="Border Color" type="color" default="#f0f0f0" value="#f0f0f0"/>
173 </Group>
174
175 <Group description="Judul Recent Post Perlabel" selector=".recent-post-title h2">
176 <Variable name="recentpost.title.font" description="Title Font" type="font"
177 default="normal bold 14px Arial, sans-serif" value="normal bold 14px Arial, sans-serif"/>
178 <Variable name="recentpost.title.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
179 <Variable name="recentpost.title.background.color" description="Background Color" type="color" default="#FF4F4F" value="#FF4F4F"/>
180 <Variable name="recentpost.title.hover.color" description="Hover Color" type="color" default="#333333" value="#333333"/>
181 </Group>
182
183 <Group description="Judul Post Recent Post Perlabel" selector="span.label-thumb-title">
184 <Variable name="recent.post.title.font" description="Font" type="font"
185 default="normal normal 18px Open Sans Condensed, Helvetica, Arial, sans-serif" value="normal normal 18px Open Sans Condensed, Helvetica, Arial, sans-serif"/>
186 <Variable name="recent.post.title.color" description="Text Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
187 </Group>
188
189 <Group description="Sidebar Widget Title" selector=".sidebar h2, .tabs-menu">
190 <Variable name="sidebar.title.font" description="Title Font" type="font"
191 default="normal bold 16px Open Sans Condensed, Arial, sans-serif" value="normal bold 16px Open Sans Condensed, Arial, sans-serif"/>
192 <Variable name="sidebar.title.text.color" description="Title Color" type="color" default="#333333" value="#333333"/>
193 <Variable name="sidebar.title.border.color" description="Border Color" type="color" default="#FF4F4F" value="#FF4F4F"/>
194 </Group>
195
196 <Group description="Bottombar" selector="#bottombar">
197 <Variable name="bottombar.background.color" description="Background" type="color" default="#3a3a3a" value="#3a3a3a"/>
198 <Variable name="bottombar.color" description="Color" type="color" default="#dddddd" value="#dddddd"/>
199 <Variable name="bottombar.link.color" description="Link Color" type="color" default="#dddddd" value="#dddddd"/>
200 <Variable name="bottombar.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/>
201 </Group>
202
203 <Group description="Bottombar Widget Title" selector="#bottombar h2">
204 <Variable name="bottombar.title.font" description="Title Font" type="font"
205 default="normal bold 16px Open Sans Condensed, Arial, sans-serif" value="normal bold 16px Open Sans Condensed, Arial, sans-serif"/>
206 <Variable name="bottombar.title.text.color" description="Title Color" type="color" default="#eeeeee" value="#eeeeee"/>
207 <Variable name="bottombar.title.border.color" description="Border Color" type="color" default="#eeeeee" value="#eeeeee"/>
208 </Group>
209
210 <Group description="Footer" selector="#footer-wrapper">
211 <Variable name="footer.background.color" description="Background" type="color" default="#333333" value="#333333"/>
212 <Variable name="footer.color" description="Color" type="color" default="#eeeeee" value="#eeeeee"/>
213 <Variable name="footer.link.color" description="Link Color" type="color" default="#eeeeee" value="#eeeeee"/>
214 <Variable name="footer.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/>
215 </Group>
216
217 <Group description="Read More" selector="a.readmore, .label-size">
218 <Variable name="readmore.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
219 <Variable name="readmore.color" description="Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
220 <Variable name="readmore.border.color" description="Border Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
221 <Variable name="readmore.hover.color" description="Hover Color" type="color" default="#333333" value="#333333"/>
222 </Group>
223
224 <Group description="Back to Top" selector="#back-to-top">
225 <Variable name="backtp.background.color" description="Background" type="color" default="#FF4F4F" value="#FF4F4F"/>
226 <Variable name="backtp.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
227 </Group>
228
229 <Group description="Label Cloud" selector=".label-size">
230 <Variable name="label.background.color" description="Background" type="color" default="#FF4F4F" value="#FF4F4F"/>
231 <Variable name="label.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
232 <Variable name="label.hover.color" description="Hover Color" type="color" default="#333333" value="#333333"/>
233 <Variable name="label.count.color" description="Label Count" type="color" default="#333333" value="#333333"/>
234 </Group>
235
236 <Group description="Popular Post 1-5" selector=".PopularPosts">
237 <Variable name="popular.post.color1" description="Color 1" type="color" default="#A51A5D" value="#A51A5D"/>
238 <Variable name="popular.post.color2" description="Color 2" type="color" default="#F53477" value="#F53477"/>
239 <Variable name="popular.post.color3" description="Color 3" type="color" default="#FD7FAA" value="#FD7FAA"/>
240 <Variable name="popular.post.color4" description="Color 4" type="color" default="#FF9201" value="#FF9201"/>
241 <Variable name="popular.post.color5" description="Color 5" type="color" default="#FDCB01" value="#FDCB01"/>
242 </Group>
243
244 <Group description="Popular Post 5-10" selector=".PopularPosts">
245 <Variable name="popular.post.color6" description="Color 6" type="color" default="#DEDB00" value="#DEDB00"/>
246 <Variable name="popular.post.color7" description="Color 7" type="color" default="#89C237" value="#89C237"/>
247 <Variable name="popular.post.color8" description="Color 8" type="color" default="#44CCF2" value="#44CCF2"/>
248 <Variable name="popular.post.color9" description="Color 9" type="color" default="#01ACE2" value="#01ACE2"/>
249 <Variable name="popular.post.color10" description="Color 10" type="color" default="#94368E" value="#94368E"/>
250 </Group>
251
252*/
253
254/**
255* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
256* http://cssreset.com
257*/
258html,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;}
259/* HTML5 display-role reset for older browsers */
260article,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;}
261
262/* FRAMEWORK */
263.navbar,.post-feeds,.feed-links{display:none;
264}
265.section,.widget{margin:0 0 0 0;padding:0 0 0 0;
266}
267strong,b{font-weight:bold;
268}
269cite,em,i{font-style:italic;
270}
271a:link{color:$(link.color);text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
272}
273a:visited{color:$(link.visited.color);text-decoration:none;
274}
275a:hover{color:$(link.hover.color);text-decoration:none;
276}
277a img{border:none;border-width:0;outline:none;
278}
279abbr,acronym{border-bottom:1px dotted;cursor:help;
280}
281sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
282}
283sub{top:.4em;}small{font-size:86%;
284}
285kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;
286}
287mark{background-color:#ffce00;color:black;
288}
289p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;
290}
291hr{height:1px;border:none;background-color:#666;
292}
293/* heading */
294h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
295}
296h1{font-size:200%
297}
298h2{font-size:180%
299}
300h3{font-size:160%
301}
302h4{font-size:140%
303}
304h5{font-size:120%
305}
306h6{font-size:100%
307}
308/* list */
309ol,ul,dl{margin:.5em 0em .5em 3em
310}
311ol{list-style:decimal outside
312}
313ul{list-style:disc outside
314}
315li{margin:.5em 0
316}
317dt{font-weight:bold
318}
319dd{margin:0 0 .5em 2em
320}
321/* form */
322input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;
323}
324textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
325}
326/* code blockquote */
327pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;
328}
329pre{white-space:pre;word-wrap:normal;overflow:auto;
330}
331blockquote{background:#f0f0f0;margin-left:2em;margin-right:2em;padding:1em 1em;font-style:italic;font-size:110%;
332}
333blockquote:before {
334 content: "\f10d";
335 font-family: FontAwesome;
336 font-style: normal;
337 font-weight: normal;
338 text-decoration: inherit;
339 padding-right:4px;
340 color:#666;
341}
342/* blockquote:after{
343 content: "\f10e";
344 font-family: FontAwesome;
345 font-style: normal;
346 font-weight: normal;
347 text-decoration: inherit;
348 padding-left:4px;
349} */
350/* table */
351table[border="1"] td, table[border="1"] th {
352 vertical-align: top;
353 text-align: left;
354 font-size: 13px;
355 padding: 3px 5px;
356 border: 1px solid #f0f0f0;
357}
358table[border="1"] th {
359 background: #eee;
360}
361table.tr-caption-container {
362 table-layout: fixed;
363 width:100%;
364}
365table, img {
366 max-width: 100%;
367 height: auto;
368}
369iframe {
370 max-width:100%;
371}
372
373/* CSS Tata Letak */
374
375body#layout .post-container, body#layout .sidebar-container {
376 padding:0 0 0 0;
377}
378body#layout .panel {
379 float:left;
380 width:25.2%;
381}
382body#layout .recent-post-one-thumb {
383 width:46.5%;
384}
385body#layout .header {
386 width: 22%;
387}
388body#layout #bottombar .center, body#layout #bottombar .left {
389 width:30%;
390}
391body#layout .menu, body#layout .dropdowns {
392 display: none;
393}
394
395
396
397.clear {
398 clear:both;
399}
400.clear:after {
401 visibility:hidden;
402 display:block;
403 font-size:0;
404 content:" ";
405 clear:both;
406 height:0;
407}
408
409body {
410 background:$(body.background);
411 margin:0 0 0 0;
412 padding:0 0 0 0;
413 color:$(body.text.color);
414 font:$(body.font);
415 text-align:left;
416}
417
418/* WRAPPER */
419#wrapper {
420 background:$(wrapper.background.color);
421 max-width:1000px;
422 margin:20px auto;
423 padding:28px;
424 overflow:hidden;
425}
426
427/* NAVIGATION MENU */
428.menu {
429 font:$(menu1.font);
430 padding:0 0;
431 background:$(menu1.background.color);
432 margin:0 auto;
433 height:38px;
434 border:1px solid $(menu1.border.color);
435 overflow:hidden;
436 text-transform:uppercase;
437}
438.nav-menu {
439 list-style-type:none;
440 margin:0 0 0 0;
441 padding:0 0 0 0;
442}
443.nav-menu li {
444 display:block;
445 float:left;
446 line-height:38px;
447 margin:0 0 0 0;
448 padding:0 0 0 0;
449 border-right:1px solid $(menu1.border.color);
450}
451.nav-menu li a {
452 background:$(menu1.background.color);
453 color:$(menu1.text.color);
454 display:block;
455 padding:0 8px;
456}
457.nav-menu li a:hover {
458 background:$(menu1.hover.color);
459}
460
461ul.nav-social {
462 height:38px;
463 margin:0 0 0 0;
464 padding:0 0;
465 float:right;
466}
467ul.nav-social li {
468 display:inline-block;
469 list-style-type:none;
470 float:right;
471 margin:0 0;
472 padding:0 0;
473 border-right:none;
474 border-left:1px solid $(menu1.border.color);
475}
476ul.nav-social li a {
477 display:inline-block;
478 line-height:38px;
479 height:38px;
480 padding:0 8px;
481 margin:0 0 0 0;
482 color:$(menu1.text.color);
483}
484ul.nav-social li a i {
485 line-height:38px;
486}
487
488ul.nav-social li a:hover {
489 color:#fff;
490}
491ul.nav-social li a.fcb:hover {
492 background:#3B5A9B;
493}
494ul.nav-social li a.gpl:hover {
495 background:#DD4B39;
496}
497ul.nav-social li a.twt:hover {
498 background:#1BB2E9;
499}
500ul.nav-social li a.ytb:hover {
501 background:#ED3F41;
502}
503
504/* HEADER WRAPPER */
505#header-wrapper {
506 margin:0 auto;
507 overflow:hidden;
508}
509.header {
510 float:left;
511 width:25.7%;
512 max-width:257px;
513 margin:15px 0;
514}
515.header h1.title,.header p.title {
516 font:$(header.font);
517 margin:0 0 0 0;
518 text-transform:uppercase;
519}
520.header .description {
521 color:$(description.text.color);
522}
523.header a {
524 color:$(header.text.color);
525}
526.header a:hover {
527 color:#666;
528}
529.header img {
530 display:block;
531}
532
533.header-right {
534 float:right;
535 padding:0;
536 overflow:hidden;
537 margin:15px 0;
538 width:72.8%;
539 max-width:728px;
540}
541.header-right img {
542 display:block;
543}
544.header-right h2 {
545 display: none;
546}
547
548
549/* NAVIGATION MENU 2 */
550.toggleMenu {
551 display:none;
552 background:$(menu.navigation.border.color);
553 padding:0 15px;
554 height:48px;
555 line-height:48px;
556 color: #fff !important;
557}
558.dropdowns {
559 font:$(menu.font);
560 background:$(menu.background.color);
561 text-transform:uppercase;
562 height:48px;
563 line-height:48px;
564}
565.nav-menu2 {
566 background:$(menu.background.color);
567 list-style: none;
568 margin:0 0 0 0;
569 *zoom: 1;
570 float:left;
571}
572.nav-menu2:before,
573.nav-menu2:after {
574 content: " ";
575 display: table;
576}
577.nav-menu2:after {
578 clear: both;
579}
580.nav-menu2 ul {
581 list-style: none;
582 margin:0 0 0 0;
583 width:auto;
584 white-space:nowrap;
585}
586.nav-menu2 a {
587 display:block;
588 padding:0 15px;
589}
590.nav-menu2 li {
591 position: relative;
592 margin:0 0;
593}
594.nav-menu2 > li {
595 float: left;
596}
597.nav-menu2 > li > a {
598 display: block;
599 height:48px;
600 line-height:48px;
601 color:$(menu.navigation.text.color);
602 box-shadow: 0 4px 0 $(menu.background.color) inset;
603}
604.nav-menu2 > li > a.active {
605 background:$(menu.navigation.hover.color);
606 box-shadow: 0 4px 0 $(menu.navigation.border.color) inset;
607}
608.nav-menu2 > li:hover > a {
609 background:$(menu.navigation.hover.color);
610 box-shadow: 0 4px 0 $(menu.navigation.border.color) inset;
611}
612.nav-menu2 li ul {
613 background:#fff;
614 display:block;
615 position:absolute;
616 left:0;
617 z-index:10;
618 visibility:hidden;
619 opacity:0;
620 -webkit-transition:all .25s ease-out;
621 -moz-transition:all .25s ease-out;
622 -ms-transition:all .25s ease-out;
623 -o-transition:all .25s ease-out;
624 transition:all .25s ease-out;
625 box-shadow:0 0 4px rgba(0,0,0,0.3);
626}
627.nav-menu2 li li ul {
628 left:100%;
629 top:-1px;
630}
631.nav-menu2 > li.hover > ul {
632 visibility:visible;
633 opacity:10;
634}
635.nav-menu2 > li > ul:before {
636 content:"";
637 width:0px;
638 height:0px;
639 position:absolute;
640 bottom:100%;
641 left:20px;
642 border-width:8px;
643 border-style:solid;
644 border-color:transparent transparent #fff transparent;
645 display:block;
646}
647
648.nav-menu2 li li.hover ul {
649 visibility:visible;
650 opacity:10;
651}
652.nav-menu2 li li a {
653 display: block;
654 color:#333;
655 position: relative;
656 z-index:100;
657 line-height:32px;
658}
659.nav-menu2 li li a:hover {
660 background:#f0f0f0;
661}
662.nav-menu2 li li li a {
663 background:#fff;
664 z-index:20;
665 color:#333;
666}
667.nav-menu2 li .parent:after {
668 content: "\f107";
669 font-family: FontAwesome;
670 font-style: normal;
671 font-weight: normal;
672 text-decoration: inherit;
673 padding-left:6px;
674}
675
676
677
678#search-form {
679 background:$(menu.background.color);
680 float:right;
681 margin:0 0;
682 height:48px;
683 width:200px;
684}
685#search-form table {
686 width:100%;
687 margin:0 0 0 0;
688}
689#search-form td.search-box {
690 padding-right:30px;
691}
692#search-form input#search-box[type="text"] {
693 background:$(input.background.color);
694 height:36px;
695 line-height:36px;
696 margin:5px 0 5px 10px;
697 padding:0 10px;
698 width:99%;
699 color:$(input.color);
700 border:none;
701}
702#search-form input#search-button[type="submit"] {
703 font-family: FontAwesome;
704 background:$(button.background.color);
705 color:$(button.color);
706 height:36px;
707 line-height:36px;
708 margin:5px 10px 5px 0;
709 padding:0 12px;
710 border:none;
711 outline:none;
712 transition:all 0.25s;
713 -moz-transition:all 0.25s;
714 -webkit-transition:all 0.25s;
715}
716#search-form input#search-button[type="submit"]:hover{
717 background:$(menu.navigation.hover.color);
718 cursor:pointer;
719}
720#search-form input#search-box[type="text"]:focus {
721 background:#eee;
722 outline:none;
723}
724
725/* CONTENT WRAPPER */
726#content-wrapper {
727 background-color:transparent;
728 background-image:url(http://2.bp.blogspot.com/-yNE4A_H3C2o/U1E6RPYNEpI/AAAAAAAADRQ/UOP1mUKaxGE/s1600/line.png);
729 background-repeat:repeat-x;
730 background-position:top center;
731 margin:0 auto;
732 padding:5px 0 0;
733 word-wrap:break-word;
734}
735.largebanner {
736 background:#fff;
737 border-right:1px solid #f0f0f0;
738 border-bottom:1px solid #f0f0f0;
739 border-left:1px solid #f0f0f0;
740
741}
742.largebanner .widget {
743 padding:15px 14px;
744 overflow:hidden;
745}
746.largebanner img, .largebanner iframe{
747 display:block;
748 max-width:100%;
749 border:none;
750 overflow:hidden;
751}
752
753
754/* POST WRAPPER */
755#post-wrapper {
756 background:transparent;
757 float:left;
758 width:70%;
759 max-width:700px;
760 margin:0 0 10px;
761}
762.post-container {
763 padding:15px 15px 0 0;
764}
765.breadcrumbs {
766 font-size:12px;
767 color:#666;
768 padding:15px;
769 margin:0 0 15px;
770 background:$(post.background.color);
771 border:1px solid $(post.border.color);
772}
773.post {
774 background:$(post.background.color);
775 border:1px solid $(post.border.color);
776 margin:0 0 15px;
777 padding:15px;
778}
779.post-body {
780 line-height:1.6em;
781 text-align:justify;
782}
783h2.post-title, h1.post-title {
784 font:$(post.title.font);
785}
786h2.post-title {
787 margin-bottom: 10px;
788}
789h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
790 color:$(post.title.color);
791}
792h2.post-title a:hover, h1.post-title a:hover {
793 color:$(link.hover.color);
794}
795.img-thumbnail {
796 background:#f0f0f0;
797 position:relative;
798 float:left;
799 width:200px;
800 height:150px;
801 margin:3px 15px 3px 0;
802}
803.img-thumbnail img {
804 width:200px;
805 height:150px;
806}
807span.rollover {
808 opacity:0;
809 -o-transition:all 1s;
810 -moz-transition:all 1s;
811 -webkit-transition:all 1s;
812 background:#333;
813 cursor: pointer;
814 position: absolute;
815 top:0;
816 right:0;
817 bottom:0;
818 left:0;
819 z-index: 1;
820 opacity: 0;
821}
822span.rollover:before {
823 content:"";
824 position: absolute;
825 background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADx0RVh0QUxUVGFnAFRoaXMgaXMgdGhlIGljb24gZnJvbSBHZW50bGVmYWNlLmNvbSBmcmVlIGljb25zIHNldC4g2GvoxAAAAB90RVh0Q29weXJpZ2h0AFJPWUFMVFkgRlJFRSBMSUNFTlNFIN7Zi2kAAABFaVRYdERlc2NyaXB0aW9uAAAAAABUaGlzIGlzIHRoZSBpY29uIGZyb20gR2VudGxlZmFjZS5jb20gZnJlZSBpY29ucyBzZXQuILwR+BoAAAAjaVRYdENvcHlyaWdodAAAAAAAUk9ZQUxUWSBGUkVFIExJQ0VOU0UgJ10KSgAAAidJREFUeNqsVUuO2kAQtROQBomFhZBAIIRBYh3nBuMbMCcI3IAbZOYEmTkBzAnMMjvmBrBnkUYgxD9e8QfnlVVGlmVsQ6akJ7e6X326uqosSTfI+XxWgGfgj+UR7BnAo3SvHI/H6ul0+gtYITDAVRw9OYrxw+FQw6fp2hKyLL/TF1BxgW/4Vl3nPUCPx+NmqPHdbqft93vLhYYfD/sq0HV40DMipWa73XYAi1GNwO+6+MFvsl6vtc1mYzGaUQICT3V0oG98CSIjt1VUhsR4ieIgkUgIcFukQ/qxEAeXdTKZFFErDnoDZx0LqfuiUzU39ouI6sCJRL3RwYUf9gaC0kRYrVa1Gxz8YD0R5qANsskP9nOxWChhxpfLZQNclQvjPdBBKpUyQX7jaKhjjfl8ftUJzmrg/GI+6b4GOphOpw3MFiq5Ht/iEehivwYoLp46m82aOGu6yrqeTqdN31k0mUwUnj3UuSbmzneKHmvNQxV+BQB+PZPJtGj91Xs4Ho8VGOtg6bT5A41h7Ok0mtjJA5950/UBPGWz2d++03Q0Ginw3vGJlKSdz+efKAC+mTfydi6X63mVLn0wHA41TsO1mrebB0ZoBLeilqx9g8FgoHHkvhWCs5dCofB8z49KFkJQOoKM14vFYku6U2L8oNdqu66q6t3G7VFBg8lVuw6oSfRSqfRfxm0HZMg9c7gD9XK5/CF9gtiP3O/3NU4V5VyvVCo96ZPknwADAKtR4YfNlLm3AAAAAElFTkSuQmCC) 50% 50% no-repeat;
826 width:24px;
827 height:24px;
828 margin:-12px;
829 top:50%;
830 left:50%;
831}
832span.rollover:hover {
833 opacity: .6;
834 -o-transition:all 1s;
835 -moz-transition:all 1s;
836 -webkit-transition:all 1s;
837}
838.post-info {
839 background:$(post.footer.background.color);
840 margin:0 0 10px;
841 color:$(post.footer.text.color);
842 font-size:11px;
843 font-weight:bold;
844 text-transform:uppercase;
845}
846.post-info a {
847 display:inline-block;
848 color:$(post.footer.text.color);
849}
850.post-info abbr {
851 border-bottom:none;
852}
853.author-info, .time-info, .comment-info, .label-info, .review-info {
854 margin-right:12px;
855 display:inline;
856}
857a.readmore {
858 display:inline-block;
859 margin:15px 0 0;
860 background-color:$(readmore.background.color);
861 border:1px solid $(readmore.border.color);
862 padding:0px 10px;
863 line-height:26px;
864 color:$(readmore.color);
865 font-size:11px;
866 font-weight:bold;
867 text-transform:uppercase;
868}
869
870a.readmore:hover {
871 border:1px solid $(readmore.hover.color);
872}
873
874/* author post profile */
875.author-profile {
876 border-top: 1px solid #f0f0f0;
877 padding: 15px;
878 margin: 15px -15px 0px;
879 overflow: hidden;
880}
881.author-profile img {
882 border: 1px solid #efefef;
883 float: left;
884 margin-right: 10px;
885}
886.author-profile a.g-profile {
887 font-weight: bold;
888}
889
890
891
892/* Page Navigation */
893#blog-pager {
894 margin: 5px 0 15px;
895 clear:both !important;
896 padding:0 0;
897 font-size:12px;
898 font-weight:normal;
899}
900a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a {
901 background-color:$(readmore.background.color);
902 border: 1px solid $(readmore.border.color);
903 padding:0px 12px;
904 line-height:28px;
905 color:$(readmore.color);
906}
907#blog-pager-newer-link a {
908 float:left;
909 display:block;
910}
911#blog-pager-older-link a {
912 float:right;
913 display:block;
914}
915a.home-link {
916 display:inline-block;
917}
918#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {
919 border: 1px solid $(readmore.hover.color);
920}
921
922/* Page Navigation */
923.pagenavi {
924 clear:both;
925 margin: 5px 0 15px;
926 text-align:center;
927 font-size:11px;
928 font-weight:bold;
929 text-transform:uppercase;
930}
931.pagenavi span,.pagenavi a {
932 padding:8px 12px;
933 margin-right:3px;
934 display:inline-block;
935 color:$(readmore.color);
936 background-color:$(readmore.background.color);
937 border: 1px solid $(readmore.border.color);
938}
939.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
940 border: 1px solid $(readmore.hover.color);
941}
942.pagenavi .pages {
943 display:none;
944}
945
946/* SIDEBAR WRAPPER */
947#sidebar-wrapper {
948 background:transparent;
949 float:right;
950 width:30%;
951 max-width:300px;
952 margin:0 auto;
953}
954.sidebar-container {
955 padding:15px 0;
956}
957.sidebar h2, .panel h2 {
958 font:$(sidebar.title.font);
959 color:$(sidebar.title.text.color);
960 margin:0 0 10px 0;
961 padding:6px 0;
962 border-bottom:3px solid #f0f0f0;
963 text-transform:uppercase;
964 position:relative;
965}
966.sidebar h2:after, .panel h2:after {
967 content: " ";
968 width:90px;
969 height: 0px;
970 position: absolute;
971 left: 0;
972 bottom: -3px;
973 border-bottom:3px solid $(sidebar.title.border.color);
974}
975.sidebar .widget {
976 margin:0 0 15px;
977 clear:both;
978}
979.sidebar ul, .sidebar ol {
980 list-style-type:none;
981 margin:0 0 0 0;
982 padding:0 0 0 0;
983}
984.sidebar li {
985 margin:5px 0;
986 padding:0 0 0 0;
987}
988
989
990/* Recent Post */
991.recent-post-title {
992 background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABiwAAAYsB4dDSvAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATySURBVEiJbZV9jFRnFYef887szrpi2qXazUp3mfe9Y20xIaHYhETj8iVGaKCBUC0tVoQoGvwgITRKiGCU+hGxwaCGRE0gUtLSFlCIQHddmsa0icSmJhuWzL13d9yATSMbTAu7Ozv3+MeeC8PH/DVvTs7z/s457z0/UVUBFCCO450i8iOmf4NZli2sVCrvASRJ8mngNeAeYBx4LITQBzA0NPSRYrF4RkQWWO7PRVWxxGeBn1pgSER6vffvAlSr1XnOuT6gA5hwzq0ql8unAQYHB2e0tbX9FfiM5T4fQthaNOjWJmi1paVlcXd397sAaZrOdc69ZtBJYE0OvXz5cnupVPpLE3R/CGErgEvTdAuwF0BEkizLFnV3d18ypZ9S1T5gJlDPsuyJEMJJgNHR0Q9dv379zyLSa7kHQgjftguQOI4zQIARK38EYGRk5OFGozEA3A9MiciT3vujdmHJOXcCWGacP4YQNjbN6jvOoKOFQmFRDk2S5MFGo9Fn0Iaqrs+hg4ODrc65V3Koqh4KIWzKoUmSfFNEfuVU9ZKqLpo9e3ZqaiKgH+gCMhHZEEXREYDz58+3lEqll4DlpvRIFEUbgMzmsQnYD9Sdc25xFEVVK9875/4GzDIFm7z3hwAGBgaKHR0dR0RkpUGP1mq19UDDyv+qqh7IO9D83HqA14HZ0xXq5iiKDhikEMfxYRF5wgZ1/MqVK2vnz59ft9yngIOAs7Z+TlSVarX6QKFQOKeqwRK3eO/3G9QlSXIIWGfnk+Pj46vnzJkzaUq/JCJ/AgqqegnojaKoKrVa7eP1en0A+IQlbg0hPJ9D0zT9g6o+Y4M6raqrKpXKhCldAxwBisB/RGSh934IwNXr9f4cqqrbm6CSJMmBHAr0FQqFx3NotVpdBbxg0PeyLFuSQy9evDirCHzSyt8RQvhFE/Q3wEa78Fx7e/vKrq6ucVO6wjn3ItAiIv9V1SWVSmXQHkBXsVjsLxpol/d+j/0njuN9IrLZjm/MmDFjRWdn5zWA4eHhLwAvA63AmIgs9d7/CyBN005V7Qe8U9U9IYTdOTRJkr0issWUvlmv15d3dnZ+YLElWZYdA0rAVWBZuVx+21rzMfv8HwKyG8/NEn8GbLfjP4ClIYSrprQ3y7JTQDvwP+fcsnK5/BbAhQsX7mttbe0H5uZtzVtBHMc/FpHtFvhnoVBY1tPTc9Uu/Cxw0qDvq+oXc2itVusolUpnVXWuoXZ77/c4S/yhiOywwDsTExOf7+npGTOlC4BTwIeBayKyIoqiv1vePVNTU6dVdZ7lPhdC2JVP/weq+hML3O4ajwJnmXaN66r6WBRF/XCna6jqL6Mo2pZ3QOI4zpt8u2s8Yq5xLzAhIiu992fgTtcQkX3e++82tXVn3uO7ucZZg04Cq3PoXVzjd83QJEm+LyK7iiKSNBqNW1zDlM4E6iKy1nt/CqZdY3Jy8oZrAL8PIXwrh6Zpug3YA0wUgcWVSmXUBvWQQT8KTAFf9t6fsAtLzrljwGIr/6D3/uvcXPDfA/Ivd7h5bT4IDDC94Bsiss57/6L1tLWtre1Vbi74F0IIT3NzwW9R1V/nwlW115maW1wD+EoOvYtrHA0hrM+hcRx/Q1X3WaxmxvFvNzw8XHbO9TPtGpmqfi2EcBjudA0ROT42NrYOc400TTeKyG8x12g0GovK5fIwwP8B3DF1BfTENDEAAAAASUVORK5CYII=) repeat-x;
993 margin:0 0 15px;
994 padding:0;
995 position:relative;
996}
997
998.recent-post-title h2 {
999 font:$(recentpost.title.font);
1000 height:26px;
1001 line-height:26px;
1002 margin:0 0;
1003 padding:0 10px;
1004 background:$(recentpost.title.background.color);
1005 color:$(recentpost.title.text.color);
1006 display:inline-block;
1007 border-right:5px solid #fff;
1008 transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
1009}
1010.recent-post-title h2:hover {
1011 background:$(recentpost.title.hover.color);
1012}
1013.recent-post-title h2 a {
1014 color:$(recentpost.title.text.color);
1015}
1016.recent-post-title h2 a:after {
1017 content: "\f18e";
1018 font-family: FontAwesome;
1019 font-style: normal;
1020 font-weight: normal;
1021 text-decoration: inherit;
1022 padding-left:6px;
1023}
1024.sidebar .recent-post-title h2:after {
1025 display:none;
1026}
1027
1028.recent-post-one-thumb {
1029 float:left;
1030 width:50%;
1031 margin:0 0;
1032}
1033.recent-post-one-thumb .widget {
1034 padding:0 15px 15px 0;
1035}
1036.recent-post-one-thumb .widget-content {
1037 background:$(recentpost.background.color);
1038 border:1px solid $(recentpost.border.color);
1039 padding:15px;
1040}
1041.recent-post-one-thumb ul {
1042 list-style-type:none;
1043 margin:0 0 0 0;
1044 padding:0 0 0 0;
1045}
1046
1047
1048/* Recent Post */
1049ul.rp_thumbs {
1050 margin:0 0 0 0;
1051}
1052
1053ul.rp_thumbs li {
1054 font-size:12px;
1055 min-height:68px;
1056 margin:0 0 8px;
1057 padding:0 0 8px;
1058 border-bottom:1px dotted #f0f0f0;
1059}
1060
1061ul.rp_thumbs .rp_thumb {
1062 position:relative;
1063 background:#fbfbfb;
1064 margin:3px 0 10px 0;
1065 width:100%;
1066 height:0;
1067 padding-bottom:46%;
1068 overflow:hidden;
1069}
1070ul.rp_thumbs .rp_thumb img {
1071 height:auto;
1072 width:100%;
1073}
1074
1075
1076ul.rp_thumbs2 {
1077 font-size:13px;
1078}
1079ul.rp_thumbs2 li {
1080 padding:0 0;
1081 min-height:66px;
1082 font-size:11px;
1083 margin: 0 0 8px;
1084 padding: 0 0 8px;
1085 border-bottom:1px dotted #f0f0f0;
1086}
1087ul.rp_thumbs2 .rp_thumb2 {
1088 background:#fbfbfb;
1089 float:left;
1090 margin:3px 8px 0 0;
1091 height:60px;
1092 width:60px;
1093}
1094ul.rp_thumbs2 li:last-child {
1095 border-bottom:none;
1096 padding-bottom:0px;
1097 margin-bottom:0px;
1098}
1099ul.rp_thumbs2 .rp_thumb2 img {
1100 height:60px;
1101 width:60px;
1102}
1103.sidebar ul.rp_thumbs li:before, .sidebar ul.rp_thumbs2 li:before, #bottombar ul.rp_thumbs li:before, #bottombar ul.rp_thumbs2 li:before {
1104 display:none;
1105}
1106
1107
1108span.rp_title {
1109 font:$(recent.post.title.font);
1110 display:block;
1111 margin:0 0 5px;
1112 line-height:1.4em;
1113}
1114span.rp_title2 {
1115 font-size:14px;
1116}
1117span.rp_summary {
1118 display:block;
1119 margin:6px 0 0;
1120}
1121span.rp_meta {
1122 background:$(post.footer.background.color);
1123 display:block;
1124 font-size:11px;
1125 font-weight:bold;
1126 color:$(post.footer.text.color);
1127 text-transform:uppercase;
1128}
1129span.rp_meta a {
1130 color:$(post.footer.text.color) !important;
1131 display:inline-block;
1132}
1133span.rp_meta_date, span.rp_meta_comment, span.rp_meta_more {
1134 display:inline-block;
1135 margin-right:8px;
1136}
1137
1138span.rp_meta_date:before {
1139 content: "\f073";
1140 font-family: FontAwesome;
1141 font-style: normal;
1142 font-weight: normal;
1143 text-decoration: inherit;
1144 padding-right:4px;
1145}
1146span.rp_meta_comment:before {
1147 content: "\f086";
1148 font-family: FontAwesome;
1149 font-style: normal;
1150 font-weight: normal;
1151 text-decoration: inherit;
1152 padding-right:4px;
1153}
1154span.rp_meta_more:before {
1155 content: "\f0a9";
1156 font-family: FontAwesome;
1157 font-style: normal;
1158 font-weight: normal;
1159 text-decoration: inherit;
1160 padding-right:4px;
1161}
1162ul.rp_thumbs2 li a:hover, ul.rp_thumbs li a:hover {
1163 color:$(link.hover.color);
1164}
1165
1166
1167
1168
1169/* BOTTOMBAR */
1170#bottombar {
1171 background:$(bottombar.background.color);
1172 overflow:hidden;
1173 margin:0 auto;
1174 padding:15px;
1175 color:$(bottombar.color);
1176}
1177#bottombar .left {
1178 float:left;
1179 width:34%;
1180}
1181#bottombar .center {
1182 float:left;
1183 width:34%;
1184}
1185#bottombar .right {
1186 float:right;
1187 width:32%;
1188}
1189#bottombar .left .widget, #bottombar .center .widget {
1190 margin:0 15px 15px 0;
1191 clear:both;
1192}
1193#bottombar .right .widget {
1194 margin:0 0 15px 0;
1195 clear:both;
1196}
1197#bottombar h2 {
1198 font:$(bottombar.title.font);
1199 margin:0 0 10px 0;
1200 padding:6px 0;
1201 border-bottom:3px solid #555;
1202 text-transform:uppercase;
1203 position:relative;
1204 color:$(bottombar.title.text.color);
1205}
1206#bottombar h2:after {
1207 content:" ";
1208 width:90px;
1209 height:0px;
1210 position:absolute;
1211 left:0;
1212 bottom:-3px;
1213 border-bottom:3px solid $(bottombar.title.border.color);
1214}
1215#bottombar ul, #bottombar ol {
1216 list-style-type:none;
1217 margin:0 0 0 0;
1218 padding:0 0 0 0;
1219}
1220#bottombar li {
1221 margin:5px 0;
1222 padding:0 0 0 0;
1223}
1224#bottombar ul li:before {
1225 color:$(bottombar.title.text.color) !important;
1226}
1227#bottombar a {
1228 color:$(bottombar.link.color);
1229}
1230#bottombar a:hover {
1231 color:$(bottombar.hover.color);
1232}
1233
1234/* FOOTER */
1235#footer-wrapper {
1236 background:$(footer.background.color);
1237 margin:0 auto;
1238 padding:15px 5px;
1239 overflow:hidden;
1240 color:$(footer.color);
1241 font-size:11px;
1242}
1243.footer-left {
1244 float:left;
1245 margin:10px;
1246}
1247.footer-right {
1248 float:right;
1249 margin:10px;
1250}
1251#footer-wrapper a {
1252 color:$(footer.link.color);
1253}
1254#footer-wrapper a:hover {
1255 color:$(footer.hover.color);
1256}
1257
1258/* CUSTOM WIDGET */
1259
1260.widget ul {
1261 line-height:1.4em;
1262}
1263
1264/* Tab Menu */
1265.set, .panel {
1266 margin: 0 0;
1267}
1268.tabs .panel {
1269 padding:0 0;
1270}
1271.tabs-menu {
1272 border-bottom:3px solid $(sidebar.title.border.color);
1273 padding: 0 0;
1274 margin:0 0;
1275}
1276.tabs-menu li {
1277 font-weight:bold;
1278 font-size:13px;
1279 display: inline-block;
1280 *display: inline;
1281 zoom: 1;
1282 margin: 0 3px 0 0;
1283 padding:10px;
1284 background:#fff;
1285 border:1px solid #f0f0f0;
1286 border-bottom:none !important;
1287 color:$(sidebar.title.text.color);
1288 cursor:pointer;
1289 position:relative;
1290}
1291.tabs-menu .active-tab {
1292 background:$(sidebar.title.border.color);
1293 border:1px solid $(sidebar.title.border.color);
1294 border-bottom:none !important;
1295 color:#fff;
1296}
1297.tabs-content {
1298 padding:10px 0;
1299}
1300.tabs-content .widget li {
1301 float:none !important;
1302 margin:5px 0;
1303}
1304.tabs-content .widget ul {
1305 overflow:visible;
1306}
1307
1308
1309/* label */
1310.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
1311 font-size:100%;
1312 filter:alpha(100);
1313 opacity:10
1314}
1315.cloud-label-widget-content{
1316 text-align:left
1317}
1318.label-size {
1319 transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
1320 background:$(label.background.color);
1321 display:block;
1322 float:left;
1323 margin:0 3px 3px 0;
1324 color:$(label.color);
1325 font-size:11px;
1326 text-transform:uppercase;
1327}
1328.label-size a,.label-size span{
1329 display:inline-block;
1330 color:$(label.color) !important;
1331 padding:6px 8px;
1332 font-weight:bold;
1333}
1334.label-size:hover {
1335 background:$(label.hover.color);
1336}
1337
1338.label-count {
1339 white-space:nowrap;
1340 padding-right:3px;
1341 margin-left:-3px;
1342 background:$(label.count.color);
1343 color:#fff !important;
1344}
1345.label-size {
1346 line-height:1.2
1347}
1348
1349/* Custom CSS for Blogger Popular Post Widget */
1350.PopularPosts ul,
1351.PopularPosts li,
1352.PopularPosts li img,
1353.PopularPosts li a,
1354.PopularPosts li a img {
1355 margin:0 0;
1356 padding:0 0;
1357 list-style:none;
1358 border:none;
1359 background:none;
1360 outline:none;
1361}
1362
1363.PopularPosts ul {
1364 margin:.5em 0;
1365 list-style:none;
1366 color:black;
1367 counter-reset:num;
1368}
1369
1370.PopularPosts ul li img {
1371 display:block;
1372 margin:0 .5em 0 0;
1373 width:50px;
1374 height:50px;
1375 float:left;
1376}
1377
1378.PopularPosts ul li {
1379 background-color:#eee;
1380 margin:0 0 0 0 !important;
1381 padding:10px 20px 10px 10px !important;
1382 counter-increment:num;
1383 position:relative;
1384}
1385
1386.PopularPosts ul li:before,
1387.PopularPosts ul li .item-title a, .PopularPosts ul li a {
1388 font-weight:bold;
1389 color:#000 !important;
1390 text-decoration:none;
1391}
1392
1393.PopularPosts ul li:before {
1394 content:counter(num) !important;
1395 font-family:arial, sans-serif !important;
1396 font-size:12px;
1397 font-weight:bold !important;
1398 display:block;
1399 position:absolute;
1400 top:-5px;
1401 right:-5px;
1402 border-radius:16px;
1403 background-color:#333;
1404 color:#fff !important;
1405 width:28px;
1406 height:28px;
1407 line-height:28px;
1408 text-align:center;
1409 padding-right:0px !important;
1410 border:2px solid #fff;
1411}
1412
1413/* Set color and level */
1414.PopularPosts ul li:nth-child(1) {background-color:$(popular.post.color1);
1415}
1416.PopularPosts ul li:nth-child(2) {background-color:$(popular.post.color2);
1417}
1418.PopularPosts ul li:nth-child(3) {background-color:$(popular.post.color3);
1419}
1420.PopularPosts ul li:nth-child(4) {background-color:$(popular.post.color4);
1421}
1422.PopularPosts ul li:nth-child(5) {background-color:$(popular.post.color5);
1423}
1424.PopularPosts ul li:nth-child(6) {background-color:$(popular.post.color6);
1425}
1426.PopularPosts ul li:nth-child(7) {background-color:$(popular.post.color7);
1427}
1428.PopularPosts ul li:nth-child(8) {background-color:$(popular.post.color8);
1429}
1430.PopularPosts ul li:nth-child(9) {background-color:$(popular.post.color9);
1431}
1432.PopularPosts ul li:nth-child(10) {background-color:$(popular.post.color10);
1433}
1434
1435.PopularPosts .item-thumbnail {
1436 margin:0 0 0 0;
1437}
1438.PopularPosts .item-snippet {
1439 font-size:11px;
1440}
1441
1442.profile-img{
1443 display:inline;
1444 opaciry:10;
1445 margin:0 6px 3px 0;
1446}
1447
1448
1449/* back to top */
1450#back-to-top {
1451 background:$(backtp.background.color);
1452 color:$(backtp.color);
1453 padding:8px 10px;
1454 font-size:24px;
1455}
1456.back-to-top {
1457 position:fixed !important;
1458 position:absolute;
1459 bottom:20px;
1460 right:20px;
1461 z-index:999;
1462}
1463
1464
1465
1466
1467
1468
1469
1470/* error and search */
1471.status-msg-wrap {
1472 font-size:120%;
1473 font-weight:bold;
1474 width:100%;
1475 margin:0px auto 15px;
1476}
1477.status-msg-body {
1478 padding:20px 2%;
1479 width:96%;
1480}
1481.status-msg-border {
1482 border:1px solid $(post.border.color);
1483 opacity:10;
1484 width:auto;
1485}
1486.status-msg-bg {
1487 background-color:$(post.background.color);
1488}
1489.status-msg-hidden {
1490 padding:20px 2%;
1491}
1492
1493.tabs-content .widget ul li:before, .sidebar ul li:before, #bottombar ul li:before {
1494 content:"\f061";
1495 font-family: FontAwesome;
1496 font-style: normal;
1497 font-weight: normal;
1498 text-decoration: inherit;
1499 padding-right:4px;
1500 color:#666;
1501}
1502#ArchiveList ul li:before {
1503 content:"" !important;
1504 padding-right:0px !important;
1505}
1506
1507
1508/* facebook comments */
1509.fbbox-comments {
1510 box-sizing: border-box;
1511 -moz-box-sizing: border-box;
1512 background:#fff;
1513 border:1px solid #f0f0f0;
1514 margin: 0 0 20px;
1515}
1516.fb-comments{width: 100% !important;}
1517.fb-comments iframe[style]{width: 100% !important;}
1518.fb-like-box{width: 100% !important;}
1519.fb-like-box iframe[style]{width: 100% !important;}
1520.fb-comments span{width: 100% !important;}
1521.fb-comments iframe span[style]{width: 100% !important;}
1522.fb-like-box span{width: 100% !important;}
1523.fb-like-box iframe span[style]{width: 100% !important;
1524}
1525
1526.rich-snippet {
1527 padding:10px;
1528 margin:15px 0 0;
1529 border:3px solid #eee;
1530 font-size:12px;
1531}
1532
1533.berlangganan-box {
1534 border-top: 1px solid #f0f0f0;
1535 border-bottom: 1px solid #f0f0f0;
1536 padding: 15px;
1537 margin:0 -15px 15px;
1538 text-align:center;
1539}
1540
1541.berlangganan-box input.email-address[type="text"] {
1542 width:60%;
1543 padding:10px;
1544 border:1px solid #ddd;
1545 text-align:center;
1546 border-radius: 4px;
1547 outline:none;
1548}
1549
1550.berlangganan-box input.submit-email[type="submit"] {
1551 transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
1552 padding:10px 15px;
1553 background:#07ACEC;
1554 border-radius: 4px;
1555 color:#fff;
1556 border:none;
1557 font-weight:bold;
1558 border-bottom: 3px solid #0D9AD0;
1559 outline:none;
1560}
1561.berlangganan-box input.submit-email[type="submit"]:hover {
1562 background:#0D9AD0;
1563 cursor:pointer;
1564}
1565.berlangganan-box input.email-address[type="text"]:focus {
1566 box-shadow:0 0 2px #106FE4;
1567}
1568
1569
1570/* MEDIA QUERY */
1571@media only screen and (max-width:1066px){
1572 #wrapper {
1573 margin:0 auto;
1574 }
1575}
1576@media only screen and (max-width:768px){
1577 #wrapper {
1578 padding:0 12px;
1579 }
1580 #post-wrapper, #sidebar-wrapper, .nav {
1581 float:none;
1582 width:100%;
1583 max-width:100%
1584 }
1585 .active {
1586 display: block;
1587 }
1588 #search-form {
1589 width:100%;
1590 margin:0 0 0 0 !important;
1591 }
1592 .nav li ul:before {
1593 display:none;
1594 }
1595 .nav > li {
1596 float: none;
1597 overflow:hidden;
1598 }
1599 .nav ul {
1600 display: block;
1601 width: 100%;
1602 float:none;
1603 }
1604 .nav-menu2 li ul {
1605 background:#eee;
1606 border:none;
1607 box-shadow:none;
1608 }
1609 .nav-menu2 li li ul {
1610 background:#f5f5f5;
1611 }
1612 .nav-menu2 li li a:hover {
1613 background:#ddd;
1614 }
1615 .nav > li.hover > ul , .nav li li.hover ul {
1616 position: static;
1617 }
1618 #search-form {
1619 width:100%;
1620 background:#444;
1621 }
1622 #search-form td.search-box {
1623 padding:0 10px !important;
1624 }
1625 #search-form td.search-button {
1626 padding:0 10px;
1627 width:1%;
1628 }
1629 #search-form input#search-box[type="text"] {
1630 margin:0 0 0 0;
1631 }
1632 #search-form input#search-button[type="submit"] {
1633 margin:0 0 0 0;
1634 }
1635 .post-body img {
1636 max-width:90%;
1637 }
1638 .img-thumbnail {
1639 margin:3px 10px 3px 0;
1640 }
1641 .recent-post-one-thumb .widget {
1642 padding:0 0 10px 0;
1643 }
1644 #recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-5 .widget {
1645 padding:0 5px 10px 0;
1646 }
1647 #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-6 .widget {
1648 padding:0 0 10px 5px;
1649 }
1650 .sidebar-container, .post-container {
1651 padding:15px 0 0px;
1652 }
1653}
1654
1655@media only screen and (max-width:640px){
1656 #wrapper {
1657 padding:0 10px;
1658 }
1659 #post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right {
1660 float:none;
1661 width:100%;
1662 max-width:100%
1663 }
1664 .header, .header-right {
1665 margin:10px 0;
1666 }
1667 .sidebar-container, .post-container{
1668 padding:10px 0 0px;
1669 }
1670 .largebanner .widget, #bottombar, .berlangganan-box, .author-profile {
1671 padding:10px;
1672 }
1673 .post, .breadcrumbs {
1674 margin:0 0 10px;
1675 padding:10px;
1676 }
1677 .berlangganan-box {
1678 margin:0 -10px 15px;
1679 }
1680 .author-profile {
1681 margin: 15px -10px 0px;
1682 }
1683 .pagenavi {
1684 margin: 6px 0 10px;
1685 }
1686 .recent-post-one-thumb .widget-content {
1687 padding:10px;
1688 }
1689 #bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
1690 margin:0 0 10px 0;
1691 }
1692
1693}
1694
1695@media only screen and (max-width:480px){
1696 #wrapper {
1697 padding:0 8px;
1698 }
1699 .header, .header-right, .recent-post-one-thumb {
1700 float:none;
1701 width:100%;
1702 max-width:100%
1703 }
1704 .header img {
1705 max-width:160px;
1706 }
1707 .largebanner .widget, #bottombar, .berlangganan-box, .author-profile {
1708 padding:8px;
1709 }
1710 .berlangganan-box {
1711 margin:0 -8px 15px;
1712 }
1713 .author-profile {
1714 margin: 15px -8px 0px;
1715 }
1716 .post, .breadcrumbs {
1717 margin:0 0 8px;
1718 padding:8px;
1719 }
1720 .recent-post-one-thumb .widget-content {
1721 padding:8px;
1722 }
1723 h2.post-title, h1.post-title {
1724 font-size:16px;
1725 }
1726 .img-thumbnail, .img-thumbnail img {
1727 width:120px;
1728 height:90px;
1729 }
1730 .img-thumbnail {
1731 margin:3px 8px 3px 0;
1732 }
1733 #recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-5 .widget, #recent-post-one-thumb-6 .widget {
1734 padding:0 0 8px 0;
1735 }
1736 .comments .comment-block, .comments .comments-content .inline-thread {
1737 padding:10px !important;
1738 }
1739 .comment .comment-thread.inline-thread .comment {
1740 margin: 0 0 0 0 !important;
1741 }
1742 .footer-left, .footer-right {
1743 float:none;
1744 text-align:center;
1745 }
1746}
1747
1748@media screen and (max-width:320px){
1749 #wrapper {
1750 padding:0 6px;
1751 }
1752 .post, .breadcrumbs, .berlangganan-box, .author-profile {
1753 padding:6px;
1754 }
1755 .berlangganan-box {
1756 margin:0 -6px 15px;
1757 }
1758 .author-profile {
1759 margin: 15px -6px 0px;
1760 }
1761 .recent-post-one-thumb .widget-content {
1762 padding:6px;
1763 }
1764 .img-thumbnail, .img-thumbnail img {
1765 width:100px;
1766 height:80px;
1767 }
1768}
1769
1770<style>
1771 .strava-badge- { display: inline-block; height: 48px; }
1772 .strava-badge- img { visibility: hidden; height: 48px; }
1773 .strava-badge-:hover { background-position: 0 -63px; }
1774 .strava-badge-follow { height: 48px; width: 48px; background: url(//badges.strava.com/echelon-sprite-48.png) no-repeat 0 0; }
1775</style>]]></b:skin>
1776
1777<b:if cond='data:blog.pageType == "error_page"'>
1778<style type='text/css'>
1779.status-msg-body:after, .status-msg-hidden:after {
1780 content:"404";
1781 font-size:120px;
1782 display:block;
1783 margin:20px 0;
1784 font-weight:bold;
1785 color:#FF4F4F;
1786 text-shadow:6px 6px #ddd;
1787}
1788.recent-post-one-thumb, #blog-pager {
1789 display:none;
1790}
1791</style>
1792</b:if>
1793
1794<b:if cond='data:blog.isMobile'>
1795
1796<style type='text/css'>
1797.mobile #wrapper {
1798 float:none;
1799 width:auto;
1800 max-width:728px;
1801 padding:0 8px;
1802}
1803.mobile .widget {
1804 margin:0 0 0 0;
1805}
1806.mobile .navigation-menu, .mobile .header, .mobile #content-wrapper, .mobile #post-wrapper, .mobile #sidebar-wrapper, .mobile #footer-wrapper, .mobile .header-right {
1807 float:none;
1808 width:auto;
1809 max-width:728px;
1810 width:100%;
1811 padding:0 0 0 0;
1812 margin:0 0 0 0;
1813}
1814.mobile #content-wrapper {
1815 padding-top:5px !important;
1816}
1817.mobile .post-container, .mobile .sidebar-container, .mobile .header {
1818 padding:8px 0 !important;
1819}
1820.mobile .header-right {
1821 padding:0 0 8px !important;
1822}
1823.mobile .post-body, .mobile #blog-pager, .mobile .header .description, .mobile-index-contents .post-body {
1824 font-size:13px;
1825}
1826.mobile .post-body {
1827 line-height:1.5;
1828}
1829.mobile .post-info {
1830 margin:0 0 0;
1831}
1832.post, .breadcrumbs {
1833 margin:0 0 8px;
1834 padding:8px;
1835}
1836.recent-post-one-thumb .widget-content {
1837 padding:8px;
1838}
1839.mobile .mobile-date-outer {
1840 background:#fff;
1841 border:1px solid #f0f0f0;
1842 margin:0 0 8px;
1843 padding:8px;
1844}
1845.mobile-index-title {
1846 margin-top:0px;
1847 margin-bottom:8px;
1848}
1849.mobile h3.mobile-index-title, .mobile h3.mobile-post-title {
1850 font:normal bold 14px Arial, sans-serif;
1851 width:auto;
1852 max-width:728px;
1853}
1854.mobile span.rp_title {
1855 font:normal bold 14px Arial, sans-serif;
1856 text-transform:none;
1857}
1858.mobile .mobile-index-thumbnail {
1859 width:48px;
1860 height:48px;
1861 float: left;
1862 margin:0 8px 0 0 !important;
1863}
1864.mobile .mobile-index-thumbnail img {
1865 width:48px !important;
1866 height:48px !important;
1867}
1868.mobile img, .mobile iframe {
1869 max-width:100%;
1870}
1871.mobile .header img {
1872 width:auto;
1873 max-width:140px;
1874}
1875.mobile .recent-post-one-thumb, #bottombar .left, #bottombar .center, #bottombar .right {
1876 float:none !important;
1877 width:100% !important;
1878}
1879.mobile ul.rp_thumbs li, .mobile ul.rp_thumbs2 li {
1880 min-height:48px !important;
1881 padding:0 0 8px !important;
1882}
1883.mobile ul.rp_thumbs .rp_thumb, .mobile ul.rp_thumbs2 .rp_thumb2 {
1884 background:#fbfbfb;
1885 float:left;
1886 margin:3px 8px 0 0 !important;
1887 height:48px !important;
1888 width:48px !important;
1889 padding-bottom:0px !important;
1890}
1891.mobile ul.rp_thumbs .rp_thumb img, .mobile ul.rp_thumbs2 .rp_thumb2 img {
1892 height:48px !important;
1893 width:48px !important;
1894}
1895span.rp_summary {
1896 display:none;
1897}
1898.mobile #recent-post-one-thumb-1 .widget, .mobile #recent-post-one-thumb-3 .widget, .mobile #recent-post-one-thumb-2 .widget, .mobile #recent-post-one-thumb-4 .widget, .mobile #recent-post-one-thumb-5 .widget, .mobile #recent-post-one-thumb-6 .widget {
1899 padding:0 0 8px 0 !important;
1900}
1901.mobile #bottombar, .largebanner .widget {
1902 padding:8px !important;
1903}
1904.mobile #bottombar .left .widget, .mobile #bottombar .center .widget, .mobile #bottombar .right .widget {
1905 margin:0 0 8px 0 !important;
1906}
1907.mobile #blog-pager {
1908 margin:0 0 0 0 !important;
1909 padding:0 !important;
1910}
1911.mobile .blog-pager-older-link, .mobile .home-link, .mobile .blog-pager-newer-link {
1912 width:auto;
1913}
1914.mobile a.home-link {
1915 line-height:20px !important;
1916}
1917.mobile .mobile-desktop-link {
1918 display:none;
1919}
1920.mobile .sidebar .widget {
1921 padding: 0 0 8px !important;
1922}
1923.mobile .comment-form {
1924 max-width:728px;
1925}
1926.mobile #comment-editor {
1927 display:block !important;
1928}
1929.mobile .comments .avatar-image-container {
1930 display:none;
1931}
1932.mobile .comments .comment-block,.mobile .comments .comments-content .comment-replies,.mobile .comments .comment-replybox-single {
1933 margin-left:10px !important;
1934}
1935.mobile .PopularPosts .item-thumbnail {
1936 margin: 0px 6px 0px 0px;
1937 display: inline;
1938 float: left;
1939}
1940.mobile .PopularPosts .item-thumbnail a img {
1941 display: block;
1942 margin: 0px;
1943 padding: 0px;
1944 height: 48px;
1945 width: 48px;
1946}
1947.mobile #related-posts-mobile {
1948 text-align:left;
1949 margin:10px 0;
1950 padding:0;
1951}
1952.mobile #related-posts-mobile ol {
1953 list-style-type:none;
1954 margin:0 0 0 0 !important;
1955}
1956.mobile #related-posts-mobile ol li {
1957 padding:3px;
1958 border-bottom:1px dotted #ddd;
1959}
1960.mobile #related-posts-mobile ol li:last-child {
1961 border-bottom:none !important
1962}
1963.mobile #related-posts-mobile h3{
1964 color:#333;
1965 font-weight:bold;
1966 padding:0 0 6px 0;
1967 margin:0;
1968 font-size:15px;
1969}
1970
1971#share-buttons-mobile {
1972 margin:15px 0 5px;
1973 padding:0;
1974}
1975#share-buttons-mobile p{
1976 float:left;
1977 display:block;
1978 padding:3px 0px !important;
1979 margin:0 3px 3px 0;
1980}
1981#share-buttons-mobile a{
1982 position:relative;
1983 float:left;
1984 display:block;
1985 color:#fafafa;
1986 padding:3px 8px;
1987 margin:0 3px 3px;
1988}
1989#share-buttons-mobile a:hover{
1990 text-decoration:underline;
1991}
1992
1993/* NAVIGASI */
1994.mobile #mobile-nav {
1995 background:#117AC9;
1996 font-size:13px;
1997 font-weight:bold;
1998 color:#fff;
1999 text-align:center;
2000 width:auto;
2001 overflow:hidden;
2002 margin:0;
2003 padding:10px 6px;
2004}
2005.mobile #mobile-nav span a{
2006 color:#fff;
2007 padding:3px 0;
2008 margin:0
2009}
2010.mobile #mobile-nav span a:hover{
2011 text-decoration:underline;
2012}
2013
2014</style>
2015<script>
2016//<![CDATA[
2017var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
2018function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
2019relatedTitles=tmp2;relatedUrls=tmp;} function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
2020function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ol>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
2021i++;}
2022document.write('</ol>');document.write();}//]]>
2023</script>
2024</b:if>
2025
2026<b:if cond='data:blog.pageType != "index"'>
2027<style type='text/css'>
2028/* COMMENT */
2029
2030.comment-form {
2031 overflow:hidden;
2032}
2033.comments h3 {
2034 line-height:normal;
2035 text-transform:uppercase;
2036 color:#333;
2037 font-weight:bold;
2038 margin:0 0 20px 0;
2039 font-size:14px;
2040 padding:0 0 0 0;
2041}
2042h4#comment-post-message {
2043 display:none;
2044 margin:0 0 0 0;
2045}
2046.comments{
2047 clear:both;
2048 margin-top:10px;
2049 margin-bottom:0
2050}
2051.comments .comments-content{
2052 font-size:13px;
2053 margin-bottom:8px
2054}
2055.comments .comments-content .comment-thread ol{
2056 text-align:left;
2057 margin:13px 0;
2058 padding:0
2059}
2060
2061.comments .avatar-image-container {
2062 background:#fff;
2063 border:1px solid #f0f0f0;
2064 overflow:hidden;
2065 padding:6px;
2066}
2067.comments .comment-block{
2068 position:relative;
2069 background:#fff;
2070 padding:15px;
2071 margin-left:60px;
2072 border:1px solid #f0f0f0;
2073}
2074.comments .comments-content .comment-replies{
2075 margin:8px 0;
2076 margin-left:60px
2077}
2078.comments .comments-content .comment-thread:empty{
2079 display:none
2080}
2081.comments .comment-replybox-single {
2082 background:#fff;
2083 box-shadow:inset 1px 1px 0 #f0f0f0, inset -1px -1px 0 #f0f0f0;
2084 padding:0;
2085 margin:8px 0;
2086 margin-left:60px
2087}
2088.comments .comment-replybox-thread {
2089 background:#fff;
2090 box-shadow:inset 1px 1px 0 #f0f0f0, inset -1px -1px 0 #f0f0f0;
2091 margin:8px 0 0 0;
2092 padding:0;
2093}
2094
2095
2096.comments .comments-content .comment{
2097 margin-bottom:6px;
2098 padding:0
2099}
2100.comments .comments-content .comment:first-child {
2101 padding:0;
2102 margin:0
2103}
2104.comments .comments-content .comment:last-child {
2105 padding:0;
2106 margin:0
2107}
2108.comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
2109 margin:0px 0px 5px 30%
2110}
2111.comment .comment-thread.inline-thread .comment:nth-child(6) {
2112 margin:0px 0px 5px 25%;
2113}
2114.comment .comment-thread.inline-thread .comment:nth-child(5) {
2115 margin:0px 0px 5px 20%;
2116}
2117.comment .comment-thread.inline-thread .comment:nth-child(4) {
2118 margin:0px 0px 5px 15%;
2119}
2120.comment .comment-thread.inline-thread .comment:nth-child(3) {
2121 margin:0px 0px 5px 10%;
2122}
2123.comment .comment-thread.inline-thread .comment:nth-child(2) {
2124 margin:0px 0px 5px 5%;
2125}
2126.comment .comment-thread.inline-thread .comment:nth-child(1) {
2127 margin:0px 0px 5px 0;
2128}
2129
2130.comments .comments-content .comment-thread{
2131 margin:0;
2132 padding:0
2133}
2134.comments .comments-content .inline-thread{
2135 background:#fff;
2136 border:1px solid #f0f0f0;
2137 padding:15px;
2138 margin:0
2139}
2140.comments .comments-content .icon.blog-author {
2141 display:inline;
2142}
2143.comments .comments-content .icon.blog-author:after {
2144 content:"Admin";
2145 background:#FF4F4F;
2146 color:#fff;
2147 font-size:11px;
2148 padding:2px 5px;
2149 border-radius:3px;
2150}
2151.comment-header {
2152 text-transform:uppercase;
2153 font-size:12px;
2154}
2155.comments .comments-content .datetime {
2156 margin-left: 6px;
2157}
2158.comments .comments-content .datetime a {
2159 color:#888;
2160}
2161
2162.comments .comment .comment-actions a {
2163 display:inline-block;
2164 color:#333;
2165 font-weight:bold;
2166 font-size:11px;
2167 line-height:15px;
2168 margin:4px 8px 0 0;
2169}
2170.comments .continue a {
2171 color:#333;
2172 display:inline-block;
2173 font-size:11px;
2174}
2175.comments .comment .comment-actions a:hover, .comments .continue a:hover{
2176 text-decoration:underline;
2177}
2178.pesan-komentar p {
2179 background:#666;
2180 position:relative;
2181 color:#fff;
2182 padding:10px 15px;
2183 margin:8px;
2184}
2185.pesan-komentar p {
2186 line-height:normal;
2187 margin:0 0;
2188}
2189.pesan-komentar p:before {
2190 content:"";
2191 width:0px;
2192 height:0px;
2193 position:absolute;
2194 top:100%;
2195 left:30px;
2196 border-width:10px;
2197 border-style:solid;
2198 border-color:#666 transparent transparent transparent;
2199 display:block;
2200}
2201.fb-comments{width: 100% !important;}
2202.fb-comments iframe[style]{width: 100% !important;}
2203.fb-like-box{width: 100% !important;}
2204.fb-like-box iframe[style]{width: 100% !important;}
2205.fb-comments span{width: 100% !important;}
2206.fb-comments iframe span[style]{width: 100% !important;}
2207.fb-like-box span{width: 100% !important;}
2208.fb-like-box iframe span[style]{width: 100% !important;}
2209.fotleft{float:left}
2210.fotright{float:right;text-align:right;}
2211
2212</style>
2213</b:if>
2214
2215
2216<b:if cond='data:blog.pageType != "item"'>
2217<b:if cond='data:blog.pageType != "static_page"'>
2218<script type='text/javascript'>
2219//<![CDATA[
2220function labelthumbs(t){for(var e=0;e<numposts;e++){var r,n=t.feed.entry[e],m=n.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<n.link.length;i++){if("replies"==n.link[i].rel&&"text/html"==n.link[i].type)var l=n.link[i].title,o=n.link[i].href;if("alternate"==n.link[i].rel){r=n.link[i].href;break}}var u;try{u=n.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=n.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);document.write('<ul class="rp_thumbs">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+r+'"><div class="rp_thumb"><span class="rollover"></span><img width="'+thumb_width+'" height="'+thumb_height+'" alt="'+m+'" src="'+u+'"/></div></a>'),document.write('<span class="rp_title"><a href="'+r+'" target ="_top">'+m+"</a></span>");var g="";if(document.write('<span class="rp_meta">'),1==showpostdate&&(g=g+'<span class="rp_meta_date">'+f+"/"+_+"/"+w+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),showcomment='<span class="rp_meta_comment"><a href="'+o+'">'+l+"</a></span>",g+=showcomment),1==displaymore&&(g=g+'<span class="rp_meta_more"><a href="'+r+'" class="url" target ="_top">Read More...</a></span>'),document.write(g),document.write("</span>"),document.write('<span class="rp_summary">'),"content"in n)var v=n.content.$t;else if("summary"in n)var v=n.summary.$t;else var v="";var k=/<\S[^>]*>/g;if(v=v.replace(k,""),1==showpostsummary)if(v.length<numchars)document.write(""),document.write(v),document.write("");else{document.write(""),v=v.substring(0,numchars);var y=v.lastIndexOf(" ");v=v.substring(0,y),document.write(v+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>")}document.write('<ul class="rp_thumbs2">');for(var e=1;e<numposts2;e++){var r,n=t.feed.entry[e],m=n.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<n.link.length;i++){if("replies"==n.link[i].rel&&"text/html"==n.link[i].type)var l=n.link[i].title,o=n.link[i].href;if("alternate"==n.link[i].rel){r=n.link[i].href;break}}var $;try{$=n.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/")}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),$=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=n.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2&&document.write('<a href="'+r+'"><div class="rp_thumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="'+m+'" src="'+$+'"/></div></a>'),document.write("<li>"),document.write('<span class="rp_title rp_title2"><a href="'+r+'" target ="_top">'+m+"</a></span>");var g="";document.write('<span class="rp_meta rp_meta2">'),1==showpostdate2&&(g=g+'<span class="rp_meta_date rp_meta_date2">'+f+"/"+_+"/"+w+"</span>"),1==showcommentnum2&&("1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),showcomment='<span class="rp_meta_comment rp_meta_comment2"><a href="'+o+'">'+l+"</a></span>",g+=showcomment),1==displaymore2&&(g=g+'<span class="rp_meta_more rp_meta_more2"><a href="'+r+'" class="url" target ="_top">Read More...</a></span>'),document.write(g),document.write("</span>"),document.write("</li>")}document.write("</ul>")}
2221//]]>
2222</script>
2223
2224<script type='text/javascript'>
2225var numposts = 1;
2226var numposts2 = 4;
2227var showpostthumbnails = true;
2228var showpostthumbnails2 = true;
2229var displaymore = true;
2230var displaymore2 = false;
2231var showcommentnum = true;
2232var showcommentnum2 = true;
2233var showpostdate = true;
2234var showpostdate2 = true;
2235var showpostsummary = true;
2236var numchars = 100;
2237var thumb_width = 300;
2238var thumb_height = 140;
2239var thumb_width2 = 60;
2240var thumb_height2 = 60;
2241var no_thumb = 'http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/w300-h140-c/no-image.png'
2242var no_thumb2 = 'http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s60-c/no-image.png'
2243</script>
2244
2245<script type='text/javascript'>
2246//<![CDATA[
2247function bp_thumbnail_resize(t,e){var i=200,a=150;return image_tag='<img width="'+i+'" height="'+a+'" src="'+t.replace("/s72-c/","/w"+i+"-h"+a+"-c/")+'" alt="'+e+'" title="'+e+'"/>',""!=t?image_tag:""}
2248//]]>
2249</script>
2250
2251</b:if>
2252</b:if>
2253<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
2254
2255<script type='text/javascript'>
2256$(function() {
2257$(".set-1").mtabs();
2258});
2259</script>
2260
2261<b:include data='blog' name='google-analytics'/>
2262</head>
2263
2264 <body expr:class='"loading" + data:blog.mobileClass'>
2265<div id='fb-root'/>
2266<script type='text/javascript'>
2267//<![CDATA[
2268(function(d, s, id) {
2269var js, fjs = d.getElementsByTagName(s)[0];
2270if (d.getElementById(id)) return;
2271js = d.createElement(s); js.id = id;
2272js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
2273fjs.parentNode.insertBefore(js, fjs);
2274}(document, 'script', 'facebook-jssdk'));
2275//]]>
2276</script>
2277
2278
2279 <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
2280 <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
2281 <b:includable id='main'><script type="text/javascript">
2282 function setAttributeOnload(object, attribute, val) {
2283 if(window.addEventListener) {
2284 window.addEventListener('load',
2285 function(){ object[attribute] = val; }, false);
2286 } else {
2287 window.attachEvent('onload', function(){ object[attribute] = val; });
2288 }
2289 }
2290 </script>
2291<div id="navbar-iframe-container"></div>
2292<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
2293<script type="text/javascript">
2294 gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
2295 if (gapi.iframes && gapi.iframes.getContext) {
2296 gapi.iframes.getContext().openChild({
2297 url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d28583095\x26blogName\x3dLankapo79.com\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttp://www.lankapo79.com/search\x26blogLocale\x3dms\x26v\x3d2\x26homepageUrl\x3dhttp://www.lankapo79.com/\x26vt\x3d3111096683584728578',
2298 where: document.getElementById("navbar-iframe-container"),
2299 id: "navbar-iframe"
2300 });
2301 }
2302 });
2303 </script><script type="text/javascript">
2304(function() {
2305var script = document.createElement('script');
2306script.type = 'text/javascript';
2307script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
2308var head = document.getElementsByTagName('head')[0];
2309if (head) {
2310head.appendChild(script);
2311}})();
2312</script>
2313</b:includable>
2314 </b:widget>
2315 </b:section>
2316
2317
2318
2319 <div id='wrapper'>
2320
2321 <b:if cond='data:blog.isMobile'>
2322 <b:else/>
2323
2324 <div id='nav-wrap'>
2325 <nav class='menu'>
2326
2327 <ul class='nav-menu'>
2328 <li><a href='#'>About</a></li>
2329 <li><a href='http://www.lankapo79.com/p/hubungi-saya.html'>Hubungi Saya</a></li>
2330 <li><a href='#'>Privacy Policy</a></li>
2331 <li><a href='#'>Disclaimer</a></li>
2332 </ul>
2333
2334
2335
2336 <ul class='nav-social'>
2337 <li><a class='fcb' href='https://www.facebook.com/Bila-Lankapo-Menulis-1542626485987140/timeline/' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></a>
2338 </li>
2339 <li><a class='gpl' href='https://plus.google.com/+AzlanARaof' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'/></a>
2340 </li>
2341 <li><a class='twt' href='https://twitter.com/azllan' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></a>
2342 </li>
2343 <li><a class='ytb' href='https://www.youtube.com' rel='nofollow'><i class='fa fa-youtube fa-2x'/></a>
2344 </li>
2345 </ul>
2346
2347
2348 </nav>
2349 <div class='clear'/>
2350 </div>
2351 </b:if>
2352
2353<meta content='1542626485987140' property='fb:pages'/>
2354 <header id='header-wrapper'>
2355 <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
2356 <b:widget id='Header1' locked='true' title='Lankapo79.com (Pengatas)' type='Header' version='1'>
2357 <b:widget-settings>
2358 <b:widget-setting name='displayUrl'/>
2359 <b:widget-setting name='displayHeight'>0</b:widget-setting>
2360 <b:widget-setting name='sectionWidth'>600</b:widget-setting>
2361 <b:widget-setting name='useImage'>false</b:widget-setting>
2362 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
2363 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
2364 <b:widget-setting name='displayWidth'>0</b:widget-setting>
2365 </b:widget-settings>
2366 <b:includable id='main'>
2367
2368 <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
2369<script>
2370 (adsbygoogle = window.adsbygoogle || []).push({
2371 google_ad_client: "ca-pub-1077215747792663",
2372 enable_page_level_ads: true
2373 });
2374</script>
2375
2376 <b:if cond='data:useImage'>
2377 <b:if cond='data:imagePlacement == "BEHIND"'>
2378
2379 <b:if cond='data:mobile'>
2380 <div id='header-inner'>
2381 <div class='titlewrapper' style='background: transparent'>
2382 <h1 class='title' style='background: transparent; border-width: 0px'>
2383 <b:include name='title'/>
2384 </h1>
2385 </div>
2386 <b:include name='description'/>
2387 </div>
2388 <b:else/>
2389 <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'>
2390 <div class='titlewrapper' style='background: transparent'>
2391 <h1 class='title' style='background: transparent; border-width: 0px'>
2392 <b:include name='title'/>
2393 </h1>
2394 </div>
2395 <b:include name='description'/>
2396 </div>
2397 </b:if>
2398 <b:else/>
2399
2400 <div id='header-inner'>
2401 <b:if cond='data:blog.pageType != "item"'>
2402 <b:if cond='data:blog.pageType != "static_page"'>
2403 <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
2404 </b:if>
2405 </b:if>
2406 <a expr:href='data:blog.homepageUrl' style='display: block'>
2407 <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'/>
2408 </a>
2409
2410 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
2411 <b:include name='description'/>
2412 <b:if cond='data:blog.pageType != "item"'>
2413 <b:if cond='data:blog.pageType != "static_page"'>
2414 <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
2415 </b:if>
2416 </b:if>
2417 </b:if>
2418 </div>
2419 </b:if>
2420 <b:else/>
2421
2422 <div id='header-inner'>
2423 <div class='titlewrapper'>
2424 <b:if cond='data:blog.pageType != "item"'>
2425 <b:if cond='data:blog.pageType == "static_page"'>
2426 <p class='title'><b:include name='title'/></p>
2427 <b:else/>
2428 <h1 class='title'><b:include name='title'/></h1>
2429 </b:if>
2430 <b:else/>
2431 <p class='title'><b:include name='title'/></p>
2432 </b:if>
2433 <b:include name='description'/>
2434 </div>
2435 </div>
2436 </b:if>
2437</b:includable>
2438 <b:includable id='description'>
2439 <div class='descriptionwrapper'>
2440 <p class='description'><span><data:description/></span></p>
2441 </div>
2442</b:includable>
2443 <b:includable id='title'>
2444 <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
2445 <data:title/>
2446 </b:tag>
2447</b:includable>
2448 </b:widget>
2449 </b:section>
2450
2451 <b:section class='header-right' id='header-right' maxwidgets='1' showaddelement='yes'/>
2452
2453 <div class='clear'/>
2454 </header>
2455
2456
2457 <b:if cond='data:blog.isMobile'>
2458
2459 <div id='mobile-nav'>
2460 <span><a expr:href='data:blog.homepageUrl'>Home</a></span> ·
2461 <span><a href='http://www.lankapo79.com/p/hubungi-saya.html'>Contact</a></span> ·
2462 <span><a href='http://www.lankapo79.com/p/blog-page.html'>Free Ebook</a></span> ·
2463 <span><a href='http://www.lankapo79.com/p/blog-saya.html'>Blog Saya</a></span> ·
2464
2465
2466
2467
2468
2469 </div>
2470
2471 <b:else/>
2472
2473 <nav class='dropdowns'>
2474 <a class='toggleMenu' href='#'><i class='fa fa-th-list'/> Menu</a>
2475
2476
2477 <ul class='nav nav-menu2'>
2478 <li><a class='active' href='/'><i class='fa fa-home'/> Home</a></li>
2479 <li><a href='http://www.lankapo79.com/search/label/buat%20duit%20online'>Duit Online</a></li>
2480 <li><a href='http://www.lankapo79.com/p/blog-page.html'>Free Ebook</a> </li>
2481 <li><a href='http://www.lankapo79.com/search/label/BR1M%202015'>BR1M</a></li>
2482 <li><a href='http://www.lankapo79.com/search/label/Jana%20Income%20Adsense'>Adsense</a></li>
2483 <li><a href='http://www.lankapo79.com/search/label/Travelog'>Travelog</a></li>
2484
2485
2486
2487
2488
2489
2490 </ul>
2491
2492
2493 <form action='/search' id='search-form' method='get'><table><tbody><tr><td class='search-box'><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=''/></td> <td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
2494
2495 </nav>
2496
2497 </b:if>
2498
2499 <div class='clear'/>
2500
2501
2502
2503 <div id='content-wrapper'>
2504
2505 <script async='async' src='https://sdk.truepush.com/sdk/v2/app.js' type='application/javascript'/>
2506<script>
2507var truepush = window.truepush || [];
2508truepush.push(function(){
2509 truepush.Init({
2510 id: "5dc0c61eb91680dd084e9019"
2511 }, function(error){
2512 if(error) console.error(error);
2513 })
2514 })
2515</script>
2516
2517 <b:section class='largebanner' id='largebanner' maxwidgets='1' showaddelement='yes'>
2518 <b:widget id='HTML3' locked='false' title='' type='HTML' version='1'>
2519 <b:includable id='main'>
2520
2521 <b:if cond='data:title != ""'>
2522 <h2 class='title'><data:title/></h2>
2523 </b:if>
2524 <div class='widget-content'>
2525 <data:content/>
2526 </div>
2527
2528 <b:include name='quickedit'/>
2529</b:includable>
2530 </b:widget>
2531 </b:section>
2532
2533
2534 <div id='post-wrapper'>
2535 <div class='post-container'>
2536 <b:section class='main' id='main' showaddelement='no'>
2537 <b:widget id='Blog1' locked='true' title='Catatan Blog' type='Blog' version='1'>
2538 <b:widget-settings>
2539 <b:widget-setting name='commentLabel'>comments</b:widget-setting>
2540 <b:widget-setting name='showShareButtons'>true</b:widget-setting>
2541 <b:widget-setting name='authorLabel'>Posted by</b:widget-setting>
2542 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
2543 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
2544 <b:widget-setting name='timestampLabel'>at</b:widget-setting>
2545 <b:widget-setting name='reactionsLabel'>Reactions:</b:widget-setting>
2546 <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
2547 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
2548 <b:widget-setting name='showLocation'>false</b:widget-setting>
2549 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
2550 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
2551 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
2552 <b:widget-setting name='backlinksLabel'>Links to this post</b:widget-setting>
2553 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
2554 <b:widget-setting name='style.textcolor'>#444444</b:widget-setting>
2555 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
2556 <b:widget-setting name='style.urlcolor'>#8d8d8d</b:widget-setting>
2557 <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
2558 <b:widget-setting name='showAuthor'>true</b:widget-setting>
2559 <b:widget-setting name='style.linkcolor'>#ee4b3d</b:widget-setting>
2560 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
2561 <b:widget-setting name='showLabels'>true</b:widget-setting>
2562 <b:widget-setting name='postLabelsLabel'>Labels:</b:widget-setting>
2563 <b:widget-setting name='showBacklinks'>true</b:widget-setting>
2564 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
2565 <b:widget-setting name='showReactions'>false</b:widget-setting>
2566 </b:widget-settings>
2567 <b:includable id='main' var='top'>
2568 <b:include data='posts' name='breadcrumb'/>
2569 <b:if cond='data:mobile == "false"'>
2570
2571
2572 <div class='blog-posts hfeed'>
2573
2574 <b:include data='top' name='status-message'/>
2575
2576 <data:defaultAdStart/>
2577 <b:loop values='data:posts' var='post'>
2578 <b:if cond='data:post.isDateStart'>
2579 <b:if cond='data:post.isFirstPost == "false"'>
2580 </div></div>
2581 </b:if>
2582 </b:if>
2583 <b:if cond='data:post.isDateStart'>
2584 <div class="date-outer">
2585 </b:if>
2586 <b:if cond='data:post.isDateStart'>
2587 <div class="date-posts">
2588 </b:if>
2589 <div class='post-outer'>
2590 <b:include data='post' name='post'/>
2591
2592<b:if cond='data:post.isFirstPost'>
2593<b:if cond='data:blog.url == data:blog.homepageUrl'>
2594
2595</b:if></b:if>
2596
2597
2598 <b:if cond='data:blog.pageType == "static_page"'>
2599 <b:include data='post' name='comment_picker'/>
2600 </b:if>
2601 <b:if cond='data:blog.pageType == "item"'>
2602 <b:include data='post' name='comment_picker'/>
2603 </b:if>
2604 </div>
2605 <b:if cond='data:post.includeAd'>
2606 <b:if cond='data:post.isFirstPost'>
2607 <data:defaultAdEnd/>
2608 <b:else/>
2609 <data:adEnd/>
2610 </b:if>
2611 <div class='inline-ad'>
2612 <data:adCode/>
2613 </div>
2614 <data:adStart/>
2615 </b:if>
2616 </b:loop>
2617 <b:if cond='data:numPosts != 0'>
2618 </div></div>
2619 </b:if>
2620 <data:adEnd/>
2621 </div>
2622
2623
2624 <b:if cond='data:blog.pageType == "index"'>
2625 <b:include name='page-navi'/>
2626 <b:else/>
2627 <b:if cond='data:blog.pageType == "archive"'>
2628 <b:include name='page-navi'/>
2629 <b:else/>
2630 <b:include name='nextprev'/>
2631 </b:if>
2632 </b:if>
2633
2634
2635
2636 <b:include name='feedLinks'/>
2637
2638 <b:if cond='data:top.showStars'>
2639 <script src='//www.google.com/jsapi' type='text/javascript'/>
2640 <script type='text/javascript'>
2641 google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
2642 function initialize() {
2643 google.annotations.setApplicationId(<data:top.blogspotReviews/>);
2644 google.annotations.createAll();
2645 google.annotations.fetch();
2646 }
2647 google.setOnLoadCallback(initialize);
2648 </script>
2649 </b:if>
2650
2651 <b:else/>
2652 <b:include name='mobile-main'/>
2653 </b:if>
2654
2655 <b:if cond='data:top.showDummy'>
2656 <data:top.dummyBootstrap/>
2657 </b:if>
2658
2659</b:includable>
2660 <b:includable id='backlinkDeleteIcon' var='backlink'>
2661 <span expr:class='"item-control " + data:backlink.adminClass'>
2662 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
2663 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
2664 </a>
2665 </span>
2666</b:includable>
2667 <b:includable id='backlinks' var='post'>
2668 <a name='links'/><h4><data:post.backlinksLabel/></h4>
2669 <b:if cond='data:post.numBacklinks != 0'>
2670 <dl class='comments-block' id='comments-block'>
2671 <b:loop values='data:post.backlinks' var='backlink'>
2672 <div class='collapsed-backlink backlink-control'>
2673 <dt class='comment-title'>
2674 <span class='backlink-toggle-zippy'> </span>
2675 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
2676 <b:include data='backlink' name='backlinkDeleteIcon'/>
2677 </dt>
2678 <dd class='comment-body collapseable'>
2679 <data:backlink.snippet/>
2680 </dd>
2681 <dd class='comment-footer collapseable'>
2682 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
2683 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
2684 </dd>
2685 </div>
2686 </b:loop>
2687 </dl>
2688 </b:if>
2689 <p class='comment-footer'>
2690 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
2691 </p>
2692</b:includable>
2693 <b:includable id='breadcrumb' var='posts'>
2694 <b:if cond='data:blog.homepageUrl != data:blog.url'>
2695 <b:if cond='data:blog.pageType == "static_page"'>
2696 <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
2697 </div>
2698 <b:else/>
2699 <b:if cond='data:blog.pageType == "item"'>
2700 <b:loop values='data:posts' var='post'>
2701 <b:if cond='data:post.labels'>
2702 <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>
2703 </div>
2704 <b:else/>
2705 <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Uncategories</span> » <span><data:post.title/></span></div>
2706 </b:if>
2707 </b:loop>
2708 <b:else/>
2709 <b:if cond='data:blog.pageType == "archive"'>
2710 <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Archive for <data:blog.pageName/></span>
2711 </div>
2712 <b:else/>
2713 <b:if cond='data:blog.searchQuery'>
2714 <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
2715 </div>
2716 <b:else/>
2717 <b:if cond='data:blog.pageType == "index"'>
2718 <div class='breadcrumbs'>
2719 <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>All post</span>
2720 <b:else/>
2721 <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
2722 </b:if>
2723 </div>
2724 </b:if>
2725 </b:if>
2726 </b:if>
2727 </b:if>
2728 </b:if>
2729 </b:if>
2730</b:includable>
2731 <b:includable id='comment-form' var='post'>
2732 <div class='comment-form'>
2733 <a name='comment-form'/>
2734 <b:if cond='data:mobile'>
2735 <h4 id='comment-post-message'>
2736 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
2737 <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
2738 <data:blogTeamBlogMessage/>
2739 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2740 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
2741 <b:else/>
2742 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
2743 <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
2744 <data:blogTeamBlogMessage/>
2745 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2746 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
2747 </b:if>
2748 <data:post.friendConnectJs/>
2749 <data:post.cmtfpIframe/>
2750 <script type='text/javascript'>
2751 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
2752 </script>
2753 </div>
2754</b:includable>
2755 <b:includable id='commentDeleteIcon' var='comment'>
2756 <span expr:class='"item-control " + data:comment.adminClass'>
2757 <b:if cond='data:showCmtPopup'>
2758 <div class='goog-toggle-button'>
2759 <div class='goog-inline-block comment-action-icon'/>
2760 </div>
2761 <b:else/>
2762 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
2763 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
2764 </a>
2765 </b:if>
2766 </span>
2767</b:includable>
2768 <b:includable id='comment_count_picker' var='post'>
2769 <b:if cond='data:post.commentSource == 1'>
2770 <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
2771 </span>
2772 <b:else/>
2773 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
2774 <data:post.commentLabelFull/>:
2775 </a>
2776 </b:if>
2777</b:includable>
2778 <b:includable id='comment_picker' var='post'>
2779 <b:if cond='data:post.commentSource == 1'>
2780 <b:include data='post' name='iframe_comments'/>
2781 <b:else/>
2782 <b:if cond='data:post.showThreadedComments'>
2783 <b:include data='post' name='threaded_comments'/>
2784 <b:else/>
2785 <b:include data='post' name='comments'/>
2786 </b:if>
2787 </b:if>
2788</b:includable>
2789 <b:includable id='comments' var='post'>
2790 <div class='comments' id='comments'>
2791 <a name='comments'/>
2792 <b:if cond='data:post.allowComments'>
2793 <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>
2794
2795 <b:if cond='data:post.commentPagingRequired'>
2796 <span class='paging-control-container'>
2797 <b:if cond='data:post.hasOlderLinks'>
2798 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
2799  
2800 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
2801  
2802 </b:if>
2803
2804 <data:post.commentRangeText/>
2805
2806 <b:if cond='data:post.hasNewerLinks'>
2807  
2808 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
2809  
2810 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
2811 </b:if>
2812 </span>
2813 </b:if>
2814
2815 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
2816 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
2817 <b:loop values='data:post.comments' var='comment'>
2818 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
2819 <b:if cond='data:comment.favicon'>
2820 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
2821 </b:if>
2822 <a expr:name='data:comment.anchorName'/>
2823 <b:if cond='data:blog.enabledCommentProfileImages'>
2824 <data:comment.authorAvatarImage/>
2825 </b:if>
2826 <b:if cond='data:comment.authorUrl'>
2827 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
2828 <b:else/>
2829 <data:comment.author/>
2830 </b:if>
2831 <data:commentPostedByMsg/>
2832 </dt>
2833 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
2834 <b:if cond='data:comment.isDeleted'>
2835 <span class='deleted-comment'><data:comment.body/></span>
2836 <b:else/>
2837 <p>
2838 <data:comment.body/>
2839 </p>
2840 </b:if>
2841 </dd>
2842 <dd class='comment-footer'>
2843 <span class='comment-timestamp'>
2844 <a expr:href='data:comment.url' title='comment permalink'>
2845 <data:comment.timestamp/>
2846 </a>
2847 <b:include data='comment' name='commentDeleteIcon'/>
2848 </span>
2849 </dd>
2850 </b:loop>
2851 </dl>
2852 </div>
2853
2854 <b:if cond='data:post.commentPagingRequired'>
2855 <span class='paging-control-container'>
2856 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
2857 <data:post.oldestLinkText/>
2858 </a>
2859 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
2860 <data:post.olderLinkText/>
2861 </a>
2862  
2863 <data:post.commentRangeText/>
2864  
2865 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
2866 <data:post.newerLinkText/>
2867 </a>
2868 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
2869 <data:post.newestLinkText/>
2870 </a>
2871 </span>
2872 </b:if>
2873
2874 <p class='comment-footer'>
2875 <b:if cond='data:post.embedCommentForm'>
2876 <b:if cond='data:post.allowNewComments'>
2877 <b:include data='post' name='comment-form'/>
2878 <b:else/>
2879 <data:post.noNewCommentsText/>
2880 </b:if>
2881 <b:else/>
2882 <b:if cond='data:post.allowComments'>
2883 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
2884 </b:if>
2885 </b:if>
2886
2887 </p>
2888 </b:if>
2889 <b:if cond='data:showCmtPopup'>
2890 <div id='comment-popup'>
2891 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
2892 </iframe>
2893 </div>
2894 </b:if>
2895
2896 <div id='backlinks-container'>
2897 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
2898 <b:if cond='data:post.showBacklinks'>
2899 <b:include data='post' name='backlinks'/>
2900 </b:if>
2901 </div>
2902 </div>
2903 </div>
2904</b:includable>
2905 <b:includable id='feedLinks'>
2906 <b:if cond='data:blog.pageType != "item"'>
2907 <b:if cond='data:feedLinks'>
2908 <div class='blog-feeds'>
2909 <b:include data='feedLinks' name='feedLinksBody'/>
2910 </div>
2911 </b:if>
2912
2913 <b:else/>
2914 <div class='post-feeds'>
2915 <b:loop values='data:posts' var='post'>
2916 <b:if cond='data:post.allowComments'>
2917 <b:if cond='data:post.feedLinks'>
2918 <b:include data='post.feedLinks' name='feedLinksBody'/>
2919 </b:if>
2920 </b:if>
2921 </b:loop>
2922 </div>
2923 </b:if>
2924</b:includable>
2925 <b:includable id='feedLinksBody' var='links'>
2926 <div class='feed-links'>
2927 <data:feedLinksMsg/>
2928 <b:loop values='data:links' var='f'>
2929 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
2930 </b:loop>
2931 </div>
2932</b:includable>
2933 <b:includable id='iframe_comments' var='post'>
2934
2935 <b:if cond='data:post.allowIframeComments'>
2936 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
2937 <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
2938
2939 <b:if cond='data:post.embedCommentForm == "false"'>
2940 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
2941 </b:if>
2942 </b:if>
2943</b:includable>
2944 <b:includable id='mobile-index-post' var='post'>
2945
2946 <div class='mobile-date-outer date-outer'>
2947
2948 <div class='mobile-post-outer'>
2949
2950 <div class='mobile-index-contents'>
2951 <b:if cond='data:post.thumbnailUrl'>
2952 <div class='mobile-index-thumbnail'>
2953 <div class='Image'>
2954 <img expr:src='data:post.thumbnailUrl'/>
2955 </div>
2956 </div>
2957 <b:else/>
2958 <div class='mobile-index-thumbnail'>
2959 <div class='Image'>
2960 <img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
2961 </div>
2962 </div>
2963 </b:if>
2964
2965 <a expr:href='data:post.url'>
2966 <h3 class='mobile-index-title entry-title' itemprop='name'>
2967 <data:post.title/>
2968 </h3>
2969 </a>
2970
2971 <div class='post-body'>
2972
2973 <div class='post-info'>
2974 <b:if cond='data:top.showAuthor'>
2975 <b:if cond='data:post.authorProfileUrl'>
2976 <span class='author-info'>
2977 <i class='fa fa-user'/>
2978 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2979 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
2980 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
2981 <span itemprop='name'><data:post.author/></span>
2982 </a>
2983 </span>
2984 </span>
2985 <b:else/>
2986 <span class='author-info'>
2987 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2988 <span itemprop='name'><data:post.author/></span>
2989 </span>
2990 </span>
2991 </b:if>
2992 </b:if>
2993 <b:if cond='data:top.showTimestamp'>
2994 <b:if cond='data:post.url'>
2995 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
2996 <span class='time-info'>
2997 <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
2998 </span>
2999 </b:if>
3000 </b:if>
3001 <b:if cond='data:blog.pageType != "item"'>
3002 <b:if cond='data:blog.pageType != "static_page"'>
3003 <b:if cond='data:post.allowComments'>
3004 <span class='comment-info'>
3005 <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if>
3006 </a>
3007 </span>
3008 </b:if>
3009 </b:if>
3010 </b:if>
3011 </div>
3012
3013 </div>
3014 </div>
3015
3016 <div style='clear: both;'/>
3017
3018 </div>
3019
3020 </div>
3021</b:includable>
3022 <b:includable id='mobile-main' var='top'>
3023
3024 <div class='blog-posts hfeed'>
3025
3026 <b:include data='top' name='status-message'/>
3027
3028 <b:if cond='data:blog.pageType != "item"'>
3029 <b:if cond='data:blog.pageType == "static_page"'>
3030 <b:loop values='data:posts' var='post'>
3031 <b:include data='post' name='mobile-post'/>
3032 </b:loop>
3033 <b:else/>
3034 <b:loop values='data:posts' var='post'>
3035 <b:include data='post' name='mobile-index-post'/>
3036 </b:loop>
3037 </b:if>
3038 <b:else/>
3039 <b:loop values='data:posts' var='post'>
3040 <b:include data='post' name='mobile-post'/>
3041 </b:loop>
3042 </b:if>
3043 </div>
3044
3045 <b:include name='mobile-nextprev'/>
3046</b:includable>
3047 <b:includable id='mobile-nextprev'>
3048
3049 <div class='blog-pager' id='blog-pager'>
3050 <b:if cond='data:newerPageUrl'>
3051 <div class='mobile-link-button' id='blog-pager-newer-link'>
3052 <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>
3053 </div>
3054 </b:if>
3055
3056 <b:if cond='data:olderPageUrl'>
3057 <div class='mobile-link-button' id='blog-pager-older-link'>
3058 <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>
3059 </div>
3060 </b:if>
3061
3062 <div class='mobile-link-button' id='blog-pager-home-link'>
3063 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
3064 </div>
3065
3066 <div class='mobile-desktop-link'>
3067 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
3068 </div>
3069
3070 </div>
3071 <div class='clear'/>
3072</b:includable>
3073 <b:includable id='mobile-post' var='post'>
3074
3075 <div class='date-outer'>
3076 <div class='date-posts'>
3077 <div class='post-outer'>
3078
3079 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
3080 <b:if cond='data:post.thumbnailUrl'>
3081 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
3082 </b:if>
3083 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
3084 <meta expr:content='data:post.id' itemprop='postId'/>
3085
3086 <a expr:name='data:post.id'/>
3087 <b:if cond='data:post.title'>
3088 <h3 class='mobile-post-title entry-title' itemprop='name'>
3089 <b:if cond='data:post.link'>
3090 <a expr:href='data:post.link'><data:post.title/></a>
3091 <b:else/>
3092 <b:if cond='data:post.url'>
3093 <b:if cond='data:blog.url != data:post.url'>
3094 <a expr:href='data:post.url'><data:post.title/></a>
3095 <b:else/>
3096 <data:post.title/>
3097 </b:if>
3098 <b:else/>
3099 <data:post.title/>
3100 </b:if>
3101 </b:if>
3102 </h3>
3103 </b:if>
3104
3105 <div class='post-header'>
3106 <div class='post-header-line-1'/>
3107 </div>
3108
3109 <div class='post-info' style='margin-bottom:15px;'>
3110 <b:if cond='data:top.showAuthor'>
3111 <b:if cond='data:post.authorProfileUrl'>
3112 <span class='author-info'>
3113 <i class='fa fa-user'/>
3114 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
3115 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
3116 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
3117 <span itemprop='name'><data:post.author/></span>
3118 </a>
3119 </span>
3120 </span>
3121 <b:else/>
3122 <span class='author-info'>
3123 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
3124 <span itemprop='name'><data:post.author/></span>
3125 </span>
3126 </span>
3127 </b:if>
3128 </b:if>
3129 <b:if cond='data:top.showTimestamp'>
3130 <b:if cond='data:post.url'>
3131 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
3132 <span class='time-info'>
3133 <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
3134 </span>
3135 </b:if>
3136 </b:if>
3137 <b:if cond='data:blog.pageType != "item"'>
3138 <b:if cond='data:blog.pageType != "static_page"'>
3139 <b:if cond='data:post.allowComments'>
3140 <span class='comment-info'>
3141 <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if>
3142 </a>
3143 </span>
3144 </b:if>
3145 </b:if>
3146 </b:if>
3147 </div>
3148
3149 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
3150
3151 <data:post.body/>
3152
3153 <div style='clear: both;'/>
3154
3155 <div id='share-buttons-mobile'>
3156 <p>Share : </p>
3157 <a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
3158 <a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
3159 <a expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'>Twitter</a>
3160 <div class='clear'/>
3161 </div>
3162 <div id='related-posts-mobile'>
3163 <h3>Related Posts :</h3>
3164 <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'/> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
3165 </div>
3166
3167 </div>
3168
3169 </div>
3170
3171 <b:if cond='data:blog.pageType == "static_page"'>
3172 <b:include data='post' name='comment_picker'/>
3173 </b:if>
3174 <b:if cond='data:blog.pageType == "item"'>
3175 <b:include data='post' name='comment_picker'/>
3176 </b:if>
3177 </div>
3178 </div>
3179 </div>
3180</b:includable>
3181 <b:includable id='nextprev'>
3182 <div class='blog-pager' id='blog-pager'>
3183 <b:if cond='data:newerPageUrl'>
3184 <span id='blog-pager-newer-link'>
3185 <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>
3186 </span>
3187 </b:if>
3188
3189 <b:if cond='data:olderPageUrl'>
3190 <span id='blog-pager-older-link'>
3191 <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>
3192 </span>
3193 </b:if>
3194
3195 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
3196
3197 <b:if cond='data:mobileLinkUrl'>
3198 <div class='blog-mobile-link'>
3199 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
3200 </div>
3201 </b:if>
3202
3203 </div>
3204 <div class='clear'/>
3205</b:includable>
3206 <b:includable id='page-navi'>
3207 <div class='pagenavi'>
3208 <script type='text/javascript'>
3209 var pageNaviConf = {
3210 perPage: 5,
3211 numPages: 9,
3212 firstText: "First",
3213 lastText: "Last",
3214 nextText: "Next",
3215 prevText: "Prev"
3216 }
3217 </script>
3218 <script type='text/javascript'>
3219 //<![CDATA[
3220 function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
3221 //]]>
3222 </script>
3223 <div class='clear'/>
3224 </div>
3225 </b:includable>
3226 <b:includable id='post' var='post'>
3227 <article class='post hentry'>
3228
3229 <b:switch var='data:blog.pageType'>
3230 <b:case value='static_page'/>
3231
3232 <div>
3233 <b:if cond='data:post.title'>
3234 <h1 class='post-title entry-title'>
3235 <b:if cond='data:post.link'>
3236 <a expr:href='data:post.link'><data:post.title/></a>
3237 <b:else/>
3238 <b:if cond='data:post.url'>
3239 <b:if cond='data:blog.url != data:post.url'>
3240 <a expr:href='data:post.url'><data:post.title/></a>
3241 <b:else/>
3242 <data:post.title/>
3243 </b:if>
3244 <b:else/>
3245 <data:post.title/>
3246 </b:if>
3247 </b:if>
3248 </h1>
3249 </b:if>
3250 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
3251 <data:post.body/>
3252 <div style='clear: both;'/>
3253 </div>
3254 </div>
3255
3256 <b:case value='item'/>
3257
3258 <div itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
3259 <b:if cond='data:post.firstImageUrl'>
3260 <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
3261 </b:if>
3262 <a expr:name='data:post.id'/>
3263 <b:if cond='data:post.title'>
3264 <h1 class='post-title entry-title' itemprop='name headline'>
3265 <b:if cond='data:post.link'>
3266 <a expr:href='data:post.link'><data:post.title/></a>
3267 <b:else/>
3268 <b:if cond='data:post.url'>
3269 <b:if cond='data:blog.url != data:post.url'>
3270 <a expr:href='data:post.url'><data:post.title/></a>
3271 <b:else/>
3272 <data:post.title/>
3273 </b:if>
3274 <b:else/>
3275 <data:post.title/>
3276 </b:if>
3277 </b:if>
3278 </h1>
3279 </b:if>
3280
3281 <div class='post-info'>
3282 <b:if cond='data:top.showAuthor'>
3283 <b:if cond='data:post.authorProfileUrl'>
3284 <span class='author-info'>
3285 <i class='fa fa-user'/>
3286 <span class='vcard'>
3287 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
3288 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
3289 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
3290 <span itemprop='name'><data:post.author/></span>
3291 </a>
3292 </span>
3293 </span>
3294 </span>
3295 <b:else/>
3296 <span class='author-info'>
3297 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
3298 <span itemprop='name'><data:post.author/></span>
3299 </span>
3300 </span>
3301 </b:if>
3302 </b:if>
3303 <b:if cond='data:top.showTimestamp'>
3304 <b:if cond='data:post.url'>
3305 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
3306 <span class='time-info'>
3307 <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:content='data:post.timestampISO8601' itemprop='datePublished'><b:if cond='data:blog.pageType == "index"'><data:post.timestamp/><b:else/><data:post.dateHeader/></b:if></abbr></a>
3308 </span>
3309 </b:if>
3310 </b:if>
3311 <b:if cond='data:blog.pageType != "item"'>
3312 <b:if cond='data:blog.pageType != "static_page"'>
3313 <b:if cond='data:post.allowComments'>
3314 <span class='comment-info'>
3315 <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if>
3316 </a>
3317 </span>
3318 </b:if>
3319 </b:if>
3320 </b:if>
3321 <b:if cond='data:post.labels'>
3322 <span class='label-info'>
3323 <i class='fa fa-tags'/>
3324 <b:loop values='data:post.labels' var='label'>
3325 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
3326 </b:loop>
3327 </span>
3328 </b:if>
3329 <b:include data='post' name='postQuickEdit'/>
3330 </div>
3331
3332 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
3333
3334
3335
3336
3337
3338<b:if cond='data:blog.pageType == "item"'>
3339<div style='float:centre;padding:20px;'>
3340 </div>
3341</b:if>
3342
3343
3344
3345
3346
3347 <data:post.body/>
3348
3349
3350
3351
3352
3353
3354 <div style='clear: both;'/>
3355
3356
3357
3358 <div style='clear: both;'/>
3359
3360 <b:if cond='data:post.authorAboutMe'>
3361 <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
3362 <b:if cond='data:post.authorPhoto.url'>
3363 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='90px'/>
3364 </b:if>
3365 <div>
3366 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
3367 <span itemprop='name'><data:post.author/></span>
3368 </a>
3369 </div>
3370 <span itemprop='description'><data:post.authorAboutMe/></span>
3371 </div>
3372 </b:if>
3373
3374
3375 <div class='berlangganan-box'>
3376 <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=BilaLankapoMenulis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
3377 <p>Dapatkan update terkini dari saya terus ke email anda:</p><p><input class='email-address' name='email' placeholder='Your email address...' type='text'/></p><input name='uri' type='hidden' value='BilaLankapoMenulis'/>
3378 <input name='loc' type='hidden' value='en_US'/>
3379 <p><input class='submit-email' type='submit' value='Subscribe'/></p>
3380 </form>
3381 </div>
3382
3383
3384 <div class='related-post' id='related-post'/>
3385 <script type='text/javascript'>
3386 var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
3387 "<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
3388 </b:loop></b:if>];
3389 var relatedPostConfig = {
3390 homePage: "<data:blog.homepageUrl/>",
3391 widgetTitle: "<h4>Related Posts :</h4>",
3392 numPosts: 5,
3393 summaryLength: 140,
3394 titleLength: "auto",
3395 thumbnailSize: 60,
3396 noImage: "http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w60-h60-c/no-image.png",
3397 containerId: "related-post",
3398 newTabLink: false,
3399 moreText: "Read More...",
3400 widgetStyle: 2,
3401 callBack: function() {}
3402 };
3403 </script>
3404
3405 </div>
3406 </div>
3407 <b:default/>
3408
3409 <b:if cond='data:post.thumbnailUrl'>
3410 <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><script type='text/javascript'>
3411 document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:blog.title/>"));
3412 </script></div>
3413 </a>
3414 <b:else/>
3415 <b:if cond='data:post.firstImageUrl'>
3416 <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
3417 </a>
3418 <b:else/>
3419 <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h150-c/no-image.png'/></div>
3420 </a>
3421 </b:if>
3422 </b:if>
3423
3424 <div itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
3425 <b:if cond='data:post.firstImageUrl'>
3426 <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
3427 </b:if>
3428 <a expr:name='data:post.id'/>
3429 <b:if cond='data:post.title'>
3430 <h2 class='post-title entry-title' itemprop='name headline'>
3431 <b:if cond='data:post.link'>
3432 <a expr:href='data:post.link'><data:post.title/></a>
3433 <b:else/>
3434 <b:if cond='data:post.url'>
3435 <b:if cond='data:blog.url != data:post.url'>
3436 <a expr:href='data:post.url'><data:post.title/></a>
3437 <b:else/>
3438 <data:post.title/>
3439 </b:if>
3440 <b:else/>
3441 <data:post.title/>
3442 </b:if>
3443 </b:if>
3444 </h2>
3445 </b:if>
3446
3447 <div class='post-info'>
3448 <b:if cond='data:top.showAuthor'>
3449 <b:if cond='data:post.authorProfileUrl'>
3450 <span class='author-info'>
3451 <i class='fa fa-user'/>
3452 <span class='vcard'>
3453 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
3454 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
3455 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
3456 <span itemprop='name'><data:post.author/></span>
3457 </a>
3458 </span>
3459 </span>
3460 </span>
3461 <b:else/>
3462 <span class='author-info'>
3463 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
3464 <span itemprop='name'><data:post.author/></span>
3465 </span>
3466 </span>
3467 </b:if>
3468 </b:if>
3469 <b:if cond='data:top.showTimestamp'>
3470 <b:if cond='data:post.url'>
3471 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
3472 <span class='time-info'>
3473 <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:content='data:post.timestampISO8601' itemprop='datePublished'><b:if cond='data:blog.pageType == "index"'><data:post.timestamp/><b:else/><data:post.dateHeader/></b:if></abbr></a>
3474 </span>
3475 </b:if>
3476 </b:if>
3477 <b:if cond='data:blog.pageType != "item"'>
3478 <b:if cond='data:blog.pageType != "static_page"'>
3479 <b:if cond='data:post.allowComments'>
3480 <span class='comment-info'>
3481 <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if>
3482 </a>
3483 </span>
3484 </b:if>
3485 </b:if>
3486 </b:if>
3487 <b:if cond='data:post.labels'>
3488 <span class='label-info'>
3489 <i class='fa fa-tags'/>
3490 <b:loop values='data:post.labels' var='label'>
3491 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
3492 </b:loop>
3493 </span>
3494 </b:if>
3495 <b:include data='post' name='postQuickEdit'/>
3496 </div>
3497
3498 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody description'>
3499 <div><data:post.snippet/></div>
3500 <a class='readmore' expr:href='data:post.url + "#more"' expr:title='data:post.title'>Read More <i class='fa fa-caret-right'/></a>
3501 <div style='clear: both;'/>
3502 </div>
3503
3504 </div>
3505 </b:switch>
3506 </article>
3507
3508
3509 <b:if cond='data:blog.pageType == "item"'>
3510 <div class='fbbox-comments' style='width:100%;margin-top:20px'>
3511 <div class='fb-comments' data-num-posts='2' data-width='680' expr:data-href='data:blog.url'/>
3512 </div>
3513 </b:if>
3514
3515</b:includable>
3516 <b:includable id='postQuickEdit' var='post'>
3517 <b:if cond='data:post.editUrl'>
3518 <span expr:class='"item-control " + data:post.adminClass'>
3519 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
3520
3521 <b style='color:#EE4B3D;'><i class='fa fa-pencil'/> Edit</b>
3522 </a>
3523 </span>
3524 </b:if>
3525</b:includable>
3526 <b:includable id='shareButtons' var='post'>
3527 <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>
3528</b:includable>
3529 <b:includable id='status-message'>
3530 <b:if cond='data:navMessage'>
3531 <div class='status-msg-wrap'>
3532 <div class='status-msg-body'>
3533 <data:navMessage/>
3534 </div>
3535 <div class='status-msg-border'>
3536 <div class='status-msg-bg'>
3537 <div class='status-msg-hidden'><data:navMessage/></div>
3538 </div>
3539 </div>
3540 </div>
3541 <div style='clear: both;'/>
3542 </b:if>
3543</b:includable>
3544 <b:includable id='threaded-comment-form' var='post'>
3545 <div class='comment-form'>
3546 <a name='comment-form'/>
3547 <b:if cond='data:mobile'>
3548 <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
3549 <data:blogTeamBlogMessage/>
3550 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
3551 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
3552 <b:else/>
3553 <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
3554 <data:blogTeamBlogMessage/>
3555 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
3556 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
3557 </b:if>
3558 <data:post.friendConnectJs/>
3559 <data:post.cmtfpIframe/>
3560 <script type='text/javascript'>
3561 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
3562 </script>
3563 </div>
3564</b:includable>
3565 <b:includable id='threaded_comment_js' var='post'>
3566 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
3567
3568 <script type='text/javascript'>
3569 (function() {
3570 var items = <data:post.commentJso/>;
3571 var msgs = <data:post.commentMsgs/>;
3572 var config = <data:post.commentConfig/>;
3573
3574// <![CDATA[
3575 var cursor = null;
3576 if (items && items.length > 0) {
3577 cursor = parseInt(items[items.length - 1].timestamp) + 1;
3578 }
3579
3580 var bodyFromEntry = function(entry) {
3581 if (entry.gd$extendedProperty) {
3582 for (var k in entry.gd$extendedProperty) {
3583 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
3584 return '<span class="deleted-comment">' + entry.content.$t + '</span>';
3585 }
3586 }
3587 }
3588 return entry.content.$t;
3589 }
3590
3591 var parse = function(data) {
3592 cursor = null;
3593 var comments = [];
3594 if (data && data.feed && data.feed.entry) {
3595 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
3596 var comment = {};
3597 // comment ID, parsed out of the original id format
3598 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
3599 comment.id = id ? id[2] : null;
3600 comment.body = bodyFromEntry(entry);
3601 comment.timestamp = Date.parse(entry.published.$t) + '';
3602 if (entry.author && entry.author.constructor === Array) {
3603 var auth = entry.author[0];
3604 if (auth) {
3605 comment.author = {
3606 name: (auth.name ? auth.name.$t : undefined),
3607 profileUrl: (auth.uri ? auth.uri.$t : undefined),
3608 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
3609 };
3610 }
3611 }
3612 if (entry.link) {
3613 if (entry.link[2]) {
3614 comment.link = comment.permalink = entry.link[2].href;
3615 }
3616 if (entry.link[3]) {
3617 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
3618 if (pid && pid[1]) {
3619 comment.parentId = pid[1];
3620 }
3621 }
3622 }
3623 comment.deleteclass = 'item-control blog-admin';
3624 if (entry.gd$extendedProperty) {
3625 for (var k in entry.gd$extendedProperty) {
3626 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
3627 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
3628 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
3629 comment.displayTime = entry.gd$extendedProperty[k].value;
3630 }
3631 }
3632 }
3633 comments.push(comment);
3634 }
3635 }
3636 return comments;
3637 };
3638
3639 var paginator = function(callback) {
3640 if (hasMore()) {
3641 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
3642 if (cursor) {
3643 url += '&published-min=' + new Date(cursor).toISOString();
3644 }
3645 window.bloggercomments = function(data) {
3646 var parsed = parse(data);
3647 cursor = parsed.length < 50 ? null
3648 : parseInt(parsed[parsed.length - 1].timestamp) + 1
3649 callback(parsed);
3650 window.bloggercomments = null;
3651 }
3652 url += '&callback=bloggercomments';
3653 var script = document.createElement('script');
3654 script.type = 'text/javascript';
3655 script.src = url;
3656 document.getElementsByTagName('head')[0].appendChild(script);
3657 }
3658 };
3659 var hasMore = function() {
3660 return !!cursor;
3661 };
3662 var getMeta = function(key, comment) {
3663 if ('iswriter' == key) {
3664 var matches = !!comment.author
3665 && comment.author.name == config.authorName
3666 && comment.author.profileUrl == config.authorUrl;
3667 return matches ? 'true' : '';
3668 } else if ('deletelink' == key) {
3669 return config.baseUri + '/delete-comment.g?blogID='
3670 + config.blogId + '&postID=' + comment.id;
3671 } else if ('deleteclass' == key) {
3672 return comment.deleteclass;
3673 }
3674 return '';
3675 };
3676
3677 var replybox = null;
3678 var replyUrlParts = null;
3679 var replyParent = undefined;
3680
3681 var onReply = function(commentId, domId) {
3682 if (replybox == null) {
3683 // lazily cache replybox, and adjust to suit this style:
3684 replybox = document.getElementById('comment-editor');
3685 if (replybox != null) {
3686 replybox.height = '250px';
3687 replybox.style.display = 'block';
3688 replyUrlParts = replybox.src.split('#');
3689 }
3690 }
3691 if (replybox && (commentId !== replyParent)) {
3692 document.getElementById(domId).insertBefore(replybox.parentNode, null);
3693 replybox.src = replyUrlParts[0]
3694 + (commentId ? '&parentID=' + commentId : '')
3695 + '#' + replyUrlParts[1];
3696 replyParent = commentId;
3697 }
3698 };
3699
3700 var hash = (window.location.hash || '#').substring(1);
3701 var startThread, targetComment;
3702 if (/^comment-form_/.test(hash)) {
3703 startThread = hash.substring('comment-form_'.length);
3704 } else if (/^c[0-9]+$/.test(hash)) {
3705 targetComment = hash.substring(1);
3706 }
3707
3708 // Configure commenting API:
3709 var configJso = {
3710 'maxDepth': config.maxThreadDepth
3711 };
3712 var provider = {
3713 'id': config.postId,
3714 'data': items,
3715 'loadNext': paginator,
3716 'hasMore': hasMore,
3717 'getMeta': getMeta,
3718 'onReply': onReply,
3719 'rendered': true,
3720 'initComment': targetComment,
3721 'initReplyThread': startThread,
3722 'config': configJso,
3723 'messages': msgs
3724 };
3725
3726 var render = function() {
3727 if (window.goog && window.goog.comments) {
3728 var holder = document.getElementById('comment-holder');
3729 window.goog.comments.render(holder, provider);
3730 }
3731 };
3732
3733 // render now, or queue to render when library loads:
3734 if (window.goog && window.goog.comments) {
3735 render();
3736 } else {
3737 window.goog = window.goog || {};
3738 window.goog.comments = window.goog.comments || {};
3739 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
3740 window.goog.comments.loadQueue.push(render);
3741 }
3742 })();
3743// ]]>
3744 </script>
3745</b:includable>
3746 <b:includable id='threaded_comments' var='post'>
3747 <div class='comments' id='comments'>
3748 <a name='comments'/>
3749 <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>
3750
3751 <div class='comments-content'>
3752 <b:if cond='data:post.embedCommentForm'>
3753 <b:include data='post' name='threaded_comment_js'/>
3754 </b:if>
3755 <div id='comment-holder'>
3756 <data:post.commentHtml/>
3757 </div>
3758 </div>
3759
3760 <p class='comment-footer'>
3761 <b:if cond='data:post.allowNewComments'>
3762 <b:include data='post' name='threaded-comment-form'/>
3763 <b:else/>
3764 <data:post.noNewCommentsText/>
3765 </b:if>
3766 </p>
3767
3768 <b:if cond='data:showCmtPopup'>
3769 <div id='comment-popup'>
3770 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
3771 </iframe>
3772 </div>
3773 </b:if>
3774
3775 <div id='backlinks-container'>
3776 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
3777 <b:if cond='data:post.showBacklinks'>
3778 <b:include data='post' name='backlinks'/>
3779 </b:if>
3780 </div>
3781 </div>
3782 </div>
3783</b:includable>
3784 </b:widget>
3785 </b:section>
3786 </div>
3787
3788
3789<b:if cond='data:blog.pageType == "index"'>
3790<b:if cond='data:blog.searchLabel'><b:else/>
3791<b:section class='recent-post-one-thumb' id='recent-post-one-thumb-1' maxwidgets='1' preferred='yes' showaddelement='no'>
3792 <b:widget id='HTML80' locked='false' mobile='yes' title='Buat Duit Online' type='HTML' version='1'>
3793 <b:widget-settings>
3794 <b:widget-setting name='content'>Google Adsense</b:widget-setting>
3795 </b:widget-settings>
3796 <b:includable id='main'>
3797 <div class='widget-content recent-posts'>
3798 <script>
3799 document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>');
3800 document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>");
3801 </script>
3802
3803 </div>
3804 </b:includable>
3805 </b:widget>
3806</b:section>
3807
3808<b:section class='recent-post-one-thumb' id='recent-post-one-thumb-2' maxwidgets='1' preferred='yes' showaddelement='no'>
3809 <b:widget id='HTML81' locked='false' mobile='yes' title='Jana Income Adsense' type='HTML' version='1'>
3810 <b:widget-settings>
3811 <b:widget-setting name='content'>Jana Income Adsense</b:widget-setting>
3812 </b:widget-settings>
3813 <b:includable id='main'>
3814 <div class='widget-content recent-posts'>
3815 <script>
3816 document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>');
3817 document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>");
3818 </script>
3819
3820 </div>
3821 </b:includable>
3822 </b:widget>
3823</b:section>
3824
3825<div class='clear'/>
3826
3827<b:section class='recent-post-one-thumb' id='recent-post-one-thumb-3' maxwidgets='1' preferred='yes' showaddelement='no'>
3828 <b:widget id='HTML82' locked='false' mobile='yes' title='Panduan isi borang PTPTN' type='HTML' version='1'>
3829 <b:widget-settings>
3830 <b:widget-setting name='content'>PTPTN</b:widget-setting>
3831 </b:widget-settings>
3832 <b:includable id='main'>
3833 <div class='widget-content recent-posts'>
3834 <script>
3835 document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>');
3836 document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>");
3837 </script>
3838
3839 </div>
3840 </b:includable>
3841 </b:widget>
3842</b:section>
3843
3844<b:section class='recent-post-one-thumb' id='recent-post-one-thumb-4' maxwidgets='1' preferred='yes' showaddelement='no'>
3845 <b:widget id='HTML83' locked='false' mobile='yes' title='Panduan eBR1M 2015' type='HTML' version='1'>
3846 <b:widget-settings>
3847 <b:widget-setting name='content'>BR1M 2015</b:widget-setting>
3848 </b:widget-settings>
3849 <b:includable id='main'>
3850 <div class='widget-content recent-posts'>
3851 <script>
3852 document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>');
3853 document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>");
3854 </script>
3855
3856 </div>
3857 </b:includable>
3858 </b:widget>
3859</b:section>
3860<div class='clear'/>
3861
3862<b:section class='recent-post-one-thumb' id='recent-post-one-thumb-5' maxwidgets='1' preferred='yes' showaddelement='no'/>
3863
3864<b:section class='recent-post-one-thumb' id='recent-post-one-thumb-6' maxwidgets='1' preferred='yes' showaddelement='no'/>
3865
3866</b:if>
3867</b:if>
3868<div class='clear'/>
3869
3870
3871 </div>
3872
3873
3874
3875 <aside id='sidebar-wrapper'>
3876 <div class='sidebar-container'>
3877
3878 <div class='set set-1'>
3879 <b:section class='panel panel-1' id='panel-1' maxwidgets='4' preferred='yes'>
3880 <b:widget id='HTML1' locked='false' title='' type='HTML' version='1'>
3881 <b:includable id='main'>
3882
3883 <b:if cond='data:title != ""'>
3884 <h2 class='title'><data:title/></h2>
3885 </b:if>
3886 <div class='widget-content'>
3887 <data:content/>
3888 </div>
3889
3890 <b:include name='quickedit'/>
3891</b:includable>
3892 </b:widget>
3893 <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
3894 <b:widget-settings>
3895 <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
3896 <b:widget-setting name='showThumbnails'>true</b:widget-setting>
3897 <b:widget-setting name='showSnippets'>false</b:widget-setting>
3898 <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
3899 </b:widget-settings>
3900 <b:includable id='main'>
3901 <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
3902 <div class='widget-content popular-posts'>
3903 <ul>
3904 <b:loop values='data:posts' var='post'>
3905 <li>
3906 <b:if cond='!data:showThumbnails'>
3907 <b:if cond='!data:showSnippets'>
3908
3909 <a expr:href='data:post.href'><data:post.title/></a>
3910 <b:else/>
3911
3912 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
3913 <div class='item-snippet'><data:post.snippet/></div>
3914 </b:if>
3915 <b:else/>
3916
3917 <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
3918 <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
3919 <div class='item-thumbnail'>
3920 <a expr:href='data:post.href' target='_blank'>
3921 <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
3922 <img alt='' border='0' expr:src='data:image'/>
3923 </b:with>
3924 </a>
3925 </div>
3926 </b:if>
3927 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
3928 <b:if cond='data:showSnippets'>
3929 <div class='item-snippet'><data:post.snippet/></div>
3930 </b:if>
3931 </div>
3932 <div style='clear: both;'/>
3933 </b:if>
3934 </li>
3935 </b:loop>
3936 </ul>
3937 <b:include name='quickedit'/>
3938 </div>
3939</b:includable>
3940 </b:widget>
3941 </b:section>
3942 <b:section class='panel panel-2' id='panel-2' maxwidgets='4' preferred='yes'>
3943<b:widget id='Label1' locked='false' title='Label' type='Label'>
3944 <b:widget-settings>
3945 <b:widget-setting name='sorting'>FREQUENCY</b:widget-setting>
3946 <b:widget-setting name='display'>CLOUD</b:widget-setting>
3947 <b:widget-setting name='selectedLabelsList'>Ankara,BR1M 2015,Borang Rayuan eBR1M 2015,Cappadocia,Clash Of Clans,EXAM PTD 2014,Game Online,Google Adsense,Istanbul Turkey,Jana Income Adsense,PTPTN,Pakej Rujukan Peperiksaan Online Pegawai Tadbir Diplomatik,Panduan Lulus MUET,Panduan Mohon Online BR1M 2015,Panduan Temuduga,Turki,Ultraman ribut,affiliate,borang br1m online,buat duit dengan affiliate,buat duit online,daftar br1m 2015,e perolehan,eBR1M 2015 Online,free domain,free movie online,jadual cuti malaysia 2016,jadual gaji penjawat awam,permohonan br1m 2015</b:widget-setting>
3948 <b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
3949 <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
3950 </b:widget-settings>
3951 <b:includable id='main'>
3952 <b:if cond='data:title != ""'>
3953 <h2><data:title/></h2>
3954 </b:if>
3955 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
3956 <b:if cond='data:display == "list"'>
3957 <ul>
3958 <b:loop values='data:labels' var='label'>
3959 <li>
3960 <b:if cond='data:blog.url == data:label.url'>
3961 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
3962 <b:else/>
3963 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
3964 </b:if>
3965 <b:if cond='data:showFreqNumbers'>
3966 <span dir='ltr'>(<data:label.count/>)</span>
3967 </b:if>
3968 </li>
3969 </b:loop>
3970 </ul>
3971 <b:else/>
3972 <b:loop values='data:labels' var='label'>
3973 <span expr:class='"label-size label-size-" + data:label.cssSize'>
3974 <b:if cond='data:blog.url == data:label.url'>
3975 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
3976 <b:else/>
3977 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
3978 </b:if>
3979 <b:if cond='data:showFreqNumbers'>
3980 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
3981 </b:if>
3982 </span>
3983 </b:loop>
3984 </b:if>
3985 <b:include name='quickedit'/>
3986 </div>
3987</b:includable>
3988</b:widget>
3989</b:section>
3990 <b:section class='panel panel-3' id='panel-3' maxwidgets='4' preferred='yes'>
3991<b:widget id='BlogArchive1' locked='false' title='Arkib Blog' type='BlogArchive'>
3992 <b:widget-settings>
3993 <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
3994 <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
3995 <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
3996 <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
3997 <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
3998 <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
3999 <b:widget-setting name='chronological'>false</b:widget-setting>
4000 <b:widget-setting name='showPosts'>true</b:widget-setting>
4001 <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
4002 </b:widget-settings>
4003 <b:includable id='main'>
4004 <b:if cond='data:title != ""'>
4005 <h2><data:title/></h2>
4006 </b:if>
4007 <div class='widget-content'>
4008 <div id='ArchiveList'>
4009 <div expr:id='data:widget.instanceId + "_ArchiveList"'>
4010 <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
4011 <b:include cond='data:style == "FLAT"' data='data' name='flat'/>
4012 <b:include cond='data:style == "MENU"' data='data' name='menu'/>
4013 </div>
4014 </div>
4015 <b:include name='quickedit'/>
4016 </div>
4017</b:includable>
4018 <b:includable id='flat' var='data'>
4019 <ul class='flat'>
4020 <b:loop values='data:data' var='i'>
4021 <li class='archivedate'>
4022 <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
4023 </li>
4024 </b:loop>
4025 </ul>
4026</b:includable>
4027 <b:includable id='interval' var='intervalData'>
4028 <b:loop values='data:intervalData' var='interval'>
4029 <ul class='hierarchy'>
4030 <li expr:class='"archivedate " + data:interval.expclass'>
4031 <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
4032 <a class='post-count-link' expr:href='data:interval.url'>
4033 <data:interval.name/>
4034 </a>
4035 <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
4036 <b:include cond='data:interval.data' data='interval.data' name='interval'/>
4037 <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
4038 </li>
4039 </ul>
4040 </b:loop>
4041</b:includable>
4042 <b:includable id='menu' var='data'>
4043 <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
4044 <option value=''><data:title/></option>
4045 <b:loop values='data:data' var='i'>
4046 <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
4047 </b:loop>
4048 </select>
4049</b:includable>
4050 <b:includable id='posts' var='posts'>
4051 <ul class='posts'>
4052 <b:loop values='data:posts' var='post'>
4053 <li><a expr:href='data:post.url'><data:post.title/></a></li>
4054 </b:loop>
4055 </ul>
4056</b:includable>
4057 <b:includable id='toggle' var='interval'>
4058 <a class='toggle' href='javascript:void(0)'>
4059 <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
4060 <b:if cond='data:interval.expclass == "expanded"'>
4061 ▼ 
4062 <b:elseif cond='data:blog.languageDirection == "rtl"'/>
4063 ◄ 
4064 <b:else/>
4065 ► 
4066 </b:if>
4067 </span>
4068 </a>
4069</b:includable>
4070</b:widget>
4071</b:section>
4072 </div>
4073 <div class='clear'/>
4074
4075 <b:section class='sidebar' id='sidebar' preferred='yes'>
4076 <b:widget id='Feed1' locked='false' title='' type='Feed'>
4077 <b:widget-settings>
4078 <b:widget-setting name='feedUrl'>https://jomcarikerja.co/rss.xml</b:widget-setting>
4079 <b:widget-setting name='openLinksInNewWindow'>true</b:widget-setting>
4080 <b:widget-setting name='numItemsShow'>5</b:widget-setting>
4081 <b:widget-setting name='showItemDate'>true</b:widget-setting>
4082 <b:widget-setting name='showItemAuthor'>true</b:widget-setting>
4083 </b:widget-settings>
4084 <b:includable id='main'>
4085 <h2><data:title/></h2>
4086 <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
4087 <span style='filter: alpha(25); opacity: 0.25;'>
4088 <a expr:href='data:feedUrl'><data:loadingMsg/></a>
4089 </span>
4090 </div>
4091 <b:include name='quickedit'/>
4092 </b:includable>
4093 </b:widget>
4094 <b:widget id='LinkList1' locked='false' title='Link Penting' type='LinkList'>
4095 <b:widget-settings>
4096 <b:widget-setting name='link-3'>http://duit.lankapo.com</b:widget-setting>
4097 <b:widget-setting name='sorting'>NONE</b:widget-setting>
4098 <b:widget-setting name='link-4'>https://jomcarikerja.co</b:widget-setting>
4099 <b:widget-setting name='text-1'>Show Me The Money</b:widget-setting>
4100 <b:widget-setting name='link-1'>http://lankapo.com</b:widget-setting>
4101 <b:widget-setting name='text-0'>Panduan Temuduga</b:widget-setting>
4102 <b:widget-setting name='link-2'>http://homestayledang.com</b:widget-setting>
4103 <b:widget-setting name='text-3'>Duit Video</b:widget-setting>
4104 <b:widget-setting name='link-0'>https://panduantemuduga.net/</b:widget-setting>
4105 <b:widget-setting name='text-2'>Homestay Ledang</b:widget-setting>
4106 <b:widget-setting name='text-4'>Jom Cari Kerja Kosong</b:widget-setting>
4107 </b:widget-settings>
4108 <b:includable id='main'>
4109
4110<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
4111 <div class='widget-content'>
4112 <ul>
4113 <b:loop values='data:links' var='link'>
4114 <li><a expr:href='data:link.target'><data:link.name/></a></li>
4115 </b:loop>
4116 </ul>
4117 <b:include name='quickedit'/>
4118 </div>
4119</b:includable>
4120 </b:widget>
4121 <b:widget id='HTML5' locked='false' title='' type='HTML' version='1'>
4122 <b:widget-settings>
4123 <b:widget-setting name='content'><span style="font-family:Georgia, serif;"><div class="mcwidget-embed" data-widget-id="228293"></div></span>
4124
4125<iframe height='454' width='300' frameborder='0' allowtransparency='true' scrolling='no' src='https://www.strava.com/athletes/28541149/latest-rides/9456032ac47d7dfa7b814d240b90f08000a4d8cd'></iframe></b:widget-setting>
4126 </b:widget-settings>
4127 <b:includable id='main'>
4128
4129 <b:if cond='data:title != ""'>
4130 <h2 class='title'><data:title/></h2>
4131 </b:if>
4132 <div class='widget-content'>
4133 <data:content/>
4134 </div>
4135
4136 <b:include name='quickedit'/>
4137</b:includable>
4138 </b:widget>
4139 <b:widget id='FollowByEmail1' locked='false' title='Ingin Dapatkan Info Terkini dan Percuma. Sila tinggalkan email anda' type='FollowByEmail'>
4140 <b:includable id='main'>
4141 <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
4142 <div class='widget-content'>
4143 <div class='follow-by-email-inner'>
4144 <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
4145 <table width='100%'>
4146 <tr>
4147 <td>
4148 <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
4149 </td>
4150 <td width='64px'>
4151 <input class='follow-by-email-submit' type='submit' value='Submit'/>
4152 </td>
4153 </tr>
4154 </table>
4155 <input expr:value='data:feedPath' name='uri' type='hidden'/>
4156 <input name='loc' type='hidden' value='en_US'/>
4157 </form>
4158 </div>
4159 </div>
4160 <span class='item-control blog-admin'>
4161 <b:include name='quickedit'/>
4162 </span>
4163</b:includable>
4164 </b:widget>
4165 </b:section>
4166 </div>
4167 </aside>
4168
4169
4170 </div>
4171
4172 <div class='clear'/>
4173
4174 <aside id='bottombar'>
4175 <b:section class='left' id='left' preferred='yes'>
4176<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
4177 <b:widget-settings>
4178 <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://www.lankapo79.com/', 'title': 'Home', 'position': 0}, '5252863074634042708': {'href': 'http://www.lankapo79.com/p/hubungi-saya.html', 'title': 'Hubungi Saya', 'position': 1}, '2902032047553488891': {'href': 'http://www.lankapo79.com/p/blog-saya.html', 'title': 'Blog Saya', 'position': 2}, '6602482215328118678': {'href': 'http://www.lankapo79.com/p/blog-page.html', 'title': 'Free E-Book ', 'position': 3}, '489973155241847941': {'href': 'https://www.lankapo79.com/p/jana-income-adsense.html', 'title': 'Module 1 Raja Adsense Revive, Buat Duit dengan Goo...', 'position': 4}}]]></b:widget-setting>
4179 <b:widget-setting name='homeTitle'>Home</b:widget-setting>
4180 </b:widget-settings>
4181 <b:includable id='main'>
4182 <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
4183 <div class='widget-content'>
4184 <b:if cond='data:mobile'>
4185 <select expr:id='data:widget.instanceId + "_select"'>
4186 <b:loop values='data:links' var='link'>
4187 <option expr:value='data:link.href'>
4188 <b:attr cond='data:link.isCurrentPage' name='selected' value='selected'/>
4189 <data:link.title/>
4190 </option>
4191 </b:loop>
4192 </select>
4193 <span class='pagelist-arrow'>&#9660;</span>
4194 <b:else/>
4195 <ul>
4196 <b:loop values='data:links' var='link'>
4197 <li>
4198 <b:class cond='data:link.isCurrentPage' name='selected'/>
4199 <a expr:href='data:link.href'><data:link.title/></a>
4200 </li>
4201 </b:loop>
4202 </ul>
4203 </b:if>
4204 <b:include name='quickedit'/>
4205 </div>
4206</b:includable>
4207</b:widget>
4208</b:section>
4209
4210 <b:section class='center' id='center' preferred='yes'>
4211 <b:widget id='HTML4' locked='false' title='' type='HTML' version='1'>
4212 <b:includable id='main'>
4213
4214 <b:if cond='data:title != ""'>
4215 <h2 class='title'><data:title/></h2>
4216 </b:if>
4217 <div class='widget-content'>
4218 <data:content/>
4219 </div>
4220
4221 <b:include name='quickedit'/>
4222</b:includable>
4223 </b:widget>
4224 </b:section>
4225
4226 <b:section class='right' id='right' preferred='yes'/>
4227 </aside>
4228
4229
4230 <footer id='footer-wrapper'>
4231 <div class='footer-left'>
4232 Copyright 2014 <a expr:href='data:blog.homepageUrl' rel='copyright'><data:blog.title/></a>
4233 </div>
4234 <div class='footer-right'>
4235 Powered by <a href='http://www.blogger.com/' title='Blogger'>Blogger.com</a>
4236 </div>
4237 </footer>
4238
4239
4240 </div>
4241
4242
4243<div class='back-to-top'><a href='#' id='back-to-top' title='back to top'>
4244 <i class='fa fa-chevron-up'/>
4245</a></div>
4246
4247<script>
4248$(window).scroll(function() {
4249 if($(this).scrollTop() > 200) {
4250 $('#back-to-top').fadeIn();
4251 } else {
4252 $('#back-to-top').fadeOut();
4253 }
4254});
4255
4256$('#back-to-top').hide().click(function() {
4257 $('html, body').animate({scrollTop:0}, 1000);
4258 return false;
4259});
4260</script>
4261
4262<script type='text/javascript'>
4263//<![CDATA[
4264var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
4265//]]>
4266</script>
4267
4268<script type='text/javascript'>
4269//<![CDATA[
4270/*! Matt Tabs v2.2.1 | https://github.com/matthewhall/matt-tabs */
4271!function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
4272//]]>
4273</script>
4274<b:if cond='data:blog.pageType == "item"'>
4275<script type='text/javascript'>
4276//<![CDATA[
4277/*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
4278var 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]);
4279//]]>
4280</script>
4281</b:if>
4282
4283 </body>
4284</html>