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