API tools faq
paste
GWibisono

template (update)

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