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