· 6 years ago · Jan 15, 2020, 04:34 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 content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
6 <b:include data='blog' name='all-head-content'/>
7 <!-- SEO Title Tag -->
8<b:if cond='data:blog.url == data:blog.homepageUrl'>
9<title><data:blog.title/> | PDF Free Epub Online</title></b:if>
10<b:if cond='data:blog.pageType == "item"'>
11<title><data:blog.pageName/> | <data:blog.title/></title></b:if>
12<b:if cond='data:blog.pageType == "archive"'><title>Archive for <data:blog.pageName/></title></b:if>
13<b:if cond='data:blog.pageType == "static_page"'><title><data:blog.pageName/></title></b:if>
14<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
15<b:if cond='data:blog.pageType == "error_page"'><title>Page Not Found</title></b:if>
16<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>
17 <!-- SEO Meta Tag -->
18<b:if cond='data:blog.homepageUrl == data:blog.url'><meta expr:content='data:blog.title' name='keywords'/></b:if>
19<b:if cond='data:blog.pageType == "item"'><meta expr:content='data:blog.pageName' name='keywords'/></b:if>
20<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'><meta content='noindex,nofollow' name='robots'/></b:if></b:if>
21<b:if cond='data:blog.pageType == "archive"'><meta content='noindex,nofollow' name='robots'/></b:if>
22<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
23 <meta content='Indonesia' name='geo.placename'/>
24<meta content='Nama Anda' name='Author'/>
25<meta expr:content='data:blog.title' property='og:site_name'/>
26<meta content='en_US' property='og:locale'/>
27<meta content='en_GB' property='og:locale:alternate'/>
28<meta content='id_ID' property='og:locale:alternate'/>
29 <!-- Twitter Card -->
30 <meta expr:content='data:blog.title' name='twitter:site'/>
31 <b:if cond='data:blog.url == data:blog.homepageUrl'>
32 <meta expr:content='data:blog.title' name='twitter:title'/>
33 <b:if cond='data:blog.metaDescription'>
34 <meta expr:content='data:blog.metaDescription' property='og:description'/>
35 </b:if>
36 </b:if>
37 <b:if cond='data:blog.pageType == "item"'>
38 <meta expr:content='data:blog.pageName' name='twitter:title'/>
39 <b:if cond='data:blog.metaDescription'>
40 <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
41 </b:if>
42 </b:if>
43 <b:if cond='data:blog.postImageUrl'>
44 <meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
45 <b:else/>
46 <b:if cond='data:blog.postImageThumbnailUrl'>
47 <meta expr:content='data:blog.postThumbnailUrl' name='twitter:image:src'/>
48 <b:else/>
49 <meta content='https://2.bp.blogspot.com/-lYqZLAXq7aI/U4sqH4tBkHI/AAAAAAAACB8/sUzaxxSJ4oA/s1600/CB+Theme.png' name='twitter:image:src'/>
50 </b:if>
51 </b:if>
52<meta content='summary' name='twitter:card'/>
53<meta content='@cbblogger' name='twitter:site'/>
54<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
55<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
56
57<!-- [ Facebook Open Graph 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 content='blog' property='og:type'/>
69<b:if cond='data:blog.postImageUrl'>
70<meta expr:content='data:blog.postImageUrl' property='og:image'/>
71<b:else/>
72<b:if cond='data:blog.postImageThumbnailUrl'>
73<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
74<b:else/>
75<meta content='https://2.bp.blogspot.com/-lYqZLAXq7aI/U4sqH4tBkHI/AAAAAAAACB8/sUzaxxSJ4oA/s1600/CB+Theme.png' property='og:image'/>
76</b:if></b:if>
77<b:if cond='data:blog.metaDescription'>
78<meta expr:content='data:blog.metaDescription' property='og:description'/>
79<b:else/>
80<meta expr:content='data:post.snippet' property='og:description'/>
81</b:if>
82<meta expr:content='data:blog.title' property='og:site_name'/>
83<meta content='1802354336747914' property='fb:app_id'/>
84<meta content='100016754588799' property='fb:admins'/>
85 <b:skin><![CDATA[/*
86-----------------------------------------------
87Blogger Template Style
88Name: Simple
89Designer: Blogger
90URL: www.blogger.com
91Edited by: CB Blogger
92URL: www.contohblog.com
93----------------------------------------------- */
94
95/* Variable definitions
96 ====================
97 <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#073763"/>
98
99 <Group description="Page Text" selector="body">
100 <Variable name="body.font" description="Font" type="font"
101 default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Lato"/>
102 <Variable name="body.text.color" description="Text Color" type="color" default="#222222" value="#444444"/>
103 </Group>
104
105 <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
106 <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#ffffff"/>
107 <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff" value="#ffffff"/>
108 <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="#073763"/>
109 </Group>
110
111 <Group description="Links" selector=".main-outer">
112 <Variable name="link.color" description="Link Color" type="color" default="#2288bb" value="#0e63b0"/>
113 <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888" value="#0e63b0"/>
114 <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#b05b0e"/>
115 </Group>
116
117 <Group description="Blog Title" selector=".header h1">
118 <Variable name="header.font" description="Font" type="font"
119 default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 42px Roboto"/>
120 <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" value="#ffffff"/>
121 </Group>
122
123 <Group description="Blog Description" selector=".header .description">
124 <Variable name="description.text.color" description="Description Color" type="color"
125 default="#777777" value="#f2f2f2"/>
126 </Group>
127
128 <Group description="Tabs Text" selector=".tabs-inner .widget li a">
129 <Variable name="tabs.font" description="Font" type="font"
130 default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 14px Lora"/>
131 <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999" value="#919191"/>
132 <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
133 </Group>
134
135 <Group description="Tabs Background" selector=".tabs-outer .PageList">
136 <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5" value="#ffffff"/>
137 <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee" value="#ffffff"/>
138 </Group>
139
140 <Group description="Post Title" selector="h3.post-title, .comments h4">
141 <Variable name="post.title.font" description="Font" type="font"
142 default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 22px Montserrat"/>
143 </Group>
144
145 <Group description="Date Header" selector=".date-header">
146 <Variable name="date.header.color" description="Text Color" type="color"
147 default="$(body.text.color)" value="#444444"/>
148 <Variable name="date.header.background.color" description="Background Color" type="color"
149 default="transparent" value="rgba(0, 0, 0, 0)"/>
150 <Variable name="date.header.font" description="Text Font" type="font"
151 default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
152 <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit" value="inherit"/>
153 <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit" value="inherit"/>
154 <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit" value="inherit"/>
155 </Group>
156
157 <Group description="Post Footer" selector=".post-footer">
158 <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666" value="#535353"/>
159 <Variable name="post.footer.background.color" description="Background Color" type="color"
160 default="#f9f9f9" value="#f6f6f6"/>
161 <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee" value="#ebebeb"/>
162 </Group>
163
164 <Group description="Gadgets" selector="h2">
165 <Variable name="widget.title.font" description="Title Font" type="font"
166 default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 20px Lato"/>
167 <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
168 <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#919191"/>
169 </Group>
170
171 <Group description="Images" selector=".main-inner">
172 <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
173 <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#ffffff"/>
174 <Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="#919191"/>
175 </Group>
176
177 <Group description="Accents" selector=".content-inner">
178 <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee" value="#ffffff"/>
179 <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="$(body.rule.color)" value="#ffffff"/>
180 </Group>
181
182 <Variable name="body.background" description="Body Background" type="background"
183 color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
184 <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
185
186 <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url"
187 default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="none"/>
188 <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url"
189 default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/body_gradient_tile_light.png)" value="none"/>
190
191 <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner" value=".content-inner"/>
192 <Variable name="content.padding" description="Content Padding" type="length" default="10px" min="0" max="100px" value="10px"/>
193 <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="$(content.padding)" min="0" max="100px" value="10px"/>
194 <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px" min="0" max="100px" value="40px"/>
195 <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px" min="0" max="100px" value="5px"/>
196 <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px" min="0" max="100px" value="10px"/>
197
198 <Variable name="main.border.width" description="Main Border Width" type="length" default="0" min="0" max="10px" value="0"/>
199
200 <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>
201 <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" min="-50px" max="50px" value="1px"/>
202 <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px" min="-50px" max="50px" value="2px"/>
203 <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px" min="0" max="100px" value="3px"/>
204 <Variable name="header.padding" description="Header Padding" type="length" default="30px" min="0" max="100px" value="30px"/>
205
206 <Variable name="header.border.size" description="Header Border Size" type="length" default="1px" min="0" max="10px" value="0"/>
207 <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" min="0" max="10px" value="0"/>
208 <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" min="0" max="10px" value="0"/>
209
210 <Variable name="description.text.size" description="Description Text Size" type="string" default="140%" value="140%"/>
211
212 <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" min="0" max="100px" value="0"/>
213 <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" min="0" max="100px" value="30px"/>
214 <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
215 default="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)" value="url(https://resources.blogblog.com/blogblog/data/1kt/simple/gradients_light.png)"/>
216 <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>
217 <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px" min="0" max="10px" value="1px"/>
218
219 <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" min="0" max="100px" value="25px"/>
220
221 <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" min="0" max="10px" value="2px"/>
222 <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" min="0" max="10px" value="5px"/>
223
224 <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner" value=".region-inner"/>
225 <Variable name="page.width" description="Page Width" type="string" default="auto" value="auto"/>
226
227 <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" min="0" max="100px" value="15px"/>
228 <Variable name="main.padding" description="Main Padding" type="length" default="15px" min="0" max="100px" value="15px"/>
229 <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" min="0" max="100px" value="30px"/>
230 <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" min="0" max="100px" value="30px"/>
231
232 <Variable name="paging.background"
233 color="$(content.background.color)"
234 description="Background of blog paging area" type="background"
235 default="transparent none no-repeat scroll top center" value="transparent none no-repeat scroll top center"/>
236
237 <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0" min="0" max="10px" value="0"/>
238
239 <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
240 default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
241 <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/>
242 <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
243
244 <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
245 <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
246*/
247body{font:$(body.font);color:$(body.text.color);background:$(body.background);padding:0 $(content.shadow.spread) $(content.shadow.spread)}
248html body $(page.width.selector){min-width:0;max-width:100%;width:$(page.width)}
249h2{font-size:22px}
250a:link{text-decoration:none;color:$(link.color)}
251a:visited{text-decoration:none;color:$(link.visited.color)}
252a:hover{text-decoration:underline;color:$(link.hover.color)}
253.body-fauxcolumn-outer .fauxcolumn-inner{background:transparent $(body.background.gradient.tile) repeat scroll top left;_background-image:none}
254.body-fauxcolumn-outer .cap-top{position:absolute;z-index:1;height:400px;width:100%}
255.body-fauxcolumn-outer .cap-top .cap-left{width:100%;background:transparent $(body.background.gradient.cap) repeat-x scroll top left;_background-image:none}
256.content-outer{-moz-box-shadow:0 0 $(content.shadow.spread) rgba(0,0,0,.15);-webkit-box-shadow:0 0 $(content.shadow.spread.webkit) rgba(0,0,0,.15);-goog-ms-box-shadow:0 0 $(content.shadow.spread.ie) #333;box-shadow:0 0 $(content.shadow.spread) rgba(0,0,0,.15);margin-bottom:1px}
257.content-inner{padding:$(content.padding) $(content.padding.horizontal)}
258$(content.background.color.selector){background-color:$(content.background.color)}
259.header-outer{background:#fff}
260body{font:$(body.font);color:$(body.text.color);background:#e5e5e5;padding:0 40px 5px}
261html body $(page.width.selector){min-width:0;max-width:100%;width:$(page.width)}
262h2{font-size:22px}
263a:link{text-decoration:none;color:$(link.color)}
264a:visited{text-decoration:none;color:$(link.visited.color)}
265a:hover{text-decoration:underline;color:$(link.hover.color)}
266.body-fauxcolumn-outer .fauxcolumn-inner{background:transparent $(body.background.gradient.tile) repeat scroll top left;_background-image:none}
267.body-fauxcolumn-outer .cap-top{position:absolute;z-index:1;height:400px;width:100%}
268.body-fauxcolumn-outer .cap-top .cap-left{width:100%;background:transparent $(body.background.gradient.cap) repeat-x scroll top left;_background-image:none}
269.content-outer{margin-bottom:1px}
270.content-inner{padding:$(content.padding) $(content.padding.horizontal)}
271$(content.background.color.selector){background-color:$(content.background.color)}
272#menutop{width:100%;max-width:940px;margin:0 auto;height:45px;background:#fff;border-bottom:1px solid #e9e9e9}
273#menutop ul,#menutop li{margin:0;padding:0;list-style:none}
274#menutop ul{height:45px}
275#menutop li{float:left;display:inline;position:relative;font-family:Arial;font-size:13px;font-weight:700}
276#menutop a{display:block;line-height:45px;padding:0 14px;text-decoration:none;color:#919392}
277#menutop ul li:hover a{color:#666}
278#menutop input{display:none;margin:0;padding:0;width:100%;height:45px;opacity:0;cursor:pointer}
279#menutop label{font-family:Arial;font-size:30px;font-weight:400;display:none;width:35px;height:45px;line-height:45px;text-align:center}
280#menutop label span{font-size:13px;position:absolute;left:35px}
281#menutop ul li ul{height:auto;overflow:hidden;position:absolute;z-index:99;color:#919392}
282#menutop ul li ul li a{color:#919392;height:45px;line-height:45px;background:#fff;width:100%}
283#menutop ul.menux{visibility:hidden;opacity:0;height:auto;overflow:hidden;background:#fff;position:absolute;z-index:99;color:#919392;box-shadow:0 2px 3px rgba(0,0,0,0.1);top:10px;transition:all .3s ease-in-out}
284#menutop li:hover > ul.menux{visibility:visible;opacity:1;top:45px}
285#menutop a.dutt{padding:0 27px 0 14px}
286#menutop a.dutt::after{content:"\f0d7";font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px}
287#menutop a.dutt:hover::after,#menutop ul li:hover a.dutt::after{content:"\f0d7";font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px}
288#menutop ul.menux li a{background:#fff;color:#616161;width:100px;border-bottom:1px solid #e5e5e5}
289#menutop ul li ul li a:hover{background:#fcfcfc;color:#8493a0}
290#menutop li.facebook{padding:0 5px}
291#menutop li.facebook,#menutop li.twitter,#menutop li.youtube,#menutop li.googleplus,#menutop li.linkedin{background:#fff;text-align:center;color:#666;float:right;transition:all .2s ease-in-out}
292#menutop li a.facebook:hover,#menutop li a.twitter:hover,#menutop li a.youtube:hover,#menutop li a.googleplus:hover,#menutop li a.rss:hover{color:#8493a0}
293#menutop li.facebook .fa.fa-facebook,#menutop li.twitter .fa.fa-twitter,#menutop li.youtube .fa.fa-youtube,#menutop li.googleplus .fa.fa-google-plus,#menutop li.rss .fa.fa-rss{color:#919392;transition:all .2s ease-in-out}
294#menutop li.facebook:hover,#menutop li.twitter:hover,#menutop li.youtube:hover,#menutop li.googleplus:hover,#menutop li.rss:hover{background:#fcfcfc;color:#8493a0}
295#menutop li.facebook:hover .fa.fa-facebook,#menutop li.twitter:hover .fa.fa-twitter,#menutop li.youtube:hover .fa.fa-youtube,#menutop li.googleplus:hover .fa.fa-google-plus,#menutop li.rss:hover .fa.fa-rss{color:#8493a0}
296#header-wrapper{height:85px;margin:0 auto;padding:5px 0 10px;overflow:hidden;max-width:940px;background:#fdfdfd}
297#header1{float:left;width:300px;margin:0 auto;padding:10px 0 5px}
298#header1 img,#header-inner img{width:auto;max-width:100%}
299#header-inner h1,#header-inner img,#header1 h1,#header-inner h2,#header1 h2,#header-inner .title{font:normal normal 30px Oswald,Arial,Sans-Serif;margin:0;padding:0;color:#2b2b2b;text-transform:uppercase}
300#header-inner h1 a,#header-inner .title a{color:#2b2b2b}
301#header2{float:right;width:468px;margin:-15px 0 0;padding:0}
302.Header .description{margin:0;padding:0;font-size:small;display:none}
303#menu {background:#fff;color:#333;width:100%;max-width:940px;height:45px;border-top:1px solid #e5e5e5;border-bottom:4px solid #777;margin:0 auto;margin-left:30px}
304#menu ul,#menu li{margin:0;padding:0;list-style:none}
305#menu ul{height:45px}
306#menu li{float:left;display:inline;position:relative;font:bold 13px Arial;text-transform:uppercase}
307#menu li:first-child{border-left:none}
308#menu a{display:block;line-height:45px;padding:0 8px;text-decoration:none;color:#333}
309#menu li:hover > a,#menu li a:hover{background:#c00;color:#fdfdfd}
310#menu input{display:none;margin:0;padding:0;width:80px;height:45px;opacity:0;cursor:pointer}
311#menu label{font:bold 30px Arial;display:none;width:45px;height:36px;line-height:36px;text-align:center}
312#menu label span{font-size:13px;position:absolute;left:10px;width:100px}
313#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#fdfdfd;position:absolute;z-index:99;display:none;border:0}
314#menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;border-bottom:1px solid #e5e5e5}
315#menu li:hover ul.menus{display:block}
316#menu a.home{background:#fff}
317#menu a.prett{padding:0 27px 0 14px}
318#menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#333 transparent transparent;position:absolute;top:18px;right:9px}
319#menu ul.menus a:hover{background:#c00;color:#fdfdfd}
320@media screen and (max-width:910px) {
321#menutop{position:relative;border:none;border-bottom:1px solid #e5e5e5;width:90%}
322#menutop li:hover > ul.menux{display:block}
323#menutop ul{border:none;border-bottom:1px solid #e6e6e6;background:#fff;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
324#menutop ul.menux{width:100%;position:static;border:none}
325#menutop li{display:block;float:none;width:auto;text-align:left}
326#menutop li a{color:#666}
327#menutop li a:hover{background:#f1f1f1;color:#f9f9f9}
328#menutop li:hover{background:#8493a0;color:#fff}
329#menutop a.dutt{font-weight:700}
330#menutop li:hover > a.dutt,#menutop a.dutt:hover{background:#b1b1b1;color:#fff}
331#menutop input,#menutop label{display:inline-block;position:absolute;right:0;top:0}
332#menutop input:after,#menutop label:after{content:"\f0c9";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:none;font-size:30px;color:#666;display:inline-block;position:absolute;right:15px;top:25%;line-height:30px}
333#menutop input{z-index:4}
334#menutop input:checked + label{color:#fff;font-weight:700}
335#menutop input:checked ~ ul{display:block}
336#menutop ul li ul li a{width:100%;color:#666}
337#menutop ul li ul li a:hover{background:#8493a0;color:#fff}
338#menutop ul.menux a{background:#fff;color:#666}
339#menutop ul.menux a:hover{background:#8493a0;color:#fff}
340#menutop ul.menux li{background:#fff;color:#666}
341#menutop ul.menux li:hover{background:#8493a0;color:#fff}
342#menutop ul.menux li a{background:#fff;color:#666}
343#menutop ul.menux li a:hover{background:#f1f1f1;color:#8493a0}
344}
345@media screen and (max-width:910px) {
346#header-wrapper{height:auto}
347#header{margin:0;padding:15px;overflow:hidden}
348#header1{float:none;width:100%;margin:0 0 15px;padding:0;text-align:center}
349#header2{float:none;width:100%;margin:0;padding:0 5px;text-align:center}
350#header-inner img{max-width:100%;width:auto;margin:0 auto;padding:0;text-align:center}
351#header2 img{width:95%;margin:0;padding:0;text-align:center}
352}
353@media screen and (max-width:500px) {
354#header2 img{float:none;width:90%;margin:0;padding:0;text-align:center}
355#header2 {margin: -15px 0 0 0;padding: 0 5px;}
356#header-inner img {padding: 10px 0 0 0;}
357}
358@media screen and (max-width:384px) {
359#header-wrapper{margin:0;padding:10px 10px 5px;overflow:hidden}
360}
361@media screen and (max-width:800px) {
362#menu {position:relative;width:90%;margin:0 auto;margin-bottom:20px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
363#menu ul{background:#fdfdfd;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
364#menu ul.menus{width:100%;position:static;padding-left:20px;border-bottom:1px solid #e5e5e5}
365#menu li{display:block;float:none;width:auto;border-bottom:1px solid #e5e5e5}
366#menu input,#menu label{position:absolute;top:0;left:0;display:block}
367#menu input{z-index:4}
368#menu input:checked + label{color:#222}
369#menu input:checked ~ ul{display:block}
370}
371@media screen and (max-width:600px) {
372#menu{width:90%}
373}
374.main-outer{border-top:$(main.border.width) solid $(body.rule.color)}
375.fauxcolumn-left-outer .fauxcolumn-inner{border-right:1px solid $(body.rule.color)}
376.fauxcolumn-right-outer .fauxcolumn-inner{border-left:1px solid $(body.rule.color)}
377div.widget > h2,div.widget h2.title{margin:10px 0 1em;font:$(widget.title.font);color:$(widget.title.text.color)}
378.widget .zippy{color:$(widget.alternate.text.color);text-shadow:2px 2px 1px rgba(0,0,0,.1)}
379.widget .popular-posts ul{list-style:none}
380h2.date-header{font:$(date.header.font)}
381.date-header span{background-color:$(date.header.background.color);color:$(date.header.color);padding:$(date.header.padding);letter-spacing:$(date.header.letterspacing);margin:$(date.header.margin)}
382.main-inner{padding-top:$(main.padding.top);padding-bottom:10px}
383.main-inner .column-center-inner{padding:0 $(main.padding)}
384.main-inner .column-center-inner .section{margin:0 $(main.section.margin)}
385.post{margin:0 0 $(post.margin.bottom)}
386h3.post-title{font:$(post.title.font);margin:.75em 0 0}
387.comments h4{font:$(post.title.font);margin:.75em 0 0;font-size:16px}
388.post-body{font-size:110%;line-height:1.4;position:relative;word-wrap:break-word;overflow:hidden}
389.post-body img,.post-body .tr-caption-container,.Profile img,.Image img,.BlogList .item-thumbnail img{padding:$(image.border.small.size);background:$(image.background.color);border:1px solid $(image.border.color)}
390.post-body img,.post-body .tr-caption-container{padding:0;width:auto;max-width:100%;height:auto}
391.post-body .tr-caption-container{color:$(image.text.color)}
392.post-body .tr-caption-container img{padding:0;background:transparent;border:none;-moz-box-shadow:0 0 0 rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 rgba(0,0,0,.1);box-shadow:0 0 0 rgba(0,0,0,.1)}
393.post-header{margin:15px 0 1.5em;line-height:1.6;font-size:90%;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;padding:7px 0}
394.post-footer{margin:20px -2px 0;padding:5px 10px;color:$(post.footer.text.color);background-color:$(post.footer.background.color);border-bottom:1px solid $(post.footer.border.color);line-height:1.6;font-size:90%}
395#comments .comment-author{padding-top:1.5em;border-top:1px solid $(body.rule.color);background-position:0 1.5em}
396#comments .comment-author:first-child{padding-top:0;border-top:none}
397.avatar-image-container{margin:.2em 0 0}
398#comments .avatar-image-container img{border:1px solid $(image.border.color)}
399.comments .comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==)}
400.comments .comments-content .loadmore a{border-top:1px solid $(widget.alternate.text.color);border-bottom:1px solid $(widget.alternate.text.color)}
401.comments .comment-thread.inline-thread{background-color:$(post.footer.background.color)}
402.comments .continue{border-top:2px solid $(widget.alternate.text.color)}
403.section-columns td.columns-cell{border-startside:1px solid $(body.rule.color)}
404.blog-pager{background:$(paging.background)}
405.blog-pager-older-link,.home-link,.blog-pager-newer-link{background-color:$(content.background.color);padding:5px}
406.footer-outer{padding:15px;background:#2b2b2b;margin:10px 0 0;color:#fafafc}
407body.mobile{background-size:$(mobile.background.size)}
408.mobile .body-fauxcolumn-outer{background:$(mobile.background.overlay)}
409.mobile .body-fauxcolumn-outer .cap-top{background-size:100% auto}
410.mobile .content-outer{-webkit-box-shadow:0 0 3px rgba(0,0,0,.15);box-shadow:0 0 3px rgba(0,0,0,.15)}
411.mobile .tabs-inner .widget ul{margin-left:0;margin-right:0}
412.mobile .post{margin:0}
413.mobile .main-inner .column-center-inner .section{margin:0}
414.mobile .date-header span{padding:.1em 10px;margin:0 -10px}
415.mobile h3.post-title{margin:0}
416.mobile .blog-pager{background:transparent none no-repeat scroll top center}
417.mobile .footer-outer{border-top:none}
418.mobile .main-inner,.mobile .footer-inner{background-color:$(content.background.color)}
419.mobile-index-contents{color:$(body.text.color)}
420.mobile-link-button{background-color:$(link.color)}
421.mobile-link-button a:link,.mobile-link-button a:visited{color:$(mobile.button.color)}
422.mobile .tabs-inner .section:first-child{border-top:none}
423.mobile .tabs-inner .PageList .widget-content{background-color:$(tabs.selected.background.color);color:$(tabs.selected.text.color);border-top:$(tabs.border.width) solid $(tabs.border.color);border-bottom:$(tabs.border.width) solid $(tabs.border.color)}
424.mobile .tabs-inner .PageList .widget-content .pagelist-arrow{border-startside:1px solid $(tabs.border.color)}
425.widget ul{padding:0;margin:0;line-height:1.2}
426.content-inner{padding:0}
427.header-inner .Header .titlewrapper{padding:20px 30px 0}
428.Header .description{font-size:110%}
429.content-outer{-moz-box-shadow:none;-webkit-box-shadow:none;-goog-ms-box-shadow:none;margin-bottom:0;box-shadow:none}
430.main-inner .column-right-inner{padding:0 15px 0 5px}
431.breadcrumbs{padding:5px 5px 10px 0;margin:0 0 15px;font-size:100%;line-height:1.4em;border-bottom:4px double #eee}
432.label-size{margin:0 5px 5px 0;padding:5px;text-transform:uppercase;border:solid 1px #C6C6C6;border-radius:3px;float:left;text-decoration:none;font-size:12px;color:#666}
433.label-size:hover{border:1px solid #6BB5FF;text-decoration:none;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');zoom:1}
434.label-size a{text-transform:uppercase;float:left;text-decoration:none}
435.label-size a:hover{text-decoration:none}
436#PopularPosts1 ul{list-style-type:none;margin:0;padding:0}
437#PopularPosts1 ul li{padding:8px 0 11px!important;margin:0;list-style:none;line-height:normal}
438#PopularPosts1 a:link,#PopularPosts1 a:visited,#PopularPosts1 a:active{font-size:14px;color:#515151!important;display:block;font-weight:700;padding:0!important;margin:0!important;line-height:1.4em}
439#PopularPosts1 a:hover{color:#B80103!important;text-decoration:none}
440.popular-posts ul{padding-left:0;counter-reset:trackit}
441.popular-posts ul li{border-bottom:1px solid #f0f0f0;list-style:none outside none!important;margin-left:0!important;overflow:hidden;padding:10px 0!important;transition:all .25s linear 0;counter-increment:trackit}
442.PopularPosts ul li:before{content:counters(trackit,".");padding:0 .1em 15px 10px;font-size:20px;font-weight:700;color:#c00;float:left;margin-right:10px}
443.PopularPosts li:first-child{border-top:1px solid #f0f0f0}
444.PopularPosts li:nth-child(odd){background:#f5f5f5}
445.PopularPosts .item-thumbnail,.PopularPosts .item-snippet{display:none!important}
446.PopularPosts a,.PopularPosts a:hover{color:#959595;font-size:.9rem}
447#PopularPosts1 li{padding-right:1em!important;padding-left:1em!important}
448.widget.PopularPosts{padding:1.2em 0!important}
449.sidebar .widget{margin:0}
450.sidebar h2:after{content:"";display:inline-block;position:absolute;height:15px;top:0;margin:3px 0 12px 10px;width:55%;background:url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat}
451.date-header,.quickedit,.post-footer{display:none}
452#footer-wrapper{width:100%}
453#footer-wrapper .left{float:left;width:30%}
454#footer-wrapper .center{float:left;width:30%}
455#footer-wrapper .right{float:right;width:30%}
456#footer-wrapper{background:#2b2b2b;overflow:hidden;margin:0 auto;padding:5px 0;color:#fafafa}
457#footer-wrapper .left{float:left;width:30%}
458#footer-wrapper .center{float:left;width:30%}
459#footer-wrapper .right{float:right;width:30%}
460#footer-wrapper .left .widget,#footer-wrapper .center .widget,#footer-wrapper .right .widget{margin:5px 0;clear:both}
461#footer-wrapper h2{margin:0 0 10px;padding:0 0 5px;text-transform:uppercase:none;position:relative;color:#fdfdfd}
462#footer-wrapper ul,#footer-wrapper ol{list-style:none;margin:0;padding:0}
463#footer-wrapper li{margin:5px 0;padding:0}
464#footer-wrapper a{color:#fafafa}
465#footer-wrapper a:hover{color:#c00}
466@media screen and (max-width:603px) {
467#footer-wrapper .left{float:none;width:100%}
468#footer-wrapper .center{float:none;width:100%}
469#footer-wrapper .right{float:none;width:100%}
470#footer-wrapper .left .widget,#footer-wrapper .center .widget{margin:0 0 15px;clear:both}
471}
472.copyright{text-align:center;width:100%;margin:0 auto;background:#294969;padding:15px 0;color:#eee}
473.copyright a{color:#eee}
474.copyright a:hover{color:#ff6}
475.sidebar .widget ul{padding:0;margin:10px 20px;line-height:1.2}
476blockquote{background:#fafafc;padding:10px;margin:5px 15px}
477]]></b:skin>
478 <b:template-skin>
479 <b:variable default='960px' name='content.width' type='length' value='1000px'/>
480 <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
481 <b:variable default='310px' name='main.column.right.width' type='length' value='350px'/>
482
483 <![CDATA[
484 body {
485 min-width: $(content.width);
486 }
487
488 .content-outer, .content-fauxcolumn-outer, .region-inner {
489 min-width: $(content.width);
490 max-width: $(content.width);
491 _width: $(content.width);
492 }
493
494 .main-inner .columns {
495 padding-left: $(main.column.left.width);
496 padding-right: $(main.column.right.width);
497 }
498
499 .main-inner .fauxcolumn-center-outer {
500 left: $(main.column.left.width);
501 right: $(main.column.right.width);
502 /* IE6 does not respect left and right together */
503 _width: expression(this.parentNode.offsetWidth -
504 parseInt("$(main.column.left.width)") -
505 parseInt("$(main.column.right.width)") + 'px');
506 }
507
508 .main-inner .fauxcolumn-left-outer {
509 width: $(main.column.left.width);
510 }
511
512 .main-inner .fauxcolumn-right-outer {
513 width: $(main.column.right.width);
514 }
515
516 .main-inner .column-left-outer {
517 width: $(main.column.left.width);
518 right: 100%;
519 margin-left: -$(main.column.left.width);
520 }
521
522 .main-inner .column-right-outer {
523 width: $(main.column.right.width);
524 margin-right: -$(main.column.right.width);
525 }
526
527 #layout {
528 min-width: 0;
529 }
530
531 #layout .content-outer {
532 min-width: 0;
533 width: 800px;
534 }
535
536 #layout .region-inner {
537 min-width: 0;
538 width: auto;
539 }
540
541 body#layout div.add_widget {
542 padding: 8px;
543 }
544
545 body#layout div.add_widget a {
546 margin-left: 32px;
547 }
548body#layout ul li,body#layout #menutop {display:none}
549body#layout #header-wrapper{width:100%;padding:0;height:auto;margin-top:0}
550body#layout #header1{float:left;width:30%;}
551body#layout #header2{float:right;width:55%;}
552body#layout #footer-wrapper .left,body#layout #footer-wrapper .center,body#layout #footer-wrapper .right {width: 27%;float: left;}
553 ]]>
554 </b:template-skin>
555<style type='text/css'>
556@media screen and (max-width:1024px){
557body,.content-outer, .content-fauxcolumn-outer, .region-inner {width:100%!important;min-width:100%!important;padding:0!important}
558body .navbar {height: 0!important;}
559.footer-inner {padding: 30px 0px!important;}
560}
561@media screen and (max-width: 910px){
562#header2 img {width: 95%;margin: 0;padding: 0;text-align: center;}
563}
564@media screen and (max-width: 603px){
565.main-inner .columns {padding-right: 0!important;}
566.main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;}
567}
568@media screen and (max-width:800px){
569.sidebar .widget,.sidebar .widget img {width:100%}
570#menu {width: 95%;}
571.main-inner .columns {padding-left: 0px;padding-right: 300px;}
572.main-inner .fauxcolumn-right-outer {width: 300px;}
573.main-inner .column-center-inner {padding: 0;}
574.main-inner .column-right-outer {width: 300px;margin-right: -300px;}
575.main-inner .column-right-outer {width: 300px;margin-right: -300px;}
576.main-inner .columns {padding-left: 0px;padding-right: 300px;}
577}
578@media screen and (max-width:400px){
579.sidebar {margin:10px 0 5px}
580h1.post-title {font:bold 20px Roboto,Arial,sans-serif}
581.main-inner .column-center-inner {width: 90%;margin: 0;padding: 0 0 0 10px;}
582.post-body img {width: 100%;float: left;margin-bottom: 10px;}
583}
584</style>
585<b:if cond='data:blog.pageType != "item"'>
586<b:if cond='data:blog.pageType != "static_page"'>
587<style>
588.post{margin:0 0 20px;border-bottom:1px solid #e5e5e5;padding-bottom:10px}
589h2.post-title{font-size:18px;line-height:normal;margin-bottom:10px}
590h2.post-title a{color:#2b2b2b}
591.dp-thumbnail{margin-bottom:10px;padding:5px 0;width:200px;height:120px;float:left;margin-right:15px}
592.dp-thumbnail img{border:0;padding:0;height:100%;width:100%}
593.dp-thumbnail span{font-size:26px;line-height:70px;font-weight:bold}
594
595#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
596.blog-pager {background: none;}
597.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
598.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
599#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
600 .showpageOf{display:none!important}
601#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
602
603@media only screen and (max-width:800px) {
604h2.post-title{font-size:20px;margin-bottom:5px}
605.post-body {font-size:13px}
606.dp-thumbnail {width: 100px;height:80px;}
607.main-inner .column-right-outer {width: 300px;margin-right: -300px;}
608.main-inner .column-right-outer {width: 300px;margin-right: -300px;}
609.main-inner .columns {padding-left: 0px;padding-right: 300px;}
610}
611@media only screen and (max-width:600px) {
612h2.post-title{font-size:17px;}
613}
614@media only screen and (max-width:500px) {
615.dp-thumbnail {width: 72px;height: 72px;}
616.post-body {font-size:12px}
617h2.post-title{font-size:16px;}
618}
619@media only screen and (max-width:320px) {
620h2.post-title{font-size:15px;}
621}
622</style>
623 </b:if>
624 </b:if>
625<b:if cond='data:blog.pageType == "item"'>
626<style>
627a img {border: none;position: relative;max-width: 100%;height: auto;}
628.halaman{padding:5px 0;background:#fff;margin:10px 0 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
629.halaman-kiri{width:49%;float:left;margin:0;text-align:left;color:#666;transition:all .3s ease-out;}
630.halaman-kanan{width:49%;float:right;margin:0;text-align:right;color:#666;transition:all .3s ease-out}
631.halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#48d!important;}
632.halaman-kanan a:hover,.halaman-kiri a:hover{color:#48d!important;}
633.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family:Arial,sans-serif;font-weight:300;background:none;text-decoration:none}
634.halaman-kiri a,.halaman-kanan a{color:#48d;}
635.pager-title-left,.pager-title-right{font-family:'Lora',sans-serif;font-size:20px;font-weight:400;transition:all .3s ease-out;color:#616161;font-style: italic;}
636.isihalaman-kiri{margin:0}
637.isihalaman-kanan{margin:1px 10px 10px}
638#blog-pager {padding:5px 0;margin:5px 0}
639#blog-pager-newer-link a{float:left;line-height:17px;padding:0 0 10px;color:#666;font-size:15px;font-weight:300}
640#blog-pager-older-link a{float:right;line-height:17px;color:#666;padding:0 0 10px;font-size:15px;font-weight:300}
641#related-posts{float:left;width:100%;border-bottom:0px solid #888;border-top:0px solid #88daed;margin:5px 0 10px;padding:15px 0 10px}
642#related-posts .widget h2,#related-posts h3{font-size:18px;color:#888;margin:0 0 10px;padding:0}
643#related-posts a{color:#2b2b2b;font-size: 15px;font-family: sans-serif;}
644#related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
645#related-posts a:hover{color:#c00;text-decoration:none}
646#related-posts .widget{margin:0;padding:0}
647#related-posts ul{list-style:none;margin:0;padding:0}
648.post-body h3 {margin:15px 10px 10px 0;font-size: 20px;font-style: normal;border-bottom: 1px dashed #eee;padding-bottom: 8px;text-align:left;font-family: sans-serif;color: #2b2b2b;}
649@media screen and (max-width:800px){
650h1.post-title {font-size:20px}
651}
652</style>
653</b:if>
654 <b:if cond='data:skin.vars.body_background.image.isResizable'>
655 <b:include cond='not data:view.isPreview' data='{ image: data:skin.vars.body_background.image, selector: "body" }' name='responsiveImageStyle'/>
656 </b:if>
657 <b:include data='blog' name='google-analytics'/>
658<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' type='text/javascript'/>
659<script type='text/javascript'>//<![CDATA[
660eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[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}('$(6).7(8(){c($("#1,.1").b("3")!="2://5.4.0"){9.a.3="2://5.4.0"}});',13,13,'com|creditlink|http|href|contohblog|www|document|ready|function|window|location|attr|if'.split('|'),0,{}))
661//]]>
662</script>
663<script type='text/javascript'>
664//<![CDATA[
665//CSS Ready
666function 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" }) }
667loadCSS("https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");
668loadCSS("https://fonts.googleapis.com/css?family=Lora:400italic");
669loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
670//]]>
671</script>
672 </head>
673 <body expr:class='"loading" + data:blog.mobileClass'>
674 <b:if cond='data:blog.pageType == "index"'>
675 <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
676 <meta expr:content='data:blog.title' itemprop='name'/>
677 <b:if cond='data:blog.metaDescription'>
678 <meta expr:content='data:blog.metaDescription' itemprop='description'/>
679 </b:if>
680 </div>
681 </b:if>
682 <div class='content'>
683 <div class='content-outer'>
684 <div class='fauxborder-left content-fauxborder-left'>
685 <div class='content-inner'>
686 <header>
687 <div class='header-outer'>
688<nav id='menutop'>
689<input type='checkbox'/>
690<label/>
691<ul>
692 <li><a href='/p/about.html' title='About Us'>About</a></li>
693 <li><a href='/p/sitemap.html' title='Our Sitemap'>Sitemap</a></li>
694 <li><a href='/p/kontak.html' title='Contact us'>Contact</a></li>
695 <li><a href='/p/disclaimer.html' title='Disclaimer'>Disclaimer</a></li>
696<li class='twitter'><a href='#' rel='nofollow' target='_blank'><i class='fa fa-rss fa-fw'/><span class='inv'/></a></li>
697<li class='youtube'><a href='#' rel='nofollow' target='_blank'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li>
698<li class='googleplus'><a href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li>
699<li class='facebook'><a href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li>
700<li class='twitter'><a href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li>
701</ul>
702</nav>
703<div class='clear'/>
704<header id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
705<b:section class='header1' id='header1' maxwidgets='1' showaddelement='yes'>
706 <b:widget id='Header1' locked='true' title='uj4e5fhrtdc (Header)' type='Header' version='1'>
707 <b:widget-settings>
708 <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-lYqZLAXq7aI/U4sqH4tBkHI/AAAAAAAACB8/sUzaxxSJ4oA/s1600/CB+Theme.png</b:widget-setting>
709 <b:widget-setting name='displayHeight'>60</b:widget-setting>
710 <b:widget-setting name='sectionWidth'>234</b:widget-setting>
711 <b:widget-setting name='useImage'>true</b:widget-setting>
712 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
713 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
714 <b:widget-setting name='displayWidth'>291</b:widget-setting>
715 </b:widget-settings>
716 <b:includable id='main'>
717 <b:if cond='data:useImage'>
718 <b:if cond='data:imagePlacement == "BEHIND"'>
719 <b:if cond='data:mobile'>
720 <div id='header-inner'>
721 <div class='titlewrapper' style='background: transparent'>
722 <h1 class='title' style='background: transparent; border-width: 0px'>
723 <b:include name='title'/>
724 </h1>
725 </div>
726 <b:include name='description'/>
727 </div>
728 <b:else/>
729 <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'>
730 <div class='titlewrapper' style='background: transparent'>
731 <h1 class='title' style='background: transparent; border-width: 0px'>
732 <b:include name='title'/>
733 </h1>
734 </div>
735 <b:include name='description'/>
736 </div>
737 </b:if>
738 <b:else/>
739 <!--Show the image only-->
740 <div id='header-inner'>
741 <b:if cond='data:blog.pageType != "item"'>
742 <b:if cond='data:blog.pageType != "static_page"'>
743 <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
744 </b:if>
745 </b:if>
746 <a expr:href='data:blog.homepageUrl' style='display: block'>
747 <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'/>
748 </a>
749 <!--Show the description-->
750 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
751 <b:include name='description'/>
752 <b:if cond='data:blog.pageType != "item"'>
753 <b:if cond='data:blog.pageType != "static_page"'>
754 <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
755 </b:if>
756 </b:if>
757 </b:if>
758 </div>
759 </b:if>
760 <b:else/>
761 <!--No header image -->
762 <div id='header-inner'>
763 <div class='titlewrapper'>
764 <b:if cond='data:blog.pageType != "item"'>
765 <b:if cond='data:blog.pageType == "static_page"'>
766 <p class='title'><b:include name='title'/></p>
767 <b:else/>
768 <h1 class='title'><b:include name='title'/></h1>
769 </b:if>
770 <b:else/>
771 <p class='title'><b:include name='title'/></p>
772 </b:if>
773 <b:include name='description'/>
774 </div>
775 </div>
776 </b:if>
777</b:includable>
778 <b:includable id='description'>
779 <div class='descriptionwrapper'>
780 <p class='description'><span><data:description/></span></p>
781 </div>
782</b:includable>
783 <b:includable id='title'>
784 <b:if cond='data:blog.url == data:blog.homepageUrl'>
785 <data:title/>
786 <b:else/>
787 <a expr:href='data:blog.homepageUrl'><data:title/></a>
788 </b:if>
789</b:includable>
790 </b:widget>
791 </b:section>
792 <b:section class='header2' id='header2' preferred='yes'>
793 <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
794 <b:includable id='main'><script type="text/javascript">
795 function setAttributeOnload(object, attribute, val) {
796 if(window.addEventListener) {
797 window.addEventListener('load',
798 function(){ object[attribute] = val; }, false);
799 } else {
800 window.attachEvent('onload', function(){ object[attribute] = val; });
801 }
802 }
803 </script>
804<div id="navbar-iframe-container"></div>
805<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
806<script type="text/javascript">
807 gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
808 if (gapi.iframes && gapi.iframes.getContext) {
809 gapi.iframes.getContext().openChild({
810 url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d7959069635940790492\x26blogName\x3duj4e5fhrtdc\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://hr5e4ytfdcv45.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttps://hr5e4ytfdcv45.blogspot.com/\x26vt\x3d-8528888720736997532',
811 where: document.getElementById("navbar-iframe-container"),
812 id: "navbar-iframe"
813 });
814 }
815 });
816 </script><script type="text/javascript">
817(function() {
818var script = document.createElement('script');
819script.type = 'text/javascript';
820script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
821var head = document.getElementsByTagName('head')[0];
822if (head) {
823head.appendChild(script);
824}})();
825</script>
826</b:includable>
827 </b:widget>
828 </b:section>
829</header>
830<div class='clear'/>
831<nav id='menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
832<input type='checkbox'/>
833<label>≡<span>MENU</span></label>
834<ul>
835 <li><a class='home' href='/'><i class='fa fa-home'/> Home</a></li>
836
837</ul>
838</nav>
839<div class='clear'/>
840 </div>
841 </header>
842 <div class='main-outer'>
843 <div class='fauxborder-left main-fauxborder-left'>
844 <div class='region-inner main-inner'>
845 <div class='columns fauxcolumns'>
846 <!-- corrects IE6 width calculation -->
847 <div class='columns-inner'>
848 <div class='column-center-outer'>
849 <div class='column-center-inner'>
850 <b:section class='main' id='main' name='Main' showaddelement='no'>
851 <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
852 <b:widget-settings>
853 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
854 <b:widget-setting name='style.textcolor'>#444444</b:widget-setting>
855 <b:widget-setting name='showShareButtons'>false</b:widget-setting>
856 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
857 <b:widget-setting name='style.urlcolor'>#535353</b:widget-setting>
858 <b:widget-setting name='showAuthor'>true</b:widget-setting>
859 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
860 <b:widget-setting name='style.linkcolor'>#0e63b0</b:widget-setting>
861 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
862 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
863 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
864 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
865 <b:widget-setting name='showLabels'>true</b:widget-setting>
866 <b:widget-setting name='showLocation'>false</b:widget-setting>
867 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
868 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
869 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
870 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
871 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
872 <b:widget-setting name='showReactions'>false</b:widget-setting>
873 </b:widget-settings>
874 <b:includable id='main' var='top'>
875 <b:if cond='!data:mobile'>
876 <!-- posts -->
877 <div class='blog-posts hfeed'>
878 <b:include data='top' name='status-message'/>
879 <b:loop values='data:posts' var='post'>
880 <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
881 </div></div>
882 </b:if>
883 <b:if cond='data:post.isDateStart'>
884 <div class="date-outer">
885 </b:if>
886 <b:if cond='data:post.dateHeader'>
887 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
888 </b:if>
889 <b:if cond='data:post.isDateStart'>
890 <div class="date-posts">
891 </b:if>
892 <div class='post-outer'>
893 <b:include data='post' name='post'/>
894 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
895 </div>
896 <!-- Ad -->
897 <b:if cond='data:post.includeAd'>
898 <div class='inline-ad'>
899 <data:adCode/>
900 </div>
901 </b:if>
902 </b:loop>
903 <b:if cond='data:numPosts != 0'>
904 </div></div>
905 </b:if>
906 </div>
907 <!-- navigation -->
908 <b:include name='nextprev'/>
909 <b:else/>
910 <b:include name='mobile-main'/>
911 </b:if>
912 <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
913</b:includable>
914 <b:includable id='backlinkDeleteIcon' var='backlink'>
915 <span expr:class='"item-control " + data:backlink.adminClass'>
916 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
917 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
918 </a>
919 </span>
920</b:includable>
921 <b:includable id='backlinks' var='post'>
922 <a name='links'/><h4><data:post.backlinksLabel/></h4>
923 <b:if cond='data:post.numBacklinks != 0'>
924 <dl class='comments-block' id='comments-block'>
925 <b:loop values='data:post.backlinks' var='backlink'>
926 <div class='collapsed-backlink backlink-control'>
927 <dt class='comment-title'>
928 <span class='backlink-toggle-zippy'> </span>
929 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
930 <b:include data='backlink' name='backlinkDeleteIcon'/>
931 </dt>
932 <dd class='comment-body collapseable'>
933 <data:backlink.snippet/>
934 </dd>
935 <dd class='comment-footer collapseable'>
936 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
937 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
938 </dd>
939 </div>
940 </b:loop>
941 </dl>
942 </b:if>
943 <p class='comment-footer'>
944 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
945 </p>
946</b:includable>
947 <b:includable id='comment-form' var='post'>
948 <div class='comment-form'>
949 <a name='comment-form'/>
950 <b:if cond='data:mobile'>
951 <h4 id='comment-post-message'>
952 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
953 <p><data:blogCommentMessage/></p>
954 <data:blogTeamBlogMessage/>
955 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
956 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
957 <b:else/>
958 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
959 <p><data:blogCommentMessage/></p>
960 <data:blogTeamBlogMessage/>
961 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
962 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
963 </b:if>
964 <data:post.cmtfpIframe/>
965 <script type='text/javascript'>
966 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
967 </script>
968 </div>
969</b:includable>
970 <b:includable id='commentDeleteIcon' var='comment'>
971 <span expr:class='"item-control " + data:comment.adminClass'>
972 <b:if cond='data:showCmtPopup'>
973 <div class='goog-toggle-button'>
974 <div class='goog-inline-block comment-action-icon'/>
975 </div>
976 <b:else/>
977 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
978 <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
979 </a>
980 </b:if>
981 </span>
982</b:includable>
983 <b:includable id='comment_count_picker' var='post'>
984 <b:if cond='data:post.commentSource == 1'>
985 <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
986 </span>
987 <b:else/>
988 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
989 <data:post.commentLabelFull/>:
990 </a>
991 </b:if>
992</b:includable>
993 <b:includable id='comment_picker' var='post'>
994 <b:if cond='data:post.commentSource == 1'>
995 <b:include data='post' name='iframe_comments'/>
996 <b:elseif cond='data:post.showThreadedComments'/>
997 <b:include data='post' name='threaded_comments'/>
998 <b:else/>
999 <b:include data='post' name='comments'/>
1000 </b:if>
1001</b:includable>
1002 <b:includable id='comments' var='post'>
1003 <div class='comments' id='comments'>
1004 <a name='comments'/>
1005 <b:if cond='data:post.allowComments'>
1006 <h4><data:post.commentLabelFull/>:</h4>
1007
1008 <b:if cond='data:post.commentPagingRequired'>
1009 <span class='paging-control-container'>
1010 <b:if cond='data:post.hasOlderLinks'>
1011 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
1012  
1013 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
1014  
1015 </b:if>
1016
1017 <data:post.commentRangeText/>
1018
1019 <b:if cond='data:post.hasNewerLinks'>
1020  
1021 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
1022  
1023 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
1024 </b:if>
1025 </span>
1026 </b:if>
1027
1028 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
1029 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
1030 <b:loop values='data:post.comments' var='comment'>
1031 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
1032 <b:if cond='data:comment.favicon'>
1033 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
1034 </b:if>
1035 <a expr:name='data:comment.anchorName'/>
1036 <b:if cond='data:blog.enabledCommentProfileImages'>
1037 <data:comment.authorAvatarImage/>
1038 </b:if>
1039 <b:if cond='data:comment.authorUrl'>
1040 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
1041 <b:else/>
1042 <data:comment.author/>
1043 </b:if>
1044 <data:commentPostedByMsg/>
1045 </dt>
1046 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
1047 <b:if cond='data:comment.isDeleted'>
1048 <span class='deleted-comment'><data:comment.body/></span>
1049 <b:else/>
1050 <p>
1051 <data:comment.body/>
1052 </p>
1053 </b:if>
1054 </dd>
1055 <dd class='comment-footer'>
1056 <span class='comment-timestamp'>
1057 <a expr:href='data:comment.url' title='comment permalink'>
1058 <data:comment.timestamp/>
1059 </a>
1060 <b:include data='comment' name='commentDeleteIcon'/>
1061 </span>
1062 </dd>
1063 </b:loop>
1064 </dl>
1065 </div>
1066
1067 <b:if cond='data:post.commentPagingRequired'>
1068 <span class='paging-control-container'>
1069 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
1070 <data:post.oldestLinkText/>
1071 </a>
1072 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
1073 <data:post.olderLinkText/>
1074 </a>
1075  
1076 <data:post.commentRangeText/>
1077  
1078 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
1079 <data:post.newerLinkText/>
1080 </a>
1081 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
1082 <data:post.newestLinkText/>
1083 </a>
1084 </span>
1085 </b:if>
1086
1087 <p class='comment-footer'>
1088 <b:if cond='data:post.embedCommentForm'>
1089 <b:if cond='data:post.allowNewComments'>
1090 <b:include data='post' name='comment-form'/>
1091 <b:else/>
1092 <data:post.noNewCommentsText/>
1093 </b:if>
1094 <b:elseif cond='data:post.allowComments'/>
1095 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1096 </b:if>
1097 </p>
1098 </b:if>
1099 <b:if cond='data:showCmtPopup'>
1100 <div id='comment-popup'>
1101 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1102 </iframe>
1103 </div>
1104 </b:if>
1105
1106 <div id='backlinks-container'>
1107 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1108 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
1109 </div>
1110 </div>
1111 </div>
1112</b:includable>
1113 <b:includable id='feedLinks'>
1114 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
1115 <b:if cond='data:feedLinks'>
1116 <div class='blog-feeds'>
1117 <b:include data='feedLinks' name='feedLinksBody'/>
1118 </div>
1119 </b:if>
1120
1121 <b:else/> <!--Post feed links -->
1122 <div class='post-feeds'>
1123 <b:loop values='data:posts' var='post'>
1124 <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
1125 </b:loop>
1126 </div>
1127 </b:if>
1128</b:includable>
1129 <b:includable id='feedLinksBody' var='links'>
1130 <div class='feed-links'>
1131 <data:feedLinksMsg/>
1132 <b:loop values='data:links' var='f'>
1133 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
1134 </b:loop>
1135 </div>
1136</b:includable>
1137 <b:includable id='iframe_comments' var='post'>
1138 <b:if cond='data:post.allowIframeComments'>
1139 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
1140 <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
1141 <b:if cond='data:post.embedCommentForm == "false"'>
1142 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1143 </b:if>
1144 </b:if>
1145</b:includable>
1146 <b:includable id='mobile-index-post' var='post'>
1147 <div class='mobile-date-outer date-outer'>
1148 <b:if cond='data:post.dateHeader'>
1149 <div class='date-header'>
1150 <span><data:post.dateHeader/></span>
1151 </div>
1152 </b:if>
1153
1154 <div class='mobile-post-outer'>
1155 <a expr:href='data:post.url'>
1156 <h3 class='mobile-index-title entry-title' itemprop='headline'>
1157 <data:post.title/>
1158 </h3>
1159 <div class='mobile-index-arrow'>&rsaquo;</div>
1160 <div class='mobile-index-contents'>
1161 <b:if cond='data:post.thumbnailUrl'>
1162 <div class='mobile-index-thumbnail'>
1163 <div class='Image'>
1164 <img expr:src='data:post.thumbnailUrl' itemprop='image'/>
1165 </div>
1166 </div>
1167 </b:if>
1168 <div class='post-body'>
1169 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
1170 </div>
1171 </div>
1172 <div style='clear: both;'/>
1173 </a>
1174 <div class='mobile-index-comment'>
1175 <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
1176 </div>
1177 </div>
1178 </div>
1179</b:includable>
1180 <b:includable id='mobile-main' var='top'>
1181 <!-- posts -->
1182 <div class='blog-posts hfeed'>
1183
1184 <b:include data='top' name='status-message'/>
1185
1186 <b:if cond='data:blog.pageType == "index"'>
1187 <b:loop values='data:posts' var='post'>
1188 <b:include data='post' name='mobile-index-post'/>
1189 </b:loop>
1190 <b:else/>
1191 <b:loop values='data:posts' var='post'>
1192 <b:include data='post' name='mobile-post'/>
1193 </b:loop>
1194 </b:if>
1195 </div>
1196
1197 <b:include name='mobile-nextprev'/>
1198</b:includable>
1199 <b:includable id='mobile-nextprev'>
1200 <div class='blog-pager' id='blog-pager'>
1201 <b:if cond='data:newerPageUrl'>
1202 <div class='mobile-link-button' id='blog-pager-newer-link'>
1203 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
1204 </div>
1205 </b:if>
1206 <b:if cond='data:olderPageUrl'>
1207 <div class='mobile-link-button' id='blog-pager-older-link'>
1208 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
1209 </div>
1210 </b:if>
1211 <div class='mobile-link-button' id='blog-pager-home-link'>
1212 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1213 </div>
1214 <div class='mobile-desktop-link'>
1215 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
1216 </div>
1217 </div>
1218 <div class='clear'/>
1219</b:includable>
1220 <b:includable id='mobile-post' var='post'>
1221 <div class='date-outer'>
1222 <b:if cond='data:post.dateHeader'>
1223 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
1224 </b:if>
1225 <div class='date-posts'>
1226 <div class='post-outer'>
1227<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1228<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta content='http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg' itemprop='url'/> <meta content='600' itemprop='width'/> <meta content='600' itemprop='height'/> </div> <meta expr:content='data:blog.title' itemprop='name'/> </div>
1229<b:if cond='data:post.firstImageUrl'> <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> <meta content='700' itemprop='width'/> <meta content='700' itemprop='height'/> </div> </b:if>
1230 <meta content='data:post.link : data:post.url' expr:itemid='data:post.link' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
1231<meta expr:content='data:post.timestamp' itemprop='datePublished'/>
1232<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
1233<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ "?&max-results=5"' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
1234 <a expr:name='data:post.id'/>
1235 <b:if cond='data:post.title'>
1236 <h3 class='post-title entry-title' itemprop='headline'>
1237 <b:if cond='data:post.link'>
1238 <a expr:href='data:post.link'><data:post.title/></a>
1239 <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
1240 <a expr:href='data:post.url'><data:post.title/></a>
1241 <b:else/>
1242 <data:post.title/>
1243 </b:if>
1244 </h3>
1245 </b:if>
1246 <div class='post-header'>
1247 <div class='post-header-line-1'/>
1248 </div>
1249 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
1250 <p><data:post.body/></p>
1251<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <b:if cond='data:post.firstImageUrl'> <img expr:src='data:post.firstImageUrl' style='display:none;'/> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> </b:if> <meta content='800' itemprop='width'/> <meta content='800' itemprop='height'/> </div>
1252<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
1253<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
1254<img alt='logoblog' src='http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg' style='display:none;'/>
1255<meta alt='logoblog' content='http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg' itemprop='url'/>
1256<meta content='300' itemprop='width'/>
1257<meta content='60' itemprop='height'/>
1258</div>
1259<meta expr:content='data:blog.title' itemprop='name'/>
1260</div>
1261 <div style='clear: both;'/> <!-- clear for photos floats -->
1262 </div>
1263
1264 <div class='post-footer'>
1265 <div class='post-footer-line post-footer-line-1'>
1266 <span class='post-author vcard'>
1267 <b:if cond='data:top.showAuthor'>
1268 <b:if cond='data:post.authorProfileUrl'>
1269 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1270 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1271 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1272 <span itemprop='name'><data:post.author/></span>
1273 </a>
1274 </span>
1275 <b:else/>
1276 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1277 <span itemprop='name'><data:post.author/></span>
1278 </span>
1279 </b:if>
1280 </b:if>
1281 </span>
1282
1283 <span class='post-timestamp'>
1284 <b:if cond='data:top.showTimestamp'>
1285 <data:top.timestampLabel/>
1286 <b:if cond='data:post.url'>
1287 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1288 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
1289 </b:if>
1290 </b:if>
1291 </span>
1292 </div>
1293
1294 <div class='post-footer-line post-footer-line-2'>
1295 <b:if cond='data:top.showMobileShare'>
1296 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
1297 <a href='javascript:void(0);'><data:shareMsg/></a>
1298 </div>
1299 </b:if>
1300 <b:if cond='data:top.showDummy'>
1301 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
1302 </b:if>
1303 </div>
1304
1305 </div>
1306 </div>
1307
1308 <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
1309 </div>
1310 </div>
1311 </div>
1312</b:includable>
1313 <b:includable id='nextprev'>
1314<b:if cond='data:blog.pageType != "item"'>
1315<b:if cond='data:blog.pageType != "static_page"'>
1316 <div class='blog-pager' id='blog-pager'>
1317 <b:if cond='data:newerPageUrl'>
1318 <span id='blog-pager-newer-link'>
1319 <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>
1320 </span>
1321 </b:if>
1322 <b:if cond='data:olderPageUrl'>
1323 <span id='blog-pager-older-link'>
1324 <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>
1325 </span>
1326 </b:if>
1327 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1328 <b:if cond='data:mobileLinkUrl'>
1329 <div class='blog-mobile-link'>
1330 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
1331 </div>
1332 </b:if>
1333 </div>
1334 <div class='clear'/>
1335 </b:if>
1336 </b:if>
1337</b:includable>
1338 <b:includable id='post' var='post'>
1339<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
1340<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta content='http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg' itemprop='url'/> <meta content='600' itemprop='width'/> <meta content='600' itemprop='height'/> </div> <meta expr:content='data:blog.title' itemprop='name'/> </div>
1341<b:if cond='data:post.firstImageUrl'> <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> <meta content='700' itemprop='width'/> <meta content='700' itemprop='height'/> </div> </b:if>
1342 <meta content='data:post.link : data:post.url' expr:itemid='data:post.link' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
1343<meta expr:content='data:post.timestamp' itemprop='datePublished'/>
1344<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>
1345<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ "?&max-results=5"' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
1346 <a expr:name='data:post.id'/>
1347<b:if cond='data:blog.pageType == "item"'>
1348 <b:if cond='data:post.title'>
1349 <h1 class='post-title entry-title' itemprop='headline'>
1350 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
1351 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
1352 <b:else/>
1353 <data:post.title/>
1354 </b:if>
1355 </h1>
1356 </b:if>
1357</b:if>
1358
1359<b:if cond='data:blog.pageType == "item"'>
1360 <div class='post-header'>
1361 <i aria-hidden='true' class='fa fa-user'/> &nbsp; <data:post.author/> &nbsp; &nbsp; <i aria-hidden='true' class='fa fa-calendar'/> &nbsp; <data:post.dateHeader/>
1362 </div>
1363</b:if>
1364
1365 <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
1366 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
1367<b:if cond='data:blog.pageType != "item"'>
1368 <b:if cond='data:blog.pageType != "static_page"'>
1369 <div class='dp-thumbnail'>
1370 <b:if cond='data:post.firstImageUrl'>
1371 <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
1372 <b:else/>
1373 <b:if cond='data:post.thumbnailUrl'>
1374 <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
1375 <b:else/>
1376 <span><img expr:alt='data:post.title' src='http://3.bp.blogspot.com/-TSC-t4b1XvQ/UHWqOo4keDI/AAAAAAAAATo/DgshIsz1IBs/s1600/default.png'/></span>
1377 </b:if>
1378 </b:if>
1379 </div>
1380 <b:if cond='data:post.title'>
1381 <h2 class='post-title entry-title' itemprop='headline'>
1382 <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
1383 <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
1384 <b:else/>
1385 <data:post.title/>
1386 </b:if>
1387 </h2>
1388 </b:if>
1389 <data:post.snippet/>
1390 <b:else/>
1391 <p><data:post.body/></p>
1392<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
1393<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
1394<img alt='logoblog' src='http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg' style='display:none;'/>
1395<meta alt='logoblog' content='http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg' itemprop='url'/>
1396<meta content='300' itemprop='width'/>
1397<meta content='60' itemprop='height'/>
1398</div>
1399<meta expr:content='data:blog.title' itemprop='name'/>
1400</div>
1401<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <b:if cond='data:post.firstImageUrl'> <img expr:src='data:post.firstImageUrl' style='display:none;'/> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> </b:if> <meta content='800' itemprop='width'/> <meta content='800' itemprop='height'/> </div>
1402 </b:if>
1403<b:else/>
1404 <data:post.body/>
1405<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
1406<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
1407<img alt='logoblog' src='http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg' style='display:none;'/>
1408<meta alt='logoblog' content='http://1.bp.blogspot.com/-39HRU19h4kk/VlrZJ1KEjiI/AAAAAAAAMxI/RYXIg2OkzQA/s1600/blog%2Bblogger%2Bblogging.jpg' itemprop='url'/>
1409<meta content='300' itemprop='width'/>
1410<meta content='60' itemprop='height'/>
1411</div>
1412<meta expr:content='data:blog.title' itemprop='name'/>
1413</div>
1414<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <b:if cond='data:post.firstImageUrl'> <img expr:src='data:post.firstImageUrl' style='display:none;'/> <meta expr:content='data:post.firstImageUrl' itemprop='url'/> </b:if> <meta content='800' itemprop='width'/> <meta content='800' itemprop='height'/> </div>
1415</b:if>
1416 <div style='clear: both;'/> <!-- clear for photos floats -->
1417 </div>
1418 <b:if cond='data:post.hasJumpLink'>
1419 <div class='jump-link'>
1420 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
1421 </div>
1422 </b:if>
1423<b:if cond='data:blog.pageType == "item"'>
1424<div style='margin:15px 0'>
1425<!-- IKLAN DI BAWAH POSTINGAN -->
1426</div>
1427 <p><small><i class='fa fa-thumbs-o-up'/> Thanks for reading <b><data:post.title/></b></small></p>
1428<!-- AddThis Button BEGIN -->
1429<div style='margin:15px 0 10px'>
1430<div class='addthis_toolbox addthis_default_style'>
1431<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
1432<a class='addthis_button_facebook_share' fb:share:layout='button_count'/>
1433<a class='addthis_button_tweet'/>
1434<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
1435<a class='addthis_counter addthis_pill_style'/>
1436</div>
1437<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5156a09e76c1568f' type='text/javascript'/>
1438<!-- AddThis Button END -->
1439 </div>
1440<div class='halaman'>
1441 <div class='blog-pager' id='blog-pager'>
1442<div class='halaman-kiri'>
1443<div class='isihalaman-kiri'>
1444 <b:if cond='data:newerPageUrl'>
1445 <span id='blog-pager-newer-link'>
1446 <span class='pager-title-left'>Previous</span><br/>
1447 <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>
1448 </span>
1449<b:else/>
1450 <span class='current-pageleft'><span class='pager-title-left'>Newest</span></span><br/>
1451You are reading the newest post
1452 </b:if>
1453</div>
1454</div>
1455<div class='halaman-kanan'>
1456<div class='isihalaman-kanan'>
1457 <b:if cond='data:olderPageUrl'>
1458 <span id='blog-pager-older-link'>
1459 <span class='pager-title-left'>Next</span><br/>
1460 <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>
1461 </span>
1462<b:else/>
1463<span class='current-pageright'><span class='pager-title-left'>Oldest</span></span><br/>
1464You are reading the latest post
1465 </b:if>
1466</div>
1467</div>
1468 </div>
1469<div style='clear: both;'/>
1470</div>
1471<script type='text/javascript'>
1472 $(document).ready(function(){
1473 var newerLink = $("a.blog-pager-newer-link").attr("href");
1474 $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
1475 var newerLinkTitle = $("a.blog-pager-newer-link").text();
1476 $("a.blog-pager-newer-link").text(newerLinkTitle);
1477 });
1478 var olderLink = $("a.blog-pager-older-link").attr("href");
1479 $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
1480 var olderLinkTitle = $("a.blog-pager-older-link").text();
1481 $("a.blog-pager-older-link").text(olderLinkTitle);
1482 });
1483 });
1484 </script>
1485<!--Related Posts-->
1486<div id='related-posts'>
1487<script type='text/javascript'>
1488var relatedpoststitle="Related Posts";
1489</script>
1490<script type='text/javascript'>
1491//<![CDATA[
1492var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
1493//]]>
1494</script>
1495 <b:loop values='data:post.labels' var='label'>
1496<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=8"' type='text/javascript'/></b:loop>
1497<script type='text/javascript'>
1498var maxresults=6;
1499removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>");
1500</script>
1501</div>
1502 </b:if>
1503<div class='clear'/>
1504 <div class='post-footer'>
1505 <div class='post-footer-line post-footer-line-1'>
1506 <span class='post-author vcard'>
1507 <b:if cond='data:top.showAuthor'>
1508 <data:top.authorLabel/>
1509 <b:if cond='data:post.authorProfileUrl'>
1510 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1511 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
1512 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1513 <span itemprop='name'><data:post.author/></span>
1514 </a>
1515 </span>
1516 <b:else/>
1517 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1518 <span itemprop='name'><data:post.author/></span>
1519 </span>
1520 </b:if>
1521 </b:if>
1522 </span>
1523
1524 <span class='post-timestamp'>
1525 <b:if cond='data:top.showTimestamp'>
1526 <data:top.timestampLabel/>
1527 <b:if cond='data:post.url'>
1528 <meta expr:content='data:post.url.canonical' itemprop='url'/>
1529 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
1530 </b:if>
1531 </b:if>
1532 </span>
1533
1534 <span class='reaction-buttons'>
1535 <b:if cond='data:top.showReactions'>
1536 <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
1537 <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
1538 <span class='reactions-label'>
1539 <data:top.reactionsLabel/></span> </td>
1540 <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
1541 </tr></table>
1542 </b:if>
1543 </span>
1544 <!-- backlinks -->
1545 <span class='post-backlinks post-comment-link'>
1546 <b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>
1547 <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
1548 </b:if>
1549 </span>
1550 <span class='post-icons'>
1551 <!-- email post links -->
1552 <b:if cond='data:post.emailPostUrl'>
1553 <span class='item-action'>
1554 <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
1555 <img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>
1556 </a>
1557 </span>
1558 </b:if>
1559 </span>
1560 <!-- share buttons -->
1561 <div class='post-share-buttons goog-inline-block'>
1562 <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
1563 </div>
1564 </div>
1565 <div class='post-footer-line post-footer-line-2'>
1566 <span class='post-labels'>
1567 <b:if cond='data:top.showPostLabels and data:post.labels'>
1568 <data:postLabelsLabel/>
1569 <b:loop values='data:post.labels' var='label'>
1570 <a expr:href='data:label.url+ "?&max-results=5"' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
1571 </b:loop>
1572 </b:if>
1573 </span>
1574 </div>
1575
1576 <div class='post-footer-line post-footer-line-3'>
1577 <span class='post-location'>
1578 <b:if cond='data:top.showLocation and data:post.location'>
1579 <data:postLocationLabel/>
1580 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
1581 </b:if>
1582 </span>
1583 </div>
1584 <b:if cond='data:post.authorAboutMe'>
1585 <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1586 <b:if cond='data:post.authorPhoto.url'>
1587 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
1588 </b:if>
1589 <div>
1590 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
1591 <span itemprop='name'><data:post.author/></span>
1592 </a>
1593 </div>
1594 <span itemprop='description'><data:post.authorAboutMe/></span>
1595 </div>
1596 </b:if>
1597 </div>
1598 </div>
1599</b:includable>
1600 <b:includable id='postQuickEdit' var='post'/>
1601 <b:includable id='shareButtons' var='post'/>
1602 <b:includable id='status-message'>
1603 <b:if cond='data:navMessage'>
1604 <div class='status-msg-wrap'>
1605 <div class='status-msg-body'>
1606 <data:navMessage/>
1607 </div>
1608 <div class='status-msg-border'>
1609 <div class='status-msg-bg'>
1610 <div class='status-msg-hidden'><data:navMessage/></div>
1611 </div>
1612 </div>
1613 </div>
1614 <div style='clear: both;'/>
1615 </b:if>
1616</b:includable>
1617 <b:includable id='threaded-comment-form' var='post'>
1618 <div class='comment-form'>
1619 <a name='comment-form'/>
1620 <b:if cond='data:mobile'>
1621 <p><data:blogCommentMessage/></p>
1622 <data:blogTeamBlogMessage/>
1623 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1624 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
1625 <b:else/>
1626 <p><data:blogCommentMessage/></p>
1627 <data:blogTeamBlogMessage/>
1628 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1629 <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
1630 </b:if>
1631 <data:post.cmtfpIframe/>
1632 <script type='text/javascript'>
1633 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
1634 </script>
1635 </div>
1636</b:includable>
1637 <b:includable id='threaded_comment_js' var='post'>
1638 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
1639
1640 <script type='text/javascript'>
1641 (function() {
1642 var items = <data:post.commentJso/>;
1643 var msgs = <data:post.commentMsgs/>;
1644 var config = <data:post.commentConfig/>;
1645
1646// <![CDATA[
1647 var cursor = null;
1648 if (items && items.length > 0) {
1649 cursor = parseInt(items[items.length - 1].timestamp) + 1;
1650 }
1651
1652 var bodyFromEntry = function(entry) {
1653 if (entry.gd$extendedProperty) {
1654 for (var k in entry.gd$extendedProperty) {
1655 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
1656 return '<span class="deleted-comment">' + entry.content.$t + '</span>';
1657 }
1658 }
1659 }
1660 return entry.content.$t;
1661 }
1662
1663 var parse = function(data) {
1664 cursor = null;
1665 var comments = [];
1666 if (data && data.feed && data.feed.entry) {
1667 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
1668 var comment = {};
1669 // comment ID, parsed out of the original id format
1670 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
1671 comment.id = id ? id[2] : null;
1672 comment.body = bodyFromEntry(entry);
1673 comment.timestamp = Date.parse(entry.published.$t) + '';
1674 if (entry.author && entry.author.constructor === Array) {
1675 var auth = entry.author[0];
1676 if (auth) {
1677 comment.author = {
1678 name: (auth.name ? auth.name.$t : undefined),
1679 profileUrl: (auth.uri ? auth.uri.$t : undefined),
1680 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
1681 };
1682 }
1683 }
1684 if (entry.link) {
1685 if (entry.link[2]) {
1686 comment.link = comment.permalink = entry.link[2].href;
1687 }
1688 if (entry.link[3]) {
1689 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
1690 if (pid && pid[1]) {
1691 comment.parentId = pid[1];
1692 }
1693 }
1694 }
1695 comment.deleteclass = 'item-control blog-admin';
1696 if (entry.gd$extendedProperty) {
1697 for (var k in entry.gd$extendedProperty) {
1698 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
1699 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
1700 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
1701 comment.displayTime = entry.gd$extendedProperty[k].value;
1702 }
1703 }
1704 }
1705 comments.push(comment);
1706 }
1707 }
1708 return comments;
1709 };
1710
1711 var paginator = function(callback) {
1712 if (hasMore()) {
1713 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
1714 if (cursor) {
1715 url += '&published-min=' + new Date(cursor).toISOString();
1716 }
1717 window.bloggercomments = function(data) {
1718 var parsed = parse(data);
1719 cursor = parsed.length < 50 ? null
1720 : parseInt(parsed[parsed.length - 1].timestamp) + 1
1721 callback(parsed);
1722 window.bloggercomments = null;
1723 }
1724 url += '&callback=bloggercomments';
1725 var script = document.createElement('script');
1726 script.type = 'text/javascript';
1727 script.src = url;
1728 document.getElementsByTagName('head')[0].appendChild(script);
1729 }
1730 };
1731 var hasMore = function() {
1732 return !!cursor;
1733 };
1734 var getMeta = function(key, comment) {
1735 if ('iswriter' == key) {
1736 var matches = !!comment.author
1737 && comment.author.name == config.authorName
1738 && comment.author.profileUrl == config.authorUrl;
1739 return matches ? 'true' : '';
1740 } else if ('deletelink' == key) {
1741 return config.baseUri + '/delete-comment.g?blogID='
1742 + config.blogId + '&postID=' + comment.id;
1743 } else if ('deleteclass' == key) {
1744 return comment.deleteclass;
1745 }
1746 return '';
1747 };
1748
1749 var replybox = null;
1750 var replyUrlParts = null;
1751 var replyParent = undefined;
1752
1753 var onReply = function(commentId, domId) {
1754 if (replybox == null) {
1755 // lazily cache replybox, and adjust to suit this style:
1756 replybox = document.getElementById('comment-editor');
1757 if (replybox != null) {
1758 replybox.height = '250px';
1759 replybox.style.display = 'block';
1760 replyUrlParts = replybox.src.split('#');
1761 }
1762 }
1763 if (replybox && (commentId !== replyParent)) {
1764 replybox.src = '';
1765 document.getElementById(domId).insertBefore(replybox, null);
1766 replybox.src = replyUrlParts[0]
1767 + (commentId ? '&parentID=' + commentId : '')
1768 + '#' + replyUrlParts[1];
1769 replyParent = commentId;
1770 }
1771 };
1772
1773 var hash = (window.location.hash || '#').substring(1);
1774 var startThread, targetComment;
1775 if (/^comment-form_/.test(hash)) {
1776 startThread = hash.substring('comment-form_'.length);
1777 } else if (/^c[0-9]+$/.test(hash)) {
1778 targetComment = hash.substring(1);
1779 }
1780
1781 // Configure commenting API:
1782 var configJso = {
1783 'maxDepth': config.maxThreadDepth
1784 };
1785 var provider = {
1786 'id': config.postId,
1787 'data': items,
1788 'loadNext': paginator,
1789 'hasMore': hasMore,
1790 'getMeta': getMeta,
1791 'onReply': onReply,
1792 'rendered': true,
1793 'initComment': targetComment,
1794 'initReplyThread': startThread,
1795 'config': configJso,
1796 'messages': msgs
1797 };
1798
1799 var render = function() {
1800 if (window.goog && window.goog.comments) {
1801 var holder = document.getElementById('comment-holder');
1802 window.goog.comments.render(holder, provider);
1803 }
1804 };
1805
1806 // render now, or queue to render when library loads:
1807 if (window.goog && window.goog.comments) {
1808 render();
1809 } else {
1810 window.goog = window.goog || {};
1811 window.goog.comments = window.goog.comments || {};
1812 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
1813 window.goog.comments.loadQueue.push(render);
1814 }
1815 })();
1816// ]]>
1817 </script>
1818</b:includable>
1819 <b:includable id='threaded_comments' var='post'>
1820 <div class='comments' id='comments'>
1821 <a name='comments'/>
1822 <h4><data:post.commentLabelFull/>:</h4>
1823
1824 <div class='comments-content'>
1825 <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
1826 <div id='comment-holder'>
1827 <data:post.commentHtml/>
1828 </div>
1829 </div>
1830
1831 <p class='comment-footer'>
1832 <b:if cond='data:post.allowNewComments'>
1833 <b:include data='post' name='threaded-comment-form'/>
1834 <b:else/>
1835 <data:post.noNewCommentsText/>
1836 </b:if>
1837 </p>
1838
1839 <b:if cond='data:showCmtPopup'>
1840 <div id='comment-popup'>
1841 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1842 </iframe>
1843 </div>
1844 </b:if>
1845
1846 <div id='backlinks-container'>
1847 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1848 <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
1849 </div>
1850 </div>
1851 </div>
1852</b:includable>
1853 </b:widget>
1854 </b:section>
1855 </div>
1856 </div>
1857 <div class='column-right-outer'>
1858 <div class='column-right-inner'>
1859 <aside>
1860 <macro:include id='main-column-right-sections' name='sections'>
1861 <macro:param default='2' name='num' value='1'/>
1862 <macro:param default='sidebar-right' name='idPrefix'/>
1863 <macro:param default='sidebar' name='class'/>
1864 <macro:param default='true' name='includeBottom'/>
1865 </macro:include>
1866 </aside>
1867 </div>
1868 </div>
1869 </div>
1870 <div style='clear: both'/>
1871 <!-- columns -->
1872 </div>
1873 <!-- main -->
1874 </div>
1875 </div>
1876 <div class='main-cap-bottom cap-bottom'>
1877 <div class='cap-left'/>
1878 <div class='cap-right'/>
1879 </div>
1880 </div>
1881 <footer>
1882 <div class='footer-outer'>
1883<footer id='footer-wrapper'>
1884<b:section class='left section' id='left' preferred='yes'/>
1885<b:section class='center section' id='center' preferred='yes'/>
1886<b:section class='right section' id='right' preferred='yes'/>
1887</footer>
1888 </div>
1889 </footer>
1890 <!-- content -->
1891 </div>
1892<div class='copyright'>
1893Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved. Template by <a class='creditlink' href='http://www.contohblog.com' id='creditlink' target='_blank' title='CB Blogger Credit Link'>CB Blogger</a> | Link <a href='http://www.sepakbolagp.com' target='_blank' title='Sepakbola'>Sepakbola GP</a></div></div></div></div>
1894<script type='text/javascript'>
1895 window.setTimeout(function() {
1896 document.body.className = document.body.className.replace('loading', '');
1897 }, 10);
1898</script>
1899<b:if cond='data:blog.pageType == "error_page"'>
1900<script type='text/javascript'>
1901BSPNF_redirect=setTimeout(function() {
1902location.pathname= "/"
1903}, 1);
1904</script>
1905</b:if>
1906<script type='text/javascript'>
1907var addthis_config = addthis_config||{};
1908addthis_config.data_track_addressbar = false;
1909addthis_config.data_track_clickback = false;
1910</script>
1911<script type='text/javascript'>
1912//<![CDATA[
1913$(document).ready(function() {
1914 var stickyNavTop = $('#menu').offset().top;
1915 var stickyNav = function(){
1916 var scrollTop = $(window).scrollTop();
1917 if (scrollTop > stickyNavTop) {
1918 $('#menu').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
1919 } else {
1920 $('#menu').css({ 'position': 'relative' });
1921 }
1922 };
1923 stickyNav();
1924 $(window).scroll(function() {
1925 stickyNav();
1926 });
1927});
1928//]]>
1929</script>
1930<b:if cond='data:blog.pageType != "item"'>
1931<b:if cond='data:blog.pageType != "static_page"'>
1932<script type='text/javascript'>
1933 /*<![CDATA[*/
1934 var perPage=6;
1935 var numPages=5;
1936 var firstText ='First';
1937 var lastText ='Last';
1938 var prevText ='« Previous';
1939 var nextText ='Next »';
1940 var urlactivepage=location.href;
1941 var home_page="/";
1942if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages / 2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}
1943pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo / perPage)+1;if(lastPageNo-1==pageInfo / perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}
1944if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}
1945if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}
1946if(pageStart>2){html+=' ... '}
1947for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}
1948if(pageEnd<lastPageNo-1){html+='...'}
1949if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}
1950var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}
1951if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}
1952var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}
1953if(pageArea&&pageArea.length>0){html=''}
1954if(blogPager){blogPager.innerHTML=html}}
1955function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}
1956function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}
1957if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
1958document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}
1959if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
1960document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}
1961function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
1962function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
1963function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}
1964location.href=pAddress}
1965 /*]]>*/
1966</script>
1967</b:if>
1968</b:if>
1969</body>
1970<macro:includable id='sections' var='col'>
1971 <macro:if cond='data:col.num == 0'>
1972 <macro:else/>
1973 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
1974
1975 <macro:if cond='data:col.num >= 2'>
1976 <table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
1977 <tbody>
1978 <tr>
1979 <td class='first columns-cell'>
1980 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
1981 </td>
1982
1983 <td class='columns-cell'>
1984 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
1985 </td>
1986
1987 <macro:if cond='data:col.num >= 3'>
1988 <td class='columns-cell'>
1989 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
1990 </td>
1991 </macro:if>
1992
1993 <macro:if cond='data:col.num >= 4'>
1994 <td class='columns-cell'>
1995 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
1996 </td>
1997 </macro:if>
1998 </tr>
1999 </tbody>
2000 </table>
2001
2002 <macro:if cond='data:col.includeBottom'>
2003 <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
2004 </macro:if>
2005 </macro:if>
2006 </macro:if>
2007</macro:includable>
2008<b:section-contents id='sidebar-right-1'>
2009 <b:widget id='HTML3' locked='false' title='' type='HTML' version='1'>
2010 <b:widget-settings>
2011 <b:widget-setting name='content'><style>
2012.serching{margin:0 auto;width:100%;margin-bottom:20px}
2013.serching form{border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px}.serching form input{display:block!important;margin:0;border:0;padding:5px 0;outline:0;height:20px;line-height:20px;font-size:13px;border-radius:0!important}.serch{float:left;width:85%!important;text-indent:10px}.serchg{float:right;width:15%!important;height:30px!important;padding:0!important;background:gray;color:#fff;border:0!important;font-size:12px!important}
2014</style>
2015<div class='serching'><form action='/search?q='><input class='serch' name='q' placeholder='Cari...' title='Cari Tulisan di Sini' type='text'/><button class='serchg' type='submit'> GO </button><span style='clear: both;display:block'/></span></form></div></b:widget-setting>
2016 </b:widget-settings>
2017 <b:includable id='main'>
2018 <!-- only display title if it's non-empty -->
2019 <b:if cond='data:title != ""'>
2020 <h2 class='title'><data:title/></h2>
2021 </b:if>
2022 <div class='widget-content'>
2023 <data:content/>
2024 </div>
2025</b:includable>
2026 </b:widget>
2027 <b:widget id='HTML4' locked='false' title='Recent Posts' type='HTML' version='1'>
2028 <b:widget-settings>
2029 <b:widget-setting name='content'><script type='text/javascript'>
2030 //<![CDATA[
2031function recentpostslist(json) {
2032 document.write('<ul>');
2033 for (var i = 0; i < json.feed.entry.length; i++)
2034 {
2035 for (var j = 0; j < json.feed.entry[i].link.length; j++) {
2036 if (json.feed.entry[i].link[j].rel == 'alternate') {
2037 break;
2038 }
2039 }
2040var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
2041var entryTitle = json.feed.entry[i].title.$t;
2042var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";
2043 document.write(item);
2044 }
2045 document.write('</ul>');
2046 }
2047//]]>
2048</script>
2049<script src="/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script></b:widget-setting>
2050 </b:widget-settings>
2051 <b:includable id='main'>
2052<b:if cond='data:blog.pageType == "item"'>
2053 <!-- only display title if it's non-empty -->
2054 <b:if cond='data:title != ""'>
2055 <h2 class='title'><data:title/></h2>
2056 </b:if>
2057 <div class='widget-content'>
2058 <data:content/>
2059 </div>
2060 </b:if>
2061</b:includable>
2062 </b:widget>
2063 <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
2064 <b:widget-settings>
2065 <b:widget-setting name='numItemsToShow'>7</b:widget-setting>
2066 <b:widget-setting name='showThumbnails'>false</b:widget-setting>
2067 <b:widget-setting name='showSnippets'>false</b:widget-setting>
2068 <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
2069 </b:widget-settings>
2070 <b:includable id='main'>
2071 <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
2072 <div class='widget-content popular-posts'>
2073 <ul>
2074 <b:loop values='data:posts' var='post'>
2075 <li>
2076 <b:if cond='!data:showThumbnails'>
2077 <b:if cond='!data:showSnippets'>
2078 <!-- (1) No snippet/thumbnail -->
2079 <a expr:href='data:post.href'><data:post.title/></a>
2080 <b:else/>
2081 <!-- (2) Show only snippets -->
2082 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
2083 <div class='item-snippet'><data:post.snippet/></div>
2084 </b:if>
2085 <b:else/>
2086 <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
2087 <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
2088 <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
2089 <div class='item-thumbnail'>
2090 <a expr:href='data:post.href' target='_blank'>
2091 <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
2092 <img alt='' border='0' expr:src='data:image'/>
2093 </b:with>
2094 </a>
2095 </div>
2096 </b:if>
2097 <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
2098 <b:if cond='data:showSnippets'>
2099 <div class='item-snippet'><data:post.snippet/></div>
2100 </b:if>
2101 </div>
2102 <div style='clear: both;'/>
2103 </b:if>
2104 </li>
2105 </b:loop>
2106 </ul>
2107 </div>
2108</b:includable>
2109 </b:widget>
2110 <b:widget id='Label1' locked='false' title='Labels' type='Label' version='1'>
2111 <b:widget-settings>
2112 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
2113 <b:widget-setting name='display'>CLOUD</b:widget-setting>
2114 <b:widget-setting name='selectedLabelsList'/>
2115 <b:widget-setting name='showType'>ALL</b:widget-setting>
2116 <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
2117 </b:widget-settings>
2118 <b:includable id='main'>
2119 <b:if cond='data:title != ""'>
2120 <h2><data:title/></h2>
2121 </b:if>
2122 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
2123 <b:if cond='data:display == "list"'>
2124 <ul>
2125 <b:loop values='data:labels' var='label'>
2126 <li>
2127 <b:if cond='data:blog.url == data:label.url+ "?&max-results=5"'>
2128 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
2129 <b:else/>
2130 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url+ "?&max-results=5"'><data:label.name/></a>
2131 </b:if>
2132 <b:if cond='data:showFreqNumbers'>
2133 <span dir='ltr'>(<data:label.count/>)</span>
2134 </b:if>
2135 </li>
2136 </b:loop>
2137 </ul>
2138 <b:else/>
2139 <b:loop values='data:labels' var='label'>
2140 <span expr:class='"label-size label-size-" + data:label.cssSize'>
2141 <b:if cond='data:blog.url == data:label.url+ "?&max-results=5"'>
2142 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
2143 <b:else/>
2144 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url+ "?&max-results=5"'><data:label.name/></a>
2145 </b:if>
2146 <b:if cond='data:showFreqNumbers'>
2147 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
2148 </b:if>
2149 </span>
2150 </b:loop>
2151 </b:if>
2152 </div>
2153</b:includable>
2154 </b:widget>
2155 <b:widget id='HTML5' locked='false' title='' type='HTML' version='1'>
2156 <b:widget-settings>
2157 <b:widget-setting name='content'><!--Smooth Back to Top Button Start-->
2158<script>
2159jQuery(document).ready(function() {
2160var offset = 220;
2161var duration = 500;
2162jQuery(window).scroll(function() {
2163if (jQuery(this).scrollTop() > offset) {
2164jQuery('.back-to-top').fadeIn(duration);
2165} else {
2166jQuery('.back-to-top').fadeOut(duration);
2167}
2168});
2169jQuery('.back-to-top').click(function(event) {
2170event.preventDefault();
2171jQuery('html, body').animate({scrollTop: 0}, duration);
2172return false;
2173})
2174});
2175</script>
2176<style>
2177div#page {
2178max-width: 900px;
2179margin-left: auto;
2180margin-right: auto;
2181padding: 20px;
2182}
2183.back-to-top {
2184position: fixed;
2185bottom: 2em;
2186right: 0px;
2187text-decoration: none;
2188color: #000000;
2189background-color:transparent;
2190font-size: 12px;
2191padding: 1em;
2192display: none;
2193z-index:9999;
2194}
2195.back-to-top:hover {
2196text-decoration: none;
2197}
2198</style>
2199<a href="#" class="back-to-top"><img src="http://1.bp.blogspot.com/-yrOTdp6sNt4/U2M2QsgIzVI/AAAAAAAAAeM/Zp9nIUmG5Sw/s1600/back+to+top+.png" alt="Back to Top" / /></a>
2200<!--Smooth Back to Top Button End--></b:widget-setting>
2201 </b:widget-settings>
2202 <b:includable id='main'>
2203 <!-- only display title if it's non-empty -->
2204 <b:if cond='data:title != ""'>
2205 <h2 class='title'><data:title/></h2>
2206 </b:if>
2207 <div class='widget-content'>
2208 <data:content/>
2209 </div>
2210</b:includable>
2211 </b:widget>
2212</b:section-contents></html>