· 6 years ago · Oct 14, 2019, 09:56 AM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
4<head>
5<!-- [ Meta Tag SEO ] -->
6<meta charset='utf-8'/>
7<meta content='width=device-width, initial-scale=1' name='viewport'/>
8<meta content='blogger' name='generator'/>
9<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
10<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
11<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
12<link expr:href='data:blog.url' rel='canonical'/>
13<b:if cond='data:blog.pageType == "index"'>
14<title><data:blog.pageTitle/></title>
15<b:else/>
16<b:if cond='data:blog.pageType != "error_page"'>
17<title><data:blog.pageName/> - <data:blog.title/></title>
18</b:if></b:if>
19<b:if cond='data:blog.pageType == "error_page"'>
20<title>Page Not Found - <data:blog.title/></title>
21</b:if>
22<b:if cond='data:blog.pageType == "archive"'>
23<meta content='noindex' name='robots'/>
24</b:if>
25<b:if cond='data:blog.searchLabel'>
26<meta content='noindex,nofollow' name='robots'/>
27</b:if>
28<b:if cond='data:blog.isMobile'>
29<meta content='noindex,nofollow' name='robots'/>
30</b:if>
31<b:if cond='data:blog.pageType != "error_page"'>
32<meta expr:content='data:blog.metaDescription' name='description'/>
33<b:if cond='data:blog.homepageUrl != data:blog.url'>
34<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
35</b:if></b:if>
36<b:if cond='data:blog.url == data:blog.homepageUrl'>
37<meta content='xxxxx' name='keywords'/></b:if>
38<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
39<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
40<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
41<b:if cond='data:blog.pageType == "item"'>
42<b:if cond='data:blog.postImageThumbnailUrl'>
43<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
44</b:if></b:if>
45<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
46<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
47<link href='https://plus.google.com/xxxxx/about' rel='author'/>
48<link href='https://plus.google.com/xxxxx' rel='me'/>
49<meta content='xxxxx' name='google-site-verification'/>
50<meta content='xxxxx' name='msvalidate.01'/>
51<meta content='xxxxx' name='alexaVerifyID'/>
52<meta content='Indonesia' name='geo.placename'/>
53<meta content='xxxxx' name='Author'/>
54<meta content='general' name='rating'/>
55<meta content='id' name='geo.country'/>
56
57<!-- [ Social Media meta tag ] -->
58<b:if cond='data:blog.url == data:blog.homepageUrl'>
59<b:if cond='data:blog.pageType == "item"'>
60<b:if cond='data:blog.pageType == "static_page"'>
61<b:if cond='data:blog.url'>
62<meta expr:content='data:blog.url' property='og:url'/>
63</b:if>
64<meta expr:content='data:blog.title' property='og:site_name'/>
65<b:if cond='data:blog.pageName'>
66<meta expr:content='data:blog.pageName' property='og:title'/>
67</b:if></b:if></b:if></b:if>
68<meta expr:content='data:blog.pageTitle' property='og:title'/>
69<b:if cond='data:blog.pageType == "item"'>
70<meta content='article' property='og:type'/>
71<b:else/>
72<meta content='website' property='og:type'/>
73</b:if>
74<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
75<b:if cond='data:blog.postImageUrl'>
76<meta expr:content='data:blog.postImageUrl' property='og:image'/>
77<b:else/>
78<b:if cond='data:blog.postImageThumbnailUrl'>
79<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
80<b:else/>
81<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
82</b:if></b:if>
83<b:if cond='data:blog.metaDescription'>
84<meta expr:content='data:blog.metaDescription' property='og:description'/>
85<b:else/>
86<meta content='xxxxx' property='og:description'/>
87</b:if>
88<meta expr:content='data:blog.title' property='og:site_name'/>
89<meta content='562901580420523' property='fb:app_id'/>
90<meta content='100005787193074' property='fb:admins'/>
91<meta content='en_US' property='og:locale'/>
92<meta content='en_GB' property='og:locale:alternate'/>
93<meta content='id_ID' property='og:locale:alternate'/>
94<meta content='summary' name='twitter:card'/>
95<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
96<meta content='xxxxx' name='twitter:site'/>
97<meta content='xxxxx' name='twitter:creator'/>
98
99<b:skin><![CDATA[
100/*
101Theme Name : Vienna Lite 2
102Theme Publish : 30 Juli 2015
103Theme Base Color : White and Blue
104Theme Layout : 2 Column
105Theme Designer : Arlina Design
106Designer URL : www.arlinadzgn.com
107Thanks to : All supported
108Theme License : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
109However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
110http://creativecommons.org/licenses/by/3.0/
111*/
112/* CSS Reset */
113html,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;}
114/* CSS HTML5 */
115article,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{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
116/* CSS Framework */
117*, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
118.navbar,.post-feeds,.feed-links{display:none;}
119.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
120strong,b{font-weight:bold;padding:0;transition:color 0.2s;}
121strong,b:hover{left:-0.1em;content: '[';-webkit-transform: translateX(-100%);transform: translateX(-100%);}
122cite,em,i{font-style:italic;}
123a:link{color:#cf4d35;text-decoration:none;outline:none;transition:all 0.25s;}
124a:visited{color:#303030;text-decoration:none;}
125a:link:hover{color:#303030;text-decoration:none;}
126a:visited:hover{color:#cf4d35;text-decoration:none;}
127a img{border:none;border-width:0;outline:none;}
128img{max-width:100%;vertical-align:middle;border:0;}
129abbr,acronym{border-bottom:1px dotted;cursor:help;}
130sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
131sub{top:.4em;}small{font-size:86%;}
132kbd {display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0.1em 0.5em;margin:0 0.2em;box-shadow:0 1px 0px rgba(0,0,0,0.2), 0 0 0 2px #fff inset;background-color:#f7f7f7;}
133mark{background-color:#ffce00;color:#182025;}
134p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
135hr{height:1px;border:none;background-color:#999;}
136code,kbd,pre,samp{font-family:monospace,monospace;}
137pre{white-space:pre;word-wrap:normal;overflow:auto;}
138blockquote{position:relative;line-height:2;margin:15px 0;border-left:3px solid #c69f73;font-weight:400;padding:0 18px;color:#999}
139*:focus {outline:0!important;}
140kbd,blockquote,pre,pre.code,.post-body table td{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
141/* CSS Blog Heading */
142h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
143h1{font-size:200%}
144h2{font-size:180%}
145h3{font-size:160%}
146h4{font-size:140%}
147h5{font-size:120%}
148h6{font-size:100%}
149/* CSS Form */
150input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}
151textarea{display:block;box-sizing:border-box;}
152input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-moz-placeholder,textarea:-moz-placeholder,input.placeholder_text,textarea.placeholder_text{color:#888}[placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}
153/* Print Styling */
154@media print {
155*{background:transparent!important;color:#000!important;box-shadow:none !important;text-shadow:none !important}
156a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}
157@page {margin:0.5cm;}
158p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
159/* CSS List */
160ul,dl{margin:.5em 0em .5em 3em}
161ol{list-style:decimal outside}
162ul{list-style:disc outside}
163li{margin:.5em 0}
164dt{font-weight:bold}
165dd{margin:0 0 .5em 2em}
166.post ul li span{position:relative;display:block;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s;}
167ol {counter-reset:li;list-style:none;font:15px 'Open Sans', 'lucida sans';padding:0;margin:1.5em 0;text-shadow:0 1px 0 rgba(255,255,255,.5);}
168ol ol {margin: 0 0 0 2em;}
169.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out;}
170.post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;height:2em;width:2em;text-align:center;}
171/* CSS Post Table */
172.post-body table td, .post-body table caption{border:1px solid #e6e6e6;padding:10px;text-align:left;vertical-align:top;}
173.post-body table th {border:1px solid #009abf;padding:10px;text-align:left;vertical-align:top;}
174.post-body table.tr-caption-container {border:1px solid #eee;}
175.post-body th{font-weight:700;}
176.post-body table caption{border:none;font-style:italic;}
177.post-body table{}
178.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;}
179.post-body th{background:#00acd6;color:#fff;}
180.post-body th:hover{background:#009fc6;}
181.post-body td a{color:#444;}
182.post-body td a:hover{color:#cf4d35;}
183.post-body table.tr-caption-container td {border:none;padding:8px;}
184.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
185.post-body li {list-style-type:square;}
186.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
187img {max-width:100%;height:auto;border:none;}
188table {max-width:100%;width:100%;margin:1.5em auto;}
189table.section-columns td.first.columns-cell{border-left:none}
190table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
191table.columns-2 td.columns-cell{width:50%}
192table.columns-3 td.columns-cell{width:33.33%}
193table.columns-4 td.columns-cell{width:25%}
194table.section-columns td.columns-cell{vertical-align:top}
195table.tr-caption-container{padding:4px;margin-bottom:.5em}
196td.tr-caption{font-size:80%}
197.widget ul {padding:0;}
198/* CSS Global Wrapper */
199body {background:#2f3440 none repeat scroll top left;margin:0;padding:0;color:#404040;font-family:'Open Sans';font-size:14px;font-weight:400;text-align:left;}
200#viennalite-wrapper {max-width:1060px;margin:0 auto;padding:0;overflow:hidden;}
201#header-wrapper {margin:20px;overflow:hidden;}
202#header {float:left;width:100%;max-width:257px;}
203.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
204max-width:728px;}
205.header-wrapper2 {position:relative;z-index:999;}
206.viennalitetop-wrapper {overflow:hidden;position:relative;}
207#footer-wrapper {text-align:left;overflow:hidden;margin:0;}
208.footer {padding-bottom:.2em;}
209.footer-bottom {min-height:40px;}
210#footx1,#footx2,#footx3 {margin:0 .2%}
211#footer-widgetpro .footer-widget {width:30.2%;float:left;margin-left:20px;}
212#footer-widgetpro {max-width:1060px;overflow:hidden;margin:0 auto;}
213#footer-wrapper .widget-content li {margin-left:-14px;}
214#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 15px;display:block;}
215]]></b:skin>
216
217<b:template-skin>
218<![CDATA[
219/* CSS Body Layout */
220#layout ul,body#layout div.section h4,#layout div.section h4,body#layout ul,body#layout .top-tab-widget-menu ul {display:none;}
221#layout,#layout .widget-content,#layout .add_widget {border:none;}
222#layout .add_widget a {color:#444;}
223#layout:before {content:'Vienna Lite 2';text-transform:uppercase;font-size:20px;color:#999;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
224#layout #header-wrapper{min-height:0px;width:100%;margin:10px 0 0 0;}
225#layout #footer-wrapper{padding:20px 0;overflow:visible;background:#fdfdfd;border-top:1px solid #ccc;}
226#layout #footer-wrapper .add_widget {background-color:#8b9898;border:none;}
227#layout #footer-wrapper .add_widget a,#layout div#mag-wrapper .add_widget a,#layout div#mag-wrapper2 .add_widget a {color:#fff;}
228#layout #footer-wrapper .footer-column{width:33.33%;float:left}
229#layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}
230#layout #footer-wrapper:before {content:'Footer Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
231#layout div#post-wrapper:before {content:'Post Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
232#layout #main-wrapper{width:70%;float:left}
233#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
234#layout #sidebar-wrapper:before {content:'Sidebar Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
235#layout .draggable-widget .widget-wrap2 {background:#c1cfd9;}
236#layout #banner,#layout #banner2 {background-color:#5f6868;padding:20px 0!important;margin-bottom:20px;}
237#layout #banner:before,#layout #banner2:before{content:'Ad Slot 970x90';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}
238#layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
239#layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
240#layout div#mag-wrapper .add_widget,#layout div#mag-wrapper2 .add_widget{background-color:#649fd0;border:none}
241iframe#editorframe,#editorframe {width:1000px!important;;}
242body#layout div#post-wrapper,body#layout #post-wrapper,#layout #post-wrapper {float:left;width:70%;}
243body#layout div.section,#layout div.section{background-color:transparent;border:0;font-family:sans-serif;margin:0;overflow:visible;padding:0;position:relative}
244body#layout #viennalite-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar-two,body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0;}
245body#layout #main{position:relative;background-color:#636798;padding:20px 10px!important;margin-bottom:20px;clear:both}
246body#layout #main:before{content:'Recent Post';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:block;font-weight:400;font-family:sans-serif}
247body#layout .vita-list {float:left;width:79px;}
248body#layout .header-wrapper {margin-top:0;}
249body#layout #navigation {float:left;width:100%;}
250body#layout .vita-list {float:left;width:100%;}
251body#layout #header-wrapper {min-height:0px;width:100%;}
252body#layout #header {width:30%;}
253body#layout #header-right {width:70%;}
254body#layout #vita-list-1, body#layout #vita-list-2 {width:50%;float:left;}
255body#layout .add_widget {border:1px solid #ddd;}
256body#layout #carousel {background-color:#f9aa4f;padding:20px 0!important;margin-bottom:20px;}
257body#layout #carousel:before{content:'Slider';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}
258body#layout div#mag-wrapper,body#layout div#mag-wrapper2{width:100%;position:relative;display:inline-block;background-color:#78b9ef;padding:20px 0 !important;margin-bottom:20px;clear:both}
259body#layout div#mag-wrapper:before,body#layout div#mag-wrapper2:before{content:'Mag Section';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:block;font-weight:400;font-family:sans-serif}
260body#layout #viennaprobox-1,body#layout #viennaprobox-2,body#layout #viennaprobox-3,body#layout #viennaprobox-4,body#layout #viennaprobox-5,body#layout #viennaprobox-6{width:48%;margin:4px;float:left;display:list-item;list-style:none}
261body#layout #main,body#layout #main2{position:relative;background-color:#636798;padding:20px 10px !important;margin-bottom:20px;clear:both}
262body#layout #main2{background-color:#84c0a0}
263]]></b:template-skin>
264
265<style type='text/css'>
266/* CSS Fix */
267#navbar-iframe,#ContactForm1,#ContactForm1 br,.quickedit,#Attribution1 {display:none;visibility:hidden}
268.clear {clear:both;}
269.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
270header,nav,section,aside,article,footer {display:block;}
271form.searchform {margin:0;}
272.widget ul {line-height:1.4em;}
273.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #e6e6e6;font-size:12px;}
274.status-msg-wrap {width:100%;margin:auto;}
275.status-msg-body {padding:20px 2%;width:96%;background:#fff;}
276.status-msg-border {border:none;opacity:1;width:auto;}
277.status-msg-bg {background-color:#fff;}
278.status-msg-hidden {padding:20px 2%;}
279.rich-snippet {padding:10px;margin:15px 0 0;border:none;font-size:12px;}
280span.post-count {font-size:11px;color:#666;}
281.CSS_LIGHTBOX {z-index:999999!important;}
282.CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}
283
284/* CSS Outer Wrapper */
285#viennalite-wrapper {background:#fefefe;max-width:1060px;margin:0 auto 20px auto;padding:0;overflow:hidden;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;box-shadow:0 0 0 1px rgba(0,0,0,.1);}
286
287/* CSS Content Wrapper */
288#content-wrapper {margin:auto;padding:0;word-wrap:break-word;}
289
290/* CSS Top Menu Wrapper */
291.vitop-wrapper {padding:0;position:relative;max-width:1060px;margin:0 auto;}
292.viennalitetop-wrapper{background:#21252d;border-bottom:1px solid #3a404f;position:relative;overflow:hidden;padding:10px 0}
293.header-wrapper2 {margin:0 auto;padding:0}
294.top-menulite {display:block;margin:0 auto;float:left;padding:0;width:100%;background:transparent;}
295.top-menulite ul {width:100%;padding:0;margin:0;text-align:left;}
296.top-menulite li {list-style-type:none;float:left;padding:0;margin:0;}
297.top-menulite li a{position:relative;color:#fff;display:block;margin:0;padding:10px 14px;line-height:100%;transition:all .3s}
298.top-menulite ul li a:active, .top-menulite ul li.highlight a {text-decoration:none;}
299.top-menulite ul li a:hover{background:#3f414a;color:#fff;text-decoration:none}
300.top-menulite li.doremifa {float:right;margin-left:3px;}
301.top-menulite li.doremifa a{padding:0;width:32px;height:32px;line-height:32px;text-align:center}
302.top-menulite li.doremifa a i{text-align:center;color:#fff;}
303.top-menulite li.doremifa a:hover i{color:#fff;}
304.top-menulite li.doremifa.join{background:#f29400;}
305.top-menulite li.doremifa.deviantart{background:#617767;}
306.top-menulite li.doremifa.gplus{background:#f20000;}
307.top-menulite li.doremifa.twitter{background:#00baff;}
308.top-menulite li.doremifa.facebook{background:#516ca4;}
309.top-menulite li.doremifa a i,.top-menulite li.doremifa a:hover i{color:#fff;}
310.top-menulite a#pull {display:none;}
311
312/* CSS Header Wrapper */
313#header-wrapper {margin:auto;padding:0;overflow:hidden;background:#272b35;}
314.header-wrapp {margin:auto;padding:20px 0 40px 0;max-width:1060px;overflow:hidden;}
315#header {float:left;width:100%;max-width:30%;color:#fff;margin:0;}
316#header h1, #header h2, #header p {font-family:'Roboto Condensed';font-size:280%;font-weight:700;color:#fff;}
317#header a {color:#fff;text-decoration:none;transition:all 0.3s ease-out;}
318#header a:hover {color:#eee;}
319#header .description {font-size:100%;font-weight:400;color:#eee;line-height:normal;margin:0;}
320.header img {display:block;}
321.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
322max-width:728px;}
323.header-right img {display:block;border:1px solid rgba(0,0,0,.5);}
324.Header h1,.Header h2 {margin-bottom:10px;}
325
326/* CSS Main Menu */
327.slide-menu {display:none;background:#3a89b9;padding:0 15px;height:60px;line-height:60px;color:#fff!important;}
328.slide-menu:hover {background:#3a89b9;}
329#nav{font-family:'Roboto Condensed';font-weight:700;text-transform:uppercase;letter-spacing:.2px;background:#272b35;height:60px;line-height:60px;margin:0 auto;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
330#nav2{max-width:1060px;margin:0 auto;background:#4399cd;height:60px;line-height:60px}
331.vienna-menulite {background:#4399cd;list-style:none;margin:0;float:left;}
332.vienna-menulite:before,.vienna-menulite:after {content: " ";display:table;}
333.vienna-menulite:after {clear:both;}
334.vienna-menulite a {display:block;padding:0 15px;}
335.vienna-menulite li {position:relative;margin:0;}
336.vienna-menulite > li {float:left;}
337.vienna-menulite > li > a {display:block;height:60px;line-height:60px;color:#fff;}
338.vienna-menulite > li > a.active {background:#4fa8dc;padding:0 20px;}
339.vienna-menulite > li:hover > a,.vienna-menulite > li:hover > a.active {background:#4fa8dc;color:#fff;}
340.vienna-menulite > li > a.active i {transform:scale(1.0);backface-visibility:hidden;vertical-align:middle;}
341.vienna-menulite > li > a.active i:hover {transform:scale(0.95);}
342.vienna-menulite ul {list-style:none;margin:0;min-width:10em;}
343.vienna-menulite li ul {background:#fafafa;display:block;position:absolute;left:0;top:80%;z-index:10;visibility:hidden;opacity:0;transition:all .3s;}
344.vienna-menulite li li ul {left:110%;top:0;}
345.vienna-menulite li ul li{position:relative;margin:0;}
346.vienna-menulite > li.hover > ul {visibility:visible;opacity:1;top:100%;}
347.vienna-menulite li li.hover ul {visibility:visible;opacity:1;left:100%;}
348.vienna-menulite li li a {display:block;color:#666;position:relative;z-index:100;height:42px;line-height:42px;font-weight:400;text-transform:none;transition:all .3s;;}
349.vienna-menulite li li a:hover {background:#4399cd;color:#fff;}
350.vienna-menulite li li li a {z-index:20;}
351.vienna-menulite li .parent:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;transition:all .3s;}
352.vienna-menulite li:hover .parent:after{content:"\f106";color:#fff;}
353.vienna-menulite li:hover ul li .parent:after {content: "\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;color:#4399cd;float:right;transition:all .3s;}
354.vienna-menulite li ul li .parent:hover:after {content: "\f105";color:#fff;}
355#search-form {float:right;margin:0 10px;width:230px;}
356#search-form table {width:100%;margin:0 0 0 0;}
357#search-form td.search-box {padding-right:30px;}
358#search-form input#search-box[type="text"] {background:transparent;height:36px;line-height:36px;margin:5px 0 5px 10px;padding:0 10px;width:100%;color:#fff;border:0;font-size:95%;transition:all .5s;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;}
359#search-form input#search-button[type="submit"]{font-family:FontAwesome;background:transparent;color:#fff;line-height:38px;padding:0 16px;border:0;outline:none;font-size:14px;transition:all .25s;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
360#search-form input#search-button[type="submit"]:hover{cursor:pointer;}
361#search-form input#search-box[type="text"]:focus {background:#fff;color:#444;outline:none;}
362
363/* CSS Post Wrapper */
364#post-wrapper {background:#fff;color:#444;float:left;width:68%;border-right:1px solid #e9e9e9;}
365.post-inner {padding:0;}
366.breadcrumbs{position:relative;background:none repeat scroll 0 0 #fff;border-bottom:1px solid #e3e3e3;border-radius:2px;font-size:80%;height:22px;line-height:22px;margin-top:1px;overflow:hidden;padding:5px;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
367.breadcrumbs>span {position:relative;padding:10px 15px;}
368.breadcrumbs>span:last-child{background:none repeat scroll 0 0 transparent;color:#333}
369.breadcrumbs a{color:#333}
370.breadcrumbs a:hover{color:#7fa8f0}
371.breadcrumbs>span:before, .breadcrumbs>span:after {z-index:1;content: " ";border:19px solid transparent;height:0;width:0;right:-26px;top:-1px;position:absolute;border-left-color:#e3e3e3;}
372.breadcrumbs>span:before {border-left-color:#e9e9e9;}
373.breadcrumbs>span:after {float:left;border-left-color:#fff;right:-24px;border-width:18px;top:0;}
374.post {background:#fff;margin:0;padding:20px;}
375.post-body{line-height:1.7em;color:#444;margin-top:15px;font-size:15px}
376.post-body img {max-width:95%;margin:0 auto;height:auto;}
377h3.post-title, h2.post-title, h1.post-title {font-family:'Roboto Condensed',sans-serif;font-size:20px;font-weight:400;text-align:center;padding:15px;}
378h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#999;}
379h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#cf4d35!important;}
380.viennalite-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;text-align:left;padding:0;box-shadow:none;}
381.viennalite-info a {display:inline;background:transparent;color:#666;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
382.viennalite-info a:hover {color:#cf4d35;}
383.author-info, .time-info, .comment-info, .label-info, .review-info {margin-right:0;display:inline-block;color:#666;padding:10px 5px;}
384.timestamp-link abbr {border-bottom:none;}
385#blog-pager-newer-link{float:left;padding:0 0 0 15px;}
386#blog-pager-older-link{float:right;padding:0 15px 0 0;}
387.blog-pager,#blog-pager{clear:both;text-align:center}
388.feed-links{clear:both;line-height:2.5em;}
389span.post-author.vcard {visibility:hidden;width:0;height:0;}
390.post-header, .post-footer {line-height:initial;width:0;height:0;}
391
392/* CSS Sidebar Wrapper */
393#sidebar-wrapper {background:#fff;float:right;width:32%;margin:auto;border-bottom:1px solid #e9e9e9;}
394.sidebar-inner {padding:20px;}
395.sidebar .widget-content,.sidebar-two .widget-content {padding:20px 0;}
396.sidebar h2,.sidebar-two h2,.sidebar h3,.sidebar-two h3{overflow:hidden;position:relative;font-family:'Roboto Condensed';font-size:16px;font-weight:700;padding:10px 0;margin:0;text-transform:uppercase;display:block;background:#fff;border-bottom:2px solid #444;transition:All .3s ease-out}
397.sidebar h2:after,.sidebar-two h2:after,.sidebar h3:after,.sidebar-two h3:after{content:'';display:inline-block;position:absolute;height:14px;top:0;margin:12px 0 12px 10px;width:100%;background:url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat}
398.sidebar .widget,.sidebar-two .widget {background:#fff;margin:0 0 20px;}
399.sidebar ul, .sidebar ol,.sidebar-two ul, .sidebar-two ol {list-style-type:none;margin:0;padding:0;}
400.sidebar li,.sidebar-two li {margin:5px 0;padding:0;}
401
402/* CSS Popular Post */
403.item-snippet {display:none;}
404.PopularPosts .item-thumbnail{margin:0;}
405#PopularPosts1 h2,#PopularPosts2 h2 {margin:0;}
406.PopularPosts .popular-posts ul li{list-style:none;overflow:hidden;margin:0 0 10px;padding:10px 0 0;border-top:1px solid #e3e3e3;}
407.PopularPosts .popular-posts ul li:first-child{border-top:0}
408#PopularPosts1 .popular-posts,#PopularPosts2 .popular-posts {position:relative;}
409.PopularPosts .popular-posts ul li a {color:#444;transition:all .3s}
410.PopularPosts .popular-posts ul li a:hover {color:#444;text-decoration:underline}
411.PopularPosts .item-title{display:table-cell;vertical-align:middle;line-height:normal;text-overflow:ellipsis;padding:0 0 0 10px}
412.PopularPosts .item-thumbnail img {display:block;float:left;width:72px;height:auto;padding:0;}
413.popular-posts ul {padding-left:0;}
414
415/* CSS Footer Wrapper */
416#footer-wrapper{position:relative;z-index:21;text-align:center;overflow:hidden;}
417#footer-last{overflow:hidden;background:#21252d;padding:30px;margin:15px 0 0}
418#footer-last2 {max-width:1060px;margin:auto;}
419#virightcredit,.vieleftcredit {display:inline-block;margin:0;color:#8f9aa1;}
420#virightcredit a,.vieleftcredit a {color:#8f9aa1;text-decoration:none;}
421#virightcredit a:hover,.vieleftcredit a:hover {color:#c0ccd3;text-decoration:underline;}
422
423/* CSS label */
424.widget-content.cloud-label-widget-content {display:inline-block;width:100%;}
425.widget-content.cloud-label-widget-content {display:inline-block;}
426.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
427.cloud-label-widget-content{text-align:left;padding:10px;}
428.label-count {white-space:nowrap;display:inline-block;}
429#sidebar-wrapper .Label li{position:relative;background:#fff;color:#444;padding:0;margin:0;text-align:left;width:100%;transition:all .3s ease-out}
430#sidebar-wrapper .Label li:hover {background:#fff;color:#cf4d35;}
431#sidebar-wrapper .Label li:before {content:"";position:absolute;width:0;height:100%;background:#4fafe9;transition:all .2s ease-in-out;}
432#sidebar-wrapper .Label li:hover:before {width:100%;}
433#sidebar-wrapper .Label li a{padding:0 0 0 20px;display:block;position:relative;line-height:42px;color:#787878;text-decoration:none;transition:all .3s ease-out}
434#sidebar-wrapper .Label li a:hover {color:#fff;}
435#sidebar-wrapper .Label li span{float:right;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#4fafe9;color:#FFF;position:absolute;top:0;right:0;z-index:2}
436#sidebar-wrapper .Label li:nth-child(1) span,#sidebar-wrapper .Label li:nth-child(1):before,#sidebar-wrapper .Label li:nth-child(7) span,#sidebar-wrapper .Label li:nth-child(7):before {background:#ca85ca;}
437#sidebar-wrapper .Label li:nth-child(2) span,#sidebar-wrapper .Label li:nth-child(2):before,#sidebar-wrapper .Label li:nth-child(8) span,#sidebar-wrapper .Label li:nth-child(8):before {background:#e54e7e;}
438#sidebar-wrapper .Label li:nth-child(3) span,#sidebar-wrapper .Label li:nth-child(3):before,#sidebar-wrapper .Label li:nth-child(9) span,#sidebar-wrapper .Label li:nth-child(9):before {background:#61c436;}
439#sidebar-wrapper .Label li:nth-child(4) span,#sidebar-wrapper .Label li:nth-child(4):before,#sidebar-wrapper .Label li:nth-child(10) span,#sidebar-wrapper .Label li:nth-child(10):before {background:#f4b23f;}
440#sidebar-wrapper .Label li:nth-child(5) span,#sidebar-wrapper .Label li:nth-child(5):before,#sidebar-wrapper .Label li:nth-child(11) span,#sidebar-wrapper .Label li:nth-child(11):before {background:#46c49c;}
441#sidebar-wrapper .Label li:nth-child(6) span,#sidebar-wrapper .Label li:nth-child(6):before,#sidebar-wrapper .Label li:nth-child(12) span,#sidebar-wrapper .Label li:nth-child(12):before {background:#607ec7;}
442#sidebar-wrapper .label-size{position:relative;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all 0.3s;}
443#sidebar-wrapper .label-size a{background:#fff;display:inline-block;color:#444;padding:5px 8px;font-weight:400;border:1px solid #ccc;transition:all .3s}
444#sidebar-wrapper .label-count{backface-visibility:hidden;opacity:0;visibility:hidden;font-size:85%;display:inline-block;position:absolute;top:-5px;right:-10px;background:#4fafe9;color:#fff;white-space:nowrap;padding:0;width:25px;height:22px;line-height:22px;border-radius:4px;text-align:center;z-index:1;transition:all .3s}
445#sidebar-wrapper .label-size:hover .label-count{opacity:1;visibility:visible;right:-15px}
446#sidebar-wrapper .label-size a:hover{color:#444;border-color:#4fafe9}
447
448/* CSS Ad Slot Wrapper */
449.banner,.banner2 {margin:0 auto;text-align:center;overflow:hidden;}
450.banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
451.banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:0 auto;text-align:center;}
452.kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;}
453.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;}
454.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
455.kotak_iklan img {background:#fff;text-align:center;margin:0 auto;padding:4px;border:1px solid transparent!important;transition:all 0.6s ease-out;}
456.kotak_iklan img:hover {background:#fdfdfd;border:1px solid #e6e6e6;}
457.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
458.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
459.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;}
460.kotak_iklan2 img {text-align:center;transition:all 1s ease-out;}
461.kotak_iklan2 img:hover {transition:all .5s ease-out;}
462
463/* CSS Page Navigation */
464.pagenav{background-color:#fff;clear:both;margin:20px;padding:15px;text-align:left;font-size:13px;font-weight:400}
465.pagenav .pages {background-color:transparent;color:#999;font-weight:400;text-transform:uppercase;font-size:10px;border:none;}
466.pagenav span,.pagenav a{display:inline-block;background-color:#4399cd;color:#fff;margin:0 2px;line-height:35px;height:35px;padding:0 12px;transition:all .2s}
467.pagenav .current,.pagenav a:hover{background:#3a89b9;color:#fff;}
468
469/* CSS Back To Top */
470#backtotop{overflow:hidden;position:fixed;z-index:90;right:30px;bottom:0;display:none;width:42px;height:40px;line-height:34px;color:#eee;text-align:center;background-color:#4399cd;font-size:20px;text-indent:0;cursor:pointer;-webkit-transform:translateZ(0);padding:4px 0 0;text-align:center;border-radius:5px 5px 0 0;transition:all .5s}
471#backtotop:hover {background-color:#3a89b9;color:#fff;}
472
473/* CSS Global Responsive */
474@media screen and (max-width:1066px) {
475.vitop-wrapper {padding:0 10px;}
476#viennalite-wrapper {margin:0 auto;padding:0 10px;}
477.header-right {float:right;padding:0;overflow:hidden;margin:0;}
478.header-right img {display:block;}
479.vienna-socials-icon ul li{width:32px;height:32px;line-height:32px;}
480.vienna-socials-icon ul li a{line-height:32px;}
481#header-wrapper {padding:0 10px;}
482#header {max-width:20%;}
483#nav {padding:0 10px;}}
484
485@media screen and (max-width:960px) {
486#viennalite-wrapper {margin:0 auto;padding:10px;box-shadow:none;}
487#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
488#header {margin:20px auto;padding:0 30px;background:transparent;max-width:80%;}
489.header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
490#header-wrapper{padding:0;margin:auto;}
491.header-wrapper2 {padding:0}
492.header-wrapp {padding:40px 10px;}
493.viennalitetop-wrapper {position:relative;z-index:96;overflow:hidden;margin:0;}
494.header-wrapper2 {padding:0}
495a.vierightcredit-social {margin:10px 5px 0 5px;}
496#search-form {width:100%;}
497#search-form td.search-box {padding-right:0;width:100%;}
498#search-form input#search-box[type="text"] {background:#fff;color:#444;}
499#search-form input#search-box[type="text"]:focus {background:#fff;outline:none;}}
500
501@media only screen and (max-width:768px) {
502#post-wrapper, #sidebar-wrapper {width:100%;max-width:100%}
503.post-body img {max-width:90%;}
504.sidebar-inner, .post-inner {padding:0;}
505.vieleftcredit,#vierightcredit {float:none;text-align:center;margin:10px auto;}
506.Profile .profile-datablock {display:inline;float:left;}
507.viennalitetop-wrapper {margin:0;}
508.vitop-wrapper {margin:0;padding:0;}
509.top-menulite {display:block;width:100%;padding:0 10px}
510.top-menulite ul {text-align:center;}
511.top-menulite ul {display:none;height:auto;}
512.top-menulite a#pull {color:#eee;display:inline-block;font-size:12px;padding:10px 3%;position:relative;text-align:right;width:100%;font-weight:700;}
513.top-menulite a#pull:after {content:'\f0c9';font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#fff;display:inline-block;position:absolute;left:20px;top:0;line-height:30px;}
514.top-menulite li {display:block;width:100%;text-align:left;border-right:none;}
515.top-menulite li a {padding:15px 20px;display:block;}
516.top-menulite li a:hover, nav a:active {color:#fff;}
517.top-menulite ul li a:hover {background:#4399cd;color:#fff;}
518.top-menulite ul li:first-child a {margin-left:0;}
519.nav {float:none;width:100%;max-width:100%}
520.active {display:block;}
521.vienna-menulite > li > a.active {border-top:4px solid #3a89b9;border-left:0;padding:0 15px;}
522#search-form {width:100%;margin:0!important;}
523.nav li ul:before,.top-menulite li.doremifa {display:none;}
524.nav > li {float:none;overflow:hidden;background:#4399cd;z-index:99;}
525.nav ul {display:block;width:100%;float:none;}
526.vienna-menulite li ul {background:#f6f6f6;box-shadow:none;}
527.vienna-menulite li ul li a{background:#fafafa;color:#444;}
528.vienna-menulite li li a:hover {background:#4399cd;}
529.nav > li.hover > ul , .nav li li.hover ul {position:static;}
530.vienna-menulite li .parent:after,.vienna-menulite li ul li .parent:after {content: "\f107";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px;float:right;color:#fff;}
531.vienna-menulite li:active .parent:after,.vienna-menulite li ul li:active .parent:after {color:#fff;}
532#search-form {width:100%;background:#fdfdfd;}
533#search-form td.search-box {padding:0 10px!important;}
534#search-form td.search-button {padding:0 10px;width:1%;}
535#search-form input#search-box[type="text"] {margin:0;background:#fff;color:#666;}
536#search-form input#search-button[type="submit"] {margin:0 0 0 -6px;}
537#search-form input#search-box[type="text"]:focus {background:#fdfdfd;outline:none;}}
538
539@media only screen and (min-width:640px){
540#menu {display:block;}}
541
542@media only screen and (max-width:640px){
543.viennalitetop-wrapper {margin:auto;}
544.header-wrapper2 {margin:0 auto;padding:0}
545#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
546.header-right{float:none;margin:0 auto;text-align:center;}
547.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
548#header-wrapper{padding:20px 0;margin:auto;}
549#header {min-width:initial;background:none;margin:20px auto;padding:0 5px;}
550#header .description {font-size:100%;line-height:1.5;}
551#backtotop {font-size:20px;}
552#footer-wrapper{margin:20px 0 0 0;}
553.responsive-menu {margin:0;}
554#nav {margin:0;}
555.pagenav .pages {display:none;}
556.vienna-socials-icon ul li{width:32px;height:32px;line-height:32px;}
557.vienna-socials-icon ul li a{line-height:32px;}
558#backtotop{right:15px;bottom:0;display:none;width:34px;height:34px;color:#fff;text-align:center;background-color:#303030;font-size:22px;line-height:32px;padding:0;}}
559
560@media only screen and (max-width:480px){
561#viennalite-wrapper {margin:0 auto;}
562.top-menulite a#pull {width:90%;}
563.header-right{float:none;margin:0 auto;text-align:center;}
564.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
565.post {margin:0 0 8px;padding:8px;}
566h2.post-title, h1.post-title {font-size:16px;}
567.comments .comment-block, .comments .comments-content .inline-thread {
568padding:10px !important;}
569.comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}
570.viennalite-info {font-size:12px;}
571.authorLeft{float:none;width:120px;margin:0 auto}
572.authorDetails{text-align:center}
573.authorDetails h2{float:none}
574.authorDetails span{float:none}
575.articleAuthor .authorContent p{text-align:center}}
576
577@media screen and (max-width:320px){
578.header-right{float:none;margin:0 auto;text-align:center;}
579.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
580.post {padding:6px;}}
581</style>
582
583<b:if cond='data:blog.pageType == "item"'>
584<style type='text/css'>
585.post-body img.lock{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;}
586.post-body .separator a {margin-left:initial!important;margin-right:initial!important;}
587.post img{background:#fafafa;height:auto;max-width:100%;border:0;margin-bottom:2.0px;box-shadow:0 0 0 1px rgba(0,0,0,0.02);opacity:1;transition:all .6s ease;}
588.post img:hover {opacity:0.95;}
589.post-body a.img {margin-left:0!important;margin-right:0!important;}
590h3.post-title, h2.post-title, h1.post-title {margin-top:10px;font-weight:400;font-size:1.4rem;}
591.viennalite-info {font-size:small;padding:0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
592.author-info, .time-info, .comment-info, .label-info, .review-info, .viennalite-info a {color:#444;}
593.viennalite-info a:hover {color:#888;text-decoration:underline}
594.label-info {float:right;}
595.label-info a {background:#fff;color:#444;border:1px solid #e3e3e3;padding:3px 7px;}
596.label-info a:hover{color:#888;border-color:1px solid #4399cd;text-decoration:underline}
597#blog-pager {margin:0;}
598.bagitiga{position:relative;display:block;-webkit-column-count:3;-moz-column-count:3;column-count:3;}
599.bagitiga img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%;}
600.bagitiga br {display:none;}
601
602/* Share Button */
603h2.sharetitle{position:relative;overflow:hidden;margin:20px 0;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all .5s ease-out}
604h2.sharetitle:before, h2.sharetitle:after {position:absolute;top:51%;overflow:hidden;width:50%;height:2px;content:'\a0';background-color:#ccc;}
605h2.sharetitle:before{margin-left:-50%;text-align:right;}
606h2.sharetitle span{position:relative;display:inline-block;padding:5px 10px;margin:0 10px;}
607.sharede,.sharebrow{position:relative;display:inline-block;}
608.sharebrow{display:table;margin:auto;text-align:center}
609.sharebrow a.fb,.sharebrow a.gp,.sharebrow a.tw,.sharebrow span.pl{text-decoration:none!important;display:inline-block;margin:0 5px 5px 0;font-weight:400;border-radius:2px;color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;padding:4px 10px;opacity:1;transition:all .3s}
610.sharebrow a.gp {background:#f20000;}
611.sharebrow a.fb {background:#516ca4;}
612.sharebrow a.tw {background:#00baff;}
613.sharebrow span.pl {background:#ff6600;}
614.fbtea,.gotea,.plustea,.twtea{font-size:13px!important;vertical-align:middle}
615.sharebrow a.fb:hover,.sharebrow a.gp:hover,.sharebrow a.tw:hover,.sharebrow span.pl:hover{color:#fff;opacity:.9}
616.sharebrow a.fb:active,.sharebrow a.gp:active,.sharebrow a.tw:active,.sharebrow span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
617span.pl{color:green;cursor:pointer}
618#share-menu{display:none}
619.dropdown-menu{position:absolute;top:100%;right:5px;z-index:99;float:left;min-width:100px;padding:5px 10px;margin:0;font-size:13px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;}
620.dropdown-menu li{list-style:none!important;margin:0!important;padding-left:0!important;line-height:1.8em!important}
621.dropdown-menu li a{color:#333!important;font-weight:400;display:block}
622.dropdown-menu li a:hover{color:#e8554e!important}
623ul#share-menu{margin:10px 0;padding:5px 15px}
624
625/* CSS Related Posts */
626#related-post {margin:0 auto;padding:0;text-align:center;}
627#related-post h4 {position:relative;overflow:hidden;padding:0;margin:10px 0 20px 0;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out;}
628#related-post h4:before, #related-post h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:2px;content:'\a0';background-color:#ccc;}
629#related-post h4:before{margin-left:-50%;text-align:right;}
630#related-post h4 span{position:relative;display:inline-block;padding:5px 10px;margin:0 10px;}
631.relhead {background:#fff;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 0;}
632#related-summary .news-text {visibility:hidden;opacity:0;position:absolute;top:-20px;left:0;text-align:left;background:rgba(255,255,255,0.95);color:#333;margin:10px;padding:10px;overflow:hidden;font-size:80%;max-height:110px;text-rendering:optimizeSpeed;text-overflow:ellipsis;}
633#related-summary li:hover .news-text {top:0;visibility:visible;opacity:1;}
634ul#related-summary {margin:0;padding:0;}
635ul#related-summary li {position:relative;float:left;list-style:none outside none;margin:0;padding:0;overflow:hidden;width:25%;}
636ul#related-summary li a {display:block;}
637ul#related-summary li img{background-color:#fafafa;width:95%;height:auto;max-width:100%;margin:0 auto;vertical-align:middle;transition:all 1s ease-out}
638ul#related-summary li img:hover {opacity:0.96;}
639ul#related-summary li a.relinkjdulx{color:#444;display:block;font-size:13px;font-weight:bold;line-height:normal;overflow:hidden;text-align:left;padding:10px 5px;text-transform:none}
640ul#related-summary li a.relinkjdulx:hover{color:#444;text-decoration:underline}
641
642/* CSS Multi Author Box */
643.authorboxwrap{background:#f9f9f9;margin:30px 0 20px;padding:20px;overflow:hidden;border:1px solid #e9e9e9;}
644.avatar-container {float:left;margin-right:20px;}
645.avatar-container img{background:#fff;width:90px;height:auto;padding:5px;box-shadow:3px 3px #ddd}
646.author_description_container h4{font-weight:600;font-size:16px;display:block;margin-bottom:10px}
647.author_description_container h4 a{color:#333}
648.author_description_container p{font-size:13px;line-height:1.7;margin-bottom:15px}
649
650/* CSS Follow by email */
651.post-body .follow-by-email-inner{position:relative;margin-top:20px;display:block;background:#ffe4ad;padding:20px;color:#908672;box-shadow:inset 0 0 0 5px #ebd099}
652.post-body .follow-by-email-inner:before{content:" Never miss our latest news, subscribe here for free ";display:table;font-size:16px;font-weight:400;margin:auto}
653.post-body input.follow-by-email-address{position:relative;float:right;background:#fff;color:#444;border:1px solid #ccc;border-right:0;font-size:14px;height:42px;line-height:42px;padding-left:15px;transition:all .2s}
654.post-body input.follow-by-email-address:focus {outline:none;color:#444;border-color:#ea5a50;}
655input.follow-by-email-submit{background:#ff675c;color:#fff;cursor:pointer;font-size:15px;height:42px;line-height:42px;width:80px;z-index:0;border:1px solid #ea5a50;margin-left:-2px;transition:all .2s}
656input.follow-by-email-submit:hover {outline:none;background:#ea5a50;color:#fff;}
657.post-body .tabletd1 {width:auto;}
658.post-body .tabletd1 td{border:0;padding:0;text-align:center;vertical-align:middle}
659.post-body .tabletd2 {width:0;}
660
661/* CSS Shortcodes */
662.button{list-style:none;text-align:center;border:0;margin:10px;padding:2px;font-size:14px;clear:both;text-decoration:none;color:#fff}
663.button ul {margin:0;padding:0}
664.button li{display:inline;margin:5px;padding:0;list-style:none;}
665.demo,.download{padding:10px 15px!important;color:#fff!important;font-weight:400;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;border-radius:2px;border:1px solid #209bbd;letter-spacing:1px;transition:background-color .2s ease-out}
666.demo,.download {background-color:#26a8cc;}
667.demo:hover,.download:hover {background-color:#fff;color:#26a8cc!important;}
668.demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transform:rotate(0deg);transition:rotate .2s ease-out;}
669.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transform:rotate(0deg);transition:rotate .2s ease-out;}
670.demo:hover:before,.download:hover:before{transform:rotate(360deg);}
671.first-letter{float:left;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
672.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
673.widget .post-body li{padding:0;line-height:1.5}
674#flippy {text-align:center;}
675#flippy button {margin:10px auto;cursor:pointer;font-family:'Open Sans',sans-serif;background-color:#4399cd;color:#fff;padding:10px 15px!important;text-transform:uppercase;border:none;border-radius:3px;opacity:0.9;transition:all 0.3s ease-out;}
676#flippy button:hover, #flippy button:focus {outline:none;opacity:1;color:#fff;}
677#flippanel {padding:1px;text-align:left;background:#fafafa;border:1px solid #e3e3e3;}
678#flippanel {padding:24px;display:none;}
679#flippanel img {background:#f5f5f5;margin:10px auto;}
680
681/* CSS Navigation */
682.pagenext{position:relative;padding:0;background:#fdfdfd;border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;}
683.pagenext-kiri{width:50%;float:left;margin:0;padding:20px 10px 20px 40px;text-align:left;color:#4399cd;transition:all .3s ease-out;}
684.pagenext-kanan{width:50%;float:right;margin:0;padding:20px 40px 20px 10px;text-align:right;color:#4399cd;border-left:1px solid #ddd;transition:all .3s ease-out}
685.pagenext-kanan:hover .pager-title-left,.pagenext-kiri:hover .pager-title-left{color:#444!important;}
686.pagenext-kiri a,.pagenext-kanan a{color:#666;}
687.pagenext-kanan a:hover,.pagenext-kiri a:hover{color:#444!important;}
688.pagenext-kiri a,.pagenext-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family: 'Roboto Condensed',Helvetica,Arial,sans-serif;font-weight:400;background:none;text-decoration:none}
689.current-pageleft{padding:0 0 0 15px;}
690.current-pageright{padding:0 15px 0 0;}
691.pager-title-left{font-size:22px;font-weight:700;text-transform:uppercase;transition:all .3s ease-out}
692.isipagenext-kiri{margin:0}
693.isipagenext-kanan{margin:0}
694.arrowri,.arrowle{position:absolute;top:50%;margin-top:-9px;color:#666;}
695.arrowle{left:20px}
696.arrowri{right:20px}
697
698/* CSS Comments */
699#comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:20px;}
700#comments h3{display:inline-block;margin-bottom:20px;font-size:14px;position:absolute;color:#4399cd;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;}
701#comments h3:before {font-family:fontawesome;content:"\f086";margin-right:10px;font-size:20px;padding:10px 15px;position:absolute;left:0;top:0;font-weight:normal;}
702#comments .click-comment{color:#4399cd;float:right;text-decoration:none;display:inline-block;font-size:14px;font-weight:700;text-transform:uppercase;padding:10px 20px}
703#comments .click-comment:hover{background:#4399cd;color:#fff}
704.comment_avatar_wrap{border-radius:10%;width:46px;height:46px;border:none;background:none;text-align:center;padding:0;overflow:hidden;}
705#comments .comment_avatar {border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;background:#fdfdfd;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;}
706#comments .comment_admin .comment_avatar{border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;}
707#comments .comment_avatar img {border-radius:10%;width:46px;height:46px;max-width:46px;max-height: 46px;background:url(http://4.bp.blogspot.com/-hLqBXiTrm0Q/VJ7pie2jM3I/AAAAAAAABwI/aHQypgTLHu8/s1600/avatwisted.png) no-repeat;overflow:hidden;}
708.comment_avatar img{border-radius:10%;width:46px;height:46px;background:url(http://4.bp.blogspot.com/-hLqBXiTrm0Q/VJ7pie2jM3I/AAAAAAAABwI/aHQypgTLHu8/s1600/avatwisted.png) no-repeat;overflow:hidden;}
709.comment_name a{font-weight:700;font-size:15px;padding:5px 0;color:#666;text-decoration:none}
710.comment_child .comment_name a{color:#666;}
711.comment_child .comment_name a:hover {color:#cf4d35;}
712.comment_admin .comment_name{background:#fff;padding:0 20px 0 65px;left:5px;top:10px;display:inline;font-weight:700;font-size:16px;text-decoration:none;border-radius:3px;}
713.comment_admin .comment_date{left:10px;font-weight:700;font-size:11px;}
714.comment_name{font-size:16px;background:#fff;font-weight:700;padding:0 20px 0 65px;position:absolute;left:5px;top:10px;display:inline;line-height:35px;border-radius:3px;transition:all .3s ease-out;}
715.comment_name:hover,.comment_name a:hover,.comment_admin .comment_name a:hover,.comment_admin .comment_name:hover{color:#cf4d35;}
716.comment_service{position:absolute;top:15px;right:0;}
717.item-control {display:inline-block;}
718.comment_date a{font-size:11px;font-weight:400;text-transform:none;text-decoration:initial;
719color:#666!important;text-align:center;padding:1px 6px;opacity:0.9;transition:all .3s ease-out;}
720.comment_date a:hover{color:#cf4d35!important;}
721.comment-delete{font-size:11px;color:#666!important;opacity:0.9;}
722.comment-delete:hover{color:#cf4d35!important;}
723.comment_body{margin:20px 0;padding:0;position:relative;}
724.comment_body p{line-height:1.6em;color:#666;font-size:14px;font-family:'Open Sans',Helvetica,Arial,sans-serif;word-wrap:break-word;background:#fff;padding:30px 20px;position:relative;margin-top:25px;border-radius:6px;box-shadow:0 0 0 1px #ccc;transition:all .3s ease-out;}
725.comment_body p:before, .comment_body p:after {bottom:100%;left:5%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
726.comment_body p:after {border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:8px;margin-left:-8px;}
727.comment_body p:before {border-color:rgba(255,225,255,0);border-bottom-color:#bbb;border-width:9px;margin-left:-9px;transition:all .3s ease-out;}
728.comment_child .comment_body p{color:#666;}
729.comment_body p img{vertical-align:middle;margin:0 5px;}
730.comment_body p:hover{box-shadow:0 0 0 1px #aaa;}
731.comment_body p:hover:before {border-bottom-color:#999;}
732.comment_inner{padding-bottom:5px;margin:5px 0}
733.comment_child .comment_wrap{padding-left:7%}
734.comment_child .comment_body{margin-top:-15px;}
735.comment_reply{display:inline-block;background:#fdfdfd;color:#999!important;text-align:center;
736font-size:11px;margin:0;padding:2px 6px 4px 6px;border-radius:2px;border:1px solid #ccc;}
737.comment_reply:hover{text-decoration:none!important;background:#fff;color:#6991d8!important;border-color:#7fa8f0;}
738.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0;}
739.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#666}
740#comment-editor{width:103%!important;background:url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}
741.comment-form p{position:relative;background:#fdfdfd;font-size:14px;font-family:'Open Sans',Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;padding:15px;border:1px solid #ddd}
742.comment-form p:after, .comment-form p:before {top:100%;left:8%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
743.comment-form p:after {border-color:rgba(68,68,68,0);border-top-color:#fdfdfd;border-width:9px;margin-left:-9px;}
744.comment-form p:before {border-color:rgba(221,221,221,0);border-top-color:#c3c3c3;border-width:10px;margin-left:-10px;transition:all .3s ease-out;}
745.comment_reply_form{padding:0 0 0 7%}
746.comment_reply_form .comment-form{width:100%}
747.comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 0 10px;}
748.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#666}
749.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
750.comment_img{max-width:100%!important}
751#respond{overflow:hidden;padding-left:10px;clear:both}
752.unneeded-paging-control,.comment_author_flag{display:none}
753.comment_admin .comment_author_flag{font-family:FontAwesome;display:inline-block;font-size:15px;font-weight:400;color:#7fa8f0;text-align:center;line-height:normal;margin-left:5px}
754.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;
755display:inline-block;padding:10px 15px!important;}
756.deleted-comment{display:inline-block;color:#999;word-wrap:break-word;background:#fdfdfd;margin-top:20px;padding:10px;font-size:13px;font-family:'Open Sans',Helvetica,Arial,sans-serif;border-radius:3px;opacity:1;}
757iframe{border:none;overflow:hidden}
758.paging-control-container{text-align:center;margin:0 0 0 25%;}
759.paging-control-container a{text-align:center;margin:0 auto;background:#666;padding:5px 10px;
760color:#fff;transition:all .3s ease-out}
761.paging-control-container a:hover{background:#e6ae48;color:#fff;}
762.comment_header {padding:0;}
763.comment_child .comment_header {padding:0;}
764#emo-box,#hide-emo {display:none}
765.small-button1 a {font-family:fontawesome;font-size:20px;cursor:pointer;font-weight:400;margin:0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;color:#10cfbd;padding:0;cursor:pointer;transition: all 0.3s ease-out;}
766.small-button1:hover a{color:#444;}
767span.small-button1 {text-align:center;}
768img.comment_emo {width:16px;height:16px;}
769
770/* CSS Simple Pre Code */
771pre{background:#443e50;white-space:pre;word-wrap:break-word;overflow:auto}pre.code{margin:20px 0;border-radius:4px;position:relative}pre.code label{font-family:sans-serif;font-weight:normal;font-size:13px;color:#83cffd;position:absolute;left:1px;top:13px;text-align:center;width:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}pre.code code{font-family:"Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;display:block;margin:0 0 0 60px;padding:15px 16px 14px;border-left:1px solid #645b76;overflow-x:auto;font-size:13px;line-height:19px;color:#8f8fa4}pre.code-css code,pre.code-html code,pre.code-javascript code,pre.code-jquery code{color:#8f8fa4}
772
773/* CSS Item Responsive */
774@media only screen and (max-width:960px){
775.bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}}
776
777@media only screen and (max-width:640px){
778#content-wrapper {padding:0;}
779ul#related-summary li {float:left;list-style:none;overflow:hidden;width:100%;border-bottom:1px solid #e6e6e6;padding:10px 0;}
780ul#related-summary li:last-child{border-bottom:none;}
781ul#related-summary li img{display:none;}
782ul#related-summary li a.relinkjdulx {display:block;font-size:14px;font-weight:700;line-height:normal;overflow:hidden;padding:10px 10px 10px 0;}
783#related-summary .news-text {display:none;}
784.bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}
785
786@media only screen and (max-width:320px){
787h3.post-title:before,h1.post-title:before,h3.post-title:after,h1.post-title:after,h3.post-title:after,h1.post-title:after,#comments .click-comment {visibility:hidden;}
788#comments .comment_avatar {width:20px;height:20px;max-width:20px;max-height:20px;background:#fcfcfc;padding:0;text-align:center;position:absolute;top:5px;right:5px;opacity:1;}
789#comments .comment_admin .comment_avatar{width:20px;height:20px;max-width:20px;max-height:20px;padding:4px 4px 19px;text-align:center;position:absolute;top:0;right:0;opacity:1;}
790#comments .comment_avatar img {width:20px;height:20px;max-width:20px;max-height: 20px;background:#fdfdfd;}
791.comment_avatar img{width:20px;height:20px;background:#fdfdfd;}}
792
793@media print {
794body{padding:0}
795#viennalite-wrapper {border-right:none;border-left:none;}
796#post-wrapper{width:100%;margin:0 auto;}
797.viennalite-info {background:#fff;border:none;}
798.post {background:#fff;margin:0 0 15px;padding:15px;border:none;}
799h1.post-title {border-bottom:none;}
800.post blockquote{background:transparent;color:#666;border:none;}
801.viennalitetop-wrapper,#nav,.share-post,#backtotop,#search,.breadcrumbs,.pagenext,#blog-pager,.banner,#banner,.banner2,#banner2,#sidebar-wrapper,#related-post,#comments,#footer-wrapper,#header-wrapper,div#banner,div#banner2,.vienna-menulite,.sharebrow,h2.sharetitle,.authorboxwrap,.viennalite-info{opacity:0;display:none;visibility:hidden;width:0;height:0;}
802.status-msg-border{border:none;}}
803</style>
804</b:if>
805
806<b:if cond='data:blog.pageType != "item"'>
807<b:if cond='data:blog.pageType != "static_page"'>
808<style type='text/css'>
809/* CSS Post Wrapper */
810.post-inner,.post-outer {padding:0;}
811.post {margin:20px 20px 0 20px;padding:0 0 20px 0;border-bottom:1px solid #e3e3e3;transition:all .6s ease-in-out;}
812.post-body {line-height:1.6em;padding:0 15px;font-size:13px;text-overflow:ellipsis;}
813h2.post-title,h1.post-title{font-family:'Roboto Condensed';font-size:24px;padding:0;margin:0;font-weight:700;text-transform:none;text-align:left;border-bottom:none;border-top:none;clear:initial}
814h2.post-title:hover, h1.post-title:hover {color:#cf4d35;}
815h2.post-title a, h1.post-title a {color:#347fad;padding:0;margin:0;}
816h2.post-title a:hover, h1.post-title a:hover {color:#347fad!important;text-decoration:underline}
817.viennalite-info {margin-top:15px;margin-right:15px;margin-left:15px;margin-bottom:0;padding:0;font-size:12px;}
818.viennalite-info a {display:inline;background:transparent;color:#666;padding:5px;padding-left:0;margin-bottom:10px;transition:all .3s ease-out;}
819.viennalite-info a:hover {background:transparent;color:#cf4d35;}
820.author-info, .time-info, .comment-info, .review-info {display:inline;padding:0;}
821.viennalite-info {background:transparent;}
822.author-info, .time-info, .comment-info, .review-info, .viennalite-info a {color:#aaa;}
823.author-info, .time-info, .comment-info, .review-info {margin-right:8px;}
824.img-thumbnail {overflow:hidden;background:#fbfbfb;position:relative;float:left;height:auto;margin:0;margin-right:20px;z-index:1;padding:0;}
825.img-thumbnail img {width:100%;height:auto;transform:scale(1.0);backface-visibility:hidden;transition:transform .9s;}
826.img-thumbnail:hover img {transform:scale(1.05);transition:transform 1.8s;}
827#sidebar-wrapper {margin:0 auto;}
828
829/* CSS Label Info */
830.post .label-info{margin:0;padding:0;display:inline-block;position:absolute;left:0;top:0;z-index:2}
831.label-info a{position:relative;color:#fff;font-size:11px;display:block;text-transform:uppercase;padding:6px 10px;line-height:normal;font-weight:700;margin:0;opacity:0;transition:all .3s ease-out}
832.label-info a:hover{background:#dea852;color:#fff;opacity:1;}
833.label-info a:nth-child(n+2){display:none;}
834
835/* CSS Homepage Responsive */
836@media only screen and (max-width:768px){
837.img-thumbnail {margin:0 10px 0 0;}}
838
839@media only screen and (max-width:640px){
840#content-wrapper {padding:0;}
841h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;margin:20px 0;clear:both;padding:20px 0 0 0;}
842.post {padding:15px;}
843.post-body {margin-bottom:10px;padding:0;}
844.viennalite-info {margin-left:0;}
845.img-thumbnail {width:100%;max-width:100%;height:auto;margin:0;}
846.img-thumbnail img {width:100%;height:auto;}
847.post .label-info {left:25px;top:25px;}
848.label-info a{padding:3px 7px;}}
849
850@media only screen and (max-width:480px){
851h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:16px;}
852.post-body, .comment-info {display:none!important;visibility:hidden;width:0;height:0;}}
853
854@media only screen and (max-width:320px){
855h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:14px;}}
856</style>
857</b:if>
858</b:if>
859
860<b:if cond='data:blog.pageType == "static_page"'>
861<style type='text/css'>
862#comments{display:none;}
863.post img{background:#f3f3f3;height:auto;max-width:95%;margin-bottom:2.0px;box-shadow:none;transition:all 0.6s ease-out;}
864.post img:hover {opacity:0.95;}
865.viennalite-info {background:#69bedd;}
866.author-info, .time-info, .comment-info, .label-info, .review-info, .viennalite-info a {color:#fff;}
867
868@media print {
869body{padding:0}
870#post-wrapper{width:100%;margin:0 auto;}
871.post {background:#fff;margin:0 0 15px;padding:15px;}
872.post blockquote{background:transparent;color:#666;border:none;}
873nav,.share-post,#backtotop,#search,.breadcrumbs,.pagenext,#blog-pager,#menu-wrap,.banner,#banner,#sidebar-wrapper,#subs-and-redat,#comments,#footer-wrapper,#header-wrapper,div#banner{display:none;visibility:hidden;width:0;height:0;}}
874</style>
875</b:if>
876
877<b:if cond='data:blog.pageType == "error_page"'>
878<style type='text/css'>
879#viennalite-wrapper,#nav,.viennalitetop-wrapper {display:none;}
880#footer-wrapper,#header-wrapper{visibility:hidden;opacity:0;width:0;height:0}
881.error-container{background-image: url(http://1.bp.blogspot.com/-zHS2luoiNTM/VTZJiQmK7RI/AAAAAAAAJxw/D1Kiy-euLXM/s1600/blog-bg.jpg);background-size:cover;}
882#footer-wrapper {background-color:transparent;margin:auto;margin-top:-60px;padding:20px;}
883#copyright{color:#dcdbe2;}
884#copyright a{color:#ed522e;}
885#copyright a:hover{color:#dcdbe2;}
886.error-header{margin-top:-100px}
887.error-title{line-height:42px}
888.error-title span{background:#d44929;padding:2px 10px;}
889.error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}
890.error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}
891.error404 .anonymous{margin:0 auto 20px;display:block}
892.error-404{background:rgba(0,0,0,.7);display:table-cell;vertical-align:middle}
893.error-404 .page-content p{color:#c8c8c8}
894.error-title{color:#fff;font-family:'Open Sans',sans-serif;font-size:42px;font-weight:700;text-transform:uppercase;margin:.67em 0;text-align:center;line-height:normal;}
895.search-title{font-size:48px;color:#3f3f46}
896.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}
897a.btn.back-to-home{background:#4fafe9;color:#fff;font-weight:400;left:40px;line-height:24px;padding:10px 30px;position:absolute;text-transform:capitalize;top:40px;z-index:99;border-radius:4px}
898a.back-to-home:hover{background:#459dd3;color:#fff;}
899a.back-to-home i{font-size:14px;margin-right:3px}
900@media only screen and (max-width:479px){
901.back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}
902</style>
903</b:if>
904
905<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
906<script type='text/javascript'>
907//<![CDATA[
908//CSS Ready
909function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
910loadCSS("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");loadCSS("http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
911//]]>
912</script>
913<b:if cond='data:blog.pageType != "item"'>
914<b:if cond='data:blog.pageType != "static_page"'>
915<script type='text/javascript'>
916snippet_count = 120;
917//<![CDATA[
918var _0x53b7=["\x3C","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x3E","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6A\x6F\x69\x6E","\x20","\x63\x68\x61\x72\x41\x74","\x2E\x2E\x2E","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x6E\x69\x70\x70\x65\x74\x73\x22\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x2F\x64\x69\x76\x3E","\x3C\x69\x6D\x67\x20\x77\x69\x64\x74\x68\x3D\x22","\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22","\x22\x20\x73\x72\x63\x3D\x22","\x2F\x73\x37\x32\x2D\x63\x2F","\x2F\x77","\x2D\x68","\x2D\x63\x2F","\x72\x65\x70\x6C\x61\x63\x65","\x22\x20\x61\x6C\x74\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x2F\x3E","\x6F\x6E\x6C\x6F\x61\x64","\x76\x69\x72\x69\x67\x68\x74\x63\x72\x65\x64\x69\x74","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x6C","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x43\x72\x65\x61\x74\x65\x64\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x27\x20\x72\x65\x6C\x3D\x27\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x3E\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E"];function removeHtmlTag(_0x746ax2,_0x746ax3){if(-1!=_0x746ax2[_0x53b7[1]](_0x53b7[0])){for(var _0x746ax4=_0x746ax2[_0x53b7[2]](_0x53b7[0]),_0x746ax5=0;_0x746ax5<_0x746ax4[_0x53b7[3]];_0x746ax5++){-1!=_0x746ax4[_0x746ax5][_0x53b7[1]](_0x53b7[4])&&(_0x746ax4[_0x746ax5]=_0x746ax4[_0x746ax5][_0x53b7[5]](_0x746ax4[_0x746ax5][_0x53b7[1]](_0x53b7[4])+1,_0x746ax4[_0x746ax5][_0x53b7[3]]))};_0x746ax2=_0x746ax4[_0x53b7[7]](_0x53b7[6]);};for(_0x746ax3=_0x746ax3<_0x746ax2[_0x53b7[3]]-1?_0x746ax3:_0x746ax2[_0x53b7[3]]-2;_0x53b7[8]!=_0x746ax2[_0x53b7[9]](_0x746ax3-1)&&-1!=_0x746ax2[_0x53b7[1]](_0x53b7[8],_0x746ax3);){_0x746ax3++};return _0x746ax2=_0x746ax2[_0x53b7[5]](0,_0x746ax3-1),_0x746ax2+_0x53b7[10];}function createSnippet(_0x746ax2){var _0x746ax3=document[_0x53b7[11]](_0x746ax2),_0x746ax4=snippet_count,_0x746ax5=_0x53b7[12]+removeHtmlTag(_0x746ax3[_0x53b7[13]],_0x746ax4)+_0x53b7[14];_0x746ax3[_0x53b7[13]]=_0x746ax5;}function arlina_thumbnail_resize(_0x746ax3,_0x746ax4){var _0x746ax2=280;var _0x746ax8=180;image_tag=_0x53b7[15]+_0x746ax2+_0x53b7[16]+_0x746ax8+_0x53b7[17]+_0x746ax3[_0x53b7[22]](_0x53b7[18],_0x53b7[19]+_0x746ax2+_0x53b7[20]+_0x746ax8+_0x53b7[21])+_0x53b7[23]+_0x746ax4[_0x53b7[22]](/"/g,_0x53b7[6])+_0x53b7[24]+_0x746ax4[_0x53b7[22]](/"/g,_0x53b7[6])+_0x53b7[25];if(_0x746ax4!=_0x53b7[6]){return image_tag}else {return _0x53b7[6]};}window[_0x53b7[26]]=function(){var _0x746ax3=document[_0x53b7[11]](_0x53b7[27]);if(_0x746ax3==null){window[_0x53b7[29]][_0x53b7[28]]=_0x53b7[30]};_0x746ax3[_0x53b7[31]](_0x53b7[28],_0x53b7[30]);_0x746ax3[_0x53b7[31]](_0x53b7[32],_0x53b7[33]);_0x746ax3[_0x53b7[13]]=_0x53b7[34];};
919//]]>
920</script>
921</b:if>
922</b:if>
923</head>
924<body>
925<b:if cond='data:blog.pageType == "error_page"'>
926<div class='error-container'>
927 <a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>Back to Home</a>
928 <section class='error-404 not-found text-center'>
929 <header class='error-header'>
930 <div class='error-image'>
931 <img alt='404' src='http://1.bp.blogspot.com/-Gb2gYMW4VC0/VTZJg0pSIrI/AAAAAAAAJxo/CXhWMecSCNI/s1600/anonymous.png'/>
932 </div>
933<h1 class='error-title'>
934<p>
935<span>Oops!</span> That page can’t be found.</p>
936</h1>
937</header>
938 <div class='page-content'>
939 <p>
940It looks like nothing was found at this location.</p>
941</div>
942</section>
943</div>
944</b:if>
945<div class='viennalitetop-wrapper'>
946 <header class='header-wrapper2'>
947 <div class='vitop-wrapper'>
948 <nav class='top-menulite'>
949 <ul>
950<li><a href='#' title='About Us'><i class='fa fa-ioxhost'/> About</a></li>
951<li><a href='#' title='Our Sitemap'><i class='fa fa-folder-o'/> Sitemap</a></li>
952<li><a href='#' title='Contact us'><i class='fa fa-envelope-o'/> Contact</a></li>
953<li><a href='#' title='Disclaimer'><i class='fa fa-check-circle-o'/> Disclaimer</a></li>
954<li class='doremifa join'><a href='https://www.blogger.com/follow-blog.g?blogID=5659233859857601011' rel='nofollow' target='_blank' title='Join Our Site'><i class='fa fa-plus'/><span class='inv'/></a></li>
955<li class='doremifa gplus'><a href='#' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
956<li class='doremifa facebook'><a href='#' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/><span class='inv'/></a></li>
957<li class='doremifa deviantart'><a href='#' rel='nofollow' target='_blank' title='Follow us on Deviantart'><i class='fa fa-deviantart'/><span class='inv'/></a></li>
958<li class='doremifa twitter'><a href='#' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/><span class='inv'/></a></li>
959</ul>
960<a href='#' id='pull'>MENU</a>
961 </nav>
962 </div>
963</header>
964</div>
965<div class='clear'/>
966
967<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
968<div class='header-wrapp'>
969 <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
970 <b:widget id='Header1' locked='true' title='Vienna Lite 2 (Header)' type='Header'>
971 <b:includable id='main'>
972 <b:if cond='data:useImage'>
973 <b:if cond='data:imagePlacement == "BEHIND"'>
974 <!--
975 Show image as background to text. You can't really calculate the width
976 reliably in JS because margins are not taken into account by any of
977 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
978 width if the user is using shrink to fit.
979 This results in a margin-width's worth of pixels being cropped. If the
980 user is not using shrink to fit then we expand the header.
981 -->
982 <b:if cond='data:mobile'>
983 <div id='header-inner'>
984 <div class='titlewrapper' style='background: transparent'>
985 <b:include name='title'/>
986 </div>
987<b:include name='description'/>
988 </div>
989<b:else/>
990 <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'>
991 <div class='titlewrapper' style='background: transparent'>
992 <b:include name='title'/>
993 </div>
994<b:include name='description'/>
995 </div>
996</b:if>
997 <b:else/>
998 <!--Show the image only-->
999 <div id='header-inner'>
1000 <a expr:href='data:blog.homepageUrl' style='display: block'>
1001 <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'/>
1002 </a>
1003 <!--Show the description-->
1004 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
1005 <b:include name='description'/>
1006 </b:if>
1007 </div>
1008</b:if>
1009 <b:else/>
1010 <!--No header image -->
1011 <div id='header-inner'>
1012 <div class='titlewrapper'>
1013 <b:include name='title'/>
1014 </div>
1015<b:include name='description'/>
1016 </div>
1017</b:if>
1018</b:includable>
1019 <b:includable id='description'>
1020 <div class='descriptionwrapper'>
1021 <p class='description'>
1022<span><data:description/></span></p>
1023</div>
1024</b:includable>
1025 <b:includable id='title'>
1026 <b:if cond='data:blog.pageType != "item"'>
1027 <b:if cond='data:blog.pageType != "static_page"'>
1028 <h1 class='title'>
1029 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
1030 <span itemprop='name'><data:title/></span>
1031 </a>
1032 </h1>
1033<b:else/>
1034 <h2 class='title'>
1035 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
1036 <span itemprop='name'><data:title/></span>
1037 </a>
1038 </h2>
1039</b:if>
1040 <b:else/>
1041 <h2 class='title'>
1042 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
1043 <span itemprop='name'><data:title/></span>
1044 </a>
1045 </h2>
1046</b:if>
1047</b:includable>
1048 </b:widget>
1049 </b:section>
1050 <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'>
1051 <b:widget id='HTML1' locked='false' title='' type='HTML'>
1052 <b:includable id='main'>
1053 <!-- only display title if it's non-empty -->
1054 <b:if cond='data:title != ""'>
1055 <h2 class='title'>
1056<data:title/></h2>
1057</b:if>
1058 <div class='widget-content'>
1059 <data:content/>
1060 </div>
1061</b:includable>
1062 </b:widget>
1063 </b:section>
1064</div>
1065</div>
1066<div class='clear'/>
1067
1068<nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
1069<div id='nav2'>
1070<a class='slide-menu' href='#'><i class='fa fa-list'/> Menu</a>
1071<ul class='nav vienna-menulite'>
1072<li><a class='active' href='/'><span itemprop='name'><i class='fa fa-th-list fa-lg'/></span></a></li>
1073<li><a href='#' itemprop='url'><span itemprop='name'>Kategori</span></a>
1074<ul>
1075<li><a href='#' itemprop='url'><span itemprop='name'>Blogger</span></a></li>
1076<li><a href='#' itemprop='url'><span itemprop='name'>Web Design</span></a></li>
1077<li><a href='#' itemprop='url'><span itemprop='name'>Portfolio</span></a></li>
1078</ul>
1079</li>
1080<li><a href='#' itemprop='url'><span itemprop='name'>Blogger</span></a></li>
1081<li><a href='#' itemprop='url'><span itemprop='name'>Galeri Foto</span></a></li>
1082<li><a href='#' itemprop='url'><span itemprop='name'>Info Menarik</span></a></li>
1083<li><a href='#' itemprop='url'><span itemprop='name'>Manga</span></a></li>
1084<li><a href='#' itemprop='url'><span itemprop='name'>Tutorial</span></a></li>
1085<li><a href='#' itemprop='url'><span itemprop='name'>Video</span></a></li>
1086</ul>
1087<form action='/search' id='search-form' method='get' style='display: inline;'>
1088<table><tbody>
1089<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...'/></td>
1090<td class='search-button'><input id='search-button' type='submit' value=''/></td></tr>
1091</tbody></table>
1092</form>
1093</div>
1094</nav>
1095<div class='clear'/>
1096<div id='viennalite-wrapper'>
1097<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
1098<b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
1099<div class='clear'/>
1100<div id='post-wrapper'>
1101<div class='post-inner'>
1102 <b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>
1103 <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
1104 <b:includable id='main' var='top'>
1105 <b:include data='posts' name='breadcrumb'/>
1106 <b:if cond='data:mobile == "false"'>
1107 <!-- posts -->
1108 <div class='blog-posts hfeed'>
1109 <b:include data='top' name='status-message'/>
1110 <data:defaultAdStart/>
1111 <b:loop values='data:posts' var='post'>
1112 <b:if cond='data:post.isDateStart'>
1113 <b:if cond='data:post.isFirstPost == "false"'>
1114 </div>
1115</div>
1116</b:if>
1117 </b:if>
1118 <b:if cond='data:post.isDateStart'>
1119 <div class="date-outer">
1120 </b:if>
1121 <b:if cond='data:post.isDateStart'>
1122 <div class="date-posts">
1123 </b:if>
1124 <div class='post-outer'>
1125 <b:include data='post' name='post'/>
1126 <b:if cond='data:blog.pageType == "static_page"'>
1127 <b:include data='post' name='comments'/>
1128 </b:if>
1129 <b:if cond='data:blog.pageType == "item"'>
1130 <b:include data='post' name='comments'/>
1131 </b:if>
1132 </div>
1133<b:if cond='data:post.includeAd'>
1134 <b:if cond='data:post.isFirstPost'>
1135 <data:defaultAdEnd/>
1136 <b:else/>
1137 <data:adEnd/>
1138 </b:if>
1139 <div class='inline-ad'>
1140 <data:adCode/>
1141 </div>
1142<data:adStart/>
1143 </b:if>
1144 </b:loop>
1145 <b:if cond='data:numPosts != 0'>
1146 </div>
1147</div>
1148</b:if>
1149 <data:adEnd/>
1150 </div>
1151<!-- navigation -->
1152 <b:if cond='data:blog.pageType == "index"'>
1153 <b:include name='page-navi'/>
1154 <b:else/>
1155 <b:if cond='data:blog.pageType == "archive"'>
1156 <b:include name='page-navi'/>
1157 <b:else/>
1158 <b:if cond='data:blog.homepageUrl != data:blog.url'>
1159<!-- navigation -->
1160<b:include name='nextprev'/>
1161</b:if>
1162 </b:if>
1163 </b:if>
1164 <!-- feed links -->
1165 <b:include name='feedLinks'/>
1166 <b:if cond='data:top.showStars'>
1167 <script src='//www.google.com/jsapi' type='text/javascript'/>
1168 <script type='text/javascript'>google.load("annotations","1",{locale:"<data:top.languageCode/>"});function initialize(){google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch()}google.setOnLoadCallback(initialize);</script>
1169 </b:if>
1170 <b:else/>
1171 <b:include name='mobile-main'/>
1172 </b:if>
1173 <b:if cond='data:top.showDummy'>
1174 <data:top.dummyBootstrap/>
1175 </b:if>
1176</b:includable>
1177 <b:includable id='backlinkDeleteIcon' var='backlink'>
1178 <span expr:class='"item-control " + data:backlink.adminClass'>
1179 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
1180 <img src='//www.blogger.com/img/icon_delete13.gif'/>
1181 </a>
1182 </span>
1183</b:includable>
1184 <b:includable id='backlinks' var='post'>
1185 <a name='links'/><h4>
1186<data:post.backlinksLabel/></h4>
1187<b:if cond='data:post.numBacklinks != 0'>
1188<dl class='comments-block' id='comments-block'>
1189 <b:loop values='data:post.comments' var='comment'>
1190<dt class='comment-author' id='comment-author'>
1191 <a expr:name='data:comment.anchorName'/>
1192 <b:if cond='data:comment.authorUrl'>
1193 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
1194 <b:else/>
1195 <data:comment.author/>
1196 </b:if>
1197 <data:commentPostedByMsg/>
1198 </dt>
1199<dd class='comment-body'>
1200 <b:if cond='data:comment.isDeleted'>
1201 <span class='deleted-comment'><data:comment.body/></span>
1202 <b:else/>
1203 <p>
1204<data:comment.body/></p>
1205</b:if>
1206 </dd>
1207 <dd class='comment-footer'>
1208 <span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span>
1209 </dd>
1210 </b:loop>
1211 </dl>
1212</b:if>
1213 <p class='comment-footer'>
1214<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p>
1215</b:includable>
1216 <b:includable id='breadcrumb' var='posts'>
1217 <b:if cond='data:blog.homepageUrl != data:blog.url'>
1218 <b:if cond='data:blog.pageType == "static_page"'>
1219 <div class='breadcrumbs'>
1220<span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
1221 </div>
1222<b:else/>
1223 <b:if cond='data:blog.pageType == "item"'>
1224 <b:loop values='data:posts' var='post'>
1225 <b:if cond='data:post.labels'>
1226 <div class='breadcrumbs'>
1227<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><data:title/></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=6"' 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>
1228 </div>
1229<b:else/>
1230 <div class='breadcrumbs'>
1231<span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Uncategories</span> <span><data:post.title/></span></div>
1232</b:if>
1233 </b:loop>
1234 <b:else/>
1235 <b:if cond='data:blog.pageType == "archive"'>
1236 <div class='breadcrumbs'>
1237 <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Archive for <data:blog.pageName/></span>
1238 </div>
1239<b:else/>
1240 <b:if cond='data:blog.searchQuery'>
1241 <div class='breadcrumbs'>
1242<span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
1243 </div>
1244<b:else/>
1245 <b:if cond='data:blog.pageType == "index"'>
1246 <div class='breadcrumbs'>
1247 <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>All post</span>
1248 <b:else/>
1249 <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
1250 </b:if>
1251 </div>
1252</b:if>
1253 </b:if>
1254 </b:if>
1255 </b:if>
1256 </b:if>
1257 </b:if>
1258</b:includable>
1259 <b:includable id='comment-form' var='post'>
1260 <div class='comment-form'>
1261 <b:if cond='data:mobile'>
1262 <h4 id='comment-post-message'>
1263 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
1264<p>
1265<data:blogCommentMessage/></p>
1266<data:blogTeamBlogMessage/>
1267 <b:if cond='data:blog.pageType == "static_page"'>
1268 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
1269 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
1270 </b:if>
1271 <b:if cond='data:blog.pageType == "item"'>
1272 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
1273 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
1274 </b:if>
1275 <b:else/>
1276 <h4 id='comment-post-message'>
1277<data:postCommentMsg/></h4>
1278<div id='threaded-comment-form'>
1279 <p>
1280<data:blogCommentMessage/>
1281<span class='small-button1'>
1282<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='Show Emoticon'><i class='fa fa-smile-o'/></a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='Hide Emoticon'><i class='fa fa-smile-o'/></a></span>
1283</span>
1284 </p>
1285<div id='emo-box'>
1286 <div class='comment_emo_list'/>
1287</div>
1288<data:blogTeamBlogMessage/>
1289 <b:if cond='data:blog.pageType == "static_page"'>
1290 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
1291 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
1292 </b:if>
1293 <b:if cond='data:blog.pageType == "item"'>
1294 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
1295 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
1296 </b:if>
1297 </div>
1298</b:if>
1299 <data:post.friendConnectJs/>
1300 <data:post.cmtfpIframe/>
1301 <script type='text/javascript'>
1302 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
1303 </script>
1304 </div>
1305</b:includable>
1306 <b:includable id='commentDeleteIcon' var='comment'>
1307 <span expr:class='"item-control " + data:comment.adminClass'>
1308 <b:if cond='data:showCmtPopup'>
1309 <div class='goog-toggle-button'>
1310 <div class='goog-inline-block comment-action-icon'/>
1311 </div>
1312<b:else/>
1313 <a class='comment-delete' expr:href='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&postID=" + data:comment.id' title='delete comment'>delete</a>
1314 </b:if>
1315 </span>
1316</b:includable>
1317 <b:includable id='comment_count_picker' var='post'>
1318 <b:if cond='data:post.commentSource == 1'>
1319 <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
1320 </span>
1321 <b:else/>
1322 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
1323 <data:post.commentLabelFull/>:
1324 </a>
1325 </b:if>
1326</b:includable>
1327 <b:includable id='comment_picker' var='post'>
1328 <b:if cond='data:post.commentSource == 1'>
1329 <b:include data='post' name='iframe_comments'/>
1330 <b:else/>
1331 <b:if cond='data:post.showThreadedComments'>
1332 <b:include data='post' name='threaded_comments'/>
1333 <b:else/>
1334 <b:include data='post' name='comments'/>
1335 </b:if>
1336 </b:if>
1337</b:includable>
1338 <b:includable id='comments' var='post'>
1339<div class='comments' id='comments'>
1340<b:if cond='data:post.allowComments'>
1341 <b:if cond='data:post.numComments != 0'>
1342 <h3>
1343 <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
1344 <b:else/>
1345 <data:post.numComments/> <data:commentLabelPlural/>
1346 </b:if>
1347 </h3>
1348<a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'><data:commentLabelPlural/></a>
1349 </b:if>
1350
1351 <b:if cond='data:post.commentPagingRequired'>
1352 <span class='paging-control-container'>
1353 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
1354
1355 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
1356
1357 <data:post.commentRangeText/>
1358
1359 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
1360
1361 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
1362 </span>
1363 </b:if>
1364
1365 <div class='clear'/>
1366 <div id='comment_block'>
1367 <b:loop values='data:post.comments' var='comment'>
1368
1369 <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>
1370
1371 <b:if cond='data:post.adminClass == data:comment.adminClass'>
1372 <div class='comment_inner comment_admin'>
1373 <b:else/>
1374 <div class='comment_inner'>
1375 </b:if>
1376
1377 <div class='comment_body'>
1378 <div class='comment_header'>
1379 <div class='comment_avatar_wrap'>
1380
1381 </div>
1382<div class='clear'/>
1383 </div>
1384<div class='comment_name'>
1385 <b:if cond='data:comment.authorUrl'>
1386 <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
1387 <b:else/>
1388 <data:comment.author/>
1389 </b:if>
1390<div class='comment_author_flag'>
1391<i class='fa fa-check-circle'/></div>
1392</div>
1393<span class='comment_service'>
1394 <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
1395 <data:comment.timestamp/>
1396 </a></span>
1397<b:include data='comment' name='commentDeleteIcon'/>
1398 </span>
1399 <b:if cond='data:comment.isDeleted'>
1400 <span class='deleted-comment'><data:comment.body/></span>
1401 <b:else/>
1402 <p>
1403<data:comment.body/></p>
1404<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply'>Reply</a>
1405 <div class='clear'/>
1406 </b:if>
1407 <div class='comment_avatar'>
1408 <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
1409 </div>
1410</div>
1411<div class='clear'/>
1412 </div>
1413<div class='clear'/>
1414
1415 <div class='comment_child'/>
1416 <div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
1417
1418 </div>
1419</b:loop>
1420 </div>
1421<div class='clear'/>
1422 <b:if cond='data:post.commentPagingRequired'>
1423 <span class='paging-control-container'>
1424 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
1425
1426 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
1427
1428 <data:post.commentRangeText/>
1429
1430 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
1431
1432 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
1433 </span>
1434 </b:if>
1435 <div class='clear'/>
1436 <div class='comment_form' id='comment-form'>
1437
1438
1439
1440 <b:if cond='data:post.embedCommentForm'>
1441 <b:if cond='data:post.allowNewComments'>
1442 <b:include data='post' name='threaded-comment-form'/>
1443 <b:else/>
1444 <data:post.noNewCommentsText/>
1445 </b:if>
1446 <b:else/>
1447 <b:if cond='data:post.allowComments'>
1448 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
1449 </b:if>
1450 </b:if>
1451 </div>
1452</b:if>
1453</div>
1454<script type='text/javascript'>
1455 //<![CDATA[
1456 if (typeof(jQuery) == 'undefined') {
1457 //output the script (load it from google api)
1458 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
1459}
1460 //]]>
1461 </script>
1462
1463 <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
1464 <script type='text/javascript'>
1465
1466 <b:if cond='data:post.numComments != 0'>
1467 var Items = <data:post.commentJso/>;
1468 var Msgs = <data:post.commentMsgs/>;
1469 var Config = <data:post.commentConfig/>;
1470
1471 <b:else/>
1472 var Items = {};
1473 var Msgs = {};
1474 var Config = {'maxThreadDepth':'0'};
1475 </b:if>
1476 //<![CDATA[
1477 //Global setting
1478 Config.maxThreadDepth = 3;
1479 Display_Emo = true;
1480 Replace_Youtube_Link = false;
1481 Replace_Image_Link = false;
1482 Replace_Force_Tag = false;
1483 Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];
1484
1485 //Pengaturan Emoticon
1486 Emo_List = [
1487':)' ,'http://twemoji.maxcdn.com/36x36/1f600.png',
1488':(' ,'http://twemoji.maxcdn.com/36x36/1f615.png',
1489'hihi' ,'http://twemoji.maxcdn.com/36x36/1f601.png',
1490':-)' ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
1491':D' ,'http://twemoji.maxcdn.com/36x36/1f603.png',
1492'=D' ,'http://twemoji.maxcdn.com/36x36/1f62c.png',
1493':-d' ,'http://twemoji.maxcdn.com/36x36/1f604.png',
1494';(' ,'http://twemoji.maxcdn.com/36x36/1f61e.png',
1495';-(' ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
1496'@-)' ,'http://twemoji.maxcdn.com/36x36/1f616.png',
1497':P' ,'http://twemoji.maxcdn.com/36x36/1f61c.png',
1498':o' ,'http://twemoji.maxcdn.com/36x36/1f62e.png',
1499':>)','http://twemoji.maxcdn.com/36x36/1f606.png',
1500'(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',
1501':p' ,'http://twemoji.maxcdn.com/36x36/1f614.png',
1502':-?' ,'http://twemoji.maxcdn.com/36x36/2753.png',
1503'(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png',
1504':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
1505'(m)' ,'http://twemoji.maxcdn.com/36x36/1f620.png',
1506'8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
1507':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
1508':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
1509'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
1510':-#' ,'http://twemoji.maxcdn.com/36x36/1f637.png',
1511'=p~' ,'http://twemoji.maxcdn.com/36x36/1f35c.png',
1512'$-)' ,'http://twemoji.maxcdn.com/36x36/1f4b5.png',
1513'(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
1514'(f)' ,'http://twemoji.maxcdn.com/36x36/1f33a.png',
1515'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
1516'(k)' ,'http://twemoji.maxcdn.com/36x36/1f496.png',
1517'(h)' ,'http://twemoji.maxcdn.com/36x36/1f44f.png',
1518'cheer' ,'http://twemoji.maxcdn.com/36x36/1f378.png',
1519 ];
1520
1521
1522 //Config Force tag list, define all in lower case
1523 Force_Tag = [
1524 '[pre]','<pre>',
1525 '[/pre]','</pre>
1526',
1527 '<pre class="brush: plain; title: ; notranslate" title="">','<code>',
1528 '</pre>
1529','</code>'
1530 ];
1531
1532eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
1533var avatar=$("#comments");
1534avatar.find('.comment_avatar img').each(function() {
1535 var ava = $(this).attr('src');
1536 $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s100-c/"));
1537});
1538 //]]>
1539</script>
1540</b:includable>
1541 <b:includable id='feedLinks'>
1542 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
1543 <b:if cond='data:feedLinks'>
1544 <div class='blog-feeds'>
1545 <b:include data='feedLinks' name='feedLinksBody'/>
1546 </div>
1547</b:if>
1548 <b:else/> <!--Post feed links -->
1549 <div class='post-feeds'>
1550 <b:loop values='data:posts' var='post'>
1551 <b:if cond='data:post.allowComments'>
1552 <b:if cond='data:post.feedLinks'>
1553 <b:include data='post.feedLinks' name='feedLinksBody'/>
1554 </b:if>
1555 </b:if>
1556 </b:loop>
1557 </div>
1558</b:if>
1559</b:includable>
1560 <b:includable id='feedLinksBody' var='links'>
1561 <div class='feed-links'>
1562 <data:feedLinksMsg/>
1563 <b:loop values='data:links' var='f'>
1564 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
1565 </b:loop>
1566 </div>
1567</b:includable>
1568 <b:includable id='iframe_comments' var='post'>
1569 <b:if cond='data:post.allowIframeComments'>
1570 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
1571 <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
1572 <b:if cond='data:post.embedCommentForm == "false"'>
1573 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1574 </b:if>
1575 </b:if>
1576</b:includable>
1577 <b:includable id='mobile-index-post' var='post'>
1578<!-- index mobile -->
1579 <div class='mobile-date-outer date-outer'>
1580 <div class='mobile-post-outer'>
1581 <div class='mobile-index-contents'>
1582 <b:if cond='data:post.thumbnailUrl'>
1583 <div class='mobile-index-thumbnail'>
1584 <div class='Image'>
1585 <img expr:src='data:post.thumbnailUrl'/>
1586 </div>
1587</div>
1588<b:else/>
1589 <div class='mobile-index-thumbnail'>
1590 <div class='Image'>
1591 <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'/>
1592 </div>
1593</div>
1594</b:if>
1595 <a expr:href='data:post.url'>
1596 <h3 class='mobile-index-title entry-title' itemprop='name'>
1597 <data:post.title/>
1598 </h3>
1599</a>
1600 <div class='viennalite-info'>
1601 <b:if cond='data:top.showAuthor'>
1602 <b:if cond='data:post.authorProfileUrl'>
1603 <span class='author-info'>
1604 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1605 <a expr:content='data:post.authorProfileUrl' itemprop='author'/>
1606 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1607 <span itemprop='name'><data:post.author/></span>
1608 </a>
1609 </span>
1610 </span>
1611 <b:else/>
1612 <span class='author-info'>
1613 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1614 <span itemprop='name'><data:post.author/></span>
1615 </span>
1616 </span>
1617 </b:if>
1618 </b:if>
1619 <b:if cond='data:top.showTimestamp'>
1620 <b:if cond='data:post.url'>
1621 <a expr:content='data:post.canonicalUrl'/>
1622 <span class='time-info'>
1623 <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>
1624 </span>
1625 </b:if>
1626 </b:if>
1627 <b:if cond='data:blog.pageType != "item"'>
1628 <b:if cond='data:blog.pageType != "static_page"'>
1629 <b:if cond='data:post.allowComments'>
1630 <span class='comment-info'>
1631 <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>
1632 </a>
1633 </span>
1634 </b:if>
1635 </b:if>
1636 </b:if>
1637 </div>
1638<div class='post-body'>
1639 </div>
1640</div>
1641<div style='clear: both;'/>
1642 </div>
1643</div>
1644</b:includable>
1645 <b:includable id='mobile-main' var='top'>
1646 <!-- posts -->
1647 <div class='blog-posts hfeed'>
1648 <b:include data='top' name='status-message'/>
1649 <b:if cond='data:blog.pageType == "index"'>
1650 <b:loop values='data:posts' var='post'>
1651 <b:include data='post' name='mobile-index-post'/>
1652 </b:loop>
1653 <b:else/>
1654 <b:loop values='data:posts' var='post'>
1655 <b:include data='post' name='mobile-post'/>
1656 </b:loop>
1657 </b:if>
1658 </div>
1659<b:include name='mobile-nextprev'/>
1660</b:includable>
1661 <b:includable id='mobile-nextprev'>
1662<!-- Mobile Page -->
1663 <div class='blog-pager' id='blog-pager'>
1664 <b:if cond='data:newerPageUrl'>
1665 <div class='mobile-link-button' id='blog-pager-newer-link'>
1666 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</a>
1667 </div>
1668</b:if>
1669 <b:if cond='data:olderPageUrl'>
1670 <div class='mobile-link-button' id='blog-pager-older-link'>
1671 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>›</a>
1672 </div>
1673</b:if>
1674 <div class='mobile-link-button' id='blog-pager-home-link'>
1675 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1676 </div>
1677<div class='mobile-desktop-link'>
1678 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
1679 </div>
1680</div>
1681<div class='clear'/>
1682</b:includable>
1683 <b:includable id='mobile-post' var='post'>
1684<!-- Mobile Post -->
1685 <div class='date-outer'>
1686 <div class='date-posts'>
1687 <div class='post-outer'>
1688 <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1689 <b:if cond='data:post.thumbnailUrl'>
1690 <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
1691 </b:if>
1692 <meta expr:content='data:blog.blogId' itemprop='blogId'/>
1693 <meta expr:content='data:post.id' itemprop='postId'/>
1694
1695 <b:if cond='data:post.title'>
1696 <h3 class='mobile-post-title entry-title' itemprop='name'>
1697 <b:if cond='data:post.link'>
1698 <a expr:href='data:post.link'><data:post.title/></a>
1699 <b:else/>
1700 <b:if cond='data:post.url'>
1701 <b:if cond='data:blog.url != data:post.url'>
1702 <a expr:href='data:post.url'><data:post.title/></a>
1703 <b:else/>
1704 <data:post.title/>
1705 </b:if>
1706 <b:else/>
1707 <data:post.title/>
1708 </b:if>
1709 </b:if>
1710 </h3>
1711</b:if>
1712 <div class='post-header'>
1713 <div class='post-header-line-1'/>
1714 </div>
1715<div class='viennalite-info' style='margin-bottom:15px;'>
1716 <b:if cond='data:top.showAuthor'>
1717 <b:if cond='data:post.authorProfileUrl'>
1718 <span class='author-info'>
1719 <i class='fa fa-user'/>
1720 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1721 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1722 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1723 <span itemprop='name'><data:post.author/></span>
1724 </a>
1725 </span>
1726 </span>
1727 <b:else/>
1728 <span class='author-info'>
1729 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1730 <span itemprop='name'><data:post.author/></span>
1731 </span>
1732 </span>
1733 </b:if>
1734 </b:if>
1735 <b:if cond='data:top.showTimestamp'>
1736 <b:if cond='data:post.url'>
1737 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
1738 <span class='time-info'>
1739 <i class='fa fa-calendar-o'/> <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>
1740 </span>
1741 </b:if>
1742 </b:if>
1743 <b:if cond='data:blog.pageType != "item"'>
1744 <b:if cond='data:blog.pageType != "static_page"'>
1745 <b:if cond='data:post.allowComments'>
1746 <span class='comment-info'>
1747 <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>
1748 </a>
1749 </span>
1750 </b:if>
1751 </b:if>
1752 </b:if>
1753 </div>
1754<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
1755<b:if cond='data:blog.pageType == "item"'>
1756<div STYLE='display:block;text-align:center;margin:15px auto;'>
1757<!-- Kode Banner/Iklan Anda Di sini -->
1758</div>
1759</b:if>
1760 <data:post.body/>
1761<b:if cond='data:blog.pageType == "item"'>
1762<div STYLE='display:block;text-align:center;margin:15px auto;'>
1763<!-- Kode Banner/Iklan Anda Di sini -->
1764</div>
1765</b:if>
1766 <div style='clear: both;'/>
1767
1768 <div id='share-buttons-mobile'>
1769 <p>
1770Share : </p>
1771<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
1772 <a expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
1773 <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>
1774 <div class='clear'/>
1775 </div>
1776<div id='related-posts-mobile'>
1777 <h3>
1778Related Posts :</h3>
1779<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=6"' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
1780 </div>
1781</div>
1782</div>
1783<b:if cond='data:blog.pageType == "static_page"'>
1784 <b:include data='post' name='comment_picker'/>
1785 </b:if>
1786 <b:if cond='data:blog.pageType == "item"'>
1787 <b:include data='post' name='comment_picker'/>
1788 </b:if>
1789 </div>
1790</div>
1791</div>
1792</b:includable>
1793 <b:includable id='nextprev'>
1794<b:if cond='data:blog.pageType != "item"'>
1795<b:if cond='data:blog.pageType != "static_page"'>
1796 <div class='blog-pager' id='blog-pager'>
1797 <b:if cond='data:newerPageUrl'>
1798 <span id='blog-pager-newer-link'>
1799 <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>
1800 </span>
1801 </b:if>
1802 <b:if cond='data:olderPageUrl'>
1803 <span id='blog-pager-older-link'>
1804 <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>
1805 </span>
1806 </b:if>
1807 <div class='mobile-link-button' id='blog-pager-home-link'>
1808 <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
1809 </div>
1810<div class='mobile-desktop-link'>
1811 <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
1812 </div>
1813</div>
1814</b:if>
1815</b:if>
1816 <div class='clear'/>
1817</b:includable>
1818 <b:includable id='page-navi'>
1819 <div class='pagenav'>
1820 <script type='text/javascript'>
1821 var pageNaviConf = {
1822 perPage: 6,
1823 numPages: 5,
1824 firstText: "First",
1825 lastText: "Last",
1826 nextText: "Next",
1827 prevText: "Prev"
1828 }
1829 </script>
1830<script src='https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/paginavi.js'/>
1831 <div class='clear'/>
1832 </div>
1833</b:includable>
1834 <b:includable id='post' var='post'>
1835 <article class='post hentry'>
1836<b:if cond='data:post.firstImageUrl'>
1837 <a expr:content='data:post.firstImageUrl'/>
1838</b:if>
1839<b:if cond='data:blog.pageType != "item"'>
1840<b:if cond='data:blog.pageType != "static_page"'>
1841<b:if cond='data:post.thumbnailUrl'>
1842<a expr:href='data:post.url'><div class='img-thumbnail'>
1843<script type='text/javascript'>
1844 document.write(arlina_thumbnail_resize("<data:post.thumbnailUrl/>",'<data:post.title/>'));
1845</script>
1846</div>
1847</a>
1848<b:else/>
1849<b:if cond='data:post.firstImageUrl'>
1850<a expr:href='data:post.url'><div class='img-thumbnail'>
1851<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
1852</a>
1853<b:else/>
1854<a expr:href='data:post.url'><div class='img-thumbnail'>
1855<img expr:alt='data:post.title' expr:title='data:post.title'/></div>
1856</a>
1857</b:if>
1858</b:if>
1859</b:if>
1860</b:if>
1861<b:if cond='data:post.title'>
1862 <b:if cond='data:blog.pageType != "item"'>
1863 <b:if cond='data:blog.pageType != "static_page"'>
1864 <h2 class='post-title entry-title'>
1865 <b:if cond='data:post.link'>
1866 <a expr:href='data:post.link' expr:title='data:post.title'>
1867 <data:post.title/>
1868 </a>
1869 <b:else/>
1870 <b:if cond='data:post.url'>
1871 <b:if cond='data:blog.url != data:post.url'>
1872 <a expr:href='data:post.url' expr:title='data:post.title'>
1873 <data:post.title/>
1874 </a>
1875 <b:else/>
1876 <data:post.title/>
1877 </b:if>
1878 <b:else/>
1879 <data:post.title/>
1880 </b:if>
1881 </b:if>
1882 </h2>
1883<b:else/>
1884 <h1 class='post-title entry-title'>
1885 <b:if cond='data:post.link'>
1886 <a expr:href='data:post.link' expr:title='data:post.title'>
1887 <data:post.title/>
1888 </a>
1889 <b:else/>
1890 <b:if cond='data:post.url'>
1891 <b:if cond='data:blog.url != data:post.url'>
1892 <a expr:href='data:post.url' expr:title='data:post.title'>
1893 <data:post.title/>
1894 </a>
1895 <b:else/>
1896 <data:post.title/>
1897 </b:if>
1898 <b:else/>
1899 <data:post.title/>
1900 </b:if>
1901 </b:if>
1902 </h1>
1903</b:if>
1904 <b:else/>
1905 <h1 class='post-title entry-title'>
1906 <b:if cond='data:post.link'>
1907 <a expr:href='data:post.link' expr:title='data:post.title'>
1908 <data:post.title/>
1909 </a>
1910 <b:else/>
1911 <b:if cond='data:post.url'>
1912 <b:if cond='data:blog.url != data:post.url'>
1913 <a expr:href='data:post.url' expr:title='data:post.title'>
1914 <data:post.title/>
1915 </a>
1916 <b:else/>
1917 <data:post.title/>
1918 </b:if>
1919 <b:else/>
1920 <data:post.title/>
1921 </b:if>
1922 </b:if>
1923 </h1>
1924</b:if>
1925</b:if>
1926<b:if cond='data:blog.pageType == "index"'>
1927<b:if cond='data:post.labels'>
1928<span class='label-info'>
1929<b:loop values='data:post.labels' var='label'>
1930<a expr:href='data:label.url + "?max-results=6"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
1931</b:loop>
1932</span>
1933</b:if>
1934</b:if>
1935<div class='viennalite-info'>
1936<b:if cond='data:top.showAuthor'>
1937 <b:if cond='data:post.authorProfileUrl'>
1938 <span class='author-info'>
1939 <i class='fa fa-user'/>
1940 <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1941 <span class='fn'>
1942 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1943 <span itemprop='name'><data:post.author/></span>
1944 </a>
1945 </span>
1946 </span>
1947 </span>
1948 <b:else/>
1949 <span class='author-info'>
1950 <i class='fa fa-user'/>
1951 <span class='fn'>
1952 <span itemprop='name'><data:post.author/></span>
1953 </span>
1954 </span>
1955 </b:if>
1956 </b:if>
1957 <b:if cond='data:top.showTimestamp'>
1958 <b:if cond='data:post.url'>
1959 <span class='time-info'>
1960 <i class='fa fa-calendar-o'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
1961 </span>
1962 </b:if>
1963 </b:if>
1964<b:if cond='data:blog.pageType == "item"'>
1965<b:if cond='data:post.labels'>
1966<span class='label-info'>
1967<b:loop values='data:post.labels' var='label'>
1968<a expr:href='data:label.url + "?max-results=10"' rel='tag'><i class='fa fa-tag'/> <data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
1969</b:loop>
1970</span>
1971</b:if>
1972</b:if>
1973 <b:if cond='data:blog.pageType != "item"'>
1974 <b:if cond='data:blog.pageType != "static_page"'>
1975 <b:if cond='data:post.allowComments'>
1976 <span class='comment-info'>
1977 <i class='fa fa-comments-o'/> <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>
1978 </a>
1979 </span>
1980 </b:if>
1981 </b:if>
1982 </b:if>
1983 <b:include data='post' name='postQuickEdit'/>
1984 </div>
1985<div class='post-header'>
1986 <div class='post-header-line-1'/>
1987<span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'>
1988 <b:if cond='data:top.showAuthor'>
1989 <b:if cond='data:post.authorProfileUrl'>
1990 <span class='fn author'>
1991 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1992 <span itemprop='name'><data:post.author/></span>
1993 </a>
1994 </span>
1995 <b:else/>
1996 <span class='fn author'><span itemprop='name'><data:post.author/></span></span>
1997 </b:if>
1998 </b:if>
1999 </span>
2000 </div>
2001<b:if cond='data:blog.pageType != "item"'>
2002 <b:if cond='data:blog.pageType == "static_page"'>
2003 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
2004 <data:post.body/>
2005 <div style='clear:both;'/>
2006
2007 </div>
2008<b:else/>
2009 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
2010 <div>
2011<div expr:id='"summary" + data:post.id'>
2012<data:post.body/></div>
2013<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
2014 </div>
2015<div style='clear:both'/>
2016
2017 </div>
2018</b:if>
2019 <b:else/>
2020 <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
2021 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
2022<b:if cond='data:blog.pageType == "item"'>
2023<div style="display:block;text-align:center;margin:15px auto;">
2024<!-- Kode Banner/Iklan Anda Di sini -->
2025</div>
2026</b:if>
2027<data:post.body/>
2028<b:if cond='data:blog.pageType == "item"'>
2029<div style="display:block;text-align:center;margin:15px auto;">
2030<!-- Kode Banner/Iklan Anda Di sini -->
2031</div>
2032</b:if>
2033<div style='clear: both;'/>
2034
2035<b:if cond='data:blog.pageType == "item"'>
2036<div class='authorboxwrap'>
2037<div class='authorboxfull'>
2038<div class='avatar-container'>
2039<a href=''>
2040<img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='96' width='96'/>
2041</a>
2042</div>
2043<div class='author_description_container'>
2044<h4>
2045<a href='#' rel='author'>Author : <data:post.author/></a></h4>
2046<p>
2047<data:post.authorAboutMe/>
2048</p>
2049</div>
2050</div>
2051</div>
2052<div style='clear:both'/>
2053<h2 class='sharetitle'>
2054<span>Share this</span></h2>
2055<script type='text/javascript'>
2056//<![CDATA[
2057var siteurl = window.location.href;
2058 document.write('<div class="sharebrow">
2059<div class="sharede">
2060 \
2061<a class="gp social-popup" href="https://plus.google.com/share?url=' + siteurl + '" target="_blank" title="Share to Google+">\
2062 <i class="fa fa-google-plus gotea"></i> Google</a> \
2063<a class="fb social-popup" href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="Share to Facebook">\
2064 <i class="fa fa-facebook fbtea"></i> Facebook</a> \
2065<a class="tw social-popup" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&url='+siteurl+'" target="_blank" title="Share to Twitter">\
2066 <i class="fa fa-twitter twtea"></i> Twitter</a> \
2067 <span class="pl" data-target="#share-menu"><i class="fa fa-plus plustea"></i> More</span> \
2068<ul class="dropdown-menu" id="share-menu"> \
2069<li><a class="social-popup" href="//www.digg.com/submit?url=' + siteurl + '" target="_blank" title="Share This On Digg">Digg</a></li>
2070\
2071<li><a class="social-popup" href="//www.linkedin.com/shareArticle?mini=true&url=' + siteurl + '" target="_blank" title="Share This On Linkedin">Linkedin</a></li>
2072\
2073<li><a class="social-popup" href="//www.stumbleupon.com/submit?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Stumbleupon">Stumbleupon</a></li>
2074\
2075<li><a class="social-popup" href="//delicious.com/post?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Delicious">Delicious</a></li>
2076\
2077<li><a class="social-popup" href="http://www.tumblr.com/share/link?url=' + siteurl + '&name='+encodeURIComponent(document.title)+'&description='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Tumblr">Tumblr</a></li>
2078\
2079<li><a class="social-popup" href="http://bufferapp.com/add?text='+encodeURIComponent(document.title)+'&url=' + siteurl + '" target="_blank" title="Share This On BufferApp">BufferApp</a></li>
2080\
2081<li><a class="social-popup" href="https://getpocket.com/save?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Pocket">Pocket</a></li>
2082\
2083<li><a class="social-popup" href="http://www.evernote.com/clip.action?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Evernote">Evernote</a></li>
2084\
2085 </ul>
2086\
2087</div>
2088<div class="clear">
2089</div>
2090</div>
2091\
2092');
2093$(document).ready(function(){$(".pl").click(function(){$("#share-menu").slideToggle("fast")})});
2094//]]>
2095</script>
2096<div style='clear:both'/>
2097<div class='follow-by-email-inner'>
2098 <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
2099 <table class='tabletd1'>
2100<tr>
2101 <td>
2102 <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
2103 </td>
2104 <td class='tabletd2'>
2105 <input class='follow-by-email-submit' type='submit' value='Submit'/>
2106 </td>
2107 </tr>
2108</table>
2109<input expr:value='data:feedPath' name='uri' type='hidden'/>
2110 <input name='loc' type='hidden' value='en_US'/>
2111 </form>
2112</div>
2113<div style='clear:both'/>
2114<script type='text/javascript'>
2115//<![CDATA[
2116//Related Post
2117var relnojudul = 0;
2118var relmaxtampil = 4;
2119var numchars = 90;
2120var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="
2121<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'>
2122</div>
2123<img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>
2124";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
2125//]]>
2126</script>
2127<div id='related-post'>
2128<div class='relhead'>
2129 <h4>
2130<span>Related Posts</span></h4>
2131<div class='clear'/>
2132 <b:loop values='data:post.labels' var='label'>
2133 <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgcuplik&max-results=50"' type='text/javascript'/>
2134 </b:loop>
2135 <ul id='related-summary'>
2136 <script type='text/javascript'>artikelterkait();</script>
2137 </ul>
2138</div>
2139</div>
2140</b:if>
2141<div style='clear:both;'/>
2142 </div>
2143</b:if>
2144 </article>
2145<b:if cond='data:blog.pageType == "item"'>
2146<div class='pagenext'>
2147 <div class='blog-pager' id='blog-pager'>
2148<div class='pagenext-kiri'>
2149 <i class='fa fa-chevron-left arrowle'/>
2150<div class='isipagenext-kiri'>
2151 <b:if cond='data:newerPageUrl'>
2152 <span id='blog-pager-newer-link'>
2153 <span class='pager-title-left'>Next</span><br/>
2154 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>« Prev Post</a>
2155 </span>
2156<b:else/>
2157 <span class='current-pageleft'><span class='pager-title-left'>Latest</span></span>
2158 </b:if>
2159</div>
2160</div>
2161<div class='pagenext-kanan'>
2162 <i class='fa fa-chevron-right arrowri'/>
2163<div class='isipagenext-kanan'>
2164 <b:if cond='data:olderPageUrl'>
2165 <span id='blog-pager-older-link'>
2166 <span class='pager-title-left'>Previous</span><br/>
2167 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Next Post »</a>
2168 </span>
2169<b:else/>
2170<span class='current-pageright'><span class='pager-title-left'>First</span></span>
2171 </b:if>
2172</div>
2173</div>
2174</div>
2175<div style='clear: both;'/>
2176</div>
2177</b:if>
2178</b:includable>
2179 <b:includable id='postQuickEdit' var='post'>
2180 <b:if cond='data:post.editUrl'>
2181 <span expr:class='"item-control " + data:post.adminClass'>
2182 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
2183 <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
2184 </a>
2185 </span>
2186 </b:if>
2187</b:includable>
2188 <b:includable id='shareButtons' var='post'>
2189 <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.share-postUrl + "&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.share-postUrl + "&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.share-postUrl + "&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.share-postUrl + "&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.share-postUrl + "&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'>
2190<data:post.dummyTag/></div>
2191</b:if>
2192</b:includable>
2193 <b:includable id='status-message'>
2194 <b:if cond='data:navMessage'>
2195 <div class='status-msg-wrap'>
2196 <div class='status-msg-body'>
2197 <data:navMessage/>
2198 </div>
2199<div class='status-msg-border'>
2200 <div class='status-msg-bg'>
2201 <div class='status-msg-hidden'>
2202<data:navMessage/></div>
2203</div>
2204</div>
2205</div>
2206<div style='clear: both;'/>
2207 </b:if>
2208</b:includable>
2209 <b:includable id='threaded-comment-form' var='post'>
2210 <div class='comment-form'>
2211<div id='form-wrapper'>
2212 <b:if cond='data:mobile'>
2213 <p>
2214<data:blogCommentMessage/></p>
2215<data:blogTeamBlogMessage/>
2216
2217 <b:if cond='data:blog.pageType == "static_page"'>
2218
2219 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
2220
2221 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
2222
2223 </b:if>
2224
2225 <b:if cond='data:blog.pageType == "item"'>
2226
2227 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
2228
2229 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
2230
2231 </b:if>
2232 <b:else/>
2233<div id='threaded-comment-form'>
2234 <p>
2235<data:blogCommentMessage/>
2236<span class='small-button1'>
2237<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='Show Emoticon'><i class='fa fa-smile-o'/></a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='Hide Emoticon'><i class='fa fa-smile-o'/></a></span>
2238</span>
2239 </p>
2240<div id='emo-box'>
2241 <div class='comment_emo_list'/>
2242</div>
2243<data:blogTeamBlogMessage/>
2244
2245 <b:if cond='data:blog.pageType == "static_page"'>
2246
2247 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
2248
2249 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
2250
2251 </b:if>
2252
2253 <b:if cond='data:blog.pageType == "item"'>
2254
2255 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
2256
2257 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
2258
2259 </b:if>
2260 </div>
2261</b:if>
2262</div>
2263<data:post.friendConnectJs/>
2264 <data:post.cmtfpIframe/>
2265 <script type='text/javascript'>
2266 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
2267 </script>
2268 </div>
2269</b:includable>
2270 <b:includable id='threaded_comment_js' var='post'>
2271 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
2272 <script type='text/javascript'>
2273 (function() {
2274 var items = <data:post.commentJso/>;
2275 var msgs = <data:post.commentMsgs/>;
2276 var config = <data:post.commentConfig/>;
2277
2278// <![CDATA[
2279 var cursor = null;
2280 if (items && items.length > 0) {
2281 cursor = parseInt(items[items.length - 1].timestamp) + 1;
2282 }
2283
2284 var bodyFromEntry = function(entry) {
2285 if (entry.gd$extendedProperty) {
2286 for (var k in entry.gd$extendedProperty) {
2287 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
2288 return '<span class="deleted-comment">' + entry.content.$t + '</span>';
2289 }
2290 }
2291 }
2292 return entry.content.$t;
2293 }
2294
2295 var parse = function(data) {
2296 cursor = null;
2297 var comments = [];
2298 if (data && data.feed && data.feed.entry) {
2299 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
2300 var comment = {};
2301 // comment ID, parsed out of the original id format
2302 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
2303 comment.id = id ? id[2] : null;
2304 comment.body = bodyFromEntry(entry);
2305 comment.timestamp = Date.parse(entry.published.$t) + '';
2306 if (entry.author && entry.author.constructor === Array) {
2307 var auth = entry.author[0];
2308
2309 if (auth) {
2310 comment.author = {
2311 name: (auth.name ? auth.name.$t : undefined),
2312 profileUrl: (auth.uri ? auth.uri.$t : undefined),
2313 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
2314 };
2315 }
2316 }
2317 if (entry.link) {
2318 if (entry.link[2]) {
2319 comment.link = comment.permalink = entry.link[2].href;
2320 }
2321 if (entry.link[3]) {
2322 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
2323 if (pid && pid[1]) {
2324 comment.parentId = pid[1];
2325 }
2326 }
2327 }
2328 comment.deleteclass = 'item-control blog-admin';
2329 if (entry.gd$extendedProperty) {
2330 for (var k in entry.gd$extendedProperty) {
2331 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
2332 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
2333 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
2334 comment.displayTime = entry.gd$extendedProperty[k].value;
2335 }
2336 }
2337 }
2338 comments.push(comment);
2339 }
2340 }
2341 return comments;
2342 };
2343
2344 var paginator = function(callback) {
2345 if (hasMore()) {
2346 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
2347 if (cursor) {
2348 url += '&published-min=' + new Date(cursor).toISOString();
2349 }
2350 window.bloggercomments = function(data) {
2351 var parsed = parse(data);
2352 cursor = parsed.length < 50 ? null
2353 : parseInt(parsed[parsed.length - 1].timestamp) + 1
2354 callback(parsed);
2355 window.bloggercomments = null;
2356 }
2357 url += '&callback=bloggercomments';
2358 var script = document.createElement('script');
2359 script.type = 'text/javascript';
2360 script.src = url;
2361 document.getElementsByTagName('head')[0].appendChild(script);
2362 }
2363 };
2364 var hasMore = function() {
2365 return !!cursor;
2366 };
2367 var getMeta = function(key, comment) {
2368 if ('iswriter' == key) {
2369 var matches = !!comment.author
2370 && comment.author.name == config.authorName
2371 && comment.author.profileUrl == config.authorUrl;
2372 return matches ? 'true' : '';
2373 } else if ('deletelink' == key) {
2374 return config.baseUri + '/delete-comment.g?blogID='
2375 + config.blogId + '&postID=' + comment.id;
2376 } else if ('deleteclass' == key) {
2377 return comment.deleteclass;
2378 }
2379 return '';
2380 };
2381
2382 var replybox = null;
2383 var replyUrlParts = null;
2384 var replyParent = undefined;
2385
2386 var onReply = function(commentId, domId) {
2387 if (replybox == null) {
2388 // lazily cache replybox, and adjust to suit this style:
2389 replybox = document.getElementById('comment-editor');
2390 if (replybox != null) {
2391 replybox.height = '250px';
2392 replybox.style.display = 'block';
2393 replyUrlParts = replybox.src.split('#');
2394 }
2395 }
2396 if (replybox && (commentId !== replyParent)) {
2397 document.getElementById(domId).insertBefore(replybox.parentNode, null);
2398 replybox.src = replyUrlParts[0]
2399 + (commentId ? '&parentID=' + commentId : '')
2400 + '#' + replyUrlParts[1];
2401 replyParent = commentId;
2402 }
2403 };
2404
2405 var hash = (window.location.hash || '#').substring(1);
2406 var startThread, targetComment;
2407 if (/^comment-form_/.test(hash)) {
2408 startThread = hash.substring('comment-form_'.length);
2409 } else if (/^c[0-9]+$/.test(hash)) {
2410 targetComment = hash.substring(1);
2411 }
2412
2413 // Configure commenting API:
2414 var configJso = {
2415 'maxDepth': config.maxThreadDepth
2416 };
2417 var provider = {
2418 'id': config.postId,
2419 'data': items,
2420 'loadNext': paginator,
2421 'hasMore': hasMore,
2422 'getMeta': getMeta,
2423 'onReply': onReply,
2424 'rendered': true,
2425 'initComment': targetComment,
2426 'initReplyThread': startThread,
2427 'config': configJso,
2428 'messages': msgs
2429 };
2430
2431 var render = function() {
2432 if (window.goog && window.goog.comments) {
2433 var holder = document.getElementById('comment-holder');
2434 window.goog.comments.render(holder, provider);
2435 }
2436 };
2437
2438 // render now, or queue to render when library loads:
2439 if (window.goog && window.goog.comments) {
2440 render();
2441 } else {
2442 window.goog = window.goog || {};
2443 window.goog.comments = window.goog.comments || {};
2444 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
2445 window.goog.comments.loadQueue.push(render);
2446 }
2447 })();
2448// ]]>
2449 </script>
2450</b:includable>
2451 <b:includable id='threaded_comments' var='post'>
2452 <div class='comments' id='comments'>
2453 <a name='comments'/>
2454 <h3>
2455<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/> Comments </b:if></h3>
2456<div class='comments-content'>
2457 <b:if cond='data:post.embedCommentForm'>
2458 <b:include data='post' name='threaded_comment_js'/>
2459 </b:if>
2460 <div id='comment-holder'>
2461 <data:post.commentHtml/>
2462 </div>
2463</div>
2464<p class='comment-footer'>
2465<b:if cond='data:post.allowNewComments'>
2466 <b:include data='post' name='threaded-comment-form'/>
2467 <b:else/>
2468 <data:post.noNewCommentsText/>
2469 </b:if>
2470 </p>
2471<b:if cond='data:showCmtPopup'>
2472 <div id='comment-popup'>
2473 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
2474 </iframe>
2475 </div>
2476</b:if>
2477 <div id='backlinks-container'>
2478 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
2479 <b:if cond='data:post.showBacklinks'>
2480 <b:include data='post' name='backlinks'/>
2481 </b:if>
2482 </div>
2483</div>
2484</div>
2485</b:includable>
2486 </b:widget>
2487 </b:section>
2488 <b:section class='main2 section' id='main2' maxwidgets='1' showaddelement='yes'/>
2489</div>
2490<div class='clear'/>
2491</div>
2492<aside id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
2493<div class='sidebar-inner'>
2494 <b:section class='sidebar-two section' id='sidebar-two' preferred='yes'>
2495 <b:widget id='PopularPosts2' locked='false' title='Paling Dilihat' type='PopularPosts'>
2496 <b:includable id='main'>
2497 <b:if cond='data:title'><h2>
2498<data:title/></h2>
2499</b:if>
2500 <div class='widget-content popular-posts'>
2501 <ul>
2502 <b:loop values='data:posts' var='post'>
2503<li>
2504 <b:if cond='data:showThumbnails == "false"'>
2505 <b:if cond='data:showSnippets == "false"'>
2506 <!-- (1) No snippet/thumbnail -->
2507 <a expr:href='data:post.href'><data:post.title/></a>
2508 <b:else/>
2509 <!-- (2) Show only snippets -->
2510 <div class='item-title'>
2511<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
2512<div class='item-snippet'>
2513<data:post.snippet/></div>
2514</b:if>
2515 <b:else/>
2516 <b:if cond='data:showSnippets == "false"'>
2517 <!-- (3) Show only thumbnails -->
2518 <div class='item-thumbnail-only'>
2519 <b:if cond='data:post.thumbnail'>
2520 <div class='item-thumbnail'>
2521 <a expr:href='data:post.href' target='_blank'>
2522 <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
2523 </a>
2524 </div>
2525</b:if>
2526 <div class='item-title'>
2527<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
2528</div>
2529<div style='clear: both;'/>
2530 <b:else/>
2531 <!-- (4) Show snippets and thumbnails -->
2532 <div class='item-content'>
2533 <b:if cond='data:post.thumbnail'>
2534
2535 <div class='item-thumbnail'>
2536 <a expr:href='data:post.href' target='_blank'>
2537 <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
2538 </a>
2539 </div>
2540</b:if>
2541 <div class='item-title'>
2542<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
2543<div class='item-snippet'>
2544<data:post.snippet/></div>
2545</div>
2546<div style='clear: both;'/>
2547 </b:if>
2548 </b:if>
2549 </li>
2550</b:loop>
2551 </ul>
2552</div>
2553</b:includable>
2554 </b:widget>
2555 </b:section>
2556<div class='clear'/>
2557<b:section class='sidebar section' id='sidebar' preferred='yes'>
2558 <b:widget id='HTML4' locked='false' title='Komentar' type='HTML'>
2559 <b:includable id='main'>
2560 <!-- only display title if it's non-empty -->
2561 <b:if cond='data:title != ""'>
2562 <h2 class='title'>
2563<data:title/></h2>
2564</b:if>
2565 <div class='widget-content'>
2566 <data:content/>
2567 </div>
2568</b:includable>
2569 </b:widget>
2570 <b:widget id='Label1' locked='false' title='Label Pilihan' type='Label'>
2571 <b:includable id='main'>
2572 <b:if cond='data:title'>
2573 <h3>
2574<data:title/></h3>
2575</b:if>
2576 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
2577 <b:if cond='data:display == "list"'>
2578 <ul>
2579 <b:loop values='data:labels' var='label'>
2580<li>
2581 <b:if cond='data:blog.url == data:label.url'>
2582 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
2583 <b:else/>
2584 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?&max-results=6"'><data:label.name/></a>
2585 </b:if>
2586 <b:if cond='data:showFreqNumbers'>
2587 <span dir='ltr'><data:label.count/></span>
2588 </b:if>
2589 </li>
2590</b:loop>
2591 </ul>
2592<b:else/>
2593 <b:loop values='data:labels' var='label'>
2594 <span expr:class='"label-size label-size-" + data:label.cssSize'>
2595 <b:if cond='data:blog.url == data:label.url'>
2596 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
2597 <b:else/>
2598 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?&max-results=6"'><data:label.name/></a>
2599 </b:if>
2600 <b:if cond='data:showFreqNumbers'>
2601 <span class='label-count' dir='ltr'><data:label.count/></span>
2602 </b:if>
2603 </span>
2604 </b:loop>
2605 </b:if>
2606 </div>
2607</b:includable>
2608 </b:widget>
2609 <b:widget id='ContactForm1' locked='false' mobile='yes' title='Formulir Kontak' type='ContactForm'>
2610 <b:includable id='main'>
2611<b:if cond='data:blog.pageType == "static_page"'>
2612 <b:if cond='data:title != ""'>
2613 <h2 class='title'>
2614<data:title/></h2>
2615</b:if>
2616 <div class='contact-form-widget'>
2617 <div class='form'>
2618 <form name='contact-form'>
2619 <p/>
2620 <data:contactFormNameMsg/>
2621 <br/>
2622 <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
2623 <p/>
2624 <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
2625 <br/>
2626 <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
2627 <p/>
2628 <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
2629 <br/>
2630 <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
2631 <p/>
2632 <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
2633 <p/>
2634 <div style='text-align: center; max-width: 222px; width: 100%'>
2635 <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
2636<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
2637</div>
2638</form>
2639</div>
2640</div>
2641</b:if>
2642</b:includable>
2643 </b:widget>
2644</b:section>
2645</div>
2646</aside>
2647</div>
2648<div class='clear'/>
2649
2650<b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'/>
2651<div class='clear'/>
2652</div>
2653<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
2654<div id='footer-last'>
2655<div id='footer-last2'>
2656<div class='vieleftcredit'>
2657Copyright © <span id='current-year'/> <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> All Right Reserved |
2658</div>
2659<div id='virightcredit'>
2660Created by <a href='http://www.arlinadzgn.com' id='virightcredit' rel='nofollow' target='_blank'>Arlina Design</a>
2661</div>
2662| Distributed By <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank'>Gooyaabi Templates</a>
2663</div>
2664</div>
2665</footer>
2666<div class='clear'/>
2667
2668<a href='#' id='backtotop'><i class='fa fa-angle-up'/></a>
2669<script type='text/javascript'>
2670// Current year
2671function getCurrentYear(){var e=new Date;return e.getFullYear()}el=document.getElementById("current-year"),el.innerHTML=getCurrentYear();
2672// Back to top
2673jQuery(document).ready(function(e){var t=e("#backtotop");e(window).scroll(function(){e(this).scrollTop()>=800?t.show(10).animate({opacity:"1"},10):t.animate({opacity:"0"},10)});t.click(function(t){t.preventDefault();e("html,body").animate({scrollTop:0},400)})})
2674//<![CDATA[
2675// Menu Top
2676$(document).ready(function(){var str=location.href.toLowerCase();$('.top-menulite ul li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highlight").removeClass("highlight");$(this).parent().addClass("highlight")}})})
2677$(function(){var pull=$('#pull');menu=$('.top-menulite ul');menuHeight=menu.height();$(pull).on('click',function(e){e.preventDefault();menu.slideToggle()});$(window).resize(function(){var w=$(window).width();if(w>320&&menu.is(':hidden')){menu.removeAttr('style')}})});
2678// Main Menu
2679var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".slide-menu").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){$(".slide-menu").css("display","inline-block");if(!$(".slide-menu").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){$(".slide-menu").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")})}}
2680//]]>
2681</script>
2682<b:if cond='data:blog.pageType != "index"'>
2683<script type='text/javascript'>
2684//Pager
2685$(document).ready(function(){var e=$("a.blog-pager-older-link").attr("href");$("a.blog-pager-older-link").load(e+" .post-title:first",function(){var e=$("a.blog-pager-older-link").text();$("a.blog-pager-older-link").text(e)});var r=$("a.blog-pager-newer-link").attr("href");$("a.blog-pager-newer-link").load(r+" .post-title:first",function(){var e=$("a.blog-pager-newer-link:first").text();$("a.blog-pager-newer-link").text(e)})});
2686//Related Post Thumb
2687$("ul#related-summary li img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w150-h120-c/"))});
2688//Spoiler
2689$(document).ready(function(){$("#flippy").click(function(){$("#flippanel").slideToggle("normal")})});
2690//<![CDATA[
2691// Pop up
2692var postEl=document.getElementsByClassName("social-popup"),postCount=postEl.length;for(i=0;i<postCount;i++)postEl[i].addEventListener("click",function(e){var t=this.getAttribute("href"),o=screen.width/2-250,s=screen.height/2-250;window.open(t,"popUpWindow","width=500,height=500,left="+o+",top="+s+",resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes")});
2693//Pre Auto Selection
2694$('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>
2695")});for(var pres=document.querySelectorAll("pre,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
2696// Hargai kreativitas orang lain
2697var _0x7976=["\x6F\x6E\x6C\x6F\x61\x64","\x76\x69\x72\x69\x67\x68\x74\x63\x72\x65\x64\x69\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x6C","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x43\x72\x65\x61\x74\x65\x64\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x27\x20\x72\x65\x6C\x3D\x27\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x3E\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E"];window[_0x7976[0]]=function(){var _0xe8b3x1=document[_0x7976[2]](_0x7976[1]);if(_0xe8b3x1==null){window[_0x7976[4]][_0x7976[3]]=_0x7976[5]};_0xe8b3x1[_0x7976[6]](_0x7976[3],_0x7976[5]);_0xe8b3x1[_0x7976[6]](_0x7976[7],_0x7976[8]);_0xe8b3x1[_0x7976[9]]=_0x7976[10];};
2698//]]>
2699</script>
2700</b:if>
2701<b:include data='blog' name='google-analytics'/>
2702</body>
2703</html>