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 == "index"'> | |
19 | <data:blog.pageTitle/> - News And Viral | |
20 | <b:else/> | |
21 | <b:if cond='data:blog.pageType != "error_page"'> | |
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 == "item"'> | |
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 != ""'> | |
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:' | |
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="1"] th,.post-body table[border="1"] td,.post-body table[border="1"] 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="1"] 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: 'Open Sans',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: 'Open Sans',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: 'Open Sans',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 'Oswald', 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 "Times New Roman",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 != "static_page"'> | |
1073 | <b:if cond='data:blog.pageType != "item"'> | |
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 == "item"'> | |
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: 'Lato', 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="text"]{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: 'Lato', 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: 'Lato', 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 == "item"'> | |
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="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] 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="1"] 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 != "static_page"'> | |
1346 | <b:if cond='data:blog.pageType != "item"'> | |
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 == "static_page"'> | |
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 == "item"'> <b:if cond='data:blog.pageType == "item"'> | |
1384 | <!--Related Posts with thumbnails Scripts Start--> | |
1385 | <script type='text/javascript'> | |
1386 | var defaultnoimage=""; | |
1387 | var maxresults=4; | |
1388 | var splittercolor="#d4eaf2"; | |
1389 | var relatedpoststitle="Related Posts"; | |
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 != "static_page"'> | |
1405 | <b:if cond='data:blog.pageType != "item"'> | |
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 == "static_page"'> | |
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 = $('#header').offset().top; | |
1431 | var stickyWidget = function(){ | |
1432 | var scrollTop = $(window).scrollTop(); | |
1433 | if (scrollTop > stickyWidgetTop) { | |
1434 | $('#header').addClass('sticky'); | |
1435 | } else { | |
1436 | $('#header').removeClass('sticky'); | |
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 == "item"'> | |
1452 | ||
1453 | <style> | |
1454 | .related-posts {list-style: none;clear:both} | |
1455 | .related-posts h2{color:#fff;font-family:'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 == "item"'> | |
1459 | <!--Related Posts with thumbnails Scripts Start--> | |
1460 | <script type='text/javascript'> | |
1461 | var defaultnoimage=""; | |
1462 | var maxresults=4; | |
1463 | var splittercolor="#d4eaf2"; | |
1464 | var relatedpoststitle="Related Posts"; | |
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='"loading" + 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 = "//connect.facebook.net/id_ID/all.js#xfbml=1"; | |
1515 | fjs.parentNode.insertBefore(js, fjs); | |
1516 | }(document, 'script', 'facebook-jssdk'));</script> | |
1517 | ||
1518 | <div id="pages-wrapper" class="<data:blog.pageType/><b:if cond='data:blog.url == data:blog.homepageUrl'> home</b:if><b:if cond='data:blog.pageType == "static_page"'> item</b:if><b:if cond='data:blog.pageType == "archive"'> index</b:if>"> | |
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 == "BEHIND"'> | |
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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'> | |
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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> | |
1560 | </a> | |
1561 | <!--Show the description--> | |
1562 | <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> | |
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>≡<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 != ""'> | |
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=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' 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 == "error_page"'> | |
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:"Oswald",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 == "false"'> | |
1698 | <div class='blog-posts hfeed'> | |
1699 | <b:if cond='data:blog.pageType != "error_page"'> | |
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 == "false"'> | |
1706 | </div></div> | |
1707 | </b:if> | |
1708 | </b:if> | |
1709 | <b:if cond='data:post.isDateStart'> | |
1710 | <div class="date-outer"> | |
1711 | </b:if> | |
1712 | <b:if cond='data:post.isDateStart'> | |
1713 | <div class="date-posts"> | |
1714 | </b:if> | |
1715 | <div class='post-outer'> | |
1716 | <b:include data='post' name='post'/> | |
1717 | <b:if cond='data:blog.pageType in {"item", "static_page"}'> | |
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 | </div></div> | |
1724 | </b:if> | |
1725 | <data:adEnd/> | |
1726 | </div> | |
1727 | <div class='clear'/> | |
1728 | <b:if cond='data:blog.pageType in {"archive", "index"}'> | |
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("annotations","1",{locale:"<data:top.languageCode/>"});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='"http://twitter.com/share?text=" + data:post.title + "&url=" + data:post.url + "&via=Pathmo_Media"' 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='"http://www.facebook.com/share.php?v=4&u=" + data:post.url + "&t=" + 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='"https://plus.google.com/share?url=" + 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='"item-control " + 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'> </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 + "_backlinks-create-link"' 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 + "_comment-editor-toggle-link"' 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("<data:post.appRpcRelayPath/>","<data:post.communityId/>");</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='"item-control " + 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 |   | |
1864 | <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> | |
1865 |   | |
1866 | <data:post.commentRangeText/> | |
1867 |   | |
1868 | <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> | |
1869 |   | |
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 + "_comments-block-wrapper"'> | |
1874 | <b:if cond='data:post.numComments != 0'> | |
1875 | <div class='boxcommentnya'> | |
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='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> | |
1881 | <b:if cond='data:comment.author == data:post.author'><span title='Author' class='author-comment'></span></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 | </div> | |
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 |   | |
1927 | <data:post.commentRangeText/> | |
1928 |   | |
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 + "_backlinks-container"'> | |
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 == "music"'> | |
1968 | <i class='fa music'/> | |
1969 | </b:if> | |
1970 | <b:if cond='data:enclosure.mimeType == "video"'> | |
1971 | <i class='fa video'/> | |
1972 | </b:if> | |
1973 | <b:if cond='data:enclosure.mimeType == "gallery"'> | |
1974 | <i class='fa gallery'/> | |
1975 | </b:if> | |
1976 | <b:if cond='data:enclosure.mimeType == "text"'> | |
1977 | <i class='fa text'/> | |
1978 | </b:if> | |
1979 | <b:if cond='data:enclosure.mimeType == "quote"'> | |
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 != "item"'> | |
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("#googlePlusComment").width();b(".cmt_iframe_holder").css("width",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/>&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 != "static_page"'> | |
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 == "false"'> | |
2077 | </div></div> | |
2078 | </b:if> | |
2079 | </b:if> | |
2080 | <b:if cond='data:post.isDateStart'> | |
2081 | <div class="date-outer"> | |
2082 | </b:if> | |
2083 | <b:if cond='data:post.isDateStart'> | |
2084 | <div class="date-posts"> | |
2085 | </b:if> | |
2086 | <div class='post-outer-mobile'> | |
2087 | <b:include data='post' name='mobile-post'/> | |
2088 | <b:if cond='data:blog.pageType == "static_page"'> | |
2089 | <b:include data='post' name='fn_comment_picker'/> | |
2090 | </b:if> | |
2091 | <b:if cond='data:blog.pageType == "item"'> | |
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 | </div></div> | |
2098 | </b:if> | |
2099 | <data:adEnd/> | |
2100 | </div> | |
2101 | <div class='clear'/> | |
2102 | <b:if cond='data:blog.pageType != "static_page"'> | |
2103 | <b:if cond='data:blog.pageType != "item"'> | |
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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&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='"post-body-" + data:post.id' itemprop='description articleBody'> | |
2133 | <b:if cond='data:blog.pageType in {"static_page", "item"}'> | |
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 == "item"'> | |
2150 | ||
2151 | <b:if cond='data:blog.isMobile'> | |
2152 | ||
2153 | ||
2154 | <b:if cond='data:blog.pageType == "item"'> | |
2155 | <!--Related Posts with thumbnails Scripts Start--> | |
2156 | <script type='text/javascript'> | |
2157 | var defaultnoimage=""; | |
2158 | var maxresults=9; | |
2159 | var splittercolor="#d4eaf2"; | |
2160 | var relatedpoststitle="Recommend:"; | |
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: 'Lato', 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 != "true"'> | |
2195 | </b:if> | |
2196 | <b:if cond='data:blog.pageType == "item"'> | |
2197 | ||
2198 | <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=7"' type='text/javascript'/></b:if></b:loop> | |
2199 | <script type='text/javascript'> | |
2200 | var currentposturl="<data:post.url/>"; | |
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='"summaryContainer-" + 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 == "item"'> | |
2244 | <b:include name='mobile-nextprev'/> | |
2245 | </b:if> | |
2246 | <b:if cond='data:blog.pageType in {"static_page", "item"} 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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 != "item"'> | |
2285 | <b:if cond='data:blog.pageType != "static_page"'> | |
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("<data:post.thumbnailUrl/>","<data:post.title/>"));</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 != "item"'> | |
2309 | <b:if cond='data:blog.pageType == "static_page"'> | |
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>*{display:inline-block;visibility:hidden} | |
2363 | .social-likes_vertical>*{display:block} | |
2364 | .social-likes_visible>*{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:"Helvetica Neue",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:"";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:"\f09a"} | |
2384 | .social-likes__icon_github:before{content:"\f09b"} | |
2385 | .social-likes__icon_mailru:before{content:"\f1fa"} | |
2386 | .social-likes__icon_odnoklassniki:before{content:"\f263"} | |
2387 | .social-likes__icon_pinterest:before{content:"\f231"} | |
2388 | .social-likes__icon_plusone:before{content:"\f1a0"} | |
2389 | .social-likes__icon_single:before{content:"\f107"} | |
2390 | .social-likes__icon_twitter:before{content:"\f099"} | |
2391 | .social-likes__icon_vkontakte:before{content:"\f189"} | |
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 != "item"'> | |
2432 | <b:if cond='data:blog.pageType == "static_page"'> | |
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='"post-body-" + 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='"post-body-" + 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 != "true"'> </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 == "item"'> | |
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 != "true"'> | |
2508 | </b:if> | |
2509 | <b:if cond='data:blog.pageType == "item"'> | |
2510 | ||
2511 | <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=7"' type='text/javascript'/></b:if></b:loop> | |
2512 | <script type='text/javascript'>var relatedpoststitle="<div class='terkait'/>"; | |
2513 | var currentposturl="<data:post.url/>"; | |
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='"item-control " + 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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.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 == "http://www.batakmulana.com/search/label/Video"'><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("<data:post.appRpcRelayPath/>","<data:post.communityId/>");</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&&m.length>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=="blogger.contentRemoved"){return'<span class="deleted-comment">'+x.content.$t+"</span>"}}}return x.content.$t};var o=function(z){e=null;var D=[];if(z&&z.feed&&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)+"";if(E.author&&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&&B[1]){C.parentId=B[1]}}}C.deleteclass="item-control blog-admin";if(E.gd$extendedProperty){for(var y in E.gd$extendedProperty){if(E.gd$extendedProperty[y].name=="blogger.itemClass"){C.deleteclass+=" "+E.gd$extendedProperty[y].value}else{if(E.gd$extendedProperty[y].name=="blogger.displayTime"){C.displayTime=E.gd$extendedProperty[y].value}}}}D.push(C)}}return D};var i=function(y){if(c()){var x=u.feed+"?alt=json&v=2&orderby=published&reverse=false&max-results=50";if(e){x+="&published-min="+new Date(e).toISOString()}window.bloggercomments=function(A){var z=o(A);e=z.length<50?null:parseInt(z[z.length-1].timestamp)+1;y(z);window.bloggercomments=null};x+="&callback=bloggercomments";var w=document.createElement("script");w.type="text/javascript";w.src=x;document.getElementsByTagName("head")[0].appendChild(w)}};var c=function(){return !!e};var a=function(w,y){if("iswriter"==w){var x=!!y.author&&y.author.name==u.authorName&&y.author.profileUrl==u.authorUrl;return x?"true":""}else{if("deletelink"==w){return u.baseUri+"/delete-comment.g?blogID="+u.blogId+"&postID="+y.id}else{if("deleteclass"==w){return y.deleteclass}}}return""};var h=null;var q=null;var l=undefined;var d=function(w,x){if(h==null){h=document.getElementById("comment-editor");if(h!=null){h.height="250px";h.style.display="block";q=h.src.split("#")}}if(h&&(w!==l)){document.getElementById(x).insertBefore(document.getElementById("form-wrapper"),null);h.src=q[0]+(w?"&parentID="+w:"")+"#"+q[1];l=w}};var b=(window.location.hash||"#").substring(1);var p,j;if(/^comment-form_/.test(b)){p=b.substring("comment-form_".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&&window.goog.comments){var w=document.getElementById("comment-holder");window.goog.comments.render(w,s)}};if(window.goog&&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 + "_backlinks-container"'> | |
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 + "#comments-area"' 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 + "#comments-area"' 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='"http://www.blogger.com/share-post.g?blogID=" + data:blog.blogId + "&postID=" +data:post.id+ "&target=email"' 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 != ""'> | |
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 ? "item-content" : "item-thumbnail-only"'> | |
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 != ""'><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 ? "item-content" : "item-thumbnail-only"'> | |
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 != ""'> | |
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'><script type="text/javascript"> | |
2831 | function setAttributeOnload(object, attribute, val) { | |
2832 | if(window.addEventListener) { | |
2833 | window.addEventListener('load', | |
2834 | function(){ object[attribute] = val; }, false); | |
2835 | } else { | |
2836 | window.attachEvent('onload', function(){ object[attribute] = val; }); | |
2837 | } | |
2838 | } | |
2839 | </script> | |
2840 | <div id="navbar-iframe-container"></div> | |
2841 | <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> | |
2842 | <script type="text/javascript"> | |
2843 | gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { | |
2844 | if (gapi.iframes && gapi.iframes.getContext) { | |
2845 | gapi.iframes.getContext().openChild({ | |
2846 | url: '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', | |
2847 | where: document.getElementById("navbar-iframe-container"), | |
2848 | id: "navbar-iframe" | |
2849 | }); | |
2850 | } | |
2851 | }); | |
2852 | </script><script type="text/javascript"> | |
2853 | (function() { | |
2854 | var script = document.createElement('script'); | |
2855 | script.type = 'text/javascript'; | |
2856 | script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; | |
2857 | var head = document.getElementsByTagName('head')[0]; | |
2858 | if (head) { | |
2859 | head.appendChild(script); | |
2860 | }})(); | |
2861 | </script> | |
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&orderby=published&alt=json-in-script&callback=recentthumbs&' 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'> </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 © 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> |