View difference between Paste ID: imTWz2FW and DWj0SPJm
SHOW: | | - or go back to the newest paste.
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
<!-- Ezoic Code -->
6
<script>var ezoicId = 13903;</script>
7
<script src='//go.ezoic.net/ezoic/ezoic.js' type='text/javascript'/>
8
<!-- Ezoic Code -->
9
<!-- Ezoic Ad Testing Code-->
10
<script src="//g.ezoic.net/ezoic/ezoiclitedata.go?did=13903"></script>
11
<!-- Ezoic Ad Testing Code-->
12
<script src='http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' type='text/javascript'/>
13
<meta content='blogger' name='generator'/>
14
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
15
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
16
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
17
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
18
<title><b:if cond='data:blog.pageType == &quot;index&quot;'>
19
			<data:blog.pageTitle/> - News And Viral
20
		<b:else/>
21
			<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
22
				<data:blog.pageName/> - <data:blog.title/>
23
			<b:else/>
24
				404 - <data:blog.title/> 
25
			</b:if>
26
		</b:if>
27
    </title>
28
<b:if cond='data:blog.url == data:blog.homepageUrl'>
29
<!-- Home Page Only -->
30
<meta content='https://2.bp.blogspot.com/-6Zgeg8xe4Vc/VtZkRdzFcPI/AAAAAAAAA8k/ayqUvLWTx64/s1600/Banyak%2Bbaca.png' property='og:image'/>
31
<meta content='Kumpulan Artikel Viral terbaru' name='description'/>
32
<!-- Home Page Only -->
33
<meta content='Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,Keyword,' name='keywords'/>
34
</b:if><meta content='AM9YtwNT2HPbQcqe3zO36ykmsU8' name='alexaVerifyID'/>
35
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
36
        <meta expr:content='data:blog.pageName' property='og:title'/>
37
        <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
38
        <meta content='article' property='og:type'/>
39
    </b:if>
40
    <b:if cond='data:blog.postImageUrl'>
41
        <meta expr:content='data:blog.postImageUrl' property='og:image'/>
42
    <b:else/>
43
    <b:if cond='data:blog.postImageThumbnailUrl'>
44
        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
45
    </b:if></b:if>
46
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
47
        <meta expr:content='data:blog.metaDescription' name='og:description'/>
48
    </b:if>
49
    <meta expr:content='data:blog.title' property='og:site_name'/>
50
    <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
51
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
52
    <b:if cond='data:blog.postImageUrl'>
53
      <meta content='summary_large_image' name='twitter:card'/>
54
      <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
55
    <b:else/>
56
      <meta content='summary' name='twitter:card'/>
57
      <b:if cond='data:blog.postImageThumbnailUrl'>
58
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/> 
59
      </b:if>
60
    </b:if>
61
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
62
    <b:if cond='data:blog.metaDescription'>
63
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
64
    </b:if>
65
66
    
67
    <link href='https://fonts.googleapis.com/css?family=Lato|Oswald' rel='stylesheet' type='text/css'/>
68
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'/>
69
<b:if cond='data:blog.isMobile'>
70
71
  <b:else/>
72
73
	<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
74
    <script src='https://cdn.rawgit.com/jacobsilitonga/as/master/ViraltaTemplate.js'/>
75
<b:template-skin>
76
77
<![CDATA[
78
<Variable name="warnautama" description="Mobile"
79
             type="color" default="#58a" value="#e1771e">
80
81
#layout #kolom-kanan #menu {display:none}
82
#layout #kolomluar{background:#f0f0f0 url(http://1.bp.blogspot.com/-0bObXH0-WHI/VmnwwA4dQiI/AAAAAAAACVY/NEHl0xoZ58s/s0-r/bg1.png) repeat scroll top left;padding:5px}
83
#layout #kolom-kiri{background:#e1771e;width:600px;padding:20px}
84
#layout #kolom-kiri:before{content:"Put Your Ads Here";color:white;font-size:40px}
85
#layout #main-wrapper{width:550px;background:#DAC526;padding:20px;padding-top:-300px}
86
#layout #sidebar-wrapper{width:200px;}
87
#layout #header-kiri {width:300px;background-color:#DAC526;padding:20px;font-size:20px;color:#000}
88
#layout #outer-wrapper > div:before{content:"Viral Ta Magazine Option";font-size:50px;color:red;}
89
#layout #sidebar-wrapper{overflow:visible;position:static;width:40%;margin:0;float:$(endSide)}
90
#layout #sidebar-wrapper .innerwrap,#layout #sidebartabs,#layout #main-top,#layout #main-bottom,#layout .main-bottom-area .innerwrap,#layout .middle-big{padding:15px 10px 10px;margin-bottom:15px}
91
#layout #sidebar-wrapper{background-color:#DAC526;padding:20px}
92
#layout a.editlink{background-color:#1446AC;padding:4px 10px;color:#FFF!important}
93
#layout .links-submenu{background-color:#3F600A;padding:10px 10px 0;margin-bottom:15px}
94
]]>
95
</b:template-skin>
96
<b:skin><![CDATA[
97
/*
98
| ================================== |
99
| ---------------------------------  |
100
| |                                | |
101
| |  Name     :  Viral Ta Template | |
102
| |  Versi    :  1.1               | |
103
| |  Designer :  Jacob Silitonga   | |
104
| |  URL      :  banyakbaca.com    | |
105
| |  Release  :  1 Maret 2016      | |
106
| |                                | |
107
| ---------------------------------- |
108
| ================================== |
109
*/
110
111
<Variable name="warnautama" description="Warna Utama"
112
             type="color" default="#58a" value="#e1771e">
113
<Variable name="hoverwarna" description="Hover Warna Utama"
114
             type="color" default="#58a" value="#2aaa5d">
115
<Variable name="colorfooter" description="Warna Font Footer"
116
             type="color" default="#58a" value="#f3f3f3">
117
118
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
119
margin:0;
120
padding:0;
121
border:0;
122
font-size:100%;
123
font:inherit;
124
vertical-align:baseline
125
}
126
127
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
128
display:block
129
}
130
131
body {
132
line-height:1;
133
display:block
134
}
135
136
* {
137
margin:0;
138
padding:0
139
}
140
141
html {
142
display:block
143
}
144
145
ol,ul {
146
list-style:none
147
}
148
149
blockquote,q {
150
quotes:none
151
}
152
153
blockquote:before,blockquote:after,q:before,q:after {
154
content:&#39;
155
content:none
156
}
157
158
table {
159
border-collapse:collapse;
160
border-spacing:0
161
}
162
163
164
165
body {
166
background:#f0f0f0 url(http://1.bp.blogspot.com/-0bObXH0-WHI/VmnwwA4dQiI/AAAAAAAACVY/NEHl0xoZ58s/s0-r/bg1.png) repeat scroll top left;
167
font-family:'Lato',sans-serif;
168
font-size:16px
169
}
170
171
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {
172
margin:0;
173
padding:0;
174
list-style:none;
175
border:none;
176
background:none;
177
outline:none
178
}
179
180
.PopularPosts ul li img {
181
display:block;
182
margin:0 .5em 0 0;
183
width:200px;
184
height:200px;
185
float:left
186
}
187
188
.PopularPosts ul li {
189
background-color:#eee;
190
margin:0!important;
191
padding:10px 20px 10px 10px !important;
192
counter-increment:num;
193
position:relative
194
}
195
196
.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a {
197
color:#333;
198
font-family:Oswald,sans-serif;
199
font-size:18px;
200
font-weight:500;
201
line-height:1.5
202
}
203
204
.PopularPosts ul li:before {
205
content:counter(num)!important;
206
color:#333;
207
font-family:Oswald,sans-serif;
208
font-size:18px;
209
font-weight:500;
210
line-height:1.5;
211
display:block;
212
position:absolute;
213
top:-0;
214
right:-1px;
215
border-radius:1px;
216
background-color:$warnautama;
217
color:#fff!important;
218
width:20px;
219
height:28px;
220
line-height:28px;
221
padding-left:5px!important;
222
border:2px solid #fff
223
}
224
225
.fa {
226
margin-right:5px
227
}
228
229
.PopularPosts .item-thumbnail {
230
margin:0
231
}
232
233
.PopularPosts .item-snippet {
234
font-size:14px;
235
font-weight:500;
236
line-height:1.5
237
}
238
239
#menu{height:45px;background:$warnautama;}
240
#menu ul,#menu li{margin:0;padding:0;list-style:none;}
241
#menu ul{height:45px}
242
#menu li{float:left;display:inline;position:relative;font:bold 13px Arial;}
243
#menu a{display:block;line-height:45px;padding:0 14px;text-decoration:none;color:#ccc}
244
#menu ul li:hover a{background:$hoverwarna;color:#fff!important}
245
#menu input{display:none;margin:0 0;padding:0 0;width:100%;height:45px;opacity:0;cursor:pointer}
246
#menu label{font:bold 30px Arial;display:none;width:35px;height:45px;line-height:45px;text-align:center;color:#fff}
247
#menu label span{font-size:13px;position:absolute;left:35px}
248
#menu ul li ul{height:auto;overflow:hidden;position:absolute;z-index:99;color:#333}
249
#menu ul li ul li a{color:#333;width:180px;height:35px;line-height:35px;background:#ff5848;}
250
#menu a.prett{padding:0 27px 0 14px}
251
#menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#ccc transparent transparent transparent;position:absolute;top:20px;right:9px}
252
#menu a.prett:hover::after,#menu ul li:hover a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#333 transparent transparent transparent;position:absolute;top:20px;right:9px}
253
#menu ul li ul li a:hover{background:$hoverwarna;}
254
255
256
a:link {
257
color:$warnautama;
258
text-decoration:none;
259
-webkit-transition:all .2s ease-in;
260
-moz-transition:all .2s ease-in;
261
-o-transition:all .2s ease-in;
262
transition:all .2s ease-in
263
}
264
265
a:visited {
266
color:$warnautama;
267
text-decoration:none
268
}
269
270
a:hover {
271
color:#000;
272
text-decoration:none
273
}
274
275
.breadcrumbs{background:$warnautama; font-size:30px !important; color:#fff; font-weight:normal; font-family:Oswald; font-style:normal; margin:0px; padding:10px !important; text-transform:uppercase}
276
.breadcrumbs a:link, .breadcrumbs a:hover, .breadcrumbs a:visited{color:#fff !important}
277
278
279
280
.post-body table[border=&quot;1&quot;] th,.post-body table[border=&quot;1&quot;] td,.post-body table[border=&quot;1&quot;] caption {
281
border:1px solid;
282
padding:.0em .0em;
283
text-align:left;
284
vertical-align:top
285
}
286
287
.post-body table.tr-caption-container {
288
border:1px solid #e5e5e5
289
}
290
291
.post-body th {
292
font-weight:700
293
}
294
295
.post-body table[border=&quot;1&quot;] caption {
296
border:none;
297
font-style:italic
298
}
299
300
.post-body td,.post-body th {
301
vertical-align:top;
302
text-align:left;
303
font-size:13px;
304
padding:3px 5px;
305
border:1px solid #e5e5e5
306
}
307
308
.post-body th {
309
background:#f0f0f0
310
}
311
312
.post-body table.tr-caption-container td {
313
border:none;
314
padding:8px
315
}
316
317
.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img {
318
width:100%;
319
height:auto
320
}
321
322
.post-body td.tr-caption {
323
color:#666;
324
font-size:80%;
325
padding:0 8px 8px!important
326
}
327
328
.post-body img{width:100%;heigth:auto}
329
table {
330
max-width:100%
331
}
332
.author-info{font-family:Oswald,sans-serif;
333
font-size:15px;padding:5px}.itemtags{font-family:Oswald,sans-serif;
334
font-size:15px;float:right;padding:5px}
335
#outer-wrapper {
336
width:1090px;
337
margin:0 auto;
338
padding:0 auto;
339
340
font:$bodyfont;
341
background:#fff
342
}
343
.kolom-kiri h2,#kolom-kiri h2{display:none}
344
}
345
#kolom-bagikan{
346
width:100%; /*Change width */
347
}
348
#kolom-kiri{
349
width:70%; /*width of the left column*/
350
float:left;
351
margin:4px;
352
}
353
#kolom-kanan{
354
width:30%; /*width of the right column*/
355
float:right;
356
margin:4px;
357
}
358
#main-wrapper {
359
width:760px;
360
margin:0;
361
padding:0;
362
float:left;
363
word-wrap:break-word;
364
overflow:hidden
365
}
366
367
#sidebar-wrapper {
368
width:330px;
369
float:right;padding:0px;
370
word-wrap:break-word;
371
overflow:hidden
372
}
373
374
.adsinside {
375
margin-top:15px
376
}
377
378
.sidebar h2 {
379
font-family:Oswald,sans-serif;
380
font-size:22.5px;
381
color:#fff;
382
background:$warnautama;
383
text-align:center;
384
padding:6px;
385
text-transform:uppercase;
386
margin-bottom:5px
387
}
388
389
h2.date-header {
390
margin:5px 0;
391
font:$datefont;
392
line-height:1.4em;
393
text-transform:uppercase;
394
letter-spacing:normal;
395
color:$datecolor
396
}
397
398
.post {
399
margin:0 0 15px;
400
border-bottom:1px solid $bordercolor;
401
padding-bottom:15px
402
}
403
404
.post h1,.post h2 {
405
clear:both;
406
color:#333;
407
font-family:Oswald,sans-serif;
408
font-size:22.5px;
409
font-weight:400;
410
line-height:1.5;
411
margin:.83em 0
412
}
413
414
.comments {
415
display:none
416
}
417
418
.feed-links {
419
display:none;
420
clear:both;
421
line-height:1.5em
422
}
423
424
.sidebar {
425
color:$sidebartextcolor;
426
line-height:1.5em
427
}
428
429
.sidebar ul {
430
list-style:none;
431
margin:0;
432
padding:0
433
}
434
435
.sidebar li {
436
margin:0;
437
padding:0 0 px;
438
text-indent:0;
439
line-height:1.5em
440
}
441
442
.sidebar .widget {
443
width:100%;padding:0px;margin:0px;
444
}
445
446
.main .widget {
447
border:none;
448
margin:0;
449
padding:0
450
}
451
452
.main .Blog {
453
border-bottom-width:0
454
}
455
456
ul.nav-social li {
457
display:inline-block;
458
list-style-type:none;
459
460
margin:0 0;
461
padding:5px;
462
border-right:none;
463
border-left:1px solid #f0f0f0;
464
}
465
ul.nav-social li a {
466
display:inline-block;
467
line-height:38px;
468
height:38px;
469
padding:0 px;
470
margin:0 0 0 0;
471
color:#fff;
472
}
473
474
search-box{width:320px}
475
#search-form {
476
border:1px solid #ddd;
477
margin:0 auto;
478
padding:0 10px;
479
-moz-border-radius:4px;
480
-webkit-border-radius:4px;
481
border-radius:4px;
482
float:right;
483
margin-top:10px;
484
margin-right:10px;
485
margin-bottom:0
486
}
487
#search-form input#search-box[type="text"] {
488
height:30px;
489
line-height:30px;
490
width:200px;
491
color:#1a1a1a;
492
border:none;
493
margin:4px 0;
494
padding:0 10px
495
}
496
#search-form input#search-button[type="submit"] {
497
background:$warnautama;
498
color:#fff;
499
height:30px;width:
500
line-height:30px;
501
border:none;
502
margin:4px 0;border-radius:3px;outline:0;
503
padding:0 10px
504
}
505
506
#search-form input#search-button[type="submit"]:hover {
507
cursor:pointer
508
}
509
#search-form input#search-box[type="text"]:focus {
510
outline:none
511
}
512
513
#footer-wrapper {
514
background:$warnautama;
515
color:$colorfooter;
516
font-size:14px;
517
line-height:20px;
518
padding:1px 20px 10px;
519
text-align:left;
520
text-transform:uppercase
521
}
522
#footer-wrapper a{color:$colorfooter;}
523
.sidebar-subscribe-box-form {
524
clear:both;
525
display:block;
526
margin:10px 0
527
}
528
529
.img-thumbnail {
530
background:#fbfbfb url(http://1.bp.blogspot.com/-J7bi7rJfmk4/Vsf77_4w0xI/AAAAAAAAA6M/9_N7Cfl6Sg4/s1600/bloggerisbac.jpg) no-repeat center center;
531
position:relative;
532
float:left;
533
width:355px;
534
height:250px;
535
margin:0 px 0 0
536
}
537
538
.img-thumbnail img {
539
width:355px;
540
height:250px
541
}
542
543
span.rollover {
544
opacity:0;
545
-o-transition:all 1s;
546
-moz-transition:all 1s;
547
-webkit-transition:all 1s;
548
background:#333;
549
cursor:pointer;
550
position:absolute;
551
top:0;
552
right:0;
553
bottom:0;
554
left:0;
555
z-index:1;
556
opacity:0
557
}
558
559
span.rollover:before {
560
content:"";
561
position:absolute;
562
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADx0RVh0QUxUVGFnAFRoaXMgaXMgdGhlIGljb24gZnJvbSBHZW50bGVmYWNlLmNvbSBmcmVlIGljb25zIHNldC4g2GvoxAAAAB90RVh0Q29weXJpZ2h0AFJPWUFMVFkgRlJFRSBMSUNFTlNFIN7Zi2kAAABFaVRYdERlc2NyaXB0aW9uAAAAAABUaGlzIGlzIHRoZSBpY29uIGZyb20gR2VudGxlZmFjZS5jb20gZnJlZSBpY29ucyBzZXQuILwR+BoAAAAjaVRYdENvcHlyaWdodAAAAAAAUk9ZQUxUWSBGUkVFIExJQ0VOU0UgJ10KSgAAAidJREFUeNqsVUuO2kAQtROQBomFhZBAIIRBYh3nBuMbMCcI3IAbZOYEmTkBzAnMMjvmBrBnkUYgxD9e8QfnlVVGlmVsQ6akJ7e6X326uqosSTfI+XxWgGfgj+UR7BnAo3SvHI/H6ul0+gtYITDAVRw9OYrxw+FQw6fp2hKyLL/TF1BxgW/4Vl3nPUCPx+NmqPHdbqft93vLhYYfD/sq0HV40DMipWa73XYAi1GNwO+6+MFvsl6vtc1mYzGaUQICT3V0oG98CSIjt1VUhsR4ieIgkUgIcFukQ/qxEAeXdTKZFFErDnoDZx0LqfuiUzU39ouI6sCJRL3RwYUf9gaC0kRYrVa1Gxz8YD0R5qANsskP9nOxWChhxpfLZQNclQvjPdBBKpUyQX7jaKhjjfl8ftUJzmrg/GI+6b4GOphOpw3MFiq5Ht/iEehivwYoLp46m82aOGu6yrqeTqdN31k0mUwUnj3UuSbmzneKHmvNQxV+BQB+PZPJtGj91Xs4Ho8VGOtg6bT5A41h7Ok0mtjJA5950/UBPGWz2d++03Q0Ginw3vGJlKSdz+efKAC+mTfydi6X63mVLn0wHA41TsO1mrebB0ZoBLeilqx9g8FgoHHkvhWCs5dCofB8z49KFkJQOoKM14vFYku6U2L8oNdqu66q6t3G7VFBg8lVuw6oSfRSqfRfxm0HZMg9c7gD9XK5/CF9gtiP3O/3NU4V5VyvVCo96ZPknwADAKtR4YfNlLm3AAAAAElFTkSuQmCC) 50% 50% no-repeat;
563
width:24px;
564
height:24px;
565
margin:-12px;
566
top:50%;
567
left:50%
568
}
569
570
span.rollover:hover {
571
opacity:.7;
572
-o-transition:all 1s;
573
-moz-transition:all 1s;
574
-webkit-transition:all 1s
575
}
576
577
#blog-pager {
578
margin:0;
579
clear:both!important;
580
padding:10px;
581
font-family:Oswald,sans-serif;
582
font-size:18px;
583
font-weight:500
584
}
585
586
#blog-pager-newer-link a {
587
color:#333;
588
float:left;
589
display:block;
590
font-size:20px;
591
padding:6px;
592
color:#2a
593
}
594
595
#blog-pager-older-link a {
596
background:#f1f1f1;
597
float:right;
598
font-size:20px;
599
display:block;
600
padding:6px;
601
color:#333
602
}
603
604
a.home-urlk,a.home-url {
605
background:#89C237;
606
text-align:center;
607
display:inline-block;
608
padding:1px 3px;
609
color:#fff
610
}
611
612
#credit-wrapper {
613
width:100%;
614
margin:0 auto;
615
padding:0 auto;
616
text-align:center;
617
font:$bodyfont
618
}
619
620
.credit {
621
border-top:5px solid $bordercolor;
622
color:$titlecolor;
623
margin:0 auto;
624
padding:15px 0 20px;
625
line-height:1.4em;
626
text-transform:none;
627
clear:both
628
}
629
630
.credit a:link,.credit a:visited {
631
color:$linkcolor;
632
text-decoration:none
633
}
634
635
.credit a:hover {
636
color:$hoverlinkcolor
637
}
638
639
.rthumbbig img {
640
height:auto;
641
width:300px
642
}
643
644
.rthumbbig h3 {
645
color:#333;
646
font-family:Oswald,sans-serif;
647
font-size:18px;
648
font-weight:500;
649
line-height:1.5
650
}
651
652
.rthumbbig h3 a:hover {
653
text-decoration:none;
654
backgound:#000;
655
color:#117dd8
656
}
657
658
.rthumbbig h3 a {
659
color:#464646;
660
text-align:center;
661
text-decoration:none
662
}
663
664
.rthumbbox {
665
float:left;
666
margin-left:0;
667
margin-right:0
668
}
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
@media screen and (min-width:1000px){
685
.related-posts {list-style: none;clear:both}
686
.related-posts h2 {color: #fff;font-family: &#39;Open Sans&#39;,arial,sans-serif;font-size: 1%;font-weight: 400;margin-right:50%;}
687
688
.related-posts .relatedTitles {color: #333333; font-family: Oswald, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.5;font-weight: 400;line-height: 24px;}
689
690
.related-posts .relatedTitles:hover {text-decoration: underline;}.related-posts img {border: none;display: block;height: 180px;width:100%;margin: 1px;}
691
692
.related-posts img:hover {-webkit-opacity: 0.96;-moz-opacity: 0.96;opacity: 0.96;}.related-posts h3 {color: #333333; font-family: Oswald, sans-serif; font-size: 25px; font-weight: 500; line-height: 1.5;}
693
694
.related-posts a {border-left: 0.5px solid transparent;color:color: #1a1a1a;float: left;height:250px;margin: 0 0 14px 15px;padding: 0;position: relative;text-decoration: none !important;width:330px;}
695
696
.tr-caption-container img,.post .separator:first-child img,.post-body .separator:first-child img,.post-body .separator:first-child a {
697
display:block;
698
}
699
#menu{width:100%;color:#FFF;height:65px;}
700
#menu ul,#menu li{margin:0 auto;padding:0;list-style:none}
701
#menu ul{height:45px;width:100%}
702
#menu li{border-left:1px solid #FFF;float:left;display:inline;position:relative;font-family:'Oswald',sans-serif;font-size:17px;text-transform:uppercase}
703
#menu a{display:block;line-height:65px;padding:0 18px;text-decoration:none;color:#fff}
704
#menu li a:hover{color:#fff;background:#17c}
705
#menu input{display:none;margin:0;padding:0;width:80px;height:30px;opacity:0;cursor:pointer}
706
#menu label{display:none;width:35px;height:36px;line-height:36px;text-align:center}
707
#menu label span{font-size:25px;position:absolute;left:45px}
708
.header description {display:none
709
}
710
.header,#header  h1{height:100px;width:300px;
711
color:#333;font-family:Oswald,sans-serif;
712
font-size:36px;padding:2px;
713
}
714
.header a:hover {
715
color:#666
716
}
717
718
.header img {
719
max-width:250px;height:auto;
720
padding:0 5px 10px
721
}
722
#bungkusan{
723
margin:5px auto;
724
width:1070px;height:65px;
725
overflow:hidden
726
}
727
#header {margin-top:-5px;
728
width:100%;height:auto;
729
background:#fff
730
}
731
732
#header-wrapper {
733
float:left;height:auto;
734
width:255px;
735
736
margin:0;
737
clear:both;
738
background:#fff
739
}
740
741
.header h1.title,.header p.title {
742
text-transform:uppercase
743
}
744
}
745
746
 @media only screen and (min-width:805px) and (max-width:1200px){
747
.header ,.header img {
748
width:150px;height:65px;
749
padding:0 5px 10px;float:left;
750
}
751
#menu{width:100%;color:#FFF;height:55px;}
752
#menu ul,#menu li{margin:0 auto;padding:0;list-style:none}
753
#menu ul{height:55px;width:100%}
754
#menu li{border-right:1px solid #FFF;float:left;display:inline;position:relative;font-family:'Oswald',sans-serif;font-size:14px;text-transform:uppercase}
755
#menu a{display:block;line-height:55px;padding:0 10px;text-decoration:none;color:#fff}
756
#menu li a:hover{color:#fff;background:#17c}
757
#menu input{display:none;margin:0;padding:0;width:80px;height:30px;opacity:0;cursor:pointer}
758
#menu label{display:none;width:35px;height:36px;line-height:36px;text-align:center}
759
#menu label span{font-size:20px;position:absolute;left:45px}
760
.rthumbbig img {
761
height:auto;
762
width:100%
763
}
764
.sticky{display:none}
765
.rthumbbox {width:375px;
766
float:left;height:370px;
767
margin:5px
768
}
769
#kolom-kiri,#kolom-kanan{
770
width:100%; /*width of the right column*/
771
float:left;
772
margin:4px;
773
774
}
775
#header-wrapper {
776
float:left;height:55px;
777
778
margin:0;
779
clear:both;
780
background:#fff
781
}
782
.header .description {display:none
783
}
784
.header h1.title,.header p.title {width:300px;padding:8px;
785
text-transform:uppercase;font-family:Oswald,sans-serif;
786
font-size:25px;
787
}
788
.related-posts {list-style: none;clear:both}
789
.related-posts h2 {color: #fff;font-family: &#39;Open Sans&#39;,arial,sans-serif;font-size: 1%;font-weight: 400;margin-right:50%;}
790
.related-posts .relatedTitles {color: #333333; font-family: Oswald, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.5;font-weight: 400;line-height: 24px;}
791
.related-posts .relatedTitles:hover {text-decoration: underline;}.related-posts img {border: none;display: block;height: 180px;width:100%;margin: 1px;}
792
.related-posts img:hover {-webkit-opacity: 0.96;-moz-opacity: 0.96;opacity: 0.96;}.related-posts h3 {color: #333333; font-family: Oswald, sans-serif; font-size: 25px; font-weight: 500; line-height: 1.5;}
793
.related-posts a {border-left: 0.5px solid transparent;color:color: #1a1a1a;float: left;height:250px;margin: 0 0 14px 15px;padding: 0;position: relative;text-decoration: none !important;width:350px;}
794
.tr-caption-container img,.post .separator:first-child img,.post-body .separator:first-child img,.post-body .separator:first-child a {
795
display:block;
796
}
797
#sidebar-wrapper,#outer-wrapper,#main-wrapper{width:780px}}
798
799
@media only screen and (min-width:606px) and (max-width:805px){
800
.header .description {display:none
801
}
802
.header h1.title,.header p.title {
803
text-transform:uppercase;font-family:Oswald,sans-serif;
804
font-size:22.5px;
805
}#menu{width:100%;color:#FFF;height:55px;}
806
#menu ul,#menu li{margin:0 auto;padding:0;list-style:none}
807
#menu ul{height:55px;width:100%}
808
#menu li{border-right:1px solid #FFF;float:left;display:inline;position:relative;font-family:'Oswald',sans-serif;font-size:14px;text-transform:uppercase}
809
#menu a{display:block;line-height:55px;padding:0 5px;text-decoration:none;color:#fff}
810
#menu li a:hover{color:#fff;background:#17c}
811
#menu input{display:none;margin:0;padding:0;width:80px;height:55px;opacity:0;cursor:pointer}
812
#menu label{display:none;width:35px;height:36px;text-align:center;border:1px solid #fff}
813
#menu label span{font-size:20px;position:absolute;left:65px}
814
.header,.header img{width:150px;height:60px;float:left}
815
#kolom-kiri,#kolom-kanan{
816
width:100%; /*width of the right column*/
817
818
margin:4px;
819
}
820
.sostop .social-likes__widget{max-width:46.5%;text-align:left;font-size:12px}
821
822
.related-posts {list-style: none;clear:both}
823
.related-posts h2 {color: #fff;font-family: 'Open Sans',arial,sans-serif;font-size: 1%;font-weight: 400;margin-right:50%;}
824
825
.related-posts .relatedTitles {color: #333333; font-family: Oswald, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.5;font-weight: 400;line-height: 24px;}
826
827
.related-posts .relatedTitles:hover {text-decoration: underline;}.related-posts img {border: none;display: block;height: 180px;width:100%;margin: 1px;}
828
829
.related-posts img:hover {-webkit-opacity: 0.96;-moz-opacity: 0.96;opacity: 0.96;}.related-posts h3 {color: #333333; font-family: Oswald, sans-serif; font-size: 25px; font-weight: 500; line-height: 1.5;}
830
831
.related-posts a {border-left: 0.5px solid transparent;color:color: #1a1a1a;float: left;height:285px;margin: 0 0 14px 15px;padding: 0;position: relative;text-decoration: none !important;width:265px;}
832
833
.tr-caption-container img,.post .separator:first-child img,.post-body .separator:first-child img,.post-body .separator:first-child a {
834
display:block;
835
}
836
837
.post-body img {
838
max-width:98%;padding:0px;margin:0px;
839
height:auto;
840
}
841
.rthumbbig img {
842
height:200px;
843
width:100%
844
}
845
.rthumbbox {width:275px;
846
float:left;height:280px;
847
margin:5px
848
}
849
850
.sticky{display:none}
851
#sidebar-wrapper,#main-wrapper,#outer-wrapper {
852
width:600px;
853
margin:0 auto;
854
padding:0 auto;
855
font:$bodyfont;
856
background:#fff
857
}
858
859
}
860
861
@media only screen and (min-width:409px) and (max-width:605px){
862
#search-form input#search-box[type="text"] {
863
height:30px;
864
line-height:30px;
865
width:260px;
866
color:#1a1a1a;
867
border:none;
868
margin:4px 0;
869
padding:0 10px
870
}
871
.header description {display:none
872
}
873
#search-box,#kolom-kiri,#kolom-kanan{
874
width:100%; 
875
float:left;
876
margin:4px;clear:both
877
}
878
.related-posts .relatedTitles:hover {text-decoration: underline;}.related-posts img {border: none;display: block;height: 180px;width:100%;margin: 1px;}
879
#bungkusan{
880
margin:5px auto;
881
width:400px;height:auto;
882
}
883
.img-thumbnail, .img-thumbnail img {
884
width:100%;
885
height:auto;
886
}
887
.rthumbbig img,.post-body img,#outer-wrapper{width:100%;padding:0px;margin:0px}
888
#header {margin-top:-5px;
889
width:100%;height:auto;
890
background:#fff
891
}
892
#sidebar-wrapper,#main-wrapper,#outer-wrapper {
893
width:400px;
894
margin:0 auto;
895
padding:0 auto;
896
font:$bodyfont;
897
background:#fff
898
}
899
.header{display:none}
900
}
901
902
@media only screen and (min-width:108px) and (max-width:409px){
903
#kolom-kiri{width:100%;height:100px}
904
#search-box,#kolom-bagikan,#kolom-kanan{
905
width:100%; 
906
}
907
.img-thumbnail, .img-thumbnail img {
908
width:100%;
909
height:auto;
910
}
911
.header description {display:none
912
}
913
.PopularPosts ul li:before {display:none}
914
.PopularPosts ul li img {
915
display:block;
916
917
width:100%;
918
height:auto;
919
float:center
920
}
921
.related-posts {list-style: none;clear:both}
922
.related-posts h2 {color: #fff;font-family: &#39;Open Sans&#39;,arial,sans-serif;font-size: 1%;font-weight: 400;margin-right:50%;}
923
924
.related-posts .relatedTitles {color: #333333; font-family: Oswald, sans-serif; font-size:15px; font-weight: 500; line-height: 1.5;font-weight: 400;line-height: 20px;}
925
926
.related-posts .relatedTitles:hover {text-decoration: underline;}.related-posts img {border: none;display: block;height: 180px;width:100%;margin: 1px;}
927
928
.related-posts img:hover {-webkit-opacity: 0.96;-moz-opacity: 0.96;opacity: 0.96;}.related-posts h3 {color: #333333; font-family: Oswald, sans-serif; font-size: 25px; font-weight: 500; line-height: 1.5;}
929
930
931
.tr-caption-container img,.post .separator:first-child img,.post-body .separator:first-child img,.post-body .separator:first-child a {
932
display:block;
933
}
934
935
936
#outer-wrapper{width:100%;padding:0px;margin:0px}
937
.header img,#header-wrapper ,
938
.header {
939
float:left;height:auto;
940
width:140px;
941
942
margin:0;
943
944
background:#fff
945
}
946
.rthumbbig img {
947
height:auto;
948
width:100%;
949
}
950
#main-wrapper,#outer-wrapper
951
{
952
width:100%;
953
margin:0 auto;
954
padding:0 auto;
955
font:$bodyfont;
956
background:#fff
957
}
958
#header-wrapper  {
959
float:left;height:auto;
960
width:100%;
961
margin:0;
962
clear:both;
963
background:#fff
964
}
965
#menu-wrapper{width:160px;float:right;position:relative;margin-top:-40px;}
966
.sticky{display:none;}
967
.post-body img{width:100%;height:auto}
968
.post-body,#sidebar-wrapper,#main-wrapper {
969
width:100%;
970
margin:0;
971
padding:0;
972
float:left;
973
word-wrap:break-word;
974
overflow:hidden
975
}.header .description {display:none
976
}
977
.header h1.title,.header p.title {
978
text-transform:uppercase;font-family:Oswald,sans-serif;
979
font-size:22.5px;
980
}
981
.related-posts a {border-left: 0.5px solid transparent;color:color: #1a1a1a;float: left;height:250px;margin: 0 x;padding: 0;position:width:250px;}
982
}
983
984
@media screen and (max-width: 768px){
985
#menu{position:relative}
986
#menu ul{background:#838383;position:absolute; top:100%;right:0;left:0;z-index:3;height:auto;display:none;}
987
#menu ul.menus{width:100%;position:static;border:none}
988
#menu li{display:block;float:none;width:auto;text-align:left}
989
#menu li a{color:#fff}
990
#menu li a:hover{color:#333}
991
#menu li:hover{background:#BABABA;color:#333;}
992
#menu li:hover > a.prett,#menu a.prett:hover{background:#BABABA;color:#333;}
993
#menu ul.menus a{background:#ff5848;}
994
#menu ul.menus a:hover{background:#fff;}
995
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
996
#menu input{z-index:4;}
997
#menu ul li ul li a{width:100%;}
998
}
999
@media screen and (min-width: 68px){
1000
.header description {display:none
1001
}}
1002
#Attribution1 {
1003
height:0px;
1004
visibility:hidden;
1005
display:none
1006
}
1007
1008
<style type='text/css'>
1009
.sidebar .PopularPosts ul {
1010
padding: 0;
1011
margin: 0;
1012
}
1013
.sidebar .PopularPosts .item-thumbnail a {
1014
clip: auto;
1015
display: block;
1016
height: auto;
1017
overflow: hidden;
1018
}
1019
.sidebar .PopularPosts .item-thumbnail {
1020
width: 130px;
1021
height: 130px;
1022
border-right: 5px solid #fff;
1023
margin: 0px 10px 0px 0px !important;
1024
position: relative;
1025
}
1026
.sidebar .PopularPosts .item-thumbnail img {
1027
position: relative;
1028
height: 100%;
1029
width: 100%;
1030
object-fit: cover;
1031
}
1032
.sidebar .PopularPosts ul li {
1033
float: left;
1034
margin-bottom: 5px;
1035
max-height: 130px;
1036
min-width: 250px;
1037
overflow: hidden;
1038
}
1039
.sidebar .PopularPosts ul li:first-child {
1040
background: #D9EDF7;
1041
}
1042
.sidebar .PopularPosts ul li:first-child + li{
1043
background: #F2DEDE;
1044
}
1045
.sidebar .PopularPosts ul li:first-child + li + li {
1046
background: #DFF0D8;
1047
}
1048
.sidebar .PopularPosts ul li:first-child + li + li + li {
1049
background: #FFEEBC;
1050
}
1051
.sidebar .PopularPosts ul li:first-child + li + li + li + li{
1052
background: #E0E0E0;
1053
}
1054
.sidebar .PopularPosts .item-title {
1055
font: 13px &#39;Oswald&#39;, sans-serif;
1056
text-transform: uppercase;
1057
padding: 10px 5px 10px;
1058
}
1059
.sidebar .PopularPosts .item-title a {
1060
color: #000;
1061
text-decoration: none;
1062
}
1063
.sidebar .PopularPosts .item-snippet {
1064
font: 13px &quot;Times New Roman&quot;,Times,FreeSerif,serif;
1065
padding-right: 5px;
1066
}
1067
.sidebar .PopularPosts .widget-content ul li {
1068
padding: 0px 5px 0px 0px!important;
1069
}
1070-
</style>]]></b:skin>
1070+
1071
]]></b:skin>
1072
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
1073
<b:if cond='data:blog.pageType != &quot;item&quot;'>
1074
<style>
1075
1076
1077
@media only screen and (min-width:100px) and (max-width:500px) {
1078
    .post {width:100%;height:340px;padding-left:0px;padding-top:15px;overflow:hidden;float:left;}
1079
.img-thumbnail {
1080
background:#fbfbfb url(http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/no-image.png) no-repeat center center;
1081
position:relative;
1082
float:left;
1083
width:100%;
1084
height:auto;
1085
margin:0 px 0 0
1086
}
1087
1088
.img-thumbnail img {
1089
width:100%;
1090
height:auto
1091
}
1092
1093
1094
}
1095
1096
@media only screen and (min-width:605px) and (max-width:850px) {
1097
    .post {width:270px;height:300px;padding-left:5px;padding-top:1px;overflow:hidden;float:left;}
1098
.img-thumbnail {
1099
background:#fbfbfb url(http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/no-image.png) no-repeat center center;
1100
position:relative;
1101
float:left;
1102
width:270px;
1103
height:200px;
1104
margin:0 px 0 0
1105
}
1106
.post h1,.post h2 {
1107
clear:both;
1108
color:#333;
1109
font-family:Oswald,sans-serif;
1110
font-size:18.5px;
1111
font-weight:400;
1112
line-height:1.5;
1113
margin:.83em 0
1114
}
1115
.img-thumbnail img {
1116
width:270px;
1117
height:200px;
1118
}
1119
1120
}
1121
 
1122
@media only screen and (min-width:805px) and (max-width:1900px) {
1123
.post {height:365px;
1124
    width:350px;
1125
    margin-right:12px;
1126
    overflow:hidden;
1127
    float:left;
1128
1129
    }
1130
.img-thumbnail {
1131
background:#fbfbfb url(http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_2.gif) no-repeat center center;
1132
position:relative;
1133
float:left;
1134
width:355px;
1135
height:250px;
1136
margin:0 px 0 0;
1137
}
1138
.img-thumbnail img {
1139
width:355px;
1140
height:250px;
1141
}
1142
span.rollover {
1143
opacity:0;
1144
-o-transition:all 1s;
1145
-moz-transition:all 1s;
1146
-webkit-transition:all 1s;
1147
background:#333;
1148
cursor: pointer;
1149
position: absolute;
1150
top:0;
1151
right:0;
1152
bottom:0;
1153
left:0;
1154
z-index: 1;
1155
opacity: 0;
1156
    }}
1157
</style>
1158
</b:if></b:if></b:if>
1159
1160
<b:if cond='data:blog.pageType == &quot;item&quot;'>
1161
<style>
1162
.post h1 {
1163
 color: #333333; font-family: Oswald, sans-serif; font-size: 22.5px; font-weight: 400; line-height: 1.5; margin: 0.83em 0px;text-align:left;
1164
}
1165
1166
    </style></b:if>
1167
1168
<b:if cond='data:blog.isMobile'>
1169
<style>
1170
  .comments,#comments{display:none}
1171
 /* Page Navigation */
1172
#mobile-nextprev,#blog-pager {clear:both;
1173
margin: 5px 0 15px;
1174
clear:both !important;
1175
padding:0 0;
1176
font-size:41px;
1177
font-weight:bold;height:100px;width:100%;
1178
text-transform:uppercase;
1179
}
1180
a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a {
1181
background-color:#ff5848;font-size:41px;
1182
border: 1px solid #EE4B3D;border-radius:3px;outline:0;
1183
padding:10px;
1184
line-height:41px;text-align:center;
1185
color:#fff
1186
}
1187
#blog-pager-newer-link a {
1188
float:left;
1189
display:block;
1190
}
1191
#blog-pager-older-link a {
1192
float:right;
1193
display:block;
1194
}
1195
a.home-link {
1196
display:inline-block;
1197
}
1198
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {
1199
1200
}
1201
1202
  #blog-pager-older-link{color:#fff}
1203
  .post-body img{width:100%;height:auto;padding:0px;margin:0px;text-align:center}
1204
@media screen and (max-width:100000px){#menu{ 
1205
background: #ff5848; 
1206
color: #FFF; 
1207
height: 40px; 
1208
border-bottom: 2px solid #DDD; 
1209
box-shadow: 1px 2px 9px #B1B1B1; 
1210
border-top: 2px solid #DDD; 
1211
} 
1212
#menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none} 
1213
#menu ul{height:45px;width:100%} 
1214
#menu li{float:left;display:inline;position:relative;font:bold Arial;} 
1215
#menu a{display: block; 
1216
line-height: 40px; 
1217
padding: 0 14px; 
1218
text-decoration: none; 
1219
color: #FFF;
1220
}
1221
1222
#menu li a:hover{ 
1223
color: #E4E4E4; 
1224
-webkit-transition: all .1s ease-in-out; 
1225
-moz-transition: all .1s ease-in-out; 
1226
-ms-transition: all .1s ease-in-out; 
1227
-o-transition: all .1s ease-in-out; 
1228
transition: all .1s ease-in-out; 
1229
background: #ff5848; 
1230
} 
1231
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer} 
1232
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center} 
1233
#menu label span{font-size:18px;position:absolute;left:35px} 
1234
#menu ul.menus{ 
1235
height: auto; 
1236
overflow: hidden; 
1237
width: 170px; 
1238
background: #ff5848; 
1239
position: absolute; 
1240
z-index: 99; 
1241
display: none; 
1242
} 
1243
#menu ul.menus li{
1244
display: block; 
1245
width: 100%; 
1246
font:normal 16px Arial; 
1247
text-transform: none; 
1248
text-shadow: none; 
1249
border-bottom: 1px dashed #31AFDB;
1250
} 
1251
#menu ul.menus a{ 
1252
color: #FFF; 
1253
line-height: 35px; 
1254
} 
1255
#menu li:hover ul.menus{display:block}
1256
#menu ul.menus a:hover{ 
1257
background: #5FC6EB; 
1258
color: #FFF; 
1259
-webkit-transition: all .1s ease-in-out; 
1260
-moz-transition: all .1s ease-in-out; 
1261
-ms-transition: all .1s ease-in-out; 
1262
-o-transition: all .1s ease-in-out; 
1263
transition: all .1s ease-in-out; 
1264
}
1265
1266
  #menu{position:relative} 
1267
  #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none} 
1268
  #menu ul.menus{width:100%;position:static;padding-left:20px} 
1269
  #menu li{display:block;float:none;width:auto; font:normal 18px Arial;} 
1270
  #menu input,#menu label{position:absolute;top:0;left:0;display:block} 
1271
  #menu input{z-index:4} 
1272
  #menu input:checked + label{color:white} 
1273
  #menu input:checked ~ ul{display:block}
1274
}
1275
1276
.tr-caption-container img{border:none;padding:0}
1277
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
1278
.PopularPosts ul li img{display:block;margin:0 .5em 0 0;width:120px;height:120px;float:left}
1279
.PopularPosts ul li{background-color:#eee;margin:0!important;padding:10px 00px 10px 10px !important;counter-increment:num;position:relative}
1280
.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{color: #333333; font-family: Oswald, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.0;}
1281
.PopularPosts ul li:before{display:none}
1282
.PopularPosts .item-thumbnail{margin:0}
1283
.PopularPosts .item-snippet{font-size:11px}
1284
  #kolom-bagikan{display:none}
1285
.Image{height:auto:width:200px}
1286
.post-outer-mobile,.post-body{ height:auto;font-family: &#39;Lato&#39;, sans-serif;font-size:18px;color:grey;line-height:1.6em;clear:both}
1287
#main-wrapper{padding-top:20px}
1288
.date-header{display:none}
1289
1290
.post-title-mobile-dalam{ont-family: Oswald, sans-serif; font-size: 18px; font-weight: 500;width:auto;max-width:728px}
1291
.post-mobile-title-luar{font-family: Oswald, sans-serif; font-size: 15px; font-weight: 500;width:auto;margin-top:-15px;line-height:16px;max-width:728px}
1292
1293
.post-body img{max-width:98%;height:auto}
1294
1295
a:link{color:#ff5848;text-decoration:none;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
1296
1297
a:visited{color:#ff5848;text-decoration:none}
1298
a:hover{color:#000;text-decoration:none}
1299
1300
#search-box{position:relative;margin:0 auto;border:1px solid #ccc;padding:5px;border-radius:4px}
1301
#search-form{height:40px;background-color:#fff;overflow:hidden}
1302
#search-text{font-size:14px;color:#ddd;border-width:0;background:transparent;line-height:15px}
1303
#search-box input[type=&quot;text&quot;]{width:88%;padding:10px 0 5px 1em;color:#333;outline:none}
1304
#search-button{position:absolute;top:5px;right:5px;height:40px;width:80px;color:#fff;text-align:center;border-width:0;background-color:#ff5848;cursor:pointer;text-transform:uppercase;border-radius:3px;outline:0}
1305
#search-button:hover{background:#333}
1306
body{background:#fff;margin:0;color:#000;text-align:center; font-family: &#39;Lato&#39;, sans-serif;font-size:18px;}
1307
#bungkusan,#outer-wrapper{width:98%;max-width:600px;margin:0 auto;padding:0 auto;text-align:left}
1308
#main-wrapper{ font-family: &#39;Lato&#39;, sans-serif;font-size:16px;max-width:600px;width:98%;float:left;word-wrap:break-word;overflow:hidden}
1309
#credit-wrapper{font-family: Oswald, sans-serif; font-size: 18px; font-weight: 500;width:100%;max-width:600px;margin:0 auto;padding:0 auto;text-align:center;font:normal normal 13px}
1310
#header-wrapper{text-align:center;margin:5px auto;max-width:300px;overflow:hidden}
1311
  .thumbimgx-mobile{float:left;width:100px;height:105px;clear:both;line-height:11px}
1312
.thumbimgx-mobile img{height:100px;width:120px;padding-right:2px}
1313
1314
</style>
1315
<b:if cond='data:blog.pageType == &quot;item&quot;'>
1316
<style>#main-wrapper{margin-top:-40px}.post-body iframe{width:100%;height:250px;text-align:center}
1317
#footer{max-width:600px;width:100%;clear:both;margin:0 auto;padding:0 auto;line-height:1.6em;text-transform:none;letter-spacing:normal;text-align:center}
1318
.post-body table[border=&quot;1&quot;] th, .post-body table[border=&quot;1&quot;] td, .post-body table[border=&quot;1&quot;] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;
1319
}
1320
.post-body table.tr-caption-container {border:1px solid #e5e5e5;
1321
}
1322
.post-body th{font-weight:bold;
1323
}
1324
.post-body table[border=&quot;1&quot;] caption{border:none;font-style:italic;
1325
}
1326
.post-body table{
1327
}
1328
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;
1329
}
1330
.post-body th{background:#f0f0f0;
1331
}
1332
.post-body table.tr-caption-container td {border:none;padding:8px;
1333
}
1334
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;
1335
}
1336
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px
1337
}
1338
1339
table {
1340
max-width:100%;
1341
  }</style></b:if>
1342
    </b:if>
1343
<b:if cond='data:blog.isMobile'>
1344
  <b:else/>
1345
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
1346
<b:if cond='data:blog.pageType != &quot;item&quot;'>
1347
<style type='text/css'>
1348
.post h3 {font-size:20px;line-height:1.3em;}
1349
1350
.post-body {margin:10px 0 5px;}
1351
.post-footer, .shared {display:none;}
1352
#blog-pager {font-family: Oswald, sans-serif; font-size: 18px; font-weight: 500;padding:10px 0;}
1353
</style>
1354
</b:if>
1355
</b:if>
1356
1357
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
1358
<style type='text/css'>
1359
h2.date-header, .post-footer {display:none;}
1360
.
1361
</style>
1362
</b:if>
1363
<script type='text/javascript'>
1364
//<![CDATA[
1365
1366
function bp_thumbnail_resize(image_url,post_title)
1367
{
1368
var image_width=350;
1369
var image_height=200;
1370
image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
1371
if(post_title!="") return image_tag; else return ""; 
1372
}
1373
//]]>
1374
</script>
1375
<script>
1376
//<![CDATA[
1377
eval(function(t,e,i,r,a,s){if(a=function(t){return(e>t?"":a(t/e))+String.fromCharCode(t%e+161)},!"".replace(/^/,String)){for(;i--;)s[a(i)]=r[i]||a(i);r=[function(t){return s[t]}],a=function(){return"[�-�]+"},i=1}for(;i--;)r[i]&&(t=t.replace(new RegExp(a(i),"g"),r[i]));return t}("� �(�,�){� �=�;� �=�;�='<� �=\"'+�+'\" �=\"'+�+'\" �=\"'+�.�('/�-c/','/w'+�+'-h'+�+'-c/')+'\" �=\"'+�.�(/\"/g,\"\")+'\" �=\"'+�.�(/\"/g,\"\")+'\"/>';�(�!=\"\")� �;� �\"\"}� �(�,�){�(�.�(\"<\")!=-1){� s=�.�(\"<\");�(� i=0;i<s.�;i++){�(s[i].�(\">\")!=-1){s[i]=s[i].�(s[i].�(\">\")+1,s[i].�)}}�=s.�(\"\")}�=(�<�.�-1)?�:�.�-2;�(�.�(�-1)!=' '&&�.�(' ',�)!=-1)�++;�=�.�(0,�-1);� �+'...'}� �(�){� �=�.�(�);� �=\"\";� �=�.�(\"�\");� �=�;�(�==\"�\"){�(�.�>=1){�='<� �=\"�:�; �:� � � �;\"><� �=\"'+�[0].�+'\" �=\"'+�+'�\" �=\"'+�+'�\"/></�>';�=�}}� �=�+'<�>'+�(�.�,�)+'</�>';�.�=�}� ��(�){�(� �=0;�<�['�']['�']['�'];�++){�(� �=0;�<�['�']['�'][�]['�']['�'];�++){�(�['�']['�'][�]['�'][�]['��']=='��'){��}};� �=�['�']['�'][�];� �=�['�'][�]['�'];� �=�['�']['$t'];� �;��{�=�['��$��']['��'];�=�['�']('/�-c/','/�-a/')}��(��){s=�['��']['$t'];a=s['�']('<�');b=s['�']('�=\"',a);c=s['�']('\"',b+5);d=s['��'](b+5,c-b-5);�((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!='')){�=d}�{�='�://2.��.��.�/-��/��-��/��/��/�/�.�'}};�['�']('<� �=\"�\"><� �=\"�\"><�></�><a �=\"'+�+'\" �=\"'+�+'\"><� �=\"�\"><� �=\"�\"><� �=\"'+�+'\"/></�><�><a �=\"'+�+'\" �=\"'+�+'\">'+�+'</a></�></�></a></�></�>')}};� �(�,�,�){$(�).�(�(){$(�).�({'�':$(�).�('�').�('/s'+�+'-c/','/s'+�+'-c/'),'�':�,'�':�})})}$(�(){�('#� �','��','�')});$(�).�(�(){�($(\"#�\").�(\"�\")!=\"�://�.�.�/\"){�.�.�=\"�://�.�.�/\"}});",95,115,"var|div|strx|img|function|chop|if|length|src|indexOf|_0x1bd1x8|_0x1bd1x3|replace|_0x1bd1x4|_0x1bd1x2|href|_0x1bd1x5|post_title|_0x1bd1x7|feed|0px|entry|class|title|to|image_width|image_height|imgtag|document|attr|com|http|summ|link|for|return|_0x1bd1x6|width|height|else|h3|innerHTML|el|banyakbaca|s72|from|www|summary|image_url|image_tag|substring|removeHtmlTag|resizeThumb|strong|this|span|pID|px|img_thumb_width|summary_img|img_thumb_height|charAt|split|join|while|alt|310|bp_thumbnail_resize|300|createSummaryAndThumb|getElementById|style|float|left|yes|thumbnail_mode|getElementsByTagName|summary_noimg|padding|s550|featuredpostbig|rthumbbox|rthumbbig|write|jpg|s400|noimg|imgbox|each|mycredit|window|location|ready|500|PopularPosts1|72|N2s5uttNFfY|AAAAAAAAI34|media|thumbnail|url|try|break|rel|alternate|catch|error|fvGHB8GLUjY|ThG|C3fXoMI|blogspot|bp|content|substr|recentthumbs".split("|"),0,{}));
1378
1379
//]]>
1380
</script>
1381
1382
1383
<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.pageType == &quot;item&quot;'>
1384
      <!--Related Posts with thumbnails Scripts Start-->
1385
      <script type='text/javascript'>
1386
        var defaultnoimage=&quot;&quot;;
1387
        var maxresults=4;
1388
        var splittercolor=&quot;#d4eaf2&quot;;
1389
        var relatedpoststitle=&quot;Related Posts&quot;;
1390
      </script>
1391
      <!--Related Posts with thumbnails Scripts End-->
1392
    </b:if>
1393
    <script type='text/javascript'>
1394
      //<![CDATA[
1395
function related_results_labels_thumbs(e){for(var t=0;t<e.feed.entry.length;t++){var l=e.feed.entry[t];relatedTitles[relatedTitlesNum]=l.title.$t;try{thumburl[relatedTitlesNum]=l.media$thumbnail.url}catch(r){s=l.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),thumburl[relatedTitlesNum]=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"undefined"!=typeof defaultnoimage?defaultnoimage:"http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg"}120<relatedTitles[relatedTitlesNum].length&&(relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,120)+"...");for(var i=0;i<l.link.length;i++)"alternate"==l.link[i].rel&&(relatedUrls[relatedTitlesNum]=l.link[i].href,relatedTitlesNum++)}}function removeRelatedDuplicates_thumbs(){for(var e=[],t=[],l=[],r=0;r<relatedUrls.length;r++)contains_thumbs(e,relatedUrls[r])||(e.length+=1,e[e.length-1]=relatedUrls[r],t.length+=1,l.length+=1,t[t.length-1]=relatedTitles[r],l[l.length-1]=thumburl[r]);relatedTitles=t,relatedUrls=e,thumburl=l}function contains_thumbs(e,t){for(var l=0;l<e.length;l++)if(e[l]==t)return!0;return!1}function printRelatedLabels_thumbs(e){for(var t=0;t<relatedUrls.length;t++)relatedUrls[t]!=e&&relatedTitles[t]||(relatedUrls.splice(t,1),relatedTitles.splice(t,1),thumburl.splice(t,1),t--);for(e=Math.floor((relatedTitles.length-1)*Math.random()),t=0,0<relatedTitles.length&&document.write("<h2>"+relatedpoststitle+"</h2>"),document.write('<div style="clear: both;"/>');t<relatedTitles.length&&20>t&&t<maxresults;)document.write('<a style="text-decoration:none;'),document.write('"'),document.write(' href="'+relatedUrls[e]+'"><img src="'+thumburl[e].replace("/s72-c/","/w225-h120-c/")+'"/><div class="relatedTitles">'+relatedTitles[e]+"</div></a>"),t++,e<relatedTitles.length-1?e++:e=0;document.write("</div>"),relatedUrls.splice(0,relatedUrls.length),thumburl.splice(0,thumburl.length),relatedTitles.splice(0,relatedTitles.length)}var relatedTitles=[],relatedTitlesNum=0,relatedUrls=[],thumburl=[];
1396
//]]>
1397
    </script></b:if>
1398
1399
1400
 </b:if>
1401
1402
<b:if cond='data:blog.isMobile'>
1403
  <b:else/>
1404
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
1405
<b:if cond='data:blog.pageType != &quot;item&quot;'>
1406
<style type='text/css'>
1407
.post h3 {font-size:20px;line-height:1.3em;}
1408
1409
.post-body {margin:10px 0 5px;}
1410
.post-footer, .shared {display:none;}
1411
#blog-pager {font-family: Oswald, sans-serif; font-size: 18px; font-weight: 500;padding:10px 0;}
1412
</style>
1413
</b:if>
1414
</b:if>
1415
1416
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
1417
1418
<style type='text/css'>
1419
h2.date-header, .post-footer {display:none;}
1420
.
1421
</style>
1422
</b:if>
1423
<style>.sticky {
1424
  position:fixed;padding:0px;
1425
  
1426
  z-index: 100;height:65px;
1427
}</style>
1428
<script type='text/javascript'>
1429
$(document).ready(function() {
1430
var stickyWidgetTop = $(&#39;#header&#39;).offset().top; 
1431
var stickyWidget = function(){
1432
var scrollTop = $(window).scrollTop();     
1433
if (scrollTop &gt; stickyWidgetTop) { 
1434
    $(&#39;#header&#39;).addClass(&#39;sticky&#39;);
1435
} else {
1436
    $(&#39;#header&#39;).removeClass(&#39;sticky&#39;); 
1437
}
1438
};
1439
stickyWidget();
1440
$(window).scroll(function() {
1441
    stickyWidget();
1442
});
1443
});
1444
1445
</script>
1446
1447
1448
1449
1450
1451
<b:if cond='data:blog.pageType == &quot;item&quot;'>
1452
1453
<style>
1454
.related-posts {list-style: none;clear:both}
1455
.related-posts h2{color:#fff;font-family:&#39;font-size:1%;font-weight:400;margin-right:50%}.related-posts .relatedTitles{color:#333;font-family:Oswald,sans-serif;font-size:18px;font-weight:500;line-height:1.5;font-weight:400;line-height:24px}.related-posts .relatedTitles:hover{text-decoration:underline}.related-posts img{border:none;display:block;height:180px;width:100%;margin:1px}.related-posts img:hover{-webkit-opacity:.96;-moz-opacity:.96;opacity:.96}.related-posts h3{color:#333;font-family:Oswald,sans-serif;font-size:25px;font-weight:500;line-height:1.5}.related-posts a{border-left:.5px solid transparent;color:color: #1a1a1a;float:left;height:250px;margin:0 0 14px 15px;padding:0;position:relative;text-decoration:none!important;width:330px}.tr-caption-container img,.post .separator:first-child img,.post-body .separator:first-child img,.post-body .separator:first-child a{display:block}
1456
</style>
1457
1458
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
1459
      <!--Related Posts with thumbnails Scripts Start-->
1460
      <script type='text/javascript'>
1461
        var defaultnoimage=&quot;&quot;;
1462
        var maxresults=4;
1463
        var splittercolor=&quot;#d4eaf2&quot;;
1464
        var relatedpoststitle=&quot;Related Posts&quot;;
1465
      </script>
1466
      <!--Related Posts with thumbnails Scripts End-->
1467
    </b:if>
1468
    <script type='text/javascript'>
1469
      //<![CDATA[
1470
      // Related Post Script
1471
        var relatedTitles=[],relatedTitlesNum=0,relatedUrls=[],thumburl=[]; function related_results_labels_thumbs(f){for(var e=0;e<f.feed.entry.length;e++){var g=f.feed.entry[e];relatedTitles[relatedTitlesNum]=g.title.$t;try{thumburl[relatedTitlesNum]=g.media$thumbnail.url}catch(h){s=g.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),thumburl[relatedTitlesNum]=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"undefined"!==typeof defaultnoimage?defaultnoimage:"http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg"}120<relatedTitles[relatedTitlesNum].length&& (relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,120)+"...");for(var k=0;k<g.link.length;k++)"alternate"==g.link[k].rel&&(relatedUrls[relatedTitlesNum]=g.link[k].href,relatedTitlesNum++)}} function removeRelatedDuplicates_thumbs(){for(var f=[],e=[],g=[],h=0;h<relatedUrls.length;h++)contains_thumbs(f,relatedUrls[h])||(f.length+=1,f[f.length-1]=relatedUrls[h],e.length+=1,g.length+=1,e[e.length-1]=relatedTitles[h],g[g.length-1]=thumburl[h]);relatedTitles=e;relatedUrls=f;thumburl=g}function contains_thumbs(f,e){for(var g=0;g<f.length;g++)if(f[g]==e)return!0;return!1} function printRelatedLabels_thumbs(f){for(var e=0;e<relatedUrls.length;e++)relatedUrls[e]!=f&&relatedTitles[e]||(relatedUrls.splice(e,1),relatedTitles.splice(e,1),thumburl.splice(e,1),e--);f=Math.floor((relatedTitles.length-1)*Math.random());e=0;0<relatedTitles.length&&document.write("<h2>"+relatedpoststitle+"</h2>");for(document.write('<div style="clear: both;"/>');e<relatedTitles.length&&20>e&&e<maxresults;)document.write('<a style="text-decoration:none;'),document.write('"'),document.write(' href="'+ relatedUrls[f]+'"><img src="'+thumburl[f].replace("/s72-c/","/w225-h120-c/")+'"/><div class="relatedTitles">'+relatedTitles[f]+"</div></a>"),e++,f<relatedTitles.length-1?f++:f=0;document.write("</div>");relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)};
1472
//]]>
1473
    </script></b:if>
1474
<script type='text/javascript'>
1475
//<![CDATA[
1476
function resizeThumb(el, from, to) {
1477
    $(el).each(function() {
1478
        $(this).attr({
1479
            'src': $(this).attr('src').replace('/s'+from+'-c/', '/s'+to+'-c/'),
1480
            'width': to, 'height': to
1481
        });
1482
    });
1483
}
1484
$(function() {
1485
    resizeThumb('#PopularPosts1 img', '72', '500');
1486
});
1487
var nav = $('#menu > ul > li');
1488
nav.find('li').hide();
1489
nav.click(function () {
1490
    nav.not(this).find('li').hide();
1491
    $(this).find('li').slideToggle();
1492
});
1493
$(function() {  
1494
    $('#menu input').click(function () { 
1495
    $('#menu ul').slideToggle() 
1496
});
1497
    });
1498
//]]>
1499
</script>
1500
1501
 </b:if>
1502
1503
1504
</head>
1505
1506
    <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
1507
<div id='kolomluar'>
1508
    <div id='fb-root'/>
1509
    <script>
1510
      (function(d, s, id) {
1511
        var js, fjs = d.getElementsByTagName(s)[0];
1512
        if (d.getElementById(id)) return;
1513
        js = d.createElement(s); js.id = id;
1514
        js.src = &quot;//connect.facebook.net/id_ID/all.js#xfbml=1&quot;;
1515
        fjs.parentNode.insertBefore(js, fjs);
1516
      }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
1517
    
1518
&lt;div id=&quot;pages-wrapper&quot; class=&quot;<data:blog.pageType/><b:if cond='data:blog.url == data:blog.homepageUrl'> home</b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> item</b:if><b:if cond='data:blog.pageType == &quot;archive&quot;'> index</b:if>&quot;&gt;
1519
<div id='header'>
1520
<div id='bungkusan'>
1521
<header id='header-wrapper'>
1522
<b:section class='header' id='header-kiri' maxwidgets='1'>
1523
  <b:widget id='Header1' locked='false' title='Ciamis Online (Header)' type='Header'>
1524
    <b:includable id='main'>
1525
1526
  <b:if cond='data:useImage'>
1527
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
1528
      <!--
1529
      Show image as background to text. You can't really calculate the width
1530
      reliably in JS because margins are not taken into account by any of
1531
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
1532
      width if the user is using shrink to fit.
1533
      This results in a margin-width's worth of pixels being cropped. If the
1534
      user is not using shrink to fit then we expand the header.
1535
      -->
1536
      <b:if cond='data:mobile'>
1537
        <div id='header-inner'>
1538
          <div class='titlewrapper' style='background: transparent'>
1539
            <h1 class='title' style='background: transparent; border-width: 0px'>
1540
              <b:include name='title'/>
1541
            </h1>
1542
          </div>
1543
          <b:include name='description'/>
1544
        </div>
1545
      <b:else/>
1546
        <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
1547
          <div class='titlewrapper' style='background: transparent'>
1548
            <h1 class='title' style='background: transparent; border-width: 0px'>
1549
              <b:include name='title'/>
1550
            </h1>
1551
          </div>
1552
          <b:include name='description'/>
1553
        </div>
1554
      </b:if>
1555
    <b:else/>
1556
      <!--Show the image only-->
1557
      <div id='header-inner'>
1558
        <a expr:href='data:blog.homepageUrl' style='display: block'>
1559
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
1560
        </a>
1561
        <!--Show the description-->
1562
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
1563
          <b:include name='description'/>
1564
        </b:if>
1565
      </div>
1566
    </b:if>
1567
  <b:else/>
1568
    <!--No header image -->
1569
    <div id='header-inner'>
1570
      <div class='titlewrapper'>
1571
        <h1 class='title'>
1572
          <b:include name='title'/>
1573
        </h1>
1574
      </div>
1575
      <b:include name='description'/>
1576
    </div>
1577
  </b:if>
1578
</b:includable>
1579
    <b:includable id='description'>
1580
  <div class='descriptionwrapper'>
1581
    <p class='description'><span><data:description/></span></p>
1582
  </div>
1583
</b:includable>
1584
    <b:includable id='title'>
1585
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
1586
    <data:title/>
1587
  <b:else/>
1588
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
1589
  </b:if>
1590
</b:includable>
1591
  </b:widget>
1592
</b:section>
1593
<b:if cond='data:blog.isMobile'>
1594
1595
<div id='search-box'>
1596
<form action='/search' id='search-form' method='get' target='_top'>
1597
<input id='search-text' name='q' placeholder='Cari Disini ...' type='text'/>
1598
<button id='search-button' type='submit'><span>Search</span></button></form></div>
1599
1600
  <b:else/> 
1601
1602
1603
1604
  </b:if>
1605
1606
  </header><div id='menu-wrapper'>
1607
    <div id='header-kanan'> <nav id='menu'>
1608
<input type='checkbox'/>
1609
<label>&#8801;<span>Nav</span></label><ul>
1610
<li><a href='http://www.ciamisonline.com/'><i class='fa fa-home'/>home</a></li>
1611
1612
<li><a href='/search/label/Inspirasi'><i class='fa fa-heartbeat'/>Inspirasi</a></li>
1613
<li><a href='/search/label/Popular'><i class='fa fa-star'/>Trending</a></li>
1614
<li><a href='/search/label/Kesehatan'><i class='fa fa-certificate'/>Kesehatan</a></li>
1615
<li><a href='/search/label/Wanita'><i class='fa fa-female'/>Wanita</a></li>       
1616
<li><a href='/search/label/Video'><i class='fa fa-youtube'/>Video</a></li> 
1617
<li><a href='/search/label/Video'><i class='fa fa-warning'/>Berita</a></li>      
1618
1619
1620
</ul>
1621
      </nav></div></div>
1622
      </div></div>
1623
1624
  <div id='outer-wrapper'>
1625
1626
<div id='wrap2'>
1627
1628
1629
    <!-- skip links for text browsers -->
1630
    <span id='skiplinks' style='display:none;'>
1631
      <a href='#main'>skip to main </a> |
1632
      <a href='#sidebar'>skip to sidebar</a>
1633
    </span>
1634
1635
    
1636
<div class='clear'/>
1637
 
1638
1639
<div id='kolom-bagikan'>
1640
<b:section class='kolom-kiri1' id='kolom-kiri'>
1641
  <b:widget id='HTML3' locked='false' title='ads' type='HTML'>
1642
    <b:includable id='main'>
1643
  <!-- only display title if it's non-empty -->
1644
  <b:if cond='data:title != &quot;&quot;'>
1645
    <h2 class='title'><data:title/></h2>
1646
  </b:if>
1647
  <div class='widget-content'>
1648
    <data:content/>
1649
  </div>
1650
1651
  
1652
</b:includable>
1653
  </b:widget>
1654
</b:section><b:if cond='data:blog.isMobile'>
1655
1656
  <b:else/>
1657
<div class='kolom-kanan'>
1658
1659
<div id='search-box'>
1660
<form action='/search' id='search-form' method='get' style='display: inline;'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...' vinput=''/>
1661
<input id='search-button' type='submit'/></form>
1662
</div>
1663
1664
  </div></b:if>
1665
</div>
1666
1667
      <div id='main-wrapper'>
1668
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
1669
<div id='error-page'>
1670
<style type='text/css'>.status-msg-wrap{font-size:100%;margin:none;position:static;width:100%}.status-msg-border{display:none}.status-msg-body{padding:none;position:static;text-align:inherit;width:100%;z-index:auto}.status-msg-wrap a{padding:none;text-decoration:inherit}
1671
1672
#error-page{width:100%;background:#fff url(http://2.bp.blogspot.com/-GJqe_Mw3nCA/Udkt6st2LGI/AAAAAAAACFg/vnAqikDNzmQ/s1600/404.png) no-repeat center 10px;display:block;margin:0 auto;position:relative;min-height:150px;font-family:&quot;Oswald&quot;,Verdana,Sans-Serif;text-shadow:1px 1px #fff,2px 2px #ccc,3px 3px #ddd,4px 4px #eee;font-size:2.2em;font-weight:400;text-align:center;padding:20px}
1673
  #sidebar-wrapper{display:none}#main-wrapper{width:100%}
1674
</style>
1675
    <div id='halaman-tidak-ditemukan'>
1676
<h1 class='errornum'>4<span class='fa fa-frown-o'/>4</h1>
1677
    <br/>
1678
    <h2 class='error'>Page Not Found!</h2>
1679
    <br/>
1680
    <p>Sorry, the page you were looking for in this blog does not exist.</p>
1681
    <p>Go To Homepage by Button Below</p>
1682
    <span class='fa fa-hand-o-down'/>
1683
<div class='clear'/>
1684
  <a class='homepage' expr:href='data:blog.homepageUrl'>Homepage</a>
1685
</div></div>
1686
</b:if>
1687
        <b:section class='main' id='main' showaddelement='no'>
1688
          <b:widget id='HTML863' locked='true' title='Ads Inside Post' type='HTML'>
1689
            <b:includable id='main'>
1690
<div class='adsinside'>
1691
<data:content/>
1692
</div>
1693
</b:includable>
1694
          </b:widget>
1695
          <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
1696
            <b:includable id='main' var='top'>
1697
<b:if cond='data:mobile == &quot;false&quot;'>
1698
<div class='blog-posts hfeed'>
1699
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
1700
<b:include data='top' name='status-message'/>
1701
</b:if>
1702
<data:defaultAdStart/>
1703
<b:loop values='data:posts' var='post'>
1704
<b:if cond='data:post.isDateStart'>
1705
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
1706
&lt;/div&gt;&lt;/div&gt;
1707
</b:if>
1708
</b:if>
1709
<b:if cond='data:post.isDateStart'>
1710
&lt;div class=&quot;date-outer&quot;&gt;
1711
</b:if>
1712
<b:if cond='data:post.isDateStart'>
1713
&lt;div class=&quot;date-posts&quot;&gt;
1714
</b:if>
1715
<div class='post-outer'>
1716
<b:include data='post' name='post'/>
1717
<b:if cond='data:blog.pageType in {&quot;item&quot;, &quot;static_page&quot;}'>
1718
<b:include data='post' name='fn_comment_picker'/>
1719
</b:if>
1720
</div>
1721
</b:loop>
1722
<b:if cond='data:numPosts != 0'>
1723
&lt;/div&gt;&lt;/div&gt;
1724
</b:if>
1725
<data:adEnd/>
1726
</div>
1727
<div class='clear'/>
1728
<b:if cond='data:blog.pageType in {&quot;archive&quot;, &quot;index&quot;}'>
1729
<b:include name='nextprev'/>
1730
</b:if>
1731
<b:include name='feedLinks'/>
1732
<b:if cond='data:top.showStars'>
1733
<script src='//www.google.com/jsapi' type='text/javascript'/>
1734
<script type='text/javascript'>google.load(&quot;annotations&quot;,&quot;1&quot;,{locale:&quot;<data:top.languageCode/>&quot;});function initialize(){google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch()}google.setOnLoadCallback(initialize);</script>
1735
</b:if>
1736
<b:else/>
1737
<b:include name='mobile-main'/>
1738
</b:if>
1739
<b:if cond='data:top.showDummy'>
1740
<data:top.dummyBootstrap/>
1741
</b:if>
1742
</b:includable>
1743
            <b:includable id='CustomshareButtons' var='post'>
1744
<a class='icons-twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' expr:href='&quot;http://twitter.com/share?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=Pathmo_Media&quot;' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/><span>Tweet</span></a>
1745
<a class='icons-facebook' expr:data-text='data:post.title' expr:data-url='data:post.url' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' title='Facebook Share'><i class='fa fa-facebook'/><span>Share</span></a>
1746
<a class='icons-gplus' expr:data-text='data:post.title' expr:data-url='data:post.url' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/><span>Share</span></a>
1747
</b:includable>
1748
            <b:includable id='backlinkDeleteIcon' var='backlink'>
1749
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
1750
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
1751
<img src='//www.blogger.com/img/icon_delete13.gif'/>
1752
</a>
1753
</span>
1754
</b:includable>
1755
            <b:includable id='backlinks' var='post'>
1756
<a name='links'/><h4><data:post.backlinksLabel/></h4>
1757
<b:if cond='data:post.numBacklinks != 0'>
1758
<dl class='comments-block' id='comments-block'>
1759
<b:loop values='data:post.backlinks' var='backlink'>
1760
<div class='collapsed-backlink backlink-control'>
1761
<dt class='comment-title'>
1762
<span class='backlink-toggle-zippy'>&#160;</span>
1763
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
1764
<b:include data='backlink' name='backlinkDeleteIcon'/>
1765
</dt>
1766
<dd class='comment-body collapseable'>
1767
<data:backlink.snippet/>
1768
</dd>
1769
<dd class='comment-footer collapseable'>
1770
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
1771
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
1772
</dd>
1773
</div>
1774
</b:loop>
1775
</dl>
1776
</b:if>
1777
<p class='comment-footer'>
1778
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
1779
</p>
1780
</b:includable>
1781
            <b:includable id='breadcrumb'>
1782
</b:includable>
1783
            <b:includable id='comment-form' var='post'>
1784
<div class='comment-form'>
1785
<a name='comment-form'/>
1786
<b:if cond='data:mobile'>
1787
<h4 id='comment-post-message'>
1788
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a>
1789
</h4>
1790
<p><data:blogCommentMessage/></p>
1791
<data:blogTeamBlogMessage/>
1792
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1793
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
1794
<b:else/>
1795
<p><data:blogCommentMessage/></p>
1796
<data:blogTeamBlogMessage/>
1797
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
1798
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
1799
</b:if>
1800
<data:post.friendConnectJs/>
1801
<data:post.cmtfpIframe/>
1802
<script type='text/javascript'>BLOG_CMT_createIframe(&quot;<data:post.appRpcRelayPath/>&quot;,&quot;<data:post.communityId/>&quot;);</script>
1803
</div>
1804
</b:includable>
1805
            <b:includable id='comment-title-picker' var='post'>
1806
<h4 id='comment-post-message'>
1807
<data:postCommentMsg/>
1808
</h4>
1809
</b:includable>
1810
            <b:includable id='commentDeleteIcon' var='comment'>
1811
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
1812
<b:if cond='data:showCmtPopup'>
1813
<div class='goog-toggle-button'>
1814
<div class='goog-inline-block comment-action-icon'/>
1815
</div>
1816
<b:else/>
1817
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
1818
<img src='//www.blogger.com/img/icon_delete13.gif'/>
1819
</a>
1820
</b:if>
1821
</span>
1822
</b:includable>
1823
            <b:includable id='comment_count_picker' var='post'>
1824
<b:if cond='data:post.forceIframeComments'>
1825
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'/>
1826
<b:else/>
1827
<b:if cond='data:post.commentSource == 1'>
1828
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'/>
1829
<b:else/>
1830
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
1831
<data:post.commentLabelFull/>:
1832
</a>
1833
</b:if>
1834
</b:if>
1835
</b:includable>
1836
            <b:includable id='comment_picker' var='post'>
1837
<div class='default-comment comment-box' id='blogger_cm'>
1838
<b:if cond='data:post.forceIframeComments'>
1839
<b:include data='post' name='iframe_comments'/>
1840
<b:if cond='data:post.showThreadedComments'>
1841
<b:include data='post' name='threaded_comments'/>
1842
<b:else/>
1843
<b:include data='post' name='comments'/>
1844
</b:if>
1845
<b:else/>
1846
<b:if cond='data:post.commentSource == 1'>
1847
<b:include data='post' name='iframe_comments'/>
1848
<b:else/>
1849
<b:if cond='data:post.showThreadedComments'>
1850
<b:include data='post' name='threaded_comments'/>
1851
<b:else/>
1852
<b:include data='post' name='comments'/>
1853
</b:if>
1854
</b:if>
1855
</b:if>
1856
</div>
1857
</b:includable>
1858
            <b:includable id='comments' var='post'>
1859
<b:if cond='data:post.allowComments'>
1860
<b:if cond='data:post.commentPagingRequired'>
1861
<span class='paging-control-container'>
1862
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
1863
&#160;
1864
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
1865
&#160;
1866
<data:post.commentRangeText/>
1867
&#160;
1868
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
1869
&#160;
1870
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
1871
</span>
1872
</b:if>
1873
<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
1874
<b:if cond='data:post.numComments != 0'>
1875
&lt;div class=&#39;boxcommentnya&#39;&gt;
1876
</b:if>
1877
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
1878
<b:loop values='data:post.comments' var='comment'>
1879
<div class='commentarea'>
1880
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
1881
<b:if cond='data:comment.author == data:post.author'>&lt;span title=&#39;Author&#39; class=&#39;author-comment&#39;&gt;&lt;/span&gt;</b:if>
1882
<b:if cond='data:comment.favicon'>
1883
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
1884
</b:if>
1885
<a expr:name='data:comment.anchorName'/>
1886
<b:if cond='data:blog.enabledCommentProfileImages'>
1887
<data:comment.authorAvatarImage/>
1888
</b:if>
1889
<b:if cond='data:comment.authorUrl'>
1890
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
1891
<b:else/>
1892
<data:comment.author/>
1893
</b:if>
1894
<data:commentPostedByMsg/>
1895
<a class='datecm' expr:href='data:comment.url' title='comment permalink'>
1896
<data:comment.timestamp/>
1897
</a>
1898
</dt>
1899
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
1900
<b:if cond='data:comment.isDeleted'>
1901
<span class='deleted-comment'><data:comment.body/></span>
1902
<b:else/>
1903
<p>
1904
<data:comment.body/>
1905
</p>
1906
</b:if>
1907
</dd>
1908
<dd class='comment-footer'>
1909
<b:include data='comment' name='commentDeleteIcon'/>
1910
</dd>
1911
</div>
1912
</b:loop>
1913
</dl>
1914
<b:if cond='data:post.numComments != 0'>
1915
&lt;/div&gt;
1916
</b:if>
1917
</div>
1918
<b:if cond='data:post.commentPagingRequired'>
1919
<span class='paging-control-container'>
1920
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
1921
<data:post.oldestLinkText/>
1922
</a>
1923
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
1924
<data:post.olderLinkText/>
1925
</a>
1926
&#160;
1927
<data:post.commentRangeText/>
1928
&#160;
1929
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
1930
<data:post.newerLinkText/>
1931
</a>
1932
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
1933
<data:post.newestLinkText/>
1934
</a>
1935
</span>
1936
</b:if>
1937
<p class='addnew-comment comment-footer'>
1938
<b:if cond='data:post.embedCommentForm'>
1939
<b:if cond='data:post.allowNewComments'>
1940
<b:include data='post' name='comment-form'/>
1941
<b:else/>
1942
<data:post.noNewCommentsText/>
1943
</b:if>
1944
<b:else/>
1945
<b:if cond='data:post.allowComments'>
1946
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
1947
</b:if>
1948
</b:if>
1949
</p>
1950
</b:if>
1951
<b:if cond='data:showCmtPopup'>
1952
<div id='comment-popup'>
1953
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/>
1954
</div>
1955
</b:if>
1956
<div id='backlinks-container'>
1957
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
1958
<b:if cond='data:post.showBacklinks'>
1959
<b:include data='post' name='backlinks'/>
1960
</b:if>
1961
</div>
1962
</div>
1963
</b:includable>
1964
            <b:includable id='enclosureindex' var='post'>
1965
<div class='post-format'>
1966
<b:loop values='data:post.enclosures' var='enclosure'>
1967
<b:if cond='data:enclosure.mimeType == &quot;music&quot;'>
1968
<i class='fa music'/>
1969
</b:if>
1970
<b:if cond='data:enclosure.mimeType == &quot;video&quot;'>
1971
<i class='fa video'/>
1972
</b:if>
1973
<b:if cond='data:enclosure.mimeType == &quot;gallery&quot;'>
1974
<i class='fa gallery'/>
1975
</b:if>
1976
<b:if cond='data:enclosure.mimeType == &quot;text&quot;'>
1977
<i class='fa text'/>
1978
</b:if>
1979
<b:if cond='data:enclosure.mimeType == &quot;quote&quot;'>
1980
<i class='fa quote'/>
1981
</b:if>
1982
</b:loop>
1983
<i class='fa text'/>
1984
</div>
1985
</b:includable>
1986
            <b:includable id='feedLinks'>
1987
<b:if cond='data:blog.pageType != &quot;item&quot;'>
1988
<b:if cond='data:feedLinks'>
1989
<div class='blog-feeds'>
1990
<b:include data='feedLinks' name='feedLinksBody'/>
1991
</div>
1992
</b:if>
1993
<b:else/>
1994
<div class='post-feeds'>
1995
<b:loop values='data:posts' var='post'>
1996
<b:if cond='data:post.allowComments'>
1997
<b:if cond='data:post.feedLinks'>
1998
<b:include data='post.feedLinks' name='feedLinksBody'/>
1999
</b:if>
2000
</b:if>
2001
</b:loop>
2002
</div>
2003
</b:if>
2004
</b:includable>
2005
            <b:includable id='feedLinksBody' var='links'>
2006
<div class='feed-links'>
2007
<data:feedLinksMsg/>
2008
<b:loop values='data:links' var='f'>
2009
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' rel='nofollow' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
2010
</b:loop>
2011
</div>
2012
</b:includable>
2013
            <b:includable id='fn_comment_picker' var='post'>
2014
<div class='comments'>
2015
<b:if cond='data:post.allowComments'>
2016
<b:include data='post' name='comment-title-picker'/>
2017
<b:include data='post' name='comment_picker'/>
2018
<b:else/>
2019
<data:post.noNewCommentsText/>
2020
</b:if>
2021
</div>
2022
</b:includable>
2023
            <b:includable id='iframe_comments' var='post'>
2024
<b:if cond='data:post.allowIframeComments'>
2025
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
2026
<div id='googlePlusComment'>
2027
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
2028
</div>
2029
<script type='text/javascript'>(function(b){function a(){var h=b(&quot;#googlePlusComment&quot;).width();b(&quot;.cmt_iframe_holder&quot;).css(&quot;width&quot;,h)}b(window).resize(a)})(jQuery);</script>
2030
</b:if>
2031
</b:includable>
2032
            <b:includable id='mobile-index-post' var='post'>
2033
<div class='mobile-date-outer date-outer'>
2034
<b:if cond='data:post.dateHeader'>
2035
<div class='date-header'>
2036
<span><data:post.dateHeader/></span>
2037
</div>
2038
</b:if><div id='mobilemenu'>
2039
<div class='mobile-post-outer'>
2040
<a expr:href='data:post.url'>
2041
<h3 class='mobile-index-title entry-title' itemprop='name'>
2042
</h3>
2043
<div class='mobile-index-arrow'><data:post.title/>&amp;rsaquo;</div>
2044
<div class='mobile-index-contents'>
2045
<b:if cond='data:post.thumbnailUrl'>
2046
<div class='mobile-index-thumbnail'>
2047
<div class='Image'>
2048
<img expr:src='data:post.thumbnailUrl'/>
2049
</div>
2050
</div>
2051
</b:if>
2052
<div class='post-body'>
2053
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
2054
</div>
2055
</div>
2056
<div class='clear'/>
2057
</a>
2058
<div class='mobile-index-comment'>
2059
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
2060
<b:if cond='data:post.allowComments'>
2061
<b:if cond='data:post.numComments != 0'>
2062
<b:include data='post' name='comment_count_picker'/>
2063
</b:if>
2064
</b:if>
2065
</b:if>
2066
</div>
2067
</div>
2068
</div></div>
2069
</b:includable>
2070
            <b:includable id='mobile-main' var='top'>
2071
<div class='blog-posts hfeed'>
2072
<b:include data='top' name='status-message'/>
2073
<data:defaultAdStart/>
2074
<b:loop values='data:posts' var='post'>
2075
<b:if cond='data:post.isDateStart'>
2076
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
2077
&lt;/div&gt;&lt;/div&gt;
2078
</b:if>
2079
</b:if>
2080
<b:if cond='data:post.isDateStart'>
2081
&lt;div class=&quot;date-outer&quot;&gt;
2082
</b:if>
2083
<b:if cond='data:post.isDateStart'>
2084
&lt;div class=&quot;date-posts&quot;&gt;
2085
</b:if>
2086
<div class='post-outer-mobile'>
2087
<b:include data='post' name='mobile-post'/>
2088
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
2089
<b:include data='post' name='fn_comment_picker'/>
2090
</b:if>
2091
<b:if cond='data:blog.pageType == &quot;item&quot;'>
2092
<b:include data='post' name='fn_comment_picker'/>
2093
</b:if>
2094
</div>
2095
</b:loop>
2096
<b:if cond='data:numPosts != 0'>
2097
&lt;/div&gt;&lt;/div&gt;
2098
</b:if>
2099
<data:adEnd/>
2100
</div>
2101
<div class='clear'/>
2102
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
2103
<b:if cond='data:blog.pageType != &quot;item&quot;'>
2104
<b:include name='mobile-nextprev'/>
2105
</b:if>
2106
</b:if>
2107
</b:includable>
2108
            <b:includable id='mobile-nextprev'>
2109
<div class='blog-pager' id='blog-pager-mobile'>
2110
<b:if cond='data:newerPageUrl'>
2111
<div class='mobile-link-button' id='blog-pager-newer-link'>
2112
<a class='blog-pager-newer-link nextprev-button' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
2113
</div>
2114
</b:if>
2115
<b:if cond='data:olderPageUrl'>
2116
<div class='mobile-link-button' id='blog-pager-older-link'>
2117
<a class='blog-pager-older-link nextprev-button' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
2118
</div>
2119
</b:if>
2120
<div class='clear'/><center>
2121
<div class='mobile-url-button' id='blog-pager-home-url'>
2122
<a class='home-url' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
2123
</div></center>
2124
<div class='clear'/>
2125
</div>
2126
              <br/>
2127
<div class='clear'/>
2128
</b:includable>
2129
            <b:includable id='mobile-post' var='post'>
2130
<article class='post-mobile hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
2131
2132
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
2133
<b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
2134
2135
<!-- Mobile Ads here -->
2136
<p> <h2 class='post-title entry-title'>
2137
     <b:if cond='data:post.link'>
2138
       <a expr:href='data:post.link'><data:post.title/></a>
2139
     <b:else/>
2140
        <b:if cond='data:post.url'>
2141
          <a expr:href='data:post.url'><data:post.title/></a>
2142
        <b:else/>
2143
          <data:post.title/>
2144
        </b:if>
2145
     </b:if>
2146
      </h2>
2147
<data:post.body/>
2148
  </p><!-- Mobile Ads here -->
2149
<b:if cond='data:blog.pageType == &quot;item&quot;'>
2150
2151
<b:if cond='data:blog.isMobile'>
2152
2153
2154
<b:if cond='data:blog.pageType == &quot;item&quot;'>
2155
      <!--Related Posts with thumbnails Scripts Start-->
2156
      <script type='text/javascript'>
2157
        var defaultnoimage=&quot;&quot;;
2158
        var maxresults=9;
2159
        var splittercolor=&quot;#d4eaf2&quot;;
2160
        var relatedpoststitle=&quot;Recommend:&quot;;
2161
      </script>
2162
      <!--Related Posts with thumbnails Scripts End-->
2163
    </b:if>
2164
    <script type='text/javascript'>
2165
      //<![CDATA[
2166
2167
      // Related Post Script
2168
        var relatedTitles=[],relatedTitlesNum=0,relatedUrls=[],thumburl=[]; function related_results_labels_thumbs(f){for(var e=0;e<f.feed.entry.length;e++){var g=f.feed.entry[e];relatedTitles[relatedTitlesNum]=g.title.$t;try{thumburl[relatedTitlesNum]=g.media$thumbnail.url}catch(h){s=g.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),thumburl[relatedTitlesNum]=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"undefined"!==typeof defaultnoimage?defaultnoimage:"http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg"}120<relatedTitles[relatedTitlesNum].length&& (relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,120)+"...");for(var k=0;k<g.link.length;k++)"alternate"==g.link[k].rel&&(relatedUrls[relatedTitlesNum]=g.link[k].href,relatedTitlesNum++)}} function removeRelatedDuplicates_thumbs(){for(var f=[],e=[],g=[],h=0;h<relatedUrls.length;h++)contains_thumbs(f,relatedUrls[h])||(f.length+=1,f[f.length-1]=relatedUrls[h],e.length+=1,g.length+=1,e[e.length-1]=relatedTitles[h],g[g.length-1]=thumburl[h]);relatedTitles=e;relatedUrls=f;thumburl=g}function contains_thumbs(f,e){for(var g=0;g<f.length;g++)if(f[g]==e)return!0;return!1} function printRelatedLabels_thumbs(f){for(var e=0;e<relatedUrls.length;e++)relatedUrls[e]!=f&&relatedTitles[e]||(relatedUrls.splice(e,1),relatedTitles.splice(e,1),thumburl.splice(e,1),e--);f=Math.floor((relatedTitles.length-1)*Math.random());e=0;0<relatedTitles.length&&document.write("<h4>"+relatedpoststitle+"</h4>");for(document.write('<div style="clear: both;"/>');e<relatedTitles.length&&20>e&&e<maxresults;)document.write('<a style="text-decoration:none;'),document.write('"'),document.write(' href="'+ relatedUrls[f]+'"><img src="'+thumburl[f].replace("/s72-c/","/w225-h120-c/")+'"/><div class="relatedTitles">'+relatedTitles[f]+"</div></a>"),e++,f<relatedTitles.length-1?f++:f=0;document.write("</div>");relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)};
2169
//]]>
2170
    </script>
2171
<style>
2172
.related-posts {list-style: none;clear:both;border-top:1px solid #f1f1f1;}
2173
2174
.related-posts h4 {font-family: &#39;Lato&#39;, sans-serif;font-size:27px;text-align:center}
2175
2176
.related-posts .relatedTitles { font-family:Oswald,sans-serif;
2177
font-size:15px;padding:3px;color: #1a1a1a;display: block;}
2178
2179
.related-posts .relatedTitles:hover {text-decoration: underline;}
2180
2181
.related-posts img {border: none;display: block;height:70px;width:80px;margin-right:5px;float:left;margin-bottom:3px}
2182
 
2183
.related-posts img:hover {-webkit-opacity: 0.96;-moz-opacity: 0.96;opacity: 0.96;}
2184
.related-posts h3 {font-size: 18px;float:right}
2185
2186
.related-posts a {border-left: 0.5px solid transparent;color:color: #1a1a1a;float: left;height:auto;margin-bottom:9px 15px;padding: 0;position: relative;text-decoration: none !important;width:100%;clear:both;border-bottom:1px solid #f1f1f1;)no-repeat right;}
2187
2188
.related-posts a:hover {background:#f1f1f1}
2189
            </style>
2190
2191
<div class='related-posts'>
2192
<fb:comments expr:href='data:post.url' num_posts='3' width='100%'/> 
2193
                      <b:loop values='data:post.labels' var='label'>
2194
<b:if cond='data:label.isLast != &quot;true&quot;'>
2195
</b:if>
2196
<b:if cond='data:blog.pageType == &quot;item&quot;'>
2197
2198
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:if></b:loop>
2199
<script type='text/javascript'>
2200
var currentposturl=&quot;<data:post.url/>&quot;;
2201
var maxresults=6; 
2202
removeRelatedDuplicates_thumbs();
2203
printRelatedLabels_thumbs();
2204
</script>
2205
                    </div></b:if>
2206
2207
</b:if>
2208
<b:else/>
2209
<div class='post-summary-mobile' expr:id='&quot;summaryContainer-&quot; + data:post.id' style='clear:both;'>
2210
2211
<b:if cond='data:post.thumbnailUrl'>
2212
<a class='thumbimgx-mobile' expr:href='data:post.url' expr:title='data:post.title'>
2213
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
2214
</a>
2215
<h3 class='post-mobile-title-luar' itemprop='name headline'>
2216
<b:if cond='data:post.link'>
2217
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url'><data:post.title/></a>
2218
<b:else/>
2219
<b:if cond='data:post.url'>
2220
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url'><data:post.title/></a>
2221
<b:else/>
2222
<data:post.title/>
2223
</b:if>
2224
</b:if>
2225
</h3>
2226
<b:else/>
2227
<b:if cond='data:post.firstImageUrl'>
2228
<a class='thumbimgx-mobile' expr:href='data:post.url' expr:title='data:post.title'>
2229
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
2230
</a>
2231
<b:else/>
2232
<a class='thumbimgx-mobile' expr:href='data:post.url' expr:title='data:post.title'>
2233
<img class='post-thumbnail' expr:alt='data:post.title' itemprop='image' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/>
2234
</a>
2235
</b:if>
2236
</b:if>
2237
2238
</div><div class='clear'/><div class='clear'/><div class='clear'/>
2239
</b:if>
2240
<div class='clear'/>
2241
</div>
2242
</article>
2243
<b:if cond='data:blog.pageType == &quot;item&quot;'>
2244
<b:include name='mobile-nextprev'/>
2245
</b:if>
2246
<b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;} and data:post.includeAd'>
2247
<b:if cond='data:post.isFirstPost'>
2248
<data:defaultAdEnd/>
2249
<b:else/>
2250
<data:adEnd/>
2251
</b:if>
2252
<div class='inline-ad'>
2253
<data:adCode/>
2254
</div>
2255
<data:adStart/>
2256
</b:if>
2257
</b:includable>
2258
            <b:includable id='nextprev'>
2259
<div class='blog-pager' id='blog-pager'>
2260
          <b:if cond='data:newerPageUrl'>
2261
            <span id='blog-pager-newer-link'>
2262
            <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
2263
            </span>
2264
          </b:if>
2265
          <b:if cond='data:olderPageUrl'>
2266
            <span id='blog-pager-older-link'>
2267
            <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
2268
            </span>
2269
          </b:if>
2270
 <a class='home-link' expr:href='data:blog.homepageUrl' style='text-align:center;margin-left:0%'><data:homeMsg/></a> 
2271
          <b:if cond='data:mobileLinkUrl'>
2272
            <div class='blog-mobile-link'>
2273
              <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
2274
            </div>
2275
          </b:if>
2276
        </div>
2277
<div class='clear'/>
2278
</b:includable>
2279
            <b:includable id='post' var='post'>
2280
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
2281
<b:if cond='data:post.firstImageUrl'>
2282
<meta expr:content='data:post.firstImageUrl' itemprop='image'/>
2283
</b:if>
2284
<b:if cond='data:blog.pageType != &quot;item&quot;'>
2285
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
2286
<b:if cond='data:post.thumbnailUrl'>
2287
<a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><script type='text/javascript'>document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));</script></div>
2288
</a>
2289
<b:else/>
2290
<b:if cond='data:post.firstImageUrl'>
2291
<a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
2292
</a>
2293
<b:else/>
2294
<a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h150-c/no-image.png'/></div>
2295
</a>
2296
</b:if>
2297
</b:if>
2298
</b:if>
2299
</b:if>
2300
<div class='post-info'>
2301
</div>
2302
<a expr:name='data:post.id'/>
2303
<div class='post-header'>
2304
<div class='post-header-line-1'/>
2305
</div>
2306
2307
<b:if cond='data:post.title'>
2308
<b:if cond='data:blog.pageType != &quot;item&quot;'>
2309
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
2310
<h1 class='post-title entry-title' itemprop='name'>
2311
<b:if cond='data:post.link'>
2312
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
2313
<b:else/>
2314
<b:if cond='data:post.url'>
2315
<b:if cond='data:blog.url != data:post.url'>
2316
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
2317
<b:else/>
2318
<data:post.title/>
2319
</b:if>
2320
<b:else/>
2321
<data:post.title/>
2322
</b:if>
2323
</b:if>
2324
</h1>
2325
<b:else/>
2326
<h2 class='post-title entry-title' itemprop='name'>
2327
<b:if cond='data:post.link'>
2328
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
2329
<b:else/>
2330
<b:if cond='data:post.url'>
2331
<b:if cond='data:blog.url != data:post.url'>
2332
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
2333
<b:else/>
2334
<data:post.title/>
2335
</b:if>
2336
<b:else/>
2337
<data:post.title/>
2338
</b:if>
2339
</b:if>
2340
</h2>
2341
</b:if>
2342
<b:else/>
2343
<h1 class='post-title entry-title' itemprop='name'>
2344
<b:if cond='data:post.link'>
2345
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
2346
<b:else/>
2347
<b:if cond='data:post.url'>
2348
<b:if cond='data:blog.url != data:post.url'>
2349
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
2350
<b:else/>
2351
<data:post.title/>
2352
</b:if>
2353
<b:else/>
2354
<data:post.title/>
2355
</b:if>
2356
</b:if>
2357
</h1>
2358
</b:if>
2359
  </b:if><style>.social-likes,.social-likes__widget{display:inline-block;vertical-align:middle!important;word-spacing:0!important;text-indent:0!important;list-style:none!important;padding:0}
2360
.social-likes{opacity:0;min-height:36px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);margin:1.5em -.5em}
2361
.social-likes_visible{opacity:1;transition:opacity .1s ease-in}
2362
.social-likes&gt;*{display:inline-block;visibility:hidden}
2363
.social-likes_vertical&gt;*{display:block}
2364
.social-likes_visible&gt;*{visibility:inherit}
2365
.social-likes__widget{display:inline-block;position:relative;white-space:nowrap;line-height:1.5;border:0;text-align:left;cursor:pointer;border-radius:4px;margin:.2em;padding:5px;font-size:20px}
2366
.social-likes.sostop{display:block;width:105%}
2367
.sostop .social-likes__widget{min-width:45.5%;text-align:center;font-size:20px}
2368
.social-likes__widget:after,.social-likes__widget:before{display:none!important}
2369
.social-likes__button,.social-likes__counter,.social-likes__icon{text-decoration:none;text-rendering:optimizeLegibility}
2370
.social-likes__button,.social-likes__counter{display:inline-block;outline:0;box-sizing:border-box;font-family:&quot;Helvetica Neue&quot;,Arial,sans-serif;vertical-align:baseline;color:#fff;margin:0}
2371
.social-likes__button{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:.04em .7em .18em 1.65em}
2372
.social-likes__button:before{content:&quot;&quot;;display:inline-block}
2373
.social-likes__icon{position:absolute;left:0;display:block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;font-size-adjust:none;font-stretch:normal;font-feature-settings:normal;font-language-override:normal;font-kerning:auto;font-synthesis:weight style;font-variant:normal;font-size:inherit;text-rendering:auto;padding:10px}
2374
.social-likes__counter{display:none;position:relative;padding-right:.5em;font-weight:400;font-size:.85em}
2375
.social-likes__counter_single,.social-likes_ready .social-likes__counter{display:inline-block}
2376
.social-likes_ready .social-likes__counter_empty{display:none}
2377
.social-likes_vertical .social-likes__widget{float:left;clear:left;display:block;min-width:13em}
2378
.social-likes_notext .social-likes__button{padding-left:0;width:1em}
2379
.social-likes_single-w{position:relative;display:inline-block}
2380
.social-likes_single{position:absolute;text-align:left;z-index:99999;visibility:hidden;opacity:0;transition:visibility 0 .11s,opacity .1s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-top:-1.2em;background:#fff;border:1px solid #ddd;padding:.em}
2381
.social-likes_single.social-likes_opened{visibility:visible;opacity:1;transition:opacity .15s ease-out}
2382
.social-likes__button_single{position:relative}
2383
.social-likes__icon_facebook:before{content:&quot;\f09a&quot;}
2384
.social-likes__icon_github:before{content:&quot;\f09b&quot;}
2385
.social-likes__icon_mailru:before{content:&quot;\f1fa&quot;}
2386
.social-likes__icon_odnoklassniki:before{content:&quot;\f263&quot;}
2387
.social-likes__icon_pinterest:before{content:&quot;\f231&quot;}
2388
.social-likes__icon_plusone:before{content:&quot;\f1a0&quot;}
2389
.social-likes__icon_single:before{content:&quot;\f107&quot;}
2390
.social-likes__icon_twitter:before{content:&quot;\f099&quot;}
2391
.social-likes__icon_vkontakte:before{content:&quot;\f189&quot;}
2392
.social-likes,.social-likes_single-w{line-height:1.5}
2393
.social-likes,.social-likes__widget_single{font-size:14px}
2394
.social-likes_vertical .social-likes__counter{position:absolute;top:0;right:0;margin-top:.3em}
2395
.social-likes_light .social-likes__widget{min-width:0;background:0 0}
2396
.social-likes_light .social-likes__button,.social-likes_single-light+.social-likes__button{min-width:0;padding-left:1.35em;font-weight:400;text-decoration:underline;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
2397
.social-likes_light .social-likes__icon{margin-top:-.1em;margin-left:-.25em}
2398
.social-likes_light .social-likes__counter,.social-likes_single-light+.social-likes__button+.social-likes__counter{position:static;margin-top:0;color:#999}
2399
.social-likes_notext .social-likes__icon{margin-left:.1em}
2400
.social-likes_notext.social-likes_light,.social-likes_notext.social-likes_light .social-likes__icon,.social-likes_notext.social-likes_light .social-likes__widget{left:0;margin:0}
2401
.social-likes_notext.social-likes_light .social-likes__button{width:1.4em;padding-left:0}
2402
.social-likes__widget_single{height:1.7em;line-height:1.5;background:#007aff;margin:0;padding:.1em 0}
2403
.social-likes_single-light+.social-likes__widget_single{color:#007aff}
2404
.social-likes__icon_single{left:.4em;font-size:1.1em}
2405
.social-likes__widget_facebook{background:#3d5b95}
2406
.social-likes_light .social-likes__button_facebook{color:#3d5b95}
2407
.social-likes__icon_facebook{left:-5px;top:-5px;font-size:1.1em}
2408
.social-likes_notext .social-likes__icon_facebook{margin-left:.15em}
2409
.social-likes__widget_twitter{background:#24aadd}
2410
.social-likes_light .social-likes__button_twitter{color:#24aadd}
2411
.social-likes__icon_twitter{top:-5px;left:-5px}
2412
.social-likes__widget_plusone{background:#d23e30}
2413
.social-likes_light .social-likes__button_plusone{color:#d23e30}
2414
.social-likes_notext .social-likes__icon_plusone{margin-left:0}
2415
.social-likes_light .social-likes__icon_plusone{margin-top:0}
2416
.social-likes__widget_mailru{background:#00468c}
2417
.social-likes_light .social-likes__button_mailru{color:#00468c}
2418
.social-likes_notext .social-likes__icon_mailru{margin-left:.075em}
2419
.social-likes__widget_vkontakte{background:#587e9f}
2420
.social-likes_light .social-likes__button_vkontakte{color:#587e9f}
2421
.social-likes__widget_odnoklassniki{background:#f59310}
2422
.social-likes_light .social-likes__button_odnoklassniki{color:#f59310}
2423
.social-likes__icon_odnoklassniki{left:.4em}
2424
.social-likes_light .social-likes__icon_odnoklassniki{left:.25em}
2425
.social-likes_notext.social-likes_light .social-likes__button_odnoklassniki{width:1em}
2426
.social-likes__widget_pinterest{background:#cb132d}
2427
.social-likes_light .social-likes__button_pinterest{color:#cb132d}
2428
.social-likes_light .social-likes__icon_twitter,.social-likes_light .social-likes__icon_pinterest{left:.1em}
2429
.social-likes__icon_mailru,.social-likes__icon_plusone,.social-likes__icon_vkontakte,.social-likes_light .social-likes__icon_mailru,.social-likes__icon_pinterest{left:-5px;top:-5px}
2430
</style>
2431
<b:if cond='data:blog.pageType != &quot;item&quot;'>
2432
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
2433
<div class='social-likes sostop' expr:data-title='data:post.title' expr:data-url='data:post.url'>
2434
2435
	<div class='facebook' title='Bagikan di Facebook'>Bagikan di Facebook</div>
2436
	<div class='twitter ' data-via='Pathmo_Media' title='Bagikan di  Twitter'>Bagikan di Twitter</div>
2437
</div><p>
2438
  <data:post.body/></p>
2439
<div style='clear: both;'/>
2440
2441
<b:else/>
2442
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
2443
<div>
2444
2445
</div>
2446
<div style='clear: both;'/>
2447
</div>
2448
</b:if>
2449
<b:else/>
2450
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
2451
2452
2453
2454
2455
2456
2457
<div class='social-likes sostop' expr:data-title='data:post.title' expr:data-url='data:post.url'>
2458
2459
	<div class='facebook' title='Bagikan di Facebook'>Bagikan di Facebook</div>
2460
	<div class='twitter ' data-via='Pathmo_Media' title='Bagikan di  Twitter'>Bagikan di Twitter</div>
2461
</div>
2462
<span class='author-info' style='diplay:none'>
2463
2464
<span class='vcard' style='diplay:none'>
2465
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2466
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
2467
<a class='g-profile' href='http://www.bagikan.me' rel='author' title='author profile'>
2468
<span itemprop='name'><data:post.author/></span>
2469
</a>
2470
</span> 
2471
</span>
2472
</span>
2473
2474
<span class='author-info' style='display:none'>
2475
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person' style='display:none'>
2476
<span itemprop='name'><data:post.author/></span>
2477
</span>
2478
</span>
2479
2480
<div class='itemtags'>Tags:
2481
<b:loop values='data:post.labels' var='label'>
2482
<a expr:href='data:label.url' rel='tag'>#<data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if>
2483
</b:loop></div><b:if cond='data:top.showAuthor'>
2484
2485
  </b:if>
2486
<data:post.body/>
2487
2488
</div>
2489
</b:if>
2490
</article>
2491
<b:if cond='data:blog.pageType == &quot;item&quot;'>
2492
2493
2494
  
2495
<div class='social-likes sostop' expr:data-title='data:post.title' expr:data-url='data:post.url'>
2496
2497
	<div class='facebook' title='Bagikan di Facebook'>Bagikan di Facebook</div>
2498
	<div class='twitter ' data-via='Pathmo_Media' title='Bagikan di  Twitter'>Bagikan di Twitter</div>
2499
</div>
2500
2501
<!-- Iklan Paling Bawah -->
2502
2503
<fb:comments expr:href='data:post.url' num_posts='3' width='100%'/> 
2504
<div class='related-posts'><h4 style='background-color: whitesmoke; box-sizing: border-box; color: #333333; font-family: Oswald, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.5; margin: 10px 0px; position: relative;text-align:center'>
2505
<i class='fa fa-bell-o'/> Lagi Hangat dari <data:blog.title/></h4>
2506
                       <b:loop values='data:post.labels' var='label'>
2507
<b:if cond='data:label.isLast != &quot;true&quot;'>
2508
</b:if>
2509
<b:if cond='data:blog.pageType == &quot;item&quot;'>
2510
2511
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:if></b:loop>
2512
<script type='text/javascript'>var relatedpoststitle=&quot;<div class='terkait'/>&quot;;
2513
var currentposturl=&quot;<data:post.url/>&quot;;
2514
var maxresults=6;
2515
  
2516
removeRelatedDuplicates_thumbs();
2517
printRelatedLabels_thumbs();
2518
</script>
2519
                    </div>
2520
</b:if>
2521
</b:includable>
2522
            <b:includable id='postQuickEdit' var='post'>
2523
<b:if cond='data:post.editUrl'>
2524
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
2525
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg' rel='nofollow'><i class='fa fa-pencil-square'/></a>
2526
</span>
2527
</b:if>
2528
</b:includable>
2529
            <b:includable id='postitle' var='post'>
2530
<b:if cond='data:post.title'>
2531
2532
</b:if>
2533
</b:includable>
2534
            <b:includable id='postitleitem' var='post'>
2535
<b:if cond='data:post.title'>
2536
<h1 class='post-title entry-title h1' itemprop='name headline'>
2537
<b:if cond='data:post.link'>
2538
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
2539
<b:else/>
2540
<b:if cond='data:post.url'>
2541
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
2542
<b:else/>
2543
<data:post.title/>
2544
</b:if>
2545
</b:if>
2546
</h1>
2547
</b:if>
2548
</b:includable>
2549
            <b:includable id='postnextprev'>
2550
<div class='blog-pager blog-pager-item' id='blog-pager-item'>
2551
<div class='pager-isi'>
2552
<b:if cond='data:newerPageUrl'>
2553
<a class='blog-pager-newer-link-item' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><h6>Next</h6><h5><data:newerPageTitle/></h5></a>
2554
<b:else/>
2555
<span class='linkgrey left'><h6>Next</h6><h5>This is the most recent post.</h5></span>
2556
</b:if>
2557
<b:if cond='data:olderPageUrl'>
2558
<a class='blog-pager-older-link-item' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><h6>Previous</h6><h5><data:olderPageTitle/></h5></a>
2559
<b:else/>
2560
<span class='linkgrey right'><h6>Previous</h6><h5>This is the last post.</h5></span>
2561
</b:if>
2562
</div>
2563
</div>
2564
</b:includable>
2565
            <b:includable id='shareButtons' var='post'>
2566
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=pinterest&quot;' 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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
2567
</b:includable>
2568
            <b:includable id='status-message'>
2569
2570
  <b:if cond='data:navMessage'>
2571
2572
    <div class='breadcrumbs'>Kategory #<data:blog.pageName/> </div>
2573
    <b:if cond='data:blog.url == &quot;http://www.batakmulana.com/search/label/Video&quot;'><div class='fb-video' data-allowfullscreen='true' data-href='https://www.facebook.com/812357248817502/videos/962002437186315/'/>
2574
</b:if>
2575
    <div style='border: 0px solid #fff; background-color:#fff; margin:10px 10px 10px 10px; padding: 0px; width: 100%px;'>
2576
<div style='font-size: 16px; text-align: left;padding:0px'>
2577
<span style='font-family: Oswald;'><b><span style='color: #000;'>Ikuti Kategory : <data:blog.pageName/> <div class='fb-like' data-action='like' data-href='https://www.facebook.com/Batak-Musik-Dan-Video-812357248817502/' data-layout='button' data-share='false' data-show-faces='false'/>
2578
  </span></b></span></div></div>
2579
  <div style='clear: both;'/>
2580
  </b:if>
2581
</b:includable>
2582
            <b:includable id='threaded-comment-form' var='post'>
2583
<div class='comment-form'>
2584
<a name='comment-form'/>
2585
<b:if cond='data:mobile'>
2586
<div id='form-wrapper'>
2587
<p><data:blogCommentMessage/></p>
2588
<data:blogTeamBlogMessage/>
2589
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2590
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
2591
</div>
2592
<b:else/>
2593
<div id='form-wrapper'>
2594
<p><data:blogCommentMessage/></p>
2595
<data:blogTeamBlogMessage/>
2596
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
2597
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
2598
</div>
2599
</b:if>
2600
<data:post.friendConnectJs/>
2601
<data:post.cmtfpIframe/>
2602
<script type='text/javascript'>BLOG_CMT_createIframe(&quot;<data:post.appRpcRelayPath/>&quot;,&quot;<data:post.communityId/>&quot;);</script>
2603
</div>
2604
</b:includable>
2605
            <b:includable id='threaded_comment_js' var='post'>
2606
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
2607
<script type='text/javascript'>(function(){var m=<data:post.commentJso/>;var k=<data:post.commentMsgs/>;var u=<data:post.commentConfig/>;var e=null;if(m&amp;&amp;m.length&gt;0){e=parseInt(m[m.length-1].timestamp)+1}var r=function(x){if(x.gd$extendedProperty){for(var w in x.gd$extendedProperty){if(x.gd$extendedProperty[w].name==&quot;blogger.contentRemoved&quot;){return&#39;&lt;span class=&quot;deleted-comment&quot;&gt;&#39;+x.content.$t+&quot;&lt;/span&gt;&quot;}}}return x.content.$t};var o=function(z){e=null;var D=[];if(z&amp;&amp;z.feed&amp;&amp;z.feed.entry){for(var A=0,E;E=z.feed.entry[A];A++){var C={};var w=/blog-(\d+).post-(\d+)/.exec(E.id.$t);C.id=w?w[2]:null;C.body=r(E);C.timestamp=Date.parse(E.published.$t)+&quot;&quot;;if(E.author&amp;&amp;E.author.constructor===Array){var x=E.author[0];if(x){C.author={name:(x.name?x.name.$t:undefined),profileUrl:(x.uri?x.uri.$t:undefined),avatarUrl:(x.gd$image?x.gd$image.src:undefined)}}}if(E.link){if(E.link[2]){C.link=C.permalink=E.link[2].href}if(E.link[3]){var B=/.*comments\/default\/(\d+)\?.*/.exec(E.link[3].href);if(B&amp;&amp;B[1]){C.parentId=B[1]}}}C.deleteclass=&quot;item-control blog-admin&quot;;if(E.gd$extendedProperty){for(var y in E.gd$extendedProperty){if(E.gd$extendedProperty[y].name==&quot;blogger.itemClass&quot;){C.deleteclass+=&quot; &quot;+E.gd$extendedProperty[y].value}else{if(E.gd$extendedProperty[y].name==&quot;blogger.displayTime&quot;){C.displayTime=E.gd$extendedProperty[y].value}}}}D.push(C)}}return D};var i=function(y){if(c()){var x=u.feed+&quot;?alt=json&amp;v=2&amp;orderby=published&amp;reverse=false&amp;max-results=50&quot;;if(e){x+=&quot;&amp;published-min=&quot;+new Date(e).toISOString()}window.bloggercomments=function(A){var z=o(A);e=z.length&lt;50?null:parseInt(z[z.length-1].timestamp)+1;y(z);window.bloggercomments=null};x+=&quot;&amp;callback=bloggercomments&quot;;var w=document.createElement(&quot;script&quot;);w.type=&quot;text/javascript&quot;;w.src=x;document.getElementsByTagName(&quot;head&quot;)[0].appendChild(w)}};var c=function(){return !!e};var a=function(w,y){if(&quot;iswriter&quot;==w){var x=!!y.author&amp;&amp;y.author.name==u.authorName&amp;&amp;y.author.profileUrl==u.authorUrl;return x?&quot;true&quot;:&quot;&quot;}else{if(&quot;deletelink&quot;==w){return u.baseUri+&quot;/delete-comment.g?blogID=&quot;+u.blogId+&quot;&amp;postID=&quot;+y.id}else{if(&quot;deleteclass&quot;==w){return y.deleteclass}}}return&quot;&quot;};var h=null;var q=null;var l=undefined;var d=function(w,x){if(h==null){h=document.getElementById(&quot;comment-editor&quot;);if(h!=null){h.height=&quot;250px&quot;;h.style.display=&quot;block&quot;;q=h.src.split(&quot;#&quot;)}}if(h&amp;&amp;(w!==l)){document.getElementById(x).insertBefore(document.getElementById(&quot;form-wrapper&quot;),null);h.src=q[0]+(w?&quot;&amp;parentID=&quot;+w:&quot;&quot;)+&quot;#&quot;+q[1];l=w}};var b=(window.location.hash||&quot;#&quot;).substring(1);var p,j;if(/^comment-form_/.test(b)){p=b.substring(&quot;comment-form_&quot;.length)}else{if(/^c[0-9]+$/.test(b)){j=b.substring(1)}}var g={maxDepth:u.maxThreadDepth};var s={id:u.postId,data:m,loadNext:i,hasMore:c,getMeta:a,onReply:d,rendered:true,initComment:j,initReplyThread:p,config:g,messages:k};var v=function(){if(window.goog&amp;&amp;window.goog.comments){var w=document.getElementById(&quot;comment-holder&quot;);window.goog.comments.render(w,s)}};if(window.goog&amp;&amp;window.goog.comments){v()}else{window.goog=window.goog||{};window.goog.comments=window.goog.comments||{};window.goog.comments.loadQueue=window.goog.comments.loadQueue||[];window.goog.comments.loadQueue.push(v)}})();</script>
2608
</b:includable>
2609
            <b:includable id='threaded_comments' var='post'>
2610
<div class='comments-content'>
2611
<b:if cond='data:post.embedCommentForm'>
2612
<b:include data='post' name='threaded_comment_js'/>
2613
</b:if>
2614
<div id='comment-holder'>
2615
<data:post.commentHtml/>
2616
</div>
2617
</div>
2618
<p class='comment-footer'>
2619
<b:if cond='data:post.allowNewComments'>
2620
<b:include data='post' name='threaded-comment-form'/>
2621
<b:else/>
2622
<data:post.noNewCommentsText/>
2623
</b:if>
2624
</p>
2625
<b:if cond='data:showCmtPopup'>
2626
<div id='comment-popup'>
2627
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/>
2628
</div>
2629
</b:if>
2630
<div id='backlinks-container'>
2631
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
2632
<b:if cond='data:post.showBacklinks'>
2633
<b:include data='post' name='backlinks'/>
2634
</b:if>
2635
</div>
2636
</div>
2637
</b:includable>
2638
            <b:includable id='topmetaindex' var='post'>
2639
<div class='topmetainfo'>
2640
<b:if cond='data:top.showAuthor'>
2641
<span class='isiinfo authorinfo vcard author'>
2642
<i class='fa fa-user'/>
2643
<span class='infometa'>
2644
<b:if cond='data:post.authorProfileUrl'>
2645
<span class='fn'>
2646
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
2647
<data:post.author/>
2648
</a>
2649
</span>
2650
<b:else/>
2651
<span class='fn'><data:post.author/></span>
2652
</b:if>
2653
</span>
2654
</span>
2655
</b:if>
2656
<b:if cond='data:top.showTimestamp'>
2657
<span class='isiinfo dateinfo'>
2658
<i class='fa fa-calendar'/>
2659
<span class='infometa'>
2660
<b:if cond='data:post.url'>
2661
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
2662
</b:if>
2663
</span>
2664
</span>
2665
</b:if>
2666
<b:if cond='data:post.allowComments'>
2667
<b:if cond='data:post.numComments != 0'>
2668
<span class='isiinfo itemcomment'><i class='fa fa-comments'/> <a class='commentnum' expr:href='data:post.url + &quot;#comments-area&quot;' expr:onclick='data:post.addCommentOnclick' expr:title='data:post.numComments'><data:post.numComments/></a></span>
2669
</b:if>
2670
</b:if>
2671
</div>
2672
</b:includable>
2673
            <b:includable id='topmetaitem' var='post'>
2674
<div class='item-topmeta'>
2675
<b:if cond='data:top.showAuthor'>
2676
<b:if cond='data:post.authorProfileUrl'>
2677
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2678
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
2679
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
2680
<span itemprop='name'><data:post.author/></span>
2681
</a>
2682
</span>
2683
<b:else/>
2684
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
2685
<span itemprop='name'><data:post.author/></span>
2686
</span>
2687
</b:if>
2688
</b:if>
2689
<b:if cond='data:top.showTimestamp'>
2690
<span class='item-info dateinfo'>
2691
<i class='fa fa-calendar'/>
2692
<b:if cond='data:post.url'>
2693
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
2694
</b:if>
2695
</span>
2696
</b:if>
2697
<b:if cond='data:post.allowComments'>
2698
<b:if cond='data:post.numComments != 0'>
2699
<span class='comment-item'>
2700
<i class='fa fa-comments'/>
2701
<a class='itemcommentnum' expr:href='data:post.url + &quot;#comments-area&quot;' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:post.numComments/> <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
2702
</span>
2703
</b:if>
2704
</b:if>
2705
<div class='more-options'>
2706
<span class='zoomingtext'>
2707
<a class='zoom-text zoom-in-text' href='#A+' title='zoom-in-text'>A<span>+</span></a>
2708
<a class='zoom-text zoom-out-text' href='#A-' title='zoom-out-text'>A<span>-</span></a>
2709
</span>
2710
<span class='more-button'>
2711
<a class='button_print' onClick='window.print()'><i class='fa fa-print'/> Print</a>
2712
<a class='button_email' expr:href='&quot;http://www.blogger.com/share-post.g?blogID=&quot; + data:blog.blogId + &quot;&amp;postID=&quot; +data:post.id+ &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><i class='fa fa-envelope'/> Email</a>
2713
</span>
2714
</div>
2715
</div>
2716
</b:includable>
2717
          </b:widget>
2718
          <b:widget id='PopularPosts1' locked='true' mobile='yes' title='Banyak Di Baca Dan Share' type='PopularPosts'>
2719
            <b:includable id='main'>
2720
2721
<b:if cond='data:title != &quot;&quot;'>
2722
2723
<div dir='ltr' style='text-align: left;' trbidi='on'>
2724
<h2 style='background-color: whitesmoke; box-sizing: border-box; color: #333333; font-family: Oswald, sans-serif; font-size: 30px; font-weight: 500; line-height: 1.5; margin: 10px 0px; position: relative;text-align:center'>
2725
Lagi Hangat</h2>
2726
</div>
2727
</b:if>
2728
<div class='widget-content popular-posts'>
2729
<ul>
2730
<b:loop values='data:posts' var='post'>
2731
<li>
2732
<b:if cond='!data:showThumbnails'>
2733
<b:if cond='!data:showSnippets'>
2734
<a expr:href='data:post.href'><data:post.title/></a>
2735
<b:else/>
2736
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
2737
<div class='item-snippet'><data:post.snippet/></div>
2738
</b:if>
2739
<b:else/>
2740
<div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
2741
<b:if cond='data:post.thumbnail'>
2742
<div class='item-thumbnail'>
2743
<a expr:href='data:post.href'>
2744
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
2745
</a>
2746
</div>
2747
</b:if>
2748
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
2749
<b:if cond='data:blog.isMobile'>
2750
2751
  <b:else/><b:if cond='data:showSnippets'>
2752
<div class='item-snippet'><data:post.snippet/></div>
2753
</b:if>
2754
</b:if></div>
2755
  <div style='clear: both;'/>
2756
</b:if>
2757
</li>
2758
</b:loop>
2759
</ul>
2760
</div>
2761
</b:includable>
2762
          </b:widget>
2763
        </b:section>
2764
2765
      </div>
2766
<b:if cond='data:blog.isMobile'>
2767
  <b:else/>
2768
      <div id='sidebar-wrapper'>
2769
2770
  
2771
        <b:section class='sidebar' id='sidebar' preferred='yes'>
2772
          <b:widget id='PopularPosts2' locked='false' title='Entri Populer' type='PopularPosts'>
2773
            <b:includable id='main'>
2774
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
2775
  <div class='widget-content popular-posts'>
2776
    <ul>
2777
      <b:loop values='data:posts' var='post'>
2778
      <li>
2779
        <b:if cond='!data:showThumbnails'>
2780
          <b:if cond='!data:showSnippets'>
2781
            <!-- (1) No snippet/thumbnail -->
2782
            <a expr:href='data:post.href'><data:post.title/></a>
2783
          <b:else/>
2784
            <!-- (2) Show only snippets -->
2785
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
2786
            <div class='item-snippet'><data:post.snippet/></div>
2787
          </b:if>
2788
        <b:else/>
2789
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
2790
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
2791
            <b:if cond='data:post.thumbnail'>
2792
              <div class='item-thumbnail'>
2793
                <a expr:href='data:post.href' target='_blank'>
2794
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
2795
                </a>
2796
              </div>
2797
            </b:if>
2798
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
2799
            <b:if cond='data:showSnippets'>
2800
              <div class='item-snippet'><data:post.snippet/></div>
2801
            </b:if>
2802
          </div>
2803
          <div style='clear: both;'/>
2804
        </b:if>
2805
      </li>
2806
      </b:loop>
2807
    </ul>
2808
    <b:include name='quickedit'/>
2809
  </div>
2810
</b:includable>
2811
          </b:widget>
2812
          <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
2813
            <b:includable id='main'>
2814
    <b:if cond='data:feedbackSurveyLink'>
2815
      <div class='mobile-survey-link' style='text-align: center;'>
2816
        <data:feedbackSurveyLink/>
2817
      </div>
2818
    </b:if>
2819
2820
    <div class='widget-content' style='text-align: center;'>
2821
      <b:if cond='data:attribution != &quot;&quot;'>
2822
       <data:attribution/>
2823
      </b:if>
2824
    </div>
2825
2826
    <b:include name='quickedit'/>
2827
  </b:includable>
2828
          </b:widget>
2829
          <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
2830
            <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
2831
    function setAttributeOnload(object, attribute, val) {
2832
      if(window.addEventListener) {
2833
        window.addEventListener(&#39;load&#39;,
2834
          function(){ object[attribute] = val; }, false);
2835
      } else {
2836
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
2837
      }
2838
    }
2839
  &lt;/script&gt;
2840
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
2841
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
2842
&lt;script type=&quot;text/javascript&quot;&gt;
2843
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
2844
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
2845
            gapi.iframes.getContext().openChild({
2846
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\758428694704943692355\46blogName\75Ciamis+Online\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://www.ciamisonline.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://www.ciamisonline.com/\46vt\758504619675224207645&#39;,
2847
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
2848
                id: &quot;navbar-iframe&quot;
2849
            });
2850
          }
2851
        });
2852
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
2853
(function() {
2854
var script = document.createElement(&#39;script&#39;);
2855
script.type = &#39;text/javascript&#39;;
2856
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
2857
var head = document.getElementsByTagName(&#39;head&#39;)[0];
2858
if (head) {
2859
head.appendChild(script);
2860
}})();
2861
&lt;/script&gt;
2862
</b:includable>
2863
          </b:widget>
2864
        </b:section>
2865
<div class='sidebar section' id='sidebar'><h2 class='sidebar h2'><i class='fa fa-calendar-plus-o'/> Terbaru </h2>
2866
        <script src='/feeds/posts/summary?max-results=12&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'/>
2867
      </div>
2868
 </div>
2869
2870
      </b:if>
2871
2872
      </div> <!-- end container-wrapper -->
2873
2874
      <!-- spacer for skins that want sidebar and main to be the same height-->
2875
      <div class='clear'>&#160;</div>
2876
2877
    </div> <!-- end content-wrapper -->
2878
2879
    <div id='footer-wrapper'>
2880
2881
2882
       <div id='credit-wrapper'>
2883
<div class='credit'>
2884
<a alt='Redaksi' href='' title='Redaksi'> Redaksi </a> |
2885
  <a alt='Tentang Kami' href='' title='Tentang Kami'> Tentang Kami </a> |
2886
<a alt='Privacy Policy' href='' title='Privacy Policy'> Privacy Policy </a> |
2887
<a alt='Disclaimer' href='' title='Disclaimer'> Disclaimer </a> |
2888
<a alt='Contact Us' href='http://www.banyakbaca.com' title='Contact Us'> Contact Us </a>
2889
<br/>
2890
Copyright &#169; 2016. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>.
2891
<!-- Do not remove the credit link - Jangan menghapus link credit dibawah ini -->
2892
<div class='mycontent'>
2893
<p> Designed By <a href='http://www.banyakbaca.com/' id='mycredit'>Banyak Baca</a></p>
2894
</div>
2895
</div>
2896
2897
</div></div>
2898
2899
<b:if cond='data:blog.isMobile'>
2900
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-526b98863beb1519' type='text/javascript'/>
2901
  </b:if>
2902
2903
</div>
2904
2905
</body>
2906
</html>