API tools faq
paste
Advertisement
aldiput32

Untitled

aldiput32
Jul 1st, 2016
147
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 147.82 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML expr:dir='data:blog.languageDirection'>
  4. <head>
  5. <script>
  6. (function(i,s,o,g,r,a,m){i[&#39;GoogleAnalyticsObject&#39;]=r;i[r]=i[r]||function(){
  7. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  8. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  9. })(window,document,&#39;script&#39;,&#39;https://www.google-analytics.com/analytics.js&#39;,&#39;ga&#39;);
  10.  
  11. ga(&#39;create&#39;, &#39;UA-61282051-1&#39;, &#39;auto&#39;);
  12. ga(&#39;send&#39;, &#39;pageview&#39;);
  13.  
  14. </script>
  15.  
  16. <b:include data='blog' name='all-head-content'/>
  17. <!-- Start blogseotest.blogspot.com: Changing the Blogger Title Tag -->
  18. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  19. <title><data:blog.pageName/> | <data:blog.title/></title>
  20. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
  21. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
  22. <b:else/>
  23. <title><data:blog.pageTitle/></title>
  24. <meta content='informasi harga hp terupdate,informasi terupdate 2016,informasi sepakbola terupdate' name='DESCRIPTION'/>
  25. <meta content='informasi harga hp terupdate,informasi terupdate 2016,informasi sepakbola terupdate,FILM,Download,Gratis,@wifi.id,Internet' name='KEYWORDS'/>
  26. </b:if>
  27. <!-- End http://informasiterupdate32.blogspot.com/: Changing the Blogger Title Tag -->
  28.  
  29.  
  30. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  31. <meta expr:content='data:blog.metaDescription' name='description'/>
  32. </b:if>
  33.  
  34. <b:include data='blog' name='all-head-content'/>
  35. <!-- Start blogseotest.blogspot.com: Changing the Blogger Title Tag -->
  36. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  37. <title><data:blog.pageName/> | <data:blog.title/></title>
  38. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
  39. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
  40. <b:else/>
  41. <title><data:blog.pageTitle/></title>
  42. <meta content='Informasi Terupdate,Update 24 Jam,Paling TOP,' name='DESCRIPTION'/>
  43. <meta content='Informasi,Terupdate,24 jam,GTA,Gamer,IDM,Payooner' name='KEYWORDS'/>
  44. </b:if>
  45.  
  46.  
  47.  
  48. <b:if cond='data:blog.url == &quot;http://informasiterupdate32.blogspot.com//&quot;'>
  49. <title><data:blog.pageTitle/></title>
  50. <meta content='Informasi Terupdate,Update 24 Jam,Paling TOP,' name='DESCRIPTION'/>
  51. <meta content='Informasi,Terupdate,24 jam,GTA,Gamer,IDM,Payooner' name='KEYWORDS'/> </b:if>
  52. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  53. <title><data:blog.pageName/> - <data:blog.title/></title>
  54. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
  55. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
  56. </b:if>
  57. <!-- End informasiterupdate32.blogspot.com: Changing the Blogger Title Tag -->
  58.  
  59.  
  60. <!-- [ Meta Tag SEO ] -->
  61. <meta charset='utf-8'/>
  62. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  63. <meta content='blogger' name='generator'/>
  64. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  65. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  66. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  67. <link expr:href='data:blog.url' rel='canonical'/>
  68. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  69. <title><data:blog.pageTitle/></title>
  70. <b:else/>
  71. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  72. <title><data:blog.pageName/> - <data:blog.title/></title>
  73. </b:if></b:if>
  74. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  75. <title>Page Not Found - <data:blog.title/></title>
  76. </b:if>
  77. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  78. <meta content='noindex' name='robots'/>
  79. </b:if>
  80. <b:if cond='data:blog.searchLabel'>
  81. <meta content='noindex,nofollow' name='robots'/>
  82. </b:if>
  83. <b:if cond='data:blog.isMobile'>
  84. <meta content='noindex,nofollow' name='robots'/>
  85. </b:if>
  86. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  87. <meta expr:content='data:blog.metaDescription' name='description'/>
  88. <script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
  89. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  90. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
  91. </b:if></b:if>
  92. <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:blog.pageType == &quot;item&quot;'>
  93. <b:if cond='data:post.snippet'>
  94. <meta expr:content='data:post.snippet' name='description'/>
  95. </b:if>
  96. </b:if></b:if>
  97. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  98. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  99. <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  100. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  101. <b:if cond='data:blog.postImageThumbnailUrl'>
  102. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  103. </b:if></b:if>
  104. <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
  105. <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
  106. <link href='https://plus.google.com/+AmeliaPutri90/posts' rel='publisher'/>
  107. <link href='https://plus.google.com/+AmeliaPutri90/about' rel='author'/>
  108. <link href='https://plus.google.com/+AmeliaPutri90' rel='me'/>
  109. <meta content='UyizAcm36krvE4LptdXZ0iGeC8wlwxG1DB6N0x479Tk' name='google-site-verification'/>
  110. <meta content='xxxxx' name='msvalidate.01'/>
  111. <meta content='U9fovGMh-VPwNJbkYd5yqob_log' name='alexaVerifyID'/>
  112.  
  113. <meta content='Indonesia' name='geo.placename'/>
  114. <meta content='Ahmad Aldi Putera' name='Author'/>
  115. <meta content='general' name='rating'/>
  116. <meta content='id' name='geo.country'/>
  117. <!-- [ Social Media Meta Tag ] -->
  118. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  119. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  120. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  121. <b:if cond='data:blog.url'>
  122. <meta expr:content='data:blog.url' property='og:url'/>
  123. </b:if>
  124. <meta expr:content='data:blog.title' property='og:site_name'/>
  125. <b:if cond='data:blog.pageName'>
  126. <meta expr:content='data:blog.pageName' property='og:title'/>
  127. </b:if></b:if></b:if></b:if>
  128. <meta expr:content='data:blog.pageTitle' property='og:title'/>
  129. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  130. <meta content='article' property='og:type'/>
  131. <b:else/>
  132. <meta content='website' property='og:type'/>
  133. </b:if>
  134. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  135. <b:if cond='data:blog.postImageUrl'>
  136. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  137. <b:else/>
  138. <b:if cond='data:blog.postImageThumbnailUrl'>
  139. <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  140. <b:else/>
  141. <meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
  142. </b:if></b:if>
  143. <b:if cond='data:blog.metaDescription'>
  144. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  145.  
  146. </b:if>
  147. <meta expr:content='data:blog.title' property='og:site_name'/>
  148. <meta content='1482567045385478' property='fb:app_id'/>
  149. <meta content='100002926623218' property='fb:admins'/>
  150. <meta content='en_US' property='og:locale'/>
  151. <meta content='en_GB' property='og:locale:alternate'/>
  152. <meta content='id_ID' property='og:locale:alternate'/>
  153. <meta content='summary' name='twitter:card'/>
  154. <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  155. <meta content='@aldiput33' name='twitter:site'/>
  156. <meta content='@aldiput33' name='twitter:creator'/>
  157. <b:skin><![CDATA[
  158. /*
  159. Name : N Light Responsive Blogger Template
  160. Theme Published : 03-05-2016
  161. Type : Personal Blog
  162. Style : Minimalist
  163. Designer : Arlina Design
  164. Designer url : www.arlinadzgn.com
  165. Thanks to : All supported
  166. Special Thanks : www.kompiajaib.com
  167. License : This free Blogger template is licensed under the Creative Commons Attribution 4.0 License, which permits both personal and commercial use.
  168. */
  169. /* CSS Reset */
  170. 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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  171. /* HTML5 */
  172. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}*,*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}ins{background:#fff;}
  173. /* Body Layout */
  174. body#layout ul,#layout ul {display:none;}
  175. body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar-two {padding:0;}
  176. body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0;}
  177. body#layout .header-wrapper {margin-top:0;}
  178. body#layout #header {min-height:0px;width:100%;}
  179. body#layout #headerlight {width:30%;float:left;}
  180. body#layout #header-right {width:60%;float:right;}
  181. #layout,#layout .widget-content,#layout .add_widget {border:none;}
  182. body#layout .add_widget {border:1px solid #ddd;}
  183. #layout .add_widget a {color:#333;}
  184. #layout #header{min-height:0px;width:100%;margin:10px 0 0 0;}
  185. #layout #footer-wrapper .footer-column{width:33.33%;float:left}
  186. #layout #main-wrapper{width:70%;float:left}
  187. #layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
  188. #layout .draggable-widget .widget-wrap2 {background:#c1cfd9;}
  189. #layout #banner,#layout #banner2 {background-color:#444;padding:20px 0!important;margin-bottom:20px;}
  190. #layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
  191. #layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
  192. #footer-xwidget .footer-widget {width:31.7%;float:left;margin-left:10px;}
  193. #footer-wrapper {overflow:hidden;margin:0 auto 20px auto;padding:20px 0 0;}
  194. /* Layout */
  195. body {background:#f2f3f6;font-family:'Roboto',sans-serif;font-size:14px;font-weight:400;text-align:left;color:#333;margin:0;padding:0;}
  196. .navbar,.post-feeds,.feed-links{display:none;}.section,.widget{margin:0;padding:0;}strong,b{font-weight:bold;padding:0;}cite,em,i{font-style:italic;}a:link,a:visited {color:#555;text-decoration:none;transition:all .3s}a:hover,a:hover:visited {color:#5f93fa}a img{border:none;border-width:0;outline:none;}img{max-width:100%;vertical-align:middle;border:0;}abbr,acronym{border-bottom:1px dotted;cursor:help;}sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}sub{top:.4em;}small{font-size:86%;}kbd{display:inline-block;font-size:90%;color:#3498db;}mark{background-color:#ffce00;color:#182025;}p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}hr{height:1px;border:none;background-color:#999;}code,kbd,pre,samp{font-family:monospace,monospace;}
  197. pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:13px;margin:0;}*:focus {outline:0!important;}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;}h1{font-size:200%}h2{font-size:180%}h3{font-size:160%}h4{font-size:140%}h5{font-size:120%}h6{font-size:100%}
  198. .post-body blockquote{background:#6591c2;position:relative;padding:55px 20px 20px 20px;color:#fff;margin:10px 0;border-radius:3px}
  199. .post-body blockquote:before{position:absolute;content:'Catatan';background:rgba(255,255,255,1);right:3px;left:3px;top:3px;padding:5px 20px;display:block;font-weight:700;border-radius:3px 3px 0 0;color:#6591c2}
  200. .post-body blockquote a,.post-body blockquote a:hover {color:#fff;}
  201. .post-body h1{font-size:200%}.post-body h2{font-size:180%}.post-body h3{font-size:160%}.post-body h4{font-size:140%}.post-body h5{font-size:120%}.post-body h6{font-size:100%}
  202. input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}
  203. textarea{display:block;box-sizing:border-box;}
  204. input.placeholder_text,textarea.placeholder_text{color:#888}
  205. .post ul li span{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;text-decoration:none;}
  206. ol {counter-reset:li;list-style:none;padding:0;margin:0;}
  207. ol ol {margin: 0 0 0 2em;}
  208. .post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;background:#fff;text-decoration:none;}
  209. .post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;height:2em;width:2em;text-align:center;}
  210. .post-body ul {position:relative;display:block;padding:0;margin:.5em 0 .5em 1.5em;text-decoration:none;}
  211. /* Post Table */
  212. .post-body table {width:100%;}
  213. .post-body table td,.post-body table caption{background-color:#fafafa;border:1px solid #e3e3e3;padding:10px;text-align:left;vertical-align:top}
  214. .post-body table th {border:1px solid #6f7cb0;padding:10px;text-align:left;vertical-align:top;}
  215. .post-body table.tr-caption-container {border:1px solid #d9534f;}
  216. .post-body th{font-weight:700;}
  217. .post-body table caption{border:none;font-style:italic;}
  218. .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #8bc34a;}
  219. .post-body th{background:#8593cc;color:#fff;}
  220. .post-body th:hover{background:#6f7cb0;}
  221. .post-body td a{color:#444;}
  222. .post-body td a:hover{color:#cf4d35;}
  223. .post-body table.tr-caption-container td {border:none;padding:8px;}
  224. .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
  225. .post-body li {list-style-type:square;}
  226. .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
  227. .sr {visibility:hidden;width:0;height:0;}
  228. ]]></b:skin>
  229. <style type='text/css'>
  230. /* Custom Cookies Info Dark */
  231. .cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0);}
  232. .cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important}
  233. .cookie-choices-info .cookie-choices-button{font-weight:normal!important;color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#f64c3b!important;letter-spacing:.8px;transition:all .4s linear}
  234. .cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .4s linear}
  235. .cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}
  236. /* Arlina Fixed Layout */
  237. .CSS_LIGHTBOX {z-index:999999!important;}
  238. .CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}
  239. .CSS_LIGHTBOX_SCALED_IMAGE_IMG {width:auto!important;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);}
  240. .CSS_LIGHTBOX_BTN_CLOSE {background: url(&#39;http://4.bp.blogspot.com/-9vBNlzkjRGU/VUlVTtzbolI/AAAAAAAAG-c/xBqHPFfMkzE/s1600/delete.png&#39;) no-repeat!important;width:32px!important;height:32px!important;top:20px!important;opacity:0.7;transition:all .3s;}
  241. .CSS_LIGHTBOX_BTN_CLOSE:hover{opacity:1;}
  242. .CSS_LIGHTBOX_BTN_CLOSE_POS {right:20px!important;}
  243. .quickedit,#ContactForm1,#ContactForm1 br {display:none}
  244. .post,.widget-content,.daftar-recent-post,.breadcrumbs,.banner .widget,.banner2 .widget,#blog-pager,#comments{box-shadow:0 1px 2px rgba(0,0,0,0.1);}
  245. .banner .widget-content,.banner2 .widget-content,#LinkList215 .widget-content{box-shadow:0 0 0 transparent}
  246. #BlogArchive1 li.archivedate {padding:0;}
  247. #BlogArchive1 #ArchiveList ul.posts li {padding:0 0 4px 5px;}
  248. #HTML68{margin:0}
  249. /* Arlina Template Wrapper */
  250. .maxwrap {max-width:970px;margin:0 auto;}
  251. #wrapper {display:block;position:relative;overflow:hidden;max-width:970px;margin:0 auto;padding:0;}
  252. #content-wrapper {display:block;position:relative;overflow:hidden;padding:0;}
  253. /* Arlina Search Form */
  254. .menusearch{background:#92c15c;display:block;float:right;border:0;width:100%;max-width:400px;line-height:44px;margin:12px 0 0 0;border-radius:3px}
  255. .searchform{position:relative;padding:0;margin:0;color:rgba(0,0,0,.6);overflow:hidden;border-radius:3px;transition:all .6s}
  256. .searchform:hover,.searchform:active{color:#fff;outline:0;}
  257. .searchform input{color:rgba(0,0,0,.5);font-weight:700;letter-spacing:.3px;padding:0;margin:0}
  258. .searchform input:focus{color:rgba(0,0,0,.8);}
  259. .searchform .searchfield{background:#fff;border:0;outline:none;width:83%;padding:15px}
  260. .ico-mglass{position:absolute;display:inline-block;background:none;height:8px;width:8px;right:27px;top:14px;text-align:center;box-sizing:initial;cursor:pointer;border-radius:100%;border:3px solid rgba(255,255,255,1)}
  261. .ico-mglass:after{content:&quot;&quot;;height:3px;width:8px;background:rgba(255,255,255,1);position:absolute;top:10px;left:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
  262. #searchsubmit{position:absolute;background:transparent;border:0;padding:8px 16px;cursor:pointer;right:10px;z-index:2}
  263. #searchsubmit:hover,#searchsubmit:active{cursor:pointer;outline:none}
  264. /* Arlina Header Wrapper */
  265. #header{background:#41598B;position:relative;display:block;padding:40px 20px;overflow:hidden;color:#fff;border-top:1px solid rgba(0,0,0,0.06)}
  266. #header .title{font-size:240%;margin:0;padding:0 0 10px;display:inline-block;width:100%;max-width:310px}
  267. #header .title a {color:#fff;transition:all .6s}
  268. #header .title a:hover {color:#fafafa;}
  269. #header p.description{font-size:110%;margin:0;display:inline-block}
  270. .header img,.header-right img {display:block;}
  271. #headerlight {float:left;max-width:45%;}
  272. .header-right img {max-height:60px;}
  273. .header-right{float:right;padding:0;overflow:hidden;margin:0;max-width:768px;}
  274. /* Arlina Main Navigation */
  275. #lightnavigation{background:#41598B;font-size:0;white-space:nowrap;letter-spacing:.5px;border-bottom:1px solid rgba(0,0,0,0.06);box-shadow:0 0 4px rgba(0,0,0,0.1);margin:0 auto 20px auto}
  276. #lightnavigation ul.menus{height:auto;overflow:hidden;position:absolute;z-index:99;display:none}
  277. #lightnavigation a{display:block;padding:20px 18px;text-decoration:none;color:#fff;text-transform:uppercase;}
  278. #lightnavigation ul,#lightnavigation li {background:#394e7a;margin:0 auto;padding:0;list-style:none}
  279. #lightnavigation li {display:inline-block;position:relative;font-size:14px;font-weight:700;}
  280. #lightnavigation li.indie a{background:rgba(0,0,0,.06);padding:20px;}
  281. #lightnavigation li:hover.indie,#lightnavigation li:hover.indie a{background:rgba(0,0,0,.06);color:#fff;}
  282. #lightnavigation input {display:none;margin:0;padding:0;width:80px;height:45px;opacity:0;cursor:pointer}
  283. #lightnavigation label {display:none;width:55px;height:48px;line-height:48px;text-align:center}
  284. #lightnavigation label span {font-size:16px;position:absolute;left:55px}
  285. #lightnavigation ul.menus li {display:block;width:100%;text-transform:none;text-shadow:none;}
  286. #lightnavigation ul.menus a {color:#ec3838;line-height:55px}
  287. #lightnavigation li a:hover {background:rgba(0,0,0,.06);color:#fff;}
  288. #lightnavigation ul.menus a:hover {background:rgba(0,0,0,0.08);color:#fff;}
  289. #lightnavigation li ul{visibility:hidden;opacity:0;background:#fff;margin:0;width:150px;height:auto;position:absolute;top:100%;left:0;z-index:10;box-shadow:0 4px 15px -2px rgba(0,0,0,0.1);}
  290. #lightnavigation li:hover ul.menus,#lightnavigation li:hover &gt; ul{visibility:visible;opacity:1;}
  291. #lightnavigation li li {display:block;float:none;font-size:13px;border-bottom:1px solid #f5f5f5;}
  292. #lightnavigation li li:before{display:none}
  293. #lightnavigation li li:last-child {border:0;}
  294. #lightnavigation li ul ul {left:100%;top:0}
  295. #lightnavigation li li &gt; a{background:#fff;color:#555;display:block;padding:12px 15px;margin:0;text-decoration:none;text-transform:none;}
  296. #lightnavigation li li:hover,#lightnavigation li li a:hover {background:#f6f7fa;color:#3b5998;}
  297. /* Arlina Post Wrapper */
  298. #main-wrapper{width:66.98%;float:left;margin:0 20px 0 0;padding:0;word-wrap:break-word;overflow:hidden;}
  299. .main .Blog{border-bottom-width:0}
  300. .main .widget{margin:0;padding:0}
  301. .date-header{display:none!important}
  302. h1.post-title.entry-title,h2.post-title.entry-title {font-size:20px;margin:0 0 15px;}
  303. h1.post-title.entry-title a,h2.post-title.entry-title a{color:#3b5998;}
  304. h1.post-title.entry-title a:hover,h2.post-title.entry-title a:hover{color:#5e94ef;}
  305. .post{background:#fff;position:relative;margin:0 0 20px 0;padding:20px}
  306. .post-body {margin:0;line-height:1.7em;text-align:left;font-size:15px;}
  307. .post-info a {text-transform:uppercase;font-weight:700;}
  308. .post-info abbr {border:0;}
  309. .post-timestamp,.author-info,.comment-info,.label-info{padding:0 10px 0 0}
  310. .post-body img,.post-body video,.post-body object {background:#fafafa;max-width:100%}
  311. .breadcrumbs{background:#fff;color:#999;padding:18px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid rgba(0,0,0,0.12);}
  312. .breadcrumbs a{background:#6C7A89;color:#fff;margin:0 2px;padding:4px 8px;line-height:normal;font-size:85%;opacity:1;border-radius:2px}
  313. .breadcrumbs .breadhome a{margin:0 5px 0 0}
  314. .breadcrumbs .breadlabel:nth-child(1) a{background:#f5ad3a;}.breadcrumbs .breadlabel:nth-child(2) a{background:#da972d;}.breadcrumbs .breadlabel:nth-child(3) a{background:#70c3eb;}.breadcrumbs .breadlabel:nth-child(4) a{background:#F2784B;}
  315. .breadcrumbs .breadlabel:last-child{margin:0 0 0 6px}
  316. .breadcrumbs a:hover{opacity:.9;color:#fff;}
  317. .post-footer{line-height:1.6em}
  318. .post-footer a{color:#8bc34a;font-weight:700}
  319. .feed-links{clear:both;line-height:2.5em;}
  320. /* Arlina Sidebar Wrapper */
  321. #sidebar-wrapper{padding:0;width:30.9%;float:right;word-wrap:break-word;overflow:hidden}
  322. #sidebar-wrapper h2,#sidebar-wrapper h3,#sidebar-wrapper h4{position:relative;overflow:hidden;margin:0;font-size:1.1em;text-transform:uppercase;font-weight:700;vertical-align:middle;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,0.14);background:#fff url(http://2.bp.blogspot.com/-_DVDdLsanec/VnVWELxF39I/AAAAAAAADFQ/oghgv8zNIU8/s1600/sub-teal.png) no-repeat;color:#fff}
  323. #sidebar-wrapper h2 span,#sidebar-wrapper h3 span,#sidebar-wrapper h4 span{display:inline-block;vertical-align:middle}
  324. #sidebar-wrapper .widget ul{margin:0;padding:0}
  325. .widget-content{background:#fff;margin:0;padding:12px 20px;overflow:hidden;}
  326. .daftar-recent-post{background:#fff;padding:12px 20px;}
  327. .sidebar {line-height:1.5em;padding:0}
  328. .sidebar ul {padding:0;margin:0}
  329. .BlogArchive #ArchiveList ul li {text-indent:0!important}
  330. .sidebar ul li{margin:0;padding:10px;border-bottom:1px solid #eaeaea}
  331. .sidebar .widget {margin:0 0 20px 0}
  332. /* Label */
  333. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
  334. .label-size {background:#fff;display:block;float:left;margin:0 3px 3px 0;color:#999;font-size:11px;line-height:1.2;}
  335. .label-size a,.label-size span{display:inline-block;color:#666;padding:8px 10px}
  336. .label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;color:#999;}
  337. .label-count:hover {color:#5e94ef;}
  338. #sidebar-wrapper .Label li {background:#fff;color:#666;float:left;padding:10px 5px;margin-left:3px;text-align:left;width:95%;border-bottom:1px solid rgba(0,0,0,0.06);}
  339. #sidebar-wrapper .Label li:hover {background:#fff;color:#5e94ef;}
  340. #sidebar-wrapper .Label li a {color:#3b5998;}
  341. #sidebar-wrapper .Label li a:hover {color:#5e94ef;}
  342. #sidebar-wrapper .label-size{border:none;background:#dd4b39;display:block;float:left;margin:0 5px 5px 0;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase}
  343. #sidebar-wrapper .label-size a{background:#80cbc4;display:inline-block;color:#fff;}
  344. #sidebar-wrapper .label-size a:hover {background:#dd4b39;color:#fff;}
  345. #sidebar-wrapper .Label li:hover:before {margin:0 0 0 5px;color:#dd4b39;}
  346. #sidebar-wrapper .Label li span{float:right;background-color:#80cbc4;color:#fff;line-height:1.2;margin:0;padding:4px 6px;text-align:center;font-size:13px;}
  347. #sidebar-wrapper .Label li span:hover{background-color:#dd4b39;color:#fff}
  348. #sidebar-wrapper .label-size:nth-child(n+12) {display:none;}
  349. /* Arlina Footer Wrapper */
  350. #footer-wrapper{text-align:center;background:#fff;padding:20px 0;margin:auto;border-top:1px solid rgba(0,0,0,0.06);}
  351. .medsosbawah a{display:inline-block;text-align:center;margin-top:10px;margin-right:5px;color:#fff}
  352. .medsosbawah a i{font-family:Fontawesome;width:32px;height:32px;line-height:32px;display:block}
  353. .medsosbawah a:hover{color:#fff;opacity:.7}
  354. .medsosbawah .facebook{background:#3b5998}
  355. .medsosbawah .twitter{background:#00aced}
  356. .medsosbawah .googleplus{background:#dd4b39}
  357. .medsosbawah .rssfeed{background:#ee802f}
  358. .atas{visibility:hidden;z-index:2;background:#555;color:#fff;font-size:20px;width:37px;height:37px;line-height:34px;text-align:center;position:fixed;bottom:35px;right:30px;cursor:pointer}
  359. .atas.dulur{visibility:visible;cursor:pointer;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .6s;transition-delay:0}
  360. .atas:hover{opacity:.8;color:#fff}
  361. #footme{max-width:970px;height:auto;padding:0 30px;margin:0 auto;overflow:hidden;color:#555;font-size:14px;font-weight:700;line-height:1.8}
  362. .footmekiri{text-align:left;float:left}
  363. .footmekanan{text-align:right;float:right}
  364. /* Popular Post */
  365. #PopularPosts1 ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{color:#3b5998;margin:0;padding:0;list-style:none;border:none}
  366. #PopularPosts1 ul{margin:0;list-style:none}
  367. #PopularPosts1 ul li{margin:5px 0;padding:5px 0;position:relative}
  368. #PopularPosts1 ul li img{display:block;width:100%;height:60px}
  369. #PopularPosts1 ul li .item-title a,.PopularPosts ul li a{font-size:14px;font-weight:700}
  370. #PopularPosts1 .item-thumbnail{margin:0 10px 0 0;width:60px;height:60px}
  371. #PopularPosts1 .item-title{padding:0 5px}
  372. #PopularPosts1 ul li:nth-child(1){border-top:none}
  373. /* Sosial Media Widget */
  374. #HTML68 {margin:0 0 20px 0;}
  375. #HTML68 .lightsosmed-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}
  376. .lightsosmed-img{position:relative;max-height:140px;overflow:hidden}
  377. .lightsosmed-img img {max-width:100%;width:100%;transition:all .6s;}
  378. .lightsosmed-img:hover img{transform:scale(1.2) rotate(-10deg)}
  379. .lightsosmed-img:before{content:&#39;&#39;;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:all .3s}
  380. .lightsosmed-img:hover:before{background:rgba(0,0,0,0.6);}
  381. .aboutfloat-img{width:55%;position:absolute;top:35%;bottom:35%;left:22.5%;z-index:3}
  382. .lightsosmed-float{text-align:center;display:table;width:100%;height:100%}
  383. .lightsosmed-float a{background:#8bc34a;color:#fff;padding:8px 14px;z-index:2;display:table-cell;width:100%;font-size:90%;text-transform:uppercase;vertical-align:middle;border-radius:3px;box-shadow:3px 3px 3px rgba(0,0,0,0.05);transition:all .3s}
  384. .lightsosmed-float:hover a{background:#7cb342;color:#fff;border-color:transparent;}
  385. .lightsosmed-float a i{font-weight:normal;margin:0 5px 0 0}
  386. .lightsosmed-wrpicon{display:block;margin:15px auto;position:relative;}
  387. .lightsosmed-wrpicon .extender{width:100%;display:block;}
  388. .extender{text-align:center;font-size:16px}
  389. .extender .lightsosmed-icon{display:inline-block;border:0;margin:0;padding:0;width:32%;}
  390. .extender .lightsosmed-icon a{background:#ccc;display:inline-block;font-weight:400;color:#fff;padding:0 12px;line-height:32px;border-radius:3px;font-size:12px;width:100%;}
  391. .extender .lightsosmed-icon i{font-family:fontawesome;margin:0 3px 0 0}
  392. .lightsosmed-icon.fbl a{background:#3b5998}
  393. .lightsosmed-icon.twitt a{background:#19bfe5}
  394. .lightsosmed-icon.crcl a{background:#d64136}
  395. .lightsosmed-icon.fbl a:hover,.lightsosmed-icon.twitt a:hover,.lightsosmed-icon.crcl a:hover{background:#404040}
  396. .extender .lightsosmed-icon:hover a,.extender .lightsosmed-icon a:hover{color:#fff;}
  397. .lightsosmed-info{margin:10px 0 0 0;font-size:13px;text-align:center;}
  398. .lightsosmed-info p{margin:5px 0}
  399. .lightsosmed-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
  400. .lightsosmed-info h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;}
  401. .lightsosmed-info h4:before,.lightsosmed-info h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:&#39;\a0&#39;;background-color:rgba(0,0,0,0.08);}
  402. .lightsosmed-info h4:before {margin-left:-50%;text-align:right;}
  403. /* Ad */
  404. .kotak_iklan1 {position:relative;}
  405. .kotak_iklan1:before{content:&#39;300x250 Ad&#39;;position:absolute;background:rgba(25,25,25,.9);color:#fff;top:0;right:0;padding:2px 8px;font-size:80%}
  406. .kotak_iklan1:hover:before{content:&#39;Pasang iklan di blog Biografi dan Sejarah&#39;;}
  407. /* Banner */
  408. .banner,.banner2{margin:0 auto;text-align:center;overflow:hidden}
  409. .banner .widget,.banner2 .widget{width:100%;max-width:100%;margin:0 auto 20px auto;background:#fff;text-align:center;overflow:hidden;padding:10px}
  410. .banner img,.banner iframe,.banner2 img,.banner2 iframe{display:block;margin:0 auto;text-align:center;height:auto;}
  411. .kotak_iklan{text-align:center;margin:0 auto;transition:all 1s ease-out}
  412. .kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-atas .widget-content{padding:0;border:0}
  413. .kotak_iklan .sidebar .widget{margin-bottom:0;padding:0}
  414. .kotak_iklan img{background:#fff;text-align:center;margin:0 auto;padding:4px;border:1px solid transparent!important;transition:all .6s ease-out}
  415. .kotak_iklan img:hover{background:#fdfdfd;border:1px solid #e6e6e6}
  416. .kotak_iklan2,.kotak_iklan3{text-align:center;margin:0 auto;transition:all 1s ease-out}
  417. .kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-atas .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border:0}
  418. .kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-atas .widget{margin-bottom:0;padding:0}
  419. .kotak_iklan2 img{text-align:center;transition:all 1s ease-out}
  420. .kotak_iklan2 img:hover{transition:all .5s ease-out}
  421. #HTML1 .widget-content,#HTML2 .widget-content,#HTML3 .widget-content{padding:0;}
  422. /* To top */
  423. .backtotopx{visibility:hidden;z-index:2;background:rgba(0,0,0,0.6);color:#fff;font-size:20px;width:37px;height:37px;line-height:37px;text-align:center;position:fixed;bottom:10px;right:10px;border-radius:2px;cursor:pointer;transition:all .4s;}
  424. .backtotopx.arlniainf{visibility:visible;cursor:pointer;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .4s;}
  425. /* Arlina Global Responsive */
  426. @media screen and (max-width:800px) {
  427. #footer-wrapper{padding:20px 0}
  428. #header {text-align:center}
  429. #headerlight {float:none;max-width:100%;}
  430. .header-right {float:none;margin:20px 0 0 0;max-width:100%;}
  431. #main-wrapper {float:none;border:0;width:100%;}
  432. #sidebar-wrapper {padding: 0 20px;width:100%;float:none;}
  433. #menu {display:block;}
  434. #lightnavigation{background:#fff;font-size:initial;position:relative;display:block;padding:20px;text-transform:uppercase;font-weight:700;border-top:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12)}
  435. #lightnavigation ul{background:#8898aa;position:absolute;top:100%;left:0;z-index:3;height:auto;display:none}
  436. #lightnavigation ul.menus{width:100%;position:static;padding-left:20px}
  437. #lightnavigation li{display:block;float:none;width:auto}
  438. #lightnavigation input,#lightnavigation label{position:absolute;top:0;left:0;display:block}
  439. #lightnavigation input{z-index:4}
  440. #lightnavigation input:checked + label{color:#fff}
  441. #lightnavigation input:checked ~ ul{display:block;width:100%}
  442. #lightnavigation li:hover &gt; ul{width:100%}
  443. #lightnavigation li li {border:0;}
  444. #lightnavigation li li &gt; a {background:#3b5280;color:#fff;}
  445. lightnavigation li li:hover, #lightnavigation li li a:hover {background:#41598B;color:#fff;}
  446. #lightnavigation li ul {background:#fff;display:block;visibility:visible;opacity:1;padding:0;position:relative;width:100%;left:initial;box-shadow:none;}
  447. #lightnavigation li:hover ul.menus,#lightnavigation li:hover &gt; ul{left:initial}
  448. #footme{padding:0 20px}}
  449. @media only screen and (max-width:768px) {
  450. #header{padding:25px 20px;}
  451. #headerlight {float:none;max-width:100%;}
  452. .header-right {float:none;max-width:100%;margin-top:20px;}
  453. #sidebar-wrapper,#main-wrapper {width:100%;padding:0 20px 20px 20px;}
  454. .sidebar {padding:0;}
  455. .menusearch{display:block;margin:20px 0;padding:0 20px;max-width:100%;}
  456. .searchform .searchfield {width:100%;}}
  457. @media screen and (max-width:640px) {
  458. .post-info {display:none}
  459. .status-msg-border {width:97%}
  460. .post h2 {font-size:100%}
  461. h1.post-title.entry-title,h2.post-title.entry-title{font-size:18px;margin:0}
  462. #footer-wrapper{margin:auto;border-top:1px solid rgba(0,0,0,0.1)}
  463. #sosmed ul{padding:10px 0}
  464. #sosmed ul li{display:table;margin:10px auto;position:relative;width:90%;text-align:center}
  465. #footer-wrapper .footmekiri,#footer-wrapper .footmekanan{float:none;text-align:center}
  466. .backtotopx{width:32px;height:32px;line-height:32px}}
  467. @media screen and (max-width:480px) {
  468. body{background:#fff}
  469. .comments .comments-content .user{line-height:2.8em}
  470. .post h2{font-size:100%}
  471. .post h1{font-size:120%}
  472. body,.body-fauxcolumn-outer{font-size:80%}
  473. .menusearch{padding:0}
  474. #header p.description{line-height:normal}
  475. #main-wrapper,#sidebar-wrapper{padding:0}
  476. .post{padding:10px}}
  477. @media screen and (max-width:320px) {
  478. body{background:#fff}
  479. #sidebar-wrapper{padding:0 10px}
  480. .daftar-recent-post,.widget-content{padding:12px 0}
  481. #sosmed ul li{width:100%}}
  482. @media screen and (max-width:240px) {
  483. body,.body-fauxcolumn-outer {font-size:80%}}
  484. .status-msg-body {padding:10px 0;display:none}
  485. .status-msg-wrap{display:none;font-size:14px;margin-left:1px;width:100%;color:#666}
  486. .status-msg-wrap a{color:orange!important}
  487. .status-msg-bg{display:none;background:#ccc;position:relative;width:99%;padding:6px;z-index:1;border:2px #999 solid}
  488. .status-msg-border{display:none;border:0;position:relative;width:99%}
  489. </style>
  490. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  491. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  492. <style type='text/css'>
  493. h1.post-title.entry-title a:hover, h2.post-title.entry-title a:hover {color:#5f93fa;}
  494. .post-thumb{position:relative;background:#f2f3f6;overflow:hidden;float:left;min-width:220px;height:auto;min-height:160px;margin:0 20px 0 0;transition:all .3s}
  495. .post-thumbnail{background:#f2f3f6;width:100%;height:auto;}.post-thumb img{background:#f2f3f6;}
  496. .post-thumb .comment-info{position:absolute;top:0;left:0;z-index:5;color:#fff;padding:0}
  497. .post-thumb .comment-info a{display:inline-block;background:red;color:#fff;padding:10px}
  498. span.label-info a.label-block:nth-child(n+2) {display:none;}
  499. .snippets{color:#555;line-height:1.7;margin:0 0 8px 0}
  500. a.post-readmore{position:relative;background:#80cbc4;display:inline-block;float:left;padding:2px 6px;color:#fff;font-size:11px;font-weight:700;overflow:hidden;text-transform:uppercase;transition:background-color 0.4s}
  501. a.post-readmore:hover{background-color:#dd4b39;color:#fff;}
  502. a.post-readmore:hover .shine{transform:skewX(20deg) translateX(300px)}
  503. a.post-readmore i{margin:0 2px 0 4px}
  504. .shine{position:absolute;top:0;left:-70px;height:68px;width:30px;background:rgba(255,255,255,0.4);transition:all .3s linear;transform:skewX(20deg) translateX(0)}
  505. .post-timestamp,.author-info,.comment-info,.label-info{padding:0}
  506. .post-timestamp{float:right}
  507. .post-timestamp a abbr.published.updated{border:0;cursor:pointer}
  508. .post-info{padding:5px 0;overflow:hidden;border:0;margin:0 0 20px;font-size:14px;font-weight:700;text-transform:uppercase}
  509. .post-info a{color:#555}
  510. .post-info a:hover{color:#5f93fa;}
  511. /* Page Navigation */
  512. #blog-pager{background:#fff;clear:both;width:auto;padding:20px;line-height:normal;position:relative;display:block;text-align:left;overflow:visible;margin:20px 0 5px 0}
  513. .showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#f2f3f6;display:inline-block;font-size:13px;color:rgba(0,0,0,.8);padding:7px 10px;margin:0 6px 0 0;font-weight:700;transition:all .3s}
  514. .showpageNum a:before{content:&#39;&#39;;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02);transition:box-shadow 0.5s}
  515. .showpage a:hover,.showpageNum a:hover{background:#dbdde3;color:#333;position:relative;}
  516. .showpagePoint{background:#dd4b39;color:#fff;}
  517. .showpagePoint:hover{background:#ff5e4a;color:#fff;}
  518. /* Arlina Featured Post */
  519. #featured-posts-section{max-height:350px;overflow:hidden;margin:0 auto 20px}
  520. .featured-post a{font-size:1.2em;color:#fff;}
  521. .featured-post a:hover{color:#fff;text-decoration:underline;}
  522. .main-post.featured-post a{margin:0;font-size:18px}
  523. .featured-post .col-post{float:left;position:relative;overflow:hidden;margin:0 20px 0 0}
  524. .featured-post .secondary-post{width:32%;margin:0 0 20px 0}
  525. .featured-post .main-post{width:65.9%;padding:0}
  526. .featured-post span{background-color:rgba(0,0,0,0.7);padding:5px 6px;color:#fff;text-transform:uppercase;font-size:10px;font-style:normal;top:10px;left:10px;z-index:2;font-weight:700;position:absolute}
  527. .featured-post img{height:100%;transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}
  528. .featured-post .main-post img{height:350px;width:100%;object-fit:cover}
  529. .featured-post .secondary-post img{height:165px;object-fit:cover;width:100%}
  530. .featured-post header{background-image:linear-gradient(rgba(0,0,0, 0) 0%,rgba(0,0,0, .5) 100%);position:absolute;bottom:0;left:0;padding:20px;width:100%;}
  531. .featured-post h4{font-size:15px;line-height:1.3;}
  532. @media screen and (max-width:768px) {
  533. h1.post-title.entry-title a, h2.post-title.entry-title a {display:inline-block;margin:15px 0;}
  534. #featured-posts-section{display:none}}
  535. @media screen and (max-width:640px) {
  536. .post-thumb{width:100%;margin:0;min-width:auto;min-height:auto;max-height:200px;}
  537. .post-thumbnail {width:100%;height:auto;}
  538. h1.post-title.entry-title a, h2.post-title.entry-title a {margin:10px 0;}
  539. a.post-readmore{background:#fff;padding:1px 6px;color:#333;border:1px solid rgba(0,0,0,0.18);transition:background-color 0.4s}
  540. a.post-readmore:hover{background-color:#fff;color:#555;border-color:rgba(0,0,0,0.28);}
  541. #blog-pager {padding:12px;}
  542. .showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 3px 3px 0;background:#fff;border:1px solid rgba(0,0,0,0.16)}
  543. .showpagePoint{background:#dd4b39;color:#fff}
  544. .showpage a:hover,.showpageNum a:hover{background:#f2f3f6;color:#333;position:relative;}
  545. .snippets{font-size:96%;color:#999}}
  546. @media screen and (max-width:480px) {
  547. .post-thumb{max-height:160px;}}
  548. @media screen and (max-width:320px) {
  549. .showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
  550. </style>
  551. </b:if>
  552. </b:if>
  553. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  554. <style type='text/css'>
  555. /* Arlina Post Area */
  556. .post {overflow:hidden;}
  557. .post-info{display:block;padding:0;color:#999;line-height:1.6em;font-size:11px;overflow:hidden;margin:0;font-weight:700;}
  558. .post-info a{text-transform:uppercase;font-weight:700;display:inline-block;border-radius:3px;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:23px;padding:1px 8px 0 5px}
  559. .post-body p{margin:0}
  560. .post-timestamp {padding:0;}
  561. .post-body img {height:auto;margin-bottom:2px;opacity:1;transition:all .6s ease;}
  562. .post-body img:hover {opacity:0.97;}
  563. .post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0!important;}
  564. h1.post-title.entry-title,h2.post-title.entry-title{margin:20px 0;}
  565. .label-info{float:left;overflow:hidden;display:inline-block;margin:20px 10px 0 0;border-radius:3px;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:23px;padding:1px 8px 0 5px}
  566. .label-info a{color:#555;}
  567. .label-info:hover{opacity:.9;}
  568. .wa-info {display:inline-block;margin:10px 0 0 0;}
  569. /* CSS Comments */
  570. #comments{background:#fff;position:relative;margin:10px auto 20px auto;padding:20px;}
  571. .comment_avatar_wrap{width:42px;height:42px;background:#fcfcfc;border-radius:6px;text-align:center;margin:0 0 20px 0;padding:0}
  572. #comments .avatar-image-container{float:left;margin:0 10px 0 0;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;margin-bottom:10px}
  573. #comments .avatar-image-container img{width:42px;height:42px;max-width:42px;max-height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
  574. #comments .comment_name a{font-weight:bold;padding:5px 0 0 0;font-size:13px;text-decoration:none}
  575. #comments .comment_admin .comment_name{font-weight:700;padding:10px 0;font-size:13px;text-decoration:none;}
  576. #comments .comment_admin .comment_date{font-weight:normal;font-size:11px}
  577. #comments .comment_name{padding:10px;font-size:13px;font-weight:bold;position:relative}
  578. #comments .comment_service{margin-top:5px}
  579. #comments .comment_date{color:#a9a9a9;float:right;font-size:11px;font-weight:normal;margin-top:-3px}
  580. #comments .comment_date a{color:#a9a9a9;float:right;font-size:11px;font-weight:normal}
  581. #comments .comment_date a:hover{color:#a9a9a9;text-decoration:none}
  582. #comments .comment_body{margin-left:60px;margin-top:-64px;background:#f2f3f6;border-bottom:3px solid rgba(0,0,0,0.06);padding:10px;border-radius:2px}
  583. #comments .comment_body p{line-height:1.5em;margin:5px 0 0 0;color:#666;font-size:13px;word-wrap:break-word;background:#fff;padding:10px}
  584. #comments .comment_inner{margin:12px 0}
  585. #comments .comment_child .comment_wrap{padding-left:3%}
  586. #comments .comment_reply{display:inline-block;margin-top:10px;padding:1px 7px;color:#fff;text-align:center;text-decoration:none;background:#1eaeef;font:11px/18px sans-serif;transition:background-color 1s ease-out 0s}
  587. #comments .comment_reply:hover{text-decoration:none;background:#199dd9}
  588. #comments .unneeded-paging-control{display:none}
  589. #comments .comment-form{max-width:100%;}
  590. #comment-editor{width:100%;background:transparent url(http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif) no-repeat 50% 30%;border:1px solid #eee}
  591. #comments .comment_form a{text-decoration:none;}
  592. #comments .comment-form p{background:#f87362;padding:15px 15px 11px;margin:5px 0 15px;color:rgba(255,255,255,1);font-size:15px;line-height:normal;border-radius:3px;position:relative;max-width:100%;font-weight:700}
  593. #comments .comment-form p:after{content:&quot;&quot;;width:0;height:0;position:absolute;bottom:-16px;left:15px;border:8px solid transparent;border-color:#f87362 transparent transparent}
  594. #comments .comment_reply_form{padding:0 0 0 70px}
  595. #comments .comment_reply_form .comment-form{width:99%}
  596. .comment_emo_list .item{float:left;display:block;text-align:center;margin:5px 5px 0 0;height:40px;width:41px}
  597. .comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px}
  598. img.comment_emo {width:16px;height:16px;}
  599. .comment_youtube{max-width:100%;width:400px;height:225px;display:block;margin:auto}
  600. .comment_img{max-width:100%}
  601. #comments .deleted-comment{padding:10px 10px 10px 10px;display:block;color:#CCC}
  602. #comments .comment_header{width:50px}
  603. #respond{overflow:hidden;padding-left:10px;clear:both}
  604. #comments .comment_avatar img{width:42px;height:auto;background:url(http://3.bp.blogspot.com/-fr42e67HG4I/Vky8HLexiEI/AAAAAAAAM0I/MLMd2qwIH1E/s1600/avatar.png) no-repeat;border-radius:6px}
  605. #comments .comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
  606. iframe{border:none;overflow:hidden}
  607. #emo-box,#hide-emo{display:none}
  608. .paging-control-container{text-align:center;margin:0 0 0 25%}
  609. .paging-control-container a{text-align:center;margin:0 auto;background:#ccc;border:1px solid #dee1e2;padding:3px 10px}
  610. .button-group{float:right;text-align:left;margin:0 auto}
  611. button,button[disabled]:active{border:none;font-size:12px;font-weight:normal;border-radius:1px;border-bottom:2px solid #a0ad64;padding:4px 10px;text-decoration:none;background:#b6c472;color:#fff;display:inline-block;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);transition:all 0.5s linear;cursor:pointer}
  612. button:hover{background:#a0ad64;border-bottom:2px solid #8b9656;color:#fff;transition:all 0.2s linear}
  613. button:active{background:#a0ad64;border-bottom:2px solid #8b9656;color:#fff}
  614. button[disabled],button[disabled]:active{background:#a0ad64;border-bottom:2px solid #8b9656;color:#fff;cursor:default}
  615. .small-button a,.small-button1 a{color:#f87362;font-size:13px;cursor:pointer;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:3px;display:inline-block;background:#fff;padding:5px 10px;}
  616. .small-button:hover a,.small-button1:hover a{background:#fdfdfd;}
  617. /* Arlina Post Navigation */
  618. #blog-pager-newer-link,#blog-pager-older-link{font-size:100%}
  619. .blog-pager-older-link,.home-link,.blog-pager-newer-link{padding:0}
  620. .halaman{border-top:2px dashed rgba(0,0,0,0.1);margin:0;padding:20px 0 0;height:auto}
  621. .halaman-kanan,.halaman-kiri,.pager-title-left{transition:all .3s ease-in-out}
  622. .halaman-kanan,.halaman-kiri{color:#141924;background:0 0;width:50%;position:relative;margin:0}
  623. .halaman-kiri{height:auto;float:left;padding:0 10px 0 40px;text-align:left;}
  624. .halaman-kanan,.halaman-kiri{-webkit-box-sizing:border-box}
  625. .halaman-kanan{height:auto;float:right;padding:0 40px 0 10px;text-align:right;}
  626. .halaman-kanan a,.halaman-kiri a{color:#3b5998;font-size:16px;font-weight:500;line-height:1.3em}
  627. .halaman-kanan a:hover,.halaman-kanan:hover .pager-title-left,.halaman-kiri a:hover,.halaman-kiri:hover .pager-title-left{color:#5f93fa}
  628. .current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:16px;font-family:Roboto,Arial,sans-serif;font-weight:700;background:transparent;text-decoration:none;line-height:1.3em}
  629. #blog-pager,.isihalaman-kanan,.isihalaman-kiri{margin:0}
  630. .panahkanan,.panahkiri{position:absolute;top:50%;margin-top:-8px}
  631. .panahkiri{left:10px}
  632. .panahkanan{right:10px}
  633. .clear{clear:both}
  634. .comments-content {display:block;position:relative;margin-top:20px;}
  635. /* Arlina Related Post */
  636. #related-post {margin:20px 0 0 0;padding:0;}
  637. #related-post h4 {padding:0;margin:0 0 20px;font-size:110%;border-bottom:2px dashed rgba(0,0,0,0.12)}
  638. #related-post h4 span{color:#333;padding:6px 0;display:inline-block;text-transform:uppercase;vertical-align:middle}
  639. .relhead {background:#fff;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 0;}
  640. ul#related-light {margin:0;padding:0;}
  641. ul#related-light li{position:relative;float:left;list-style:none outside none;margin:0 5px 10px 5px;padding:0;overflow:hidden;width:31.6%}
  642. ul#related-light li a {display:block;overflow:hidden;}
  643. ul#related-light li img{background-color:#f2f3f6;width:100%;height:auto;max-width:100%;margin:0 auto;vertical-align:middle;transition:all 1s ease-out}
  644. ul#related-light li img:hover {opacity:0.96;}
  645. ul#related-light li a.relinkjdulx{color:#3b5998;display:block;font-size:15px;font-weight:700;line-height:normal;overflow:hidden;text-align:left;padding:10px 5px 10px 0}
  646. ul#related-light li a.relinkjdulx:hover{color:#5f93fa;}
  647. /* Share Button */
  648. .sharede,.sharelight{position:relative;display:inline-block;}
  649. .sharelight{margin:40px auto 20px auto;}
  650. .sharelight a.fb,.sharelight a.gp,.sharelight a.tw,.sharelight span.pl{text-decoration:none!important;display:inline-block;margin:0 5px 5px 0;font-weight:400;border-radius:2px;color:#fff;text-shadow:none;padding:6px 16px;opacity:1;transition:all .3s}
  651. .sharelight a.gp {background:#f20000;}
  652. .sharelight a.fb {background:#516ca4;}
  653. .sharelight a.tw {background:#00baff;}
  654. .sharelight span.pl {background:#ff6600;}
  655. .fbtea,.gotea,.plustea,.twtea{font-size:13px!important;vertical-align:middle}
  656. .sharelight a.fb:hover,.sharelight a.gp:hover,.sharelight a.tw:hover,.sharelight span.pl:hover{color:#fff;opacity:.9}
  657. .sharelight a.fb:active,.sharelight a.gp:active,.sharelight a.tw:active,.sharelight span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
  658. span.pl{color:green;cursor:pointer}
  659. .dropdown-menu{position:absolute;bottom:100%;left:0;z-index:99;float:left;min-width:100px;padding:5px 10px;margin:0;font-size:13px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;}
  660. .dropdown-menu li{list-style:none!important;margin:0!important;padding-left:0!important;line-height:1.8em!important}
  661. .dropdown-menu li a{color:#333!important;font-weight:400;display:block}
  662. .dropdown-menu li a:hover{color:#e8554e!important}
  663. ul#share-menu{margin:10px 0;padding:5px 15px}
  664. /* CSS Google Url */
  665. .shorturl{font-size:100%;font-weight:bold;color:#666!important}
  666. .shorturl a.url{text-decoration:none!important;color:#666!important;display:inline-block;margin:0 0 0 5px;border-radius:3px;background:#f8f8f8;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:23px;padding:1px 8px 0 5px;transition:all 400ms ease-in-out}
  667. .shorturl a.url:hover{color:#555;background:#fafafa;border:1px solid #999}
  668. .shorturl a.url:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
  669. /* Arlina Shortcodes */
  670. .button{list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both;}
  671. .button ul {margin:0;padding:0}
  672. .post-body ul.button {list-style:none;text-align:center;margin:20px auto;padding:2px;font-size:14px;clear:both;z-index:2;}
  673. .button li{display:inline;margin:5px;padding:0;list-style:none;}
  674. .post-body ul.button a.demo,.post-body ul.button a.download{display:block;background:#8bc34a;max-width:180px;padding:8px 12px;color:#fff;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;margin:auto;border-radius:3px;transition:all .3s}
  675. .post-body ul.button a.demo{background:#5c7dc2;}
  676. .post-body ul.button a.download{background:#da972d;}
  677. .post-body ul.button a.demo:hover,.post-body ul.button a.download:hover {opacity:.9;color:#fff}
  678. .first-letter{float:left;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
  679. .alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;color:#39484d;}
  680. .alert-message p{margin:0!important;padding:0;line-height:20px;font-size:13px;color:#39484d}
  681. .alert-message span{font-size:14px!important}
  682. .alert-message i{font-size:20px;text-align:left;display:inline-block;position:absolute;right:0;top:0;padding:20px;opacity:0.8;}
  683. .alert-message.success{background-color:#00acd6;color:#fff}.alert-message.alert{background-color:#0073b7;color:#fff}.alert-message.warning{background-color:#efa666;color:#fff}.alert-message.error{background-color:#f56c7e;color:#fff}
  684. .alert-message.success a,.alert-message.success span,.alert-message.alert a,.alert-message.alert span,.alert-message.warning a,.alert-message.warning span,.alert-message.error a,.alert-message.error span{color:#fff}
  685. #flippy {text-align:center;}
  686. #flippy button {margin:10px auto;cursor:default;background-color:#fff;color:#fefefe;padding:10px 15px!important;text-transform:uppercase;border:none;opacity:0.9;transition:all 0.3s ease-out;}
  687. #flippy button:hover, #flippy button:focus {outline:none;opacity:1;color:#fff;}
  688. #flippanel {padding:1px;text-align:left;background:#fafafa;border:1px solid #e3e3e3;}
  689. #flippanel {padding:24px;display:none;}
  690. #flippanel img {background:#f5f5f5;margin:10px auto;}
  691. .bagitiga {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
  692. .bagitiga img{-webkit-backface-visibility:hidden;margin-bottom:20px;max-width:100%;}
  693. #wrap{margin:20px auto;text-align:center}
  694. .btn{background:#7fa4ed;padding:8px 12px;color:#fff;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:4px;transition:all .3s}
  695. .btn:hover,.btn:active,.btn.down:hover,.btn.down:active{background:#41598B}
  696. .post-body a:visited.btn,.post-body a:visited.btn.down,.post-body a:link.btn,.post-body a.btn.down,.post-body a.btn:hover,.post-body a.btn:active,.post-body a.btn.down:hover,.post-body a.btn.down:active{color:#fff}
  697. .btn i{margin:0}
  698. .btn.down.anima{-webkit-animation:anim 2s ease-in infinite;animation:anim 2s ease-in infinite}
  699. .videoyoutube{text-align:center;margin:auto;width:100%;}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
  700. blockquote#customize{background:#f8f8f8;border:1px solid #e3e3e3;color:#333;padding:10px 15px 15px 15px}
  701. blockquote#customize ul.button a.download{background:#8bc34a;}blockquote#customize ul.button a.download:hover{background:#555;border-color:#111;}
  702. blockquote#customize:before,#related-light .news-text,.loading-shorturl,#share-menu{display:none}
  703. /* CSS Syntax Highlighting */
  704. .hljs{display:block;overflow-x:auto;padding:0.5em;background:#333;color:white}
  705. .hljs-name,.hljs-strong{font-weight:bold}
  706. .hljs-code,.hljs-emphasis{font-style:italic}
  707. .hljs-tag{color:#62c8f3}
  708. .hljs-variable,.hljs-template-variable,.hljs-selector-id,.hljs-selector-class{color:#ade5fc}
  709. .hljs-string,.hljs-bullet{color:#a2fca2}
  710. .hljs-type,.hljs-title,.hljs-section,.hljs-attribute,.hljs-quote,.hljs-built_in,.hljs-builtin-name{color:#ffa}
  711. .hljs-number,.hljs-symbol,.hljs-bullet{color:#d36363}
  712. .hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#fcc28c}
  713. .hljs-comment,.hljs-deletion,.hljs-code{color:#888}
  714. .hljs-regexp,.hljs-link{color:#c6b4f0}
  715. .hljs-meta{color:#fc9b9b}
  716. .hljs-deletion{background-color:#fc9b9b;color:#333}
  717. .hljs-addition{background-color:#a2fca2;color:#333}
  718. .hljs a{color:inherit}
  719. .hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}
  720. /* CSS Item Responsive */
  721. @media only screen and (max-width:1366px) {
  722. #sticky-side .recent-post-arlina li:last-child{display:none}}
  723. @media only screen and (max-width:960px){
  724. .bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}}
  725. @media only screen and (max-width:640px){
  726. ul#related-light li {float:left;list-style:none;overflow:hidden;width:100%;border-bottom:1px solid #e6e6e6;padding:10px 0;}
  727. ul#related-light li:last-child{border-bottom:none;}
  728. ul#related-light li a.relinkjdulx {display:block;font-size:14px;font-weight:700;line-height:normal;overflow:hidden;padding:10px 10px 10px 0;}
  729. ul#related-light li img {display:none;}
  730. .bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}
  731. @media screen and (max-width:603px){.halaman-kanan,.halaman-kiri{width:100%;padding:0}
  732. .isihalaman-kiri{margin-left:40px!important}
  733. .isihalaman-kanan{margin-right:40px!important}
  734. .panahkiri{margin-top:-18px}
  735. .halaman-kiri:after{content:&#39;&#39;;height:1px;width:100%;background:#dedede;display:block;margin:10px 0}}
  736. </style>
  737. <script type='text/javascript'>/*<![CDATA[*/function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgcuplik(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnojudul]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnojudul]=saringtags(postcontent,numchars),"media$thumbnail"in e?postimg=e.media$thumbnail.url:postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF",relgambar[relnojudul]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnojudul]=e.link[n].href;break}relnojudul++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function artikelterkait(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],i=relurls[t],o=relcuplikan[t],s=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=i,relcuplikan[a]=o,relgambar[a]=s}for(var g,m=0,d=Math.floor((reljudul.length-1)*Math.random()),c=d,h=document.URL;relmaxtampil>m&&(relurls[d]==h||(g="<li class='news-title clearfix'>",g+="<a href='"+relurls[d]+"' rel='nofollow' target='_top' title='"+reljudul[d]+"'><div class='overlayb'></div><img src='"+relgambar[d]+"' /></a>",g+="<a class='relinkjdulx' href='"+relurls[d]+"' target='_top'>"+reljudul[d]+"</a>",g+="<span class='news-text'>"+relcuplikan[d]+"</span>",g+="</li>",document.write(g),m++,m!=relmaxtampil))&&(d<reljudul.length-1?d++:d=0,d!=c););}var relnojudul=0,relmaxtampil=6,numchars=90,reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;/*]]>*/</script>
  738. </b:if>
  739. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  740. <style type='text/css'>
  741. h1.post-title.entry-title, h2.post-title.entry-title {margin:20px auto;}
  742. #comments,#sidebar-wrapper {display:none;}
  743. #main-wrapper {width:100%;float:none;border:0;}
  744. /* Arlina Post Navigation */
  745. #blog-pager{position:relative;display:block;width:100%;margin:20px 10px 20px 0;text-align:center}
  746. #blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}
  747. #blog-pager a:link,#blog-pager a:visited{display:inline-block;color:#fff;font-size:14px!important;padding:10px 20px;margin:5px;background:#5cb9c1;text-transform:uppercase;font-weight:700;transition:all .3s}
  748. #blog-pager a:link:hover,#blog-pager a:visited:hover{background:#127c7a;color:#fff;}
  749. #blog-pager{text-align:center;border:0}
  750. .comments-content {display:block;position:relative;margin-top:20px;}
  751. </style>
  752. </b:if>
  753. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  754. <style type='text/css'>
  755. .header-wrapper, #header, #outer-wrapper, #post-wrapper, #sidebar-wrapper, #content-wrapper,#footer-wrapper,#lightnavigation,#wrapper,.backtotopx{display:none;}
  756. body,html{overflow:hidden;margin:0;padding:0;width:100%;min-height:100vh;}
  757. .container404{margin:8% auto 0 auto;max-width:560px;min-width:200px;line-height:normal;backface-visibility:hidden;transition:all .3s;}
  758. .container404:hover{cursor:crosshair;transform:scale(1.1)}
  759. .box404 hr{background:transparent;display:block;border:none;border-bottom:2px dashed rgba(0,0,0,0.1)}
  760. .box404{background-color:#fff;padding:20px;font-size:110%;color:#888;border-radius:5px 5px 0 0}
  761. .box404 h2,.box404 h3{color:#444;display:block;text-align:center;font-size:120%}
  762. .box404 h2{font-size:4rem;color:#e74c3c;}
  763. .box404 p{display:block;margin:10px 0}
  764. .box404 ul li{margin:0 0 8px 20px;list-style:initial;list-style-type:square}
  765. .box404 ul li a{color:#888;}
  766. .copyright404{background:#444;display:block;text-align:center;color:#fff;margin:auto;font-weight:normal;max-width:560px;min-width:200px;padding:20px;border-radius:0 0 5px 5px}
  767. .copyright404 a,.copyright404 a:hover{color:#fff}
  768. @media screen and (max-width:1024px) {
  769. .container404{margin:4% auto 0 auto;}}
  770. </style>
  771. </b:if>
  772. <script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
  773. <script type='text/javascript'>
  774. //<![CDATA[
  775. //CSS Ready
  776. function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
  777. loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css");
  778. // Total Posts
  779. function getposts(json){var totalposts=json.feed.openSearch$totalResults.$t;document.write('<div class="totalposts"><span class="totalnumber">'+totalposts+'</span><span class="totallabel">Artikel yang di Publish</span></div>');}
  780. //]]>
  781. </script>
  782. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  783. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  784. <script type='text/javascript'>
  785. snippet_count = 80;
  786. //<![CDATA[
  787. function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"....."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"....."+"</div>";e.innerHTML=i}
  788. //]]>
  789. </script>
  790. <script type='text/javascript'>
  791. //<![CDATA[
  792. var _0xd0ab=["\x3C","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x3E","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6A\x6F\x69\x6E","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x74\x65\x72\x6D","\x63\x61\x74\x65\x67\x6F\x72\x79","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x72\x65\x6C","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x74\x79\x70\x65","\x20","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x6D\x67","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x2D","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x69\x6E\x2D\x70\x6F\x73\x74\x20\x63\x6F\x6C\x2D\x70\x6F\x73\x74\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6C\x75\x65\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x20\x61\x6C\x74\x3D\x22\x22\x3E\x3C\x2F\x69\x6D\x67\x3E\x3C\x2F\x61\x3E\x3C\x68\x65\x61\x64\x65\x72\x3E\x3C\x68\x33\x20\x63\x6C\x61\x73\x73\x3D\x22\x65\x6E\x74\x72\x79\x2D\x74\x69\x74\x6C\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x33\x3E\x3C\x2F\x68\x65\x61\x64\x65\x72\x3E\x3C\x2F\x64\x69\x76\x3E","\x77\x72\x69\x74\x65","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x65\x63\x6F\x6E\x64\x61\x72\x79\x2D\x70\x6F\x73\x74\x20\x63\x6F\x6C\x2D\x70\x6F\x73\x74\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x6D\x61\x72\x67\x69\x6E\x2D\x72\x69\x67\x68\x74\x3A\x30\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6C\x75\x65\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x68\x6F\x76\x65\x72\x5F\x70\x6C\x61\x79\x5F\x73\x6D\x61\x6C\x6C\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22\x32\x30\x30\x22\x20\x77\x69\x64\x74\x68\x3D\x22\x33\x32\x30\x22\x3E\x3C\x2F\x69\x6D\x67\x3E\x3C\x2F\x61\x3E\x3C\x68\x65\x61\x64\x65\x72\x3E\x3C\x68\x34\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x34\x3E\x3C\x2F\x68\x65\x61\x64\x65\x72\x3E\x3C\x2F\x64\x69\x76\x3E","\x68\x74\x74\x70\x3A\x2F\x2F\x73\x69\x74\x65\x73\x2E\x67\x6F\x6F\x67\x6C\x65\x2E\x63\x6F\x6D\x2F\x73\x69\x74\x65\x2F\x66\x64\x62\x6C\x6F\x67\x73\x69\x74\x65\x2F\x48\x6F\x6D\x65\x2F\x6E\x6F\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2E\x67\x69\x66","\x33","\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\x74\x63\x68\x4D\x65\x64\x69\x61","\x6D\x61\x74\x63\x68\x65\x73","\x6F\x6E\x6C\x6F\x61\x64","\x6C\x69\x67\x68\x74\x63\x72\x65\x64\x69\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x2F\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x20\x74\x69\x74\x6C\x65\x3D\x27\x44\x65\x73\x69\x67\x6E\x65\x64\x20\x62\x79\x20\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x27\x3E\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E"];function removeHtmlTag(_0x7584x2,_0x7584x3){for(var _0x7584x4=_0x7584x2[_0xd0ab[1]](_0xd0ab[0]),_0x7584x5=0;_0x7584x5<_0x7584x4[_0xd0ab[2]];_0x7584x5++){-1!=_0x7584x4[_0x7584x5][_0xd0ab[4]](_0xd0ab[3])&&(_0x7584x4[_0x7584x5]=_0x7584x4[_0x7584x5][_0xd0ab[5]](_0x7584x4[_0x7584x5][_0xd0ab[4]](_0xd0ab[3])+1,_0x7584x4[_0x7584x5][_0xd0ab[2]]))};return _0x7584x4=_0x7584x4[_0xd0ab[7]](_0xd0ab[6]),_0x7584x4=_0x7584x4[_0xd0ab[5]](0,_0x7584x3-1)}function sliderposts(_0x7584x2){j=showRandomImg?Math[_0xd0ab[9]]((imgr[_0xd0ab[2]]+1)*Math[_0xd0ab[8]]()):0,img= new Array,numposts1<=_0x7584x2[_0xd0ab[11]][_0xd0ab[10]][_0xd0ab[2]]?maxpost=numposts1:maxpost=_0x7584x2[_0xd0ab[11]][_0xd0ab[10]][_0xd0ab[2]];for(var _0x7584x3=0;_0x7584x3<maxpost;_0x7584x3++){var _0x7584x5,_0x7584x7,_0x7584x8=_0x7584x2[_0xd0ab[11]][_0xd0ab[10]][_0x7584x3],_0x7584x9=_0x7584x8[_0xd0ab[13]][0][_0xd0ab[12]],_0x7584xa=_0x7584x8[_0xd0ab[15]][_0xd0ab[14]];if(_0x7584x3==_0x7584x2[_0xd0ab[11]][_0xd0ab[10]][_0xd0ab[2]]){break};for(var _0x7584xb=0;_0x7584xb<_0x7584x8[_0xd0ab[16]][_0xd0ab[2]];_0x7584xb++){if(_0xd0ab[17]==_0x7584x8[_0xd0ab[16]][_0x7584xb][_0xd0ab[18]]){_0x7584x7=_0x7584x8[_0xd0ab[16]][_0x7584xb][_0xd0ab[19]];break}};for(var _0x7584xb=0;_0x7584xb<_0x7584x8[_0xd0ab[16]][_0xd0ab[2]];_0x7584xb++){if(_0xd0ab[20]==_0x7584x8[_0xd0ab[16]][_0x7584xb][_0xd0ab[18]]&&_0xd0ab[21]==_0x7584x8[_0xd0ab[16]][_0x7584xb][_0xd0ab[22]]){_0x7584x5=_0x7584x8[_0xd0ab[16]][_0x7584xb][_0xd0ab[15]][_0xd0ab[1]](_0xd0ab[23])[0];break}};if(_0xd0ab[24] in _0x7584x8){var _0x7584xc=_0x7584x8[_0xd0ab[24]][_0xd0ab[14]]}else {if(_0xd0ab[25] in _0x7584x8){var _0x7584xc=_0x7584x8[_0xd0ab[25]][_0xd0ab[14]]}else {var _0x7584xc=_0xd0ab[6]}};postdate=_0x7584x8[_0xd0ab[26]][_0xd0ab[14]],j>imgr[_0xd0ab[2]]-1&&(j=0),img[_0x7584x3]=imgr[j],s=_0x7584xc,a=s[_0xd0ab[4]](_0xd0ab[27]),b=s[_0xd0ab[4]](_0xd0ab[28],a),c=s[_0xd0ab[4]](_0xd0ab[29],b+5),d=s[_0xd0ab[30]](b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&_0xd0ab[6]!=d&&(img[_0x7584x3]=d);for(var _0x7584xd=[1,2,3,4,5,6,7,8,9,10,11,12],_0x7584xe=[_0xd0ab[31],_0xd0ab[32],_0xd0ab[33],_0xd0ab[34],_0xd0ab[35],_0xd0ab[36],_0xd0ab[37],_0xd0ab[38],_0xd0ab[39],_0xd0ab[40],_0xd0ab[41],_0xd0ab[42]],_0x7584xf=(postdate[_0xd0ab[1]](_0xd0ab[43])[2][_0xd0ab[5]](0,2),postdate[_0xd0ab[1]](_0xd0ab[43])[1]),_0x7584x10=(postdate[_0xd0ab[1]](_0xd0ab[43])[0],0);_0x7584x10<_0x7584xd[_0xd0ab[2]];_0x7584x10++){if(parseInt(_0x7584xf)==_0x7584xd[_0x7584x10]){_0x7584xf=_0x7584xe[_0x7584x10];break}};if(0==_0x7584x3){var _0x7584x11=_0xd0ab[44]+_0x7584x7+_0xd0ab[45]+_0x7584x9+_0xd0ab[46]+img[_0x7584x3]+_0xd0ab[47]+_0x7584x7+_0xd0ab[48]+_0x7584xa+_0xd0ab[49];document[_0xd0ab[50]](_0x7584x11)}else {var _0x7584x11=_0xd0ab[51]+_0x7584x9+_0xd0ab[52]+_0x7584x7+_0xd0ab[53]+img[_0x7584x3]+_0xd0ab[54]+_0x7584x7+_0xd0ab[55]+_0x7584xa+_0xd0ab[56];document[_0xd0ab[50]](_0x7584x11)};j++}}imgr= new Array,imgr[0]=_0xd0ab[57],showRandomImg= !0,aBold= !0,summaryPost=150,summaryTitle=50,numposts1=10,featured_numposts=_0xd0ab[58];var mql=window[_0xd0ab[60]](_0xd0ab[59]);mql[_0xd0ab[61]]&&(window[_0xd0ab[62]]=function(){var _0x7584x8=document[_0xd0ab[64]](_0xd0ab[63]);null==_0x7584x8&&(window[_0xd0ab[65]][_0xd0ab[19]]=_0xd0ab[66]),_0x7584x8[_0xd0ab[67]](_0xd0ab[19],_0xd0ab[66]),_0x7584x8[_0xd0ab[67]](_0xd0ab[18],_0xd0ab[68]),_0x7584x8[_0xd0ab[69]]=_0xd0ab[70]})
  793. //]]>
  794. </script>
  795. </b:if>
  796. </b:if>
  797. </head>
  798. <!-- <body><div></div> -->
  799.  
  800. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  801. <noscript><iframe height='0' src='//www.googletagmanager.com/ns.html?id=GTM-W82RBK' style='display:none;visibility:hidden' width='0'/></noscript>
  802. <div id='header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  803. <div class='maxwrap'>
  804. <b:section id='headerlight' maxwidgets='1' showaddelement='no'>
  805. <b:widget id='Header1' locked='true' title='Informasi Terupdate (Header)' type='Header' version='1' visible='true'>
  806. <b:includable id='main'>
  807. <b:if cond='data:useImage'>
  808. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  809. <!--
  810. Show image as background to text. You can't really calculate the width
  811. reliably in JS because margins are not taken into account by any of
  812. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  813. width if the user is using shrink to fit.
  814. This results in a margin-width's worth of pixels being cropped. If the
  815. user is not using shrink to fit then we expand the header.
  816. -->
  817. <b:if cond='data:mobile'>
  818. <div id='header-inner'>
  819. <div class='titlewrapper' style='background: transparent'>
  820. <b:include name='title'/>
  821. </div>
  822. <b:include name='description'/>
  823. </div>
  824. <b:else/>
  825. <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'>
  826. <div class='titlewrapper' style='background: transparent'>
  827. <b:include name='title'/>
  828. </div>
  829. <b:include name='description'/>
  830. </div>
  831. </b:if>
  832. <b:else/>
  833. <!--Show the image only-->
  834. <div id='header-inner'>
  835. <a expr:href='data:blog.homepageUrl' style='display: block'>
  836. <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'/>
  837. </a>
  838. <!--Show the description-->
  839. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  840. <b:include name='description'/>
  841. </b:if>
  842. </div>
  843. </b:if>
  844. <b:else/>
  845. <!--No header image -->
  846. <div id='header-inner'>
  847. <div class='titlewrapper'>
  848. <b:include name='title'/>
  849. </div>
  850. <b:include name='description'/>
  851. </div>
  852. </b:if>
  853. </b:includable>
  854. <b:includable id='description'>
  855. <div class='descriptionwrapper'> <b:if cond='data:blog.pageType != &quot;item&quot;'><p class='description'><span><data:description/></span></p><b:else/><p class='description'><span><b:if cond='data:blog.pageType == &quot;item&quot;'><strong><font style='text-transform: uppercase;'><u><i><data:blog.pageName/></i></u></font></strong></b:if></span></p></b:if> </div>
  856. </b:includable>
  857. <b:includable id='title'>
  858. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  859. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  860. <h1 class='title'>
  861. <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  862. <span itemprop='name'><data:title/></span>
  863. </a>
  864. </h1>
  865. <b:else/>
  866. <h2 class='title'>
  867. <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  868. <span itemprop='name'><data:title/></span>
  869. </a>
  870. </h2>
  871. </b:if>
  872. <b:else/>
  873. <h2 class='title'>
  874. <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  875. <span itemprop='name'><data:title/></span>
  876. </a>
  877. </h2>
  878. </b:if>
  879. </b:includable>
  880. </b:widget>
  881. </b:section>
  882. <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'/>
  883. <div class='menusearch'>
  884. <form action='/search' class='searchform' method='get'>
  885. <input class='searchfield' id='q' 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='Tulis kata kunci disini...'>
  886. <input id='searchsubmit' type='submit' value=''><span class='ico ico-mglass'/></input>
  887. </input>
  888. </form>
  889. </div>
  890. </div>
  891. </div>
  892. <div class='clear'/>
  893. <nav id='lightnavigation' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
  894. <div class='maxwrap'>
  895. <input type='checkbox'>&#9776; Navigation</input>
  896. <ul>
  897. <li class='indie'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='name'>Home</span></a></li>
  898. <li><a href='#' itemprop='url'><span itemprop='name'>Blog</span></a>
  899. <ul>
  900. <li><a href='/p/contact.html' itemprop='url'><span itemprop='name'>Contact</span></a></li>
  901. <li><a href='/p/disclaimer.html' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
  902. <li><a href='/p/privacy-policy.html' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></li>
  903. <li><a href='/p/site-map.html' itemprop='url'><span itemprop='name'>Site map</span></a></li>
  904. <li><a href='/p/terms-of-service.html' itemprop='url'><span itemprop='name'>Terms of Service</span></a></li>
  905. </ul>
  906. </li>
  907. <li><a href='/search/label/Tips' itemprop='url'><span itemprop='name'>Tips</span></a></li>
  908. </ul>
  909. </div>
  910. </nav>
  911. <div class='clear'/>
  912. <div id='wrapper'>
  913. <div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
  914. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  915. <div class='ct-wrapper' id='featured-posts-section'>
  916. <div class='featured-post padding clearfix'>
  917. <script type='text/javaScript'>
  918. document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/?max-results=&quot;+featured_numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=sliderposts\&quot;&gt;&lt;\/script&gt;&quot;);
  919. </script>
  920. </div>
  921. </div>
  922. </b:if>
  923. <b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'>
  924. <b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
  925. <b:includable id='main'>
  926. <!-- only display title if it's non-empty -->
  927. <b:if cond='data:title != &quot;&quot;'>
  928. <h2 class='title'><data:title/></h2>
  929. </b:if>
  930. <div class='widget-content'>
  931. <data:content/>
  932. </div>
  933.  
  934. <b:include name='quickedit'/>
  935. </b:includable>
  936. </b:widget>
  937. </b:section>
  938. <div class='clear'/>
  939. <div id='main-wrapper'>
  940. <b:section class='main' id='main' showaddelement='no'>
  941. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>
  942. <b:includable id='main' var='top'>
  943. <b:include data='posts' name='breadcrumb'/>
  944. <b:if cond='data:mobile == &quot;false&quot;'>
  945. <!-- posts -->
  946. <div class='blog-posts hfeed'>
  947. <b:include data='top' name='status-message'/>
  948. <data:defaultAdStart/>
  949. <b:loop values='data:posts' var='post'>
  950. <b:if cond='data:post.isDateStart'>
  951. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  952. &lt;/div&gt;&lt;/div&gt;
  953. </b:if>
  954. </b:if>
  955. <b:if cond='data:post.isDateStart'>
  956. &lt;div class=&quot;date-outer&quot;&gt;
  957. </b:if>
  958. <b:if cond='data:post.dateHeader'>
  959. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  960. </b:if>
  961. <b:if cond='data:post.isDateStart'>
  962. &lt;div class=&quot;date-posts&quot;&gt;
  963. </b:if>
  964. <div class='post-outer'>
  965. <b:include data='post' name='post'/>
  966. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  967. <b:if cond='data:post.showThreadedComments'>
  968. <b:include data='post' name='comments'/>
  969. <b:else/>
  970. <b:include data='post' name='comments'/>
  971. </b:if>
  972. </b:if>
  973. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  974. <b:if cond='data:post.showThreadedComments'>
  975. <b:include data='post' name='comments'/>
  976. <b:else/>
  977. <b:include data='post' name='comments'/>
  978. </b:if>
  979. </b:if>
  980. </div>
  981. <b:if cond='data:post.includeAd'>
  982. <b:if cond='data:post.isFirstPost'>
  983. <data:defaultAdEnd/>
  984. <b:else/>
  985. <data:adEnd/>
  986. </b:if>
  987. <div class='inline-ad'>
  988. <data:adCode/>
  989. </div>
  990. <data:adStart/>
  991. </b:if>
  992. </b:loop>
  993. <b:if cond='data:numPosts != 0'>
  994. &lt;/div&gt;&lt;/div&gt;
  995. </b:if>
  996. <data:adEnd/>
  997. </div>
  998. <!-- navigation -->
  999. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1000. <b:include name='nextprev'/>
  1001. <b:else/>
  1002. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1003. <b:include name='nextprev'/>
  1004. </b:if>
  1005. </b:if>
  1006. <!-- feed links -->
  1007. <b:include name='feedLinks'/>
  1008. <b:if cond='data:top.showStars'>
  1009. <script src='//www.google.com/jsapi' type='text/javascript'/>
  1010. <script type='text/javascript'>
  1011. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1012. function initialize() {google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch();}google.setOnLoadCallback(initialize);
  1013. </script>
  1014. </b:if>
  1015. <b:else/>
  1016. <b:include name='mobile-main'/>
  1017. </b:if>
  1018. <b:if cond='data:top.showDummy'>
  1019. <data:top.dummyBootstrap/>
  1020. </b:if>
  1021. </b:includable>
  1022. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1023. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1024. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1025. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1026. </a>
  1027. </span>
  1028. </b:includable>
  1029. <b:includable id='backlinks' var='post'>
  1030. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1031. <b:if cond='data:post.numBacklinks != 0'>
  1032. <dl class='comments-block' id='comments-block'>
  1033. <b:loop values='data:post.backlinks' var='backlink'>
  1034. <div class='collapsed-backlink backlink-control'>
  1035. <dt class='comment-title'>
  1036. <span class='backlink-toggle-zippy'>&#160;</span>
  1037. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1038. <b:include data='backlink' name='backlinkDeleteIcon'/>
  1039. </dt>
  1040. <dd class='comment-body collapseable'>
  1041. <data:backlink.snippet/>
  1042. </dd>
  1043. <dd class='comment-footer collapseable'>
  1044. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1045. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1046. </dd>
  1047. </div>
  1048. </b:loop>
  1049. </dl>
  1050. </b:if>
  1051. <p class='comment-footer'>
  1052. <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>
  1053. </p>
  1054. </b:includable>
  1055. <b:includable id='breadcrumb' var='posts'>
  1056. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1057. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1058. <div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>Home </a> </span><span class='breadlabel'><data:blog.pageName/></span></div>
  1059. <b:else/>
  1060. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1061. <!-- breadcrumb for the post page -->
  1062. <b:loop values='data:posts' var='post'>
  1063. <b:if cond='data:post.labels'>
  1064. <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
  1065. <span class='breadhome' typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a> </span>
  1066. <b:loop values='data:post.labels' var='label'>
  1067. <span class='breadlabel' typeof='v:Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=7&quot;' property='v:title' rel='v:url'><data:label.name/></a> </span>
  1068. </b:loop>
  1069. <span class='breadlabel'><data:post.title/></span>
  1070. </div>
  1071. <b:else/>
  1072. <div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> </span><span class='breadlabel'>Unlabelled</span> <span class='breadlabel'><data:post.title/></span></div>
  1073. </b:if>
  1074. </b:loop>
  1075. <b:else/>
  1076. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1077. <!-- breadcrumb for the label archive page and search pages.. -->
  1078. <div class='breadcrumbs'>
  1079. <span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home </a> </span><span>Archives for <data:blog.pageName/></span>
  1080. </div>
  1081. <b:else/>
  1082. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1083. <div class='breadcrumbs'>
  1084. <b:if cond='data:blog.pageName == &quot;&quot;'>
  1085. <span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home</a> </span><span class='breadlabel'>All posts </span>
  1086. <b:else/>
  1087. <span class='breadhome'> <a expr:href='data:blog.homepageUrl'>Home</a> </span><span class='breadlabel'>Posts filed under <data:blog.pageName/></span>
  1088. </b:if>
  1089. </div>
  1090. </b:if>
  1091. </b:if>
  1092. </b:if>
  1093. </b:if>
  1094. </b:if>
  1095. </b:includable>
  1096. <b:includable id='comment-form' var='post'>
  1097. <div class='comment-form'>
  1098. <b:if cond='data:mobile'>
  1099. <h4 id='comment-post-message'>
  1100. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1101. <p><data:blogCommentMessage/></p>
  1102. <data:blogTeamBlogMessage/>
  1103. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1104. <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%'/>
  1105. <b:else/>
  1106. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1107. <p><data:blogCommentMessage/></p>
  1108. <data:blogTeamBlogMessage/>
  1109. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1110. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1111. </b:if>
  1112. <data:post.friendConnectJs/>
  1113. <data:post.cmtfpIframe/>
  1114. <script type='text/javascript'>
  1115. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1116. </script>
  1117. </div>
  1118. </b:includable>
  1119. <b:includable id='commentDeleteIcon' var='comment'>
  1120. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1121. <b:if cond='data:showCmtPopup'>
  1122. <div class='goog-toggle-button'>
  1123. <div class='goog-inline-block comment-action-icon'/>
  1124. </div>
  1125. <b:else/>
  1126. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1127. <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  1128. </a>
  1129. </b:if>
  1130. </span>
  1131. </b:includable>
  1132. <b:includable id='comment_count_picker' var='post'>
  1133. <b:if cond='data:post.commentSource == 1'>
  1134. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
  1135. </span>
  1136. <b:else/>
  1137. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1138. <data:post.commentLabelFull/>:
  1139. </a>
  1140. </b:if>
  1141. </b:includable>
  1142. <b:includable id='comment_picker' var='post'>
  1143. <b:if cond='data:post.commentSource == 1'>
  1144. <b:include data='post' name='iframe_comments'/>
  1145. <b:elseif cond='data:post.showThreadedComments'/>
  1146. <b:include data='post' name='comments'/>
  1147. <b:else/>
  1148. <b:include data='post' name='comments'/>
  1149. </b:if>
  1150. </b:includable>
  1151. <b:includable id='comments' var='post'>
  1152. <div class='comments' id='comments'>
  1153. <b:if cond='data:post.allowComments'>
  1154. <b:if cond='data:post.numComments != 0'>
  1155. <h3>
  1156. <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>
  1157. <b:else/>
  1158. <data:post.numComments/> <data:commentLabelPlural/>
  1159. </b:if>
  1160. </h3>
  1161. </b:if>
  1162. <b:if cond='data:post.commentPagingRequired'>
  1163. <span class='paging-control-container'>
  1164. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1165. &#160;
  1166. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1167. &#160;
  1168. <data:post.commentRangeText/>
  1169. &#160;
  1170. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1171. &#160;
  1172. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1173. </span>
  1174. </b:if>
  1175. <div class='clear'/>
  1176. <div id='comment_block'>
  1177. <b:loop values='data:post.comments' var='comment'>
  1178. <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
  1179. <b:if cond='data:post.adminClass == data:comment.adminClass'>
  1180. &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
  1181. <b:else/> &lt;div class=&#39;comment_inner&#39;&gt;
  1182. </b:if>
  1183. <div class='comment_header'>
  1184. <div class='comment_avatar_wrap'>
  1185. <div class='comment_avatar'>
  1186. <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
  1187. </div>
  1188. <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
  1189. </div>
  1190. <div class='clear'/>
  1191. </div>
  1192. <div class='comment_body'>
  1193. <div class='comment_name'>
  1194. <b:if cond='data:comment.authorUrl'>
  1195. <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
  1196. <data:comment.author/>
  1197. </a>
  1198. <b:else/>
  1199. <data:comment.author/>
  1200. </b:if>
  1201. <b:if cond='data:comment.author == data:post.author'>
  1202. <span class='comment_author_flag'/>
  1203. </b:if>
  1204. <span class='comment_service'>
  1205. <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
  1206. <img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
  1207. </a>
  1208. <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
  1209. <data:comment.timestamp/>
  1210. </a></span>
  1211. </span>
  1212. </div>
  1213. <b:if cond='data:comment.isDeleted'>
  1214. <span class='deleted-comment'><data:comment.body/></span>
  1215. <b:else/>
  1216. <p>
  1217. <data:comment.body/>
  1218. </p>
  1219. <div class='clear'/>
  1220. </b:if>
  1221. </div>
  1222. <div class='clear'/> &lt;/div&gt;
  1223. <div class='clear'/>
  1224. <div class='comment_child'/>
  1225. <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
  1226. </div>
  1227. </b:loop>
  1228. </div>
  1229. <div class='clear'/>
  1230. <b:if cond='data:post.commentPagingRequired'>
  1231. <span class='paging-control-container'>
  1232. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1233. &#160;
  1234. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1235. &#160;
  1236. <data:post.commentRangeText/>
  1237. &#160;
  1238. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1239. &#160;
  1240. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1241. </span>
  1242. </b:if>
  1243. <div class='clear'/>
  1244. <div class='comment_form'>
  1245. <b:if cond='data:post.embedCommentForm'>
  1246. <b:if cond='data:post.allowNewComments'>
  1247. <b:include data='post' name='threaded-comment-form'/>
  1248. <b:else/>
  1249. <data:post.noNewCommentsText/>
  1250. </b:if>
  1251. <b:else/>
  1252. <b:if cond='data:post.allowComments'>
  1253. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
  1254. <data:postCommentMsg/>
  1255. </a>
  1256. </b:if>
  1257. </b:if>
  1258. </div>
  1259. </b:if>
  1260. </div>
  1261. <script type='text/javascript'>
  1262. //<![CDATA[
  1263. if (typeof(jQuery) == 'undefined') {
  1264. //output the script (load it from google api)
  1265. document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
  1266. }
  1267. //]]>
  1268. </script>
  1269. <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
  1270. <script type='text/javascript'>
  1271. <b:if cond='data:post.numComments != 0'>
  1272. var Items = <data:post.commentJso/>;
  1273. var Msgs = <data:post.commentMsgs/>;
  1274. var Config = <data:post.commentConfig/>;
  1275. <b:else/>
  1276. var Items = {};
  1277. var Msgs = {};
  1278. var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
  1279. </b:if>
  1280. //<![CDATA[
  1281. //Global setting
  1282. Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
  1283. Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
  1284. Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
  1285. Replace_Image_Link = false;//Auto replace link image, ketik "false" untuk mendisable.
  1286. Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
  1287. Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
  1288. //Pengaturan Emoticon
  1289. Emo_List = [
  1290. ':)' ,'http://twemoji.maxcdn.com/36x36/1f600.png',
  1291. ':(' ,'http://twemoji.maxcdn.com/36x36/1f615.png',
  1292. 'hihi' ,'http://twemoji.maxcdn.com/36x36/1f601.png',
  1293. ':-)' ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
  1294. ':D' ,'http://twemoji.maxcdn.com/36x36/1f603.png',
  1295. '=D' ,'http://twemoji.maxcdn.com/36x36/1f62c.png',
  1296. ':-d' ,'http://twemoji.maxcdn.com/36x36/1f604.png',
  1297. ';(' ,'http://twemoji.maxcdn.com/36x36/1f61e.png',
  1298. ';-(' ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
  1299. '@-)' ,'http://twemoji.maxcdn.com/36x36/1f616.png',
  1300. ':P' ,'http://twemoji.maxcdn.com/36x36/1f61c.png',
  1301. ':o' ,'http://twemoji.maxcdn.com/36x36/1f62e.png',
  1302. ':&gt;)','http://twemoji.maxcdn.com/36x36/1f606.png',
  1303. '(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',
  1304. ':p' ,'http://twemoji.maxcdn.com/36x36/1f614.png',
  1305. ':-?' ,'http://twemoji.maxcdn.com/36x36/2753.png',
  1306. '(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png',
  1307. ':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
  1308. '(m)' ,'http://twemoji.maxcdn.com/36x36/1f620.png',
  1309. '8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
  1310. ':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
  1311. ':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
  1312. 'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
  1313. ':-#' ,'http://twemoji.maxcdn.com/36x36/1f637.png',
  1314. '=p~' ,'http://twemoji.maxcdn.com/36x36/1f35c.png',
  1315. '$-)' ,'http://twemoji.maxcdn.com/36x36/1f4b5.png',
  1316. '(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
  1317. '(f)' ,'http://twemoji.maxcdn.com/36x36/1f33a.png',
  1318. 'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
  1319. '(k)' ,'http://twemoji.maxcdn.com/36x36/1f496.png',
  1320. '(h)' ,'http://twemoji.maxcdn.com/36x36/1f44f.png',
  1321. 'cheer' ,'http://twemoji.maxcdn.com/36x36/1f378.png',
  1322. ];
  1323. //Config Force tag list, define all in lower case
  1324. Force_Tag = [
  1325. '[pre]','<pre>',
  1326. '[/pre]','</pre>',
  1327. '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
  1328. '</pre>','</code>'
  1329. ];
  1330. eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
  1331. var avatar=$("#comments");avatar.find('.comment_avatar img').each(function() {var ava = $(this).attr('src');$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));});var _0xf2c9=["\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\x74\x63\x68\x4D\x65\x64\x69\x61","\x6D\x61\x74\x63\x68\x65\x73","\x6F\x6E\x6C\x6F\x61\x64","\x6C\x69\x67\x68\x74\x63\x72\x65\x64\x69\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x6C","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x2F\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x20\x74\x69\x74\x6C\x65\x3D\x27\x44\x65\x73\x69\x67\x6E\x65\x64\x20\x62\x79\x20\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x27\x3E\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E"];var mql=window[_0xf2c9[1]](_0xf2c9[0]);mql[_0xf2c9[2]]&&(window[_0xf2c9[3]]=function(){var _0x402bx2=document[_0xf2c9[5]](_0xf2c9[4]);null==_0x402bx2&&(window[_0xf2c9[7]][_0xf2c9[6]]=_0xf2c9[8]),_0x402bx2[_0xf2c9[9]](_0xf2c9[6],_0xf2c9[8]),_0x402bx2[_0xf2c9[9]](_0xf2c9[10],_0xf2c9[11]),_0x402bx2[_0xf2c9[12]]=_0xf2c9[13]})
  1332. //]]>
  1333. </script>
  1334. </b:includable>
  1335. <b:includable id='feedLinks'>
  1336. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1337. <b:if cond='data:feedLinks'>
  1338. <div class='blog-feeds'>
  1339. <b:include data='feedLinks' name='feedLinksBody'/>
  1340. </div>
  1341. </b:if>
  1342. <b:else/> <!--Post feed links -->
  1343. <div class='post-feeds'>
  1344. <b:loop values='data:posts' var='post'>
  1345. <b:if cond='data:post.allowComments'>
  1346. <b:if cond='data:post.feedLinks'>
  1347. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1348. </b:if>
  1349. </b:if>
  1350. </b:loop>
  1351. </div>
  1352. </b:if>
  1353. </b:includable>
  1354. <b:includable id='feedLinksBody' var='links'>
  1355. <div class='feed-links'>
  1356. <data:feedLinksMsg/>
  1357. <b:loop values='data:links' var='f'>
  1358. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1359. </b:loop>
  1360. </div>
  1361. </b:includable>
  1362. <b:includable id='iframe_comments' var='post'/>
  1363. <b:includable id='mobile-index-post' var='post'>
  1364. <div class='mobile-date-outer date-outer'>
  1365. <b:if cond='data:post.dateHeader'>
  1366. <div class='date-header'>
  1367. <span><data:post.dateHeader/></span>
  1368. </div>
  1369. </b:if>
  1370. <div class='mobile-post-outer' style='border-bottom: 1px solid #ccc;padding-bottom: 10px;'>
  1371. <a expr:href='data:post.url'>
  1372. <h3 class='mobile-index-title entry-title' style='margin: 10px;'>
  1373. <data:post.title/>
  1374. </h3></a>
  1375. <div class='mobile-index-contents'>
  1376. <div class='mobilethumb' style='float: left;margin: 5px 20px 0 20px;'><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' style='width:40px;height:40px'/></a></div>
  1377. <div class='post-body'>
  1378. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1379. </div>
  1380. </div>
  1381. <div style='clear: both;'/>
  1382. <div class='mobile-index-comment' style='margin: 5px;height: 10px;'>
  1383. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1384. <b:if cond='data:post.allowComments'>
  1385. <b:if cond='data:post.numComments != 0'>
  1386. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
  1387. </b:if>
  1388. </b:if>
  1389. <a expr:href='data:post.url' style='float:right;'>Read more</a>
  1390. </b:if>
  1391. </div>
  1392. </div>
  1393. </div>
  1394. </b:includable>
  1395. <b:includable id='mobile-main' var='top'>
  1396. <!-- posts -->
  1397. <div class='blog-posts hfeed'>
  1398. <b:include data='top' name='status-message'/>
  1399. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1400. <b:loop values='data:posts' var='post'>
  1401. <b:include data='post' name='mobile-index-post'/>
  1402. </b:loop>
  1403. <b:else/>
  1404. <b:loop values='data:posts' var='post'>
  1405. <b:include data='post' name='mobile-post'/>
  1406. </b:loop>
  1407. </b:if>
  1408. </div>
  1409. <b:include name='mobile-nextprev'/>
  1410. </b:includable>
  1411. <b:includable id='mobile-nextprev'>
  1412. <div class='blog-pager' id='blog-pager'>
  1413. <b:if cond='data:newerPageUrl'>
  1414. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1415. <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'>&amp;lsaquo;</a>
  1416. </div>
  1417. </b:if>
  1418. <b:if cond='data:olderPageUrl'>
  1419. <div class='mobile-link-button' id='blog-pager-older-link'>
  1420. <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'>&amp;rsaquo;</a>
  1421. </div>
  1422. </b:if>
  1423. <div class='mobile-link-button' id='blog-pager-home-link'>
  1424. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1425. </div>
  1426. <div class='mobile-desktop-link'>
  1427. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1428. </div>
  1429. </div>
  1430. <div class='clear'/>
  1431. </b:includable>
  1432. <b:includable id='mobile-post' var='post'>
  1433. <div class='date-outer'>
  1434. <b:if cond='data:post.dateHeader'>
  1435. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1436. </b:if>
  1437. <div class='date-posts'>
  1438. <div class='post-outer'>
  1439. <div class='post hentry uncustomized-post-template'>
  1440. <a expr:name='data:post.id'/>
  1441. <b:if cond='data:post.title'>
  1442. <h1 class='post-title entry-title' style='margin: 10px 0;font-size: 17px;'>
  1443. <b:if cond='data:post.link'>
  1444. <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  1445. <b:else/>
  1446. <b:if cond='data:post.url'>
  1447. <b:if cond='data:blog.url != data:post.url'>
  1448. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  1449. <b:else/>
  1450. <data:post.title/>
  1451. </b:if>
  1452. <b:else/>
  1453. <data:post.title/>
  1454. </b:if>
  1455. </b:if>
  1456. </h1>
  1457. </b:if>
  1458. <div class='post-header'>
  1459. <div class='post-header-line-1'/>
  1460. </div>
  1461. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1462.  
  1463.  
  1464. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1465. <b:if cond='data:post.snippet'>
  1466. <meta expr:content='data:post.snippet' name='description'/>
  1467. </b:if>
  1468. </b:if>
  1469.  
  1470. <p> <data:post.body/></p>
  1471. <div style='clear: both;'/> <!-- clear for photos floats -->
  1472. </div>
  1473. <div class='post-footer'>
  1474. <div class='post-footer-line post-footer-line-1'>
  1475. </div>
  1476. <div class='post-footer-line post-footer-line-2'>
  1477. <b:if cond='data:top.showMobileShare'>
  1478. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1479. <a href='javascript:void(0);'><data:shareMsg/></a>
  1480. </div>
  1481. </b:if>
  1482. <b:if cond='data:top.showDummy'>
  1483. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1484. </b:if>
  1485. </div>
  1486. </div>
  1487. </div>
  1488. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1489. <b:if cond='data:post.showThreadedComments'>
  1490. <b:include data='post' name='comments'/>
  1491. <b:else/>
  1492. <b:include data='post' name='comments'/>
  1493. </b:if>
  1494. </b:if>
  1495. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1496. <b:if cond='data:post.showThreadedComments'>
  1497. <b:include data='post' name='comments'/>
  1498. <b:else/>
  1499. <b:include data='post' name='comments'/>
  1500. </b:if>
  1501. </b:if>
  1502. </div>
  1503. </div>
  1504. </div>
  1505. </b:includable>
  1506. <b:includable id='nav-post'>
  1507. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1508. <div class='halaman'>
  1509. <div class='blog-pager' id='blog-pager'>
  1510. <div class='halaman-kiri'>
  1511. <div class='isihalaman-kiri'>
  1512. <b:if cond='data:newerPageUrl'>
  1513. <span id='blog-pager-newer-link'>
  1514. <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'>Next Post</a>
  1515. </span>
  1516. <b:else/>
  1517. <span class='current-pageleft'>This Is The Newest Post</span>
  1518. </b:if>
  1519. <div class='clear'/>
  1520. </div>
  1521. <i aria-hidden='true' class='fa fa-chevron-left panahkiri'/>
  1522. </div>
  1523. <div class='halaman-kanan'>
  1524. <div class='isihalaman-kanan'>
  1525. <b:if cond='data:olderPageUrl'>
  1526. <span id='blog-pager-older-link'>
  1527. <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'>Previous Post</a>
  1528. </span>
  1529. <b:else/>
  1530. <span class='current-pageright'>This Is The Oldest Page</span>
  1531. </b:if>
  1532. <div class='clear'/>
  1533. </div>
  1534. <i aria-hidden='true' class='fa fa-chevron-right panahkanan'/>
  1535. </div>
  1536. </div>
  1537. <div class='clear'/>
  1538. </div>
  1539. </b:if>
  1540. </b:includable>
  1541. <b:includable id='nextprev'>
  1542. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1543. <div class='blog-pager' id='blog-pager'>
  1544. <b:if cond='data:newerPageUrl'>
  1545. <span id='blog-pager-newer-link'>
  1546. <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>
  1547. </span>
  1548. </b:if>
  1549. <b:if cond='data:olderPageUrl'>
  1550. <span id='blog-pager-older-link'>
  1551. <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>
  1552. </span>
  1553. </b:if>
  1554. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1555. <b:if cond='data:mobileLinkUrl'>
  1556. <div class='blog-mobile-link'>
  1557. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1558. </div>
  1559. </b:if>
  1560. </div>
  1561. <div class='clear'/>
  1562. </b:if>
  1563. </b:includable>
  1564. <b:includable id='post' var='post'>
  1565. <script>var disqus_url = &quot;<data:post.canonicalUrl/>&quot;;</script>
  1566. <div class='post hentry'>
  1567. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1568. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1569. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1570. <b:if cond='data:post.isFirstPost'>
  1571. <script type='text/javascript'>
  1572. //<![CDATA[
  1573. function arlina_thumb_size(e,t){var n=220;var r=160;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'" class="post-thumbnail"/>';if(t!="")return image_tag;else return""}
  1574. //]]>
  1575. </script>
  1576. </b:if>
  1577. <div class='post-info'>
  1578. <span class='label-info'>
  1579. <b:if cond='data:post.labels'>
  1580. <b:loop values='data:post.labels' var='label'>
  1581. <a class='label-block' expr:href='data:label.url + &quot;?max-results=7&quot;' rel='tag'> <data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1582. </b:loop>
  1583. </b:if>
  1584. </span> |
  1585. <b:if cond='data:top.showAuthor'>
  1586. <b:if cond='data:post.authorProfileUrl'>
  1587. <span class='author-info'>
  1588. <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1589. <span class='fn'>
  1590. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1591. <span itemprop='name'><data:post.author/></span>
  1592. </a>
  1593. </span>
  1594. </span>
  1595. </span>
  1596. <b:else/>
  1597. <span class='author-info'>
  1598. &#10004;
  1599. <span class='fn'>
  1600. <span itemprop='name'><data:post.author/></span>
  1601. </span>
  1602. </span>
  1603. </b:if>
  1604. </b:if>
  1605. <span class='post-timestamp'>
  1606. <b:if cond='data:top.showTimestamp'>
  1607. <b:if cond='data:post.url'>
  1608. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1609. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1610. </b:if>
  1611. </b:if>
  1612. </span>
  1613. </div>
  1614. <div class='post-thumb'>
  1615. <script type='text/javascript'>
  1616. document.write(arlina_thumb_size(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
  1617. </script>
  1618. </div>
  1619. </b:if>
  1620. </b:if>
  1621. </b:if>
  1622. <b:if cond='data:post.title'>
  1623. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1624. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1625. <h2 class='post-title entry-title'>
  1626. <b:if cond='data:post.link'>
  1627. <a expr:href='data:post.link' expr:title='data:post.title'>
  1628. <data:post.title/>
  1629. </a>
  1630. <b:else/>
  1631. <b:if cond='data:post.url'>
  1632. <b:if cond='data:blog.url != data:post.url'>
  1633. <a expr:href='data:post.url' expr:title='data:post.title'>
  1634. <data:post.title/>
  1635. </a>
  1636. <b:else/>
  1637. <data:post.title/>
  1638. </b:if>
  1639. <b:else/>
  1640. <data:post.title/>
  1641. </b:if>
  1642. </b:if>
  1643. </h2>
  1644. <b:else/>
  1645. <h1 class='post-title entry-title'>
  1646. <b:if cond='data:post.link'>
  1647. <a expr:href='data:post.link' expr:title='data:post.title'>
  1648. <data:post.title/>
  1649. </a>
  1650. <b:else/>
  1651. <b:if cond='data:post.url'>
  1652. <b:if cond='data:blog.url != data:post.url'>
  1653. <a expr:href='data:post.url' expr:title='data:post.title'>
  1654. <data:post.title/>
  1655. </a>
  1656. <b:else/>
  1657. <data:post.title/>
  1658. </b:if>
  1659. <b:else/>
  1660. <data:post.title/>
  1661. </b:if>
  1662. </b:if>
  1663. </h1>
  1664. </b:if>
  1665. <b:else/>
  1666. <h1 class='post-title entry-title'>
  1667. <b:if cond='data:post.link'>
  1668. <a expr:href='data:post.link' expr:title='data:post.title'>
  1669. <data:post.title/>
  1670. </a>
  1671. <b:else/>
  1672. <b:if cond='data:post.url'>
  1673. <b:if cond='data:blog.url != data:post.url'>
  1674. <a expr:href='data:post.url' expr:title='data:post.title'>
  1675. <data:post.title/>
  1676. </a>
  1677. <b:else/>
  1678. <data:post.title/>
  1679. </b:if>
  1680. <b:else/>
  1681. <data:post.title/>
  1682. </b:if>
  1683. </b:if>
  1684. </h1>
  1685. </b:if>
  1686. </b:if>
  1687. <div class='post-header'>
  1688. <div class='post-header-line-1'>
  1689. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1690. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  1691. <div class='post-info'>
  1692. <b:if cond='data:top.showAuthor'>
  1693. <b:if cond='data:post.authorProfileUrl'>
  1694. <span class='author-info'>
  1695. <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1696. <span class='fn'>
  1697. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1698. <span itemprop='name'><data:post.author/></span>
  1699. </a>
  1700. </span>
  1701. </span>
  1702. </span>
  1703. <b:else/>
  1704. <span class='author-info'>
  1705. &#10004;
  1706. <span class='fn'>
  1707. <i class='fa fa-user'/> <span itemprop='name'><data:post.author/></span>
  1708. </span>
  1709. </span>
  1710. </b:if>
  1711. </b:if>
  1712. <span class='post-timestamp'>
  1713. <b:if cond='data:top.showTimestamp'>
  1714. <b:if cond='data:post.url'>
  1715. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1716. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1717. </b:if>
  1718. </b:if>
  1719. </span>
  1720. </div>
  1721. <b:if cond='data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType == &quot;item&quot;'>
  1722. <div class='wa-info'>
  1723. <script>
  1724. //<![CDATA[
  1725. var whatsurl = window.location.href;
  1726. var whattitle=encodeURIComponent(document.title);
  1727. var whattitle_esc=unescape(whattitle);
  1728. document.write('<span style="display:block;font-size: 18px;font-weight: 500;margin-bottom:5px"></span>\
  1729. <a href="whatsapp://send" data-text="'+whattitle_esc+'" data-href="' + whatsurl + '" class="wa_btn wa_btn_l" style="display:none" title="Share On Whatsapp">\
  1730. Share</a>\
  1731. ');
  1732. if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="http://yourjavascript.com/0015517398/whatsapp-button.js";h.appendChild(s);}
  1733. //]]>
  1734. </script>
  1735. </div>
  1736. </b:if>
  1737. </b:if>
  1738. </b:if>
  1739. </div>
  1740. </div>
  1741. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1742. &lt;div style=&quot;display:block;text-align:center;margin:20px auto;&quot;&gt;
  1743. <!-- Kode Banner/Iklan Anda Di sini -->
  1744. &lt;/div&gt;
  1745. </b:if>
  1746. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1747. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1748. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1749. <b:if cond='data:post.snippet'>
  1750. <meta expr:content='data:post.snippet' name='description'/>
  1751. </b:if>
  1752. </b:if>
  1753.  
  1754. <p><data:post.body/></p></b:if>
  1755. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1756. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1757. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  1758. <script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
  1759. <a class='post-readmore' expr:href='data:post.url'><div class='shine'/>Read More <i aria-hidden='true' class='fa fa-caret-right'/></a>
  1760. </b:if></b:if>
  1761. <b:if cond='data:blog.pageType == &quot;item&quot;'><div itemprop='description'><p><data:post.body/></p></div></b:if>
  1762. <div style='clear: both;'/> <!-- clear for photos floats -->
  1763. </div>
  1764. <div class='post-footer'>
  1765. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1766. <div class='sr' typeof='Recipe' vocab='http://schema.org/'>
  1767. <b:if cond='data:post.thumbnailUrl'>
  1768. <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' property='image'/>
  1769. <b:else/>
  1770. <img expr:alt='data:post.title' itemprop='image' src='//tempek.ga/img/nophoto-s.png'/>
  1771. </b:if>
  1772. <span property='name'>
  1773. <data:post.title/>
  1774. </span>
  1775. <span property='author' typeof='Person'>
  1776. <span property='name'>
  1777. <data:post.author/>
  1778. </span>
  1779. </span>
  1780. <time expr:datetime='data:post.timestampISO8601' property='datePublished'>
  1781. <data:post.timestampISO8601/>
  1782. </time>
  1783. <span property='aggregateRating' typeof='http://schema.org/AggregateRating'>
  1784. <span property='ratingValue'>
  1785. 5.0
  1786. </span>
  1787. stars based on
  1788. <span property='reviewCount'>
  1789. 35
  1790. </span>
  1791. reviews
  1792. </span>
  1793. <span property='description'>
  1794. <data:post.snippet/>
  1795. </span>
  1796. </div>
  1797. <div class='post-footer-line post-footer-line-1'>
  1798. &lt;div style=&quot;display:block;text-align:center;margin:20px auto;&quot;&gt;
  1799. <!-- Kode Banner/Iklan Anda Di sini -->
  1800. &lt;/div&gt;
  1801. <script type='text/javascript'>
  1802. //<![CDATA[
  1803. var siteurl = window.location.href;
  1804. document.write('<div class="sharelight"><div class="sharede"> \
  1805. <span class="pl" data-target="#share-menu"><i class="fa fa-plus plustea"></i></span> \
  1806. <ul class="dropdown-menu" id="share-menu"> \
  1807. <li><a class="social-popup" href="javascript:pinIt();">Pinterest</a></li> \
  1808. <li><a class="social-popup" href="//www.digg.com/submit?url=' + siteurl + '" target="_blank" title="Share This On Digg">Digg</a></li> \
  1809. <li><a class="social-popup" href="//www.linkedin.com/shareArticle?mini=true&amp;url=' + siteurl + '" target="_blank" title="Share This On Linkedin">Linkedin</a></li> \
  1810. <li><a class="social-popup" href="//www.stumbleupon.com/submit?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Stumbleupon">Stumbleupon</a></li> \
  1811. <li><a class="social-popup" href="//delicious.com/post?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Delicious">Delicious</a></li> \
  1812. <li><a class="social-popup" href="http://www.tumblr.com/share/link?url=' + siteurl + '&name='+encodeURIComponent(document.title)+'&description='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Tumblr">Tumblr</a></li> \
  1813. <li><a class="social-popup" href="http://bufferapp.com/add?text='+encodeURIComponent(document.title)+'&url=' + siteurl + '" target="_blank" title="Share This On BufferApp">BufferApp</a></li> \
  1814. <li><a class="social-popup" href="https://getpocket.com/save?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Pocket">Pocket</a></li> \
  1815. <li><a class="social-popup" href="http://www.evernote.com/clip.action?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Evernote">Evernote</a></li> \
  1816. </ul> \
  1817. <a class="gp social-popup" href="https://plus.google.com/share?url=' + siteurl + '" target="_blank" title="Share to Google+">\
  1818. <i class="fa fa-google-plus gotea"></i> Google</a> \
  1819. <a class="fb social-popup" href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="Share to Facebook">\
  1820. <i class="fa fa-facebook fbtea"></i> Facebook</a> \
  1821. <a class="tw social-popup" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&url='+siteurl+'" target="_blank" title="Share to Twitter">\
  1822. <i class="fa fa-twitter twtea"></i> Twitter</a> \
  1823. </div><div class="clear"></div></div> \
  1824. ');
  1825. $(document).ready(function(){$(".pl").click(function(){$("#share-menu").slideToggle("fast")})});
  1826. function pinIt(){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("charset","UTF-8"),t.setAttribute("src","https://assets.pinterest.com/js/pinmarklet.js?r="+99999999*Math.random()),document.body.appendChild(t)};
  1827. //]]>
  1828. </script>
  1829. <div class='clear'/>
  1830. <span class='shorturl'>
  1831. Share this with short URL <a class='url' expr:onclick='&quot;shortenUrl(this, &amp;#39;&quot; + data:post.url + &quot;&amp;#39;, &amp;#39;googl&amp;#39;);return false;&quot;' href='javascript:void(0)' title='Click to get short URL'>Get Short URL</a></span><span class='loading-shorturl'><img alt='loading short url' src='data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA'/></span>
  1832. <div class='clear'/>
  1833. <b:if cond='data:post.labels'>
  1834. <b:loop values='data:post.labels' var='label'>
  1835. <div class='label-info'>
  1836. <a class='label-block' expr:href='data:label.url + &quot;?max-results=7&quot;' rel='tag'> <data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1837. </div>
  1838. </b:loop>
  1839. </b:if>
  1840. <div class='clear'/>
  1841. <div id='related-post'>
  1842. <div class='relhead'>
  1843. <h4><span>Related Posts</span></h4>
  1844. <div class='clear'/>
  1845. <b:loop values='data:post.labels' var='label'>
  1846. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/>
  1847. </b:loop>
  1848. <ul id='related-light'>
  1849. <script type='text/javascript'>artikelterkait();</script>
  1850. </ul>
  1851. </div>
  1852. </div>
  1853. </div>
  1854. <div class='halaman'>
  1855. <div class='blog-pager'>
  1856. <div class='halaman-kiri'>
  1857. <div class='isihalaman-kiri'>
  1858. <b:if cond='data:newerPageUrl'>
  1859. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:title='data:newerPageTitle'>Next Post</a>
  1860. <b:else/>
  1861. <span class='current-pageleft'>This Is The Newest Post</span>
  1862. </b:if>
  1863. <div class='clear'/>
  1864. </div>
  1865. <i aria-hidden='true' class='fa fa-chevron-left panahkiri'/>
  1866. </div>
  1867. <div class='halaman-kanan'>
  1868. <div class='isihalaman-kanan'>
  1869. <b:if cond='data:olderPageUrl'>
  1870. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:title='data:olderPageTitle'>Previous Post</a>
  1871. <b:else/>
  1872. <span class='current-pageright'>This Is The Oldest Page</span>
  1873. </b:if>
  1874. <div class='clear'/>
  1875. </div>
  1876. <i aria-hidden='true' class='fa fa-chevron-right panahkanan'/>
  1877. </div>
  1878. </div>
  1879. <div class='clear'/>
  1880. </div>
  1881. </b:if>
  1882. <div class='post-footer-line post-footer-line-2' style='display:none;'/>
  1883. <div class='post-footer-line post-footer-line-3' style='display:none;'/>
  1884. </div>
  1885. </div>
  1886. </b:includable>
  1887. <b:includable id='postQuickEdit' var='post'>
  1888. <b:if cond='data:post.editUrl'>
  1889. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1890. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1891. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1892. </a>
  1893. </span>
  1894. </b:if>
  1895. </b:includable>
  1896. <b:includable id='shareButtons' var='post'/>
  1897. <b:includable id='status-message'>
  1898. <b:if cond='data:navMessage'>
  1899. <div class='status-msg-wrap'>
  1900. <div class='status-msg-body'>
  1901. <data:navMessage/>
  1902. </div>
  1903. <div class='status-msg-border'>
  1904. <div class='status-msg-bg'>
  1905. <div class='status-msg-hidden'><data:navMessage/></div>
  1906. </div>
  1907. </div>
  1908. </div>
  1909. <div style='clear: both;'/>
  1910. </b:if>
  1911. </b:includable>
  1912. <b:includable id='threaded-comment-form' var='post'>
  1913. <div class='comment-form'>
  1914. <b:if cond='data:mobile'>
  1915. <p><data:blogCommentMessage/></p>
  1916. <data:blogTeamBlogMessage/>
  1917. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1918. <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%'/>
  1919. <b:else/>
  1920. <p><data:blogCommentMessage/><br/>
  1921. <span class='small-button1'>
  1922. <span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span>
  1923. </span>
  1924. </p>
  1925. <div id='emo-box'><div class='comment_emo_list'/></div>
  1926. <data:blogTeamBlogMessage/>
  1927. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1928. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1929. </b:if>
  1930. <data:post.friendConnectJs/>
  1931. <data:post.cmtfpIframe/>
  1932. <script type='text/javascript'>
  1933. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1934. </script>
  1935. </div>
  1936. </b:includable>
  1937. <b:includable id='threaded_comment_js' var='post'>
  1938. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1939. <script type='text/javascript'>
  1940. (function() {
  1941. var items = <data:post.commentJso/>;
  1942. var msgs = <data:post.commentMsgs/>;
  1943. var config = <data:post.commentConfig/>;
  1944. //<![CDATA[
  1945. var cursor = null;
  1946. if (items && items.length > 0) {
  1947. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1948. }
  1949. var bodyFromEntry = function(entry) {
  1950. if (entry.gd$extendedProperty) {
  1951. for (var k in entry.gd$extendedProperty) {
  1952. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1953. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1954. }
  1955. }
  1956. }
  1957. return entry.content.$t;
  1958. }
  1959. var parse = function(data) {
  1960. cursor = null;
  1961. var comments = [];
  1962. if (data && data.feed && data.feed.entry) {
  1963. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1964. var comment = {};
  1965. // comment ID, parsed out of the original id format
  1966. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1967. comment.id = id ? id[2] : null;
  1968. comment.body = bodyFromEntry(entry);
  1969. comment.timestamp = Date.parse(entry.published.$t) + '';
  1970. if (entry.author && entry.author.constructor === Array) {
  1971. var auth = entry.author[0];
  1972. if (auth) {
  1973. comment.author = {
  1974. name: (auth.name ? auth.name.$t : undefined),
  1975. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1976. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1977. };
  1978. }
  1979. }
  1980. if (entry.link) {
  1981. if (entry.link[2]) {
  1982. comment.link = comment.permalink = entry.link[2].href;
  1983. }
  1984. if (entry.link[3]) {
  1985. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1986. if (pid && pid[1]) {
  1987. comment.parentId = pid[1];
  1988. }
  1989. }
  1990. }
  1991. comment.deleteclass = 'item-control blog-admin';
  1992. if (entry.gd$extendedProperty) {
  1993. for (var k in entry.gd$extendedProperty) {
  1994. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1995. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1996. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1997. comment.displayTime = entry.gd$extendedProperty[k].value;
  1998. }
  1999. }
  2000. }
  2001. comments.push(comment);
  2002. }
  2003. }
  2004. return comments;
  2005. };
  2006. var paginator = function(callback) {
  2007. if (hasMore()) {
  2008. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2009. if (cursor) {
  2010. url += '&published-min=' + new Date(cursor).toISOString();
  2011. }
  2012. window.bloggercomments = function(data) {
  2013. var parsed = parse(data);
  2014. cursor = parsed.length < 50 ? null
  2015. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2016. callback(parsed);
  2017. window.bloggercomments = null;
  2018. }
  2019. url += '&callback=bloggercomments';
  2020. var script = document.createElement('script');
  2021. script.type = 'text/javascript';
  2022. script.src = url;
  2023. document.getElementsByTagName('head')[0].appendChild(script);
  2024. }
  2025. };
  2026. var hasMore = function() {
  2027. return !!cursor;
  2028. };
  2029. var getMeta = function(key, comment) {
  2030. if ('iswriter' == key) {
  2031. var matches = !!comment.author
  2032. && comment.author.name == config.authorName
  2033. && comment.author.profileUrl == config.authorUrl;
  2034. return matches ? 'true' : '';
  2035. } else if ('deletelink' == key) {
  2036. return config.baseUri + '/delete-comment.g?blogID='
  2037. + config.blogId + '&postID=' + comment.id;
  2038. } else if ('deleteclass' == key) {
  2039. return comment.deleteclass;
  2040. }
  2041. return '';
  2042. };
  2043. var replybox = null;
  2044. var replyUrlParts = null;
  2045. var replyParent = undefined;
  2046.  
  2047. var onReply = function(commentId, domId) {
  2048. if (replybox == null) {
  2049. // lazily cache replybox, and adjust to suit this style:
  2050. replybox = document.getElementById('comment-editor');
  2051. if (replybox != null) {
  2052. replybox.height = '250px';
  2053. replybox.style.display = 'block';
  2054. replyUrlParts = replybox.src.split('#');
  2055. }
  2056. }
  2057. if (replybox && (commentId !== replyParent)) {
  2058. replybox.src = '';
  2059. document.getElementById(domId).insertBefore(replybox, null);
  2060. replybox.src = replyUrlParts[0]
  2061. + (commentId ? '&parentID=' + commentId : '')
  2062. + '#' + replyUrlParts[1];
  2063. replyParent = commentId;
  2064. }
  2065. };
  2066. var hash = (window.location.hash || '#').substring(1);
  2067. var startThread, targetComment;
  2068. if (/^comment-form_/.test(hash)) {
  2069. startThread = hash.substring('comment-form_'.length);
  2070. } else if (/^c[0-9]+$/.test(hash)) {
  2071. targetComment = hash.substring(1);
  2072. }
  2073. // Configure commenting API:
  2074. var configJso = {
  2075. 'maxDepth': config.maxThreadDepth
  2076. };
  2077. var provider = {
  2078. 'id': config.postId,
  2079. 'data': items,
  2080. 'loadNext': paginator,
  2081. 'hasMore': hasMore,
  2082. 'getMeta': getMeta,
  2083. 'onReply': onReply,
  2084. 'rendered': true,
  2085. 'initComment': targetComment,
  2086. 'initReplyThread': startThread,
  2087. 'config': configJso,
  2088. 'messages': msgs
  2089. };
  2090. var render = function() {
  2091. if (window.goog && window.goog.comments) {
  2092. var holder = document.getElementById('comment-holder');
  2093. window.goog.comments.render(holder, provider);
  2094. }
  2095. };
  2096. // render now, or queue to render when library loads:
  2097. if (window.goog && window.goog.comments) {
  2098. render();
  2099. } else {
  2100. window.goog = window.goog || {};
  2101. window.goog.comments = window.goog.comments || {};
  2102. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2103. window.goog.comments.loadQueue.push(render);
  2104. }
  2105. })();
  2106. //]]>
  2107. </script>
  2108. </b:includable>
  2109. <b:includable id='threaded_comments' var='post'>
  2110. <div class='comments' id='comments'>
  2111. <a name='comments'/>
  2112. <h4><data:post.commentLabelFull/>:</h4>
  2113. <div class='comments-content'>
  2114. <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  2115. <div id='comment-holder'>
  2116. <data:post.commentHtml/>
  2117. </div>
  2118. </div>
  2119. <p class='comment-footer'>
  2120. <b:if cond='data:post.allowNewComments'>
  2121. <b:include data='post' name='threaded-comment-form'/>
  2122. <b:else/>
  2123. <data:post.noNewCommentsText/>
  2124. </b:if>
  2125. </p>
  2126. <b:if cond='data:showCmtPopup'>
  2127. <div id='comment-popup'>
  2128. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2129. </iframe>
  2130. </div>
  2131. </b:if>
  2132. <div id='backlinks-container'>
  2133. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2134. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  2135. </div>
  2136. </div>
  2137. </div>
  2138. </b:includable>
  2139. </b:widget>
  2140. </b:section>
  2141. </div>
  2142. <div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
  2143. <b:section class='sidebar' id='sidebar' preferred='yes'>
  2144. <b:widget id='HTML4' locked='false' title='SUBCRIBE YA !!!' type='HTML' visible='true'>
  2145. <b:includable id='main'>
  2146. <!-- only display title if it's non-empty -->
  2147. <b:if cond='data:title != &quot;&quot;'>
  2148. <h2 class='title'><data:title/></h2>
  2149. </b:if>
  2150. <div class='widget-content'>
  2151. <data:content/>
  2152. </div>
  2153.  
  2154. <b:include name='quickedit'/>
  2155. </b:includable>
  2156. </b:widget>
  2157. <b:widget id='HTML2' locked='false' title='SPONSOR' type='HTML' visible='true'>
  2158. <b:includable id='main'>
  2159. <!-- only display title if it's non-empty -->
  2160. <b:if cond='data:title != &quot;&quot;'>
  2161. <h2 class='title'><data:title/></h2>
  2162. </b:if>
  2163. <div class='widget-content'>
  2164. <data:content/>
  2165. </div>
  2166.  
  2167. <b:include name='quickedit'/>
  2168. </b:includable>
  2169. </b:widget>
  2170. <b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats' visible='true'>
  2171. <b:includable id='main'>
  2172. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  2173. <div class='widget-content'>
  2174. <!-- Content is going to be visible when data will be fetched from server. -->
  2175. <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
  2176. <!-- Counter and image will be injected later via AJAX call. -->
  2177. <b:if cond='data:showSparkline'>
  2178. <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
  2179. </b:if>
  2180. <span expr:class='&quot;counter-wrapper &quot; + (data:showGraphicalCounter ? &quot;graph-counter-wrapper&quot; : &quot;text-counter-wrapper&quot;)' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>
  2181. </span>
  2182. <b:include name='quickedit'/>
  2183. </div>
  2184. </div>
  2185. </b:includable>
  2186. </b:widget>
  2187. <b:widget id='PopularPosts1' locked='false' title='Paling Dibaca' type='PopularPosts' version='1' visible='true'>
  2188. <b:includable id='main'>
  2189. <b:if cond='data:title'><h2><span><data:title/></span></h2></b:if>
  2190. <div class='widget-content popular-posts'>
  2191. <ul>
  2192. <b:loop values='data:posts' var='post'>
  2193. <li>
  2194. <b:if cond='data:showThumbnails == &quot;false&quot;'>
  2195. <b:if cond='data:showSnippets == &quot;false&quot;'>
  2196. <!-- (1) No snippet/thumbnail -->
  2197. <a expr:href='data:post.href'><data:post.title/></a>
  2198. <b:else/>
  2199. <!-- (2) Show only snippets -->
  2200. <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2201. <div class='item-snippet'><data:post.snippet/></div>
  2202. </b:if>
  2203. <b:else/>
  2204. <b:if cond='data:showSnippets == &quot;false&quot;'>
  2205. <!-- (3) Show only thumbnails -->
  2206. <div class='item-thumbnail-only'>
  2207. <b:if cond='data:post.thumbnail'>
  2208. <div class='item-thumbnail'>
  2209. <a expr:href='data:post.href' target='_blank'>
  2210. <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  2211. </a>
  2212. </div>
  2213. </b:if>
  2214. <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2215. </div>
  2216. <div style='clear: both;'/>
  2217. <b:else/>
  2218. <!-- (4) Show snippets and thumbnails -->
  2219. <div class='item-content'>
  2220. <b:if cond='data:post.thumbnail'>
  2221. <div class='item-thumbnail'>
  2222. <a expr:href='data:post.href' target='_blank'>
  2223. <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  2224. </a>
  2225. </div>
  2226. </b:if>
  2227. <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2228. <div class='item-snippet'><data:post.snippet/></div>
  2229. </div>
  2230. <div style='clear: both;'/>
  2231. </b:if>
  2232. </b:if>
  2233. </li>
  2234. </b:loop>
  2235. </ul>
  2236. </div>
  2237. </b:includable>
  2238. </b:widget>
  2239. <b:widget id='Label2' locked='false' title='Kategori' type='Label' version='1' visible='true'>
  2240. <b:includable id='main'>
  2241. <b:if cond='data:title != &quot;&quot;'>
  2242. <h2><data:title/></h2>
  2243. </b:if>
  2244. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2245. <b:if cond='data:display == &quot;list&quot;'>
  2246. <ul>
  2247. <b:loop values='data:labels' var='label'>
  2248. <li>
  2249. <b:if cond='data:blog.url == data:label.url'>
  2250. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2251. <b:else/>
  2252. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2253. </b:if>
  2254. <b:if cond='data:showFreqNumbers'>
  2255. <span dir='ltr'>(<data:label.count/>)</span>
  2256. </b:if>
  2257. </li>
  2258. </b:loop>
  2259. </ul>
  2260. <b:else/>
  2261. <b:loop values='data:labels' var='label'>
  2262. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2263. <b:if cond='data:blog.url == data:label.url'>
  2264. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2265. <b:else/>
  2266. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2267. </b:if>
  2268. <b:if cond='data:showFreqNumbers'>
  2269. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2270. </b:if>
  2271. </span>
  2272. </b:loop>
  2273. </b:if>
  2274. </div>
  2275. </b:includable>
  2276. </b:widget>
  2277. </b:section>
  2278. </div>
  2279. <div class='clear'>&#160;</div>
  2280. </div>
  2281. <div class='clear'/>
  2282. <b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'>
  2283. <b:widget id='HTML3' locked='false' title='' type='HTML' visible='true'>
  2284. <b:includable id='main'>
  2285. <!-- only display title if it's non-empty -->
  2286. <b:if cond='data:title != &quot;&quot;'>
  2287. <h2 class='title'><data:title/></h2>
  2288. </b:if>
  2289. <div class='widget-content'>
  2290. <data:content/>
  2291. </div>
  2292.  
  2293. <b:include name='quickedit'/>
  2294. </b:includable>
  2295. </b:widget>
  2296. </b:section>
  2297. </div>
  2298. <div class='clear'/>
  2299. <footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
  2300. <div id='footme'>
  2301. <div class='footmekanan'>
  2302. |
  2303. <a href='/p/contact.html' title='Contact'>Contact</a> |
  2304. <a href='/p/disclaimer.html' title='Disclaimer'>Disclaimer</a> |
  2305. <a href='/p/privacy-policy.html' title='Privacy Policy'>Privacy Policy</a> |
  2306. <a href='/p/site-map.html' title='Site map'>Site map</a>
  2307. <div class='clear'/>
  2308. Copyright &#169; <span id='current-year'/> <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> | <span id='lightcredit'><a href='http://www.arlinadzgn.com/' target='_blank' title='Designed by Arlina Design'>Arlina Design</a></span> | <a href='https://www.blogger.com/' rel='nofollow' target='_blank' title='Powered by Blogger'>Blogger</a>
  2309. </div>
  2310. <div class='footmekiri'>
  2311. <div class='medsosbawah'>
  2312. <a class='facebook' href='https://www.facebook.com/100002926623218' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
  2313. <a class='twitter' href='https://twitter.com/aldiput33' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
  2314. <a class='googleplus' href='https://plus.google.com/ ' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
  2315. <a class='rssfeed' href='http://feeds.feedburner.com/GanbatteYo' rel='nofollow' target='_blank'><i class='fa fa-rss'/></a>
  2316. </div>
  2317. </div>
  2318. </div>
  2319. </footer>
  2320. <div class='backtotopx hider arlniainf'><i class='fa fa-angle-up'/></div>
  2321. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  2322. <div class='container404'>
  2323. <div class='box404'>
  2324. <h2>404</h2>
  2325. <h3>The page could not be found</h3>
  2326. <hr/>
  2327. <p>The page you are looking for might have been removed had its name changed or is temporarily unavailable</p>
  2328. <p>Please try the following :</p>
  2329. <ul>
  2330. <li>If you type the page address in the <strong>Address bar</strong>, make sure that it is spelled correctly.</li>
  2331. <li>Click <strong><a expr:href='data:blog.homepageUrl'>here</a></strong> to return to our main page.</li>
  2332. <li>If you were linked to this page, contact the administrator and make them aware of this issue.</li>
  2333. </ul>
  2334. </div>
  2335. <div class='copyright404'>
  2336. &#169; 2016 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All Rights Reserved.
  2337. </div>
  2338. </div>
  2339. </b:if>
  2340. <script type='text/javascript'>
  2341. //<![CDATA[
  2342. // Back to top button
  2343. $(function(){$(window).scroll(function(){$(this).scrollTop()>400?$(".backtotopx").addClass('arlniainf'):$(".backtotopx").removeClass('arlniainf')}),$(".backtotopx").click(function(){return $("html,body").animate({scrollTop:0},400),!1})});
  2344. // Defer Image
  2345. for(var imgDefer=document.getElementsByTagName("img"),i=0;i<imgDefer.length;i++)imgDefer[i].getAttribute("data-src")&&imgDefer[i].setAttribute("src",imgDefer[i].getAttribute("data-src"));
  2346. //]]>
  2347. </script>
  2348. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2349. <script type='text/javascript'>
  2350. /*<![CDATA[*/
  2351. var postperpage=5;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";
  2352. /*]]>*/
  2353. </script>
  2354. <script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/unlipage.js' type='text/javascript'/>
  2355. </b:if>
  2356. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  2357. <script type='text/javascript'>
  2358. //Spoiler
  2359. $(document).ready(function(){$(&quot;#flippy&quot;).click(function(){$(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;)})});
  2360. //Related Post Thumb
  2361. $(&quot;ul#related-light li img&quot;).each(function(){$(this).attr(&quot;src&quot;,$(this).attr(&quot;src&quot;).replace(/\/s[0-9]+(\-c)?\//,&quot;/w200-h140-c/&quot;))});
  2362. //<![CDATA[
  2363. // Google Url dan Syntax Highlighting
  2364. function downloadJSAtOnload(){!function(n){for(var o=0,d=n.length;d>o;++o){var t=document.createElement("script");t.src=n[o],document.body.appendChild(t)}}(["https://rawgit.com/Arlina-Design/nubie/master/shorturl.js","https://rawgit.com/Arlina-Design/nubie/master/highlight2.js"])}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
  2365. // Nav
  2366. !function(t){var e=t("a.blog-pager-newer-link"),l=t("a.blog-pager-older-link");t.get(e.attr("href"),function(l){e.html(t(l).find(".post h1.post-title").text())},"html"),t.get(l.attr("href"),function(e){l.html(t(e).find(".post h1.post-title").text())},"html")}(jQuery);
  2367. // Youtube Responsive
  2368. setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
  2369. // Double Click
  2370. $('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
  2371. function blockLinks(e,n){for(var a=document.getElementById(e),m=a.getElementsByTagName(n),t=0;t<m.length;t++)-1!==m[t].innerHTML.indexOf("</a>")&&(m[t].innerHTML="Warning!! SPAM has been detected!",m[t].className="spammer-detected")}blockLinks("comment_block","p");
  2372. //]]>
  2373. </script>
  2374. </b:if>
  2375. <script type='text/javascript'>
  2376. function getCurrentYear(){var e=new Date;return e.getFullYear()}el=document.getElementById(&quot;current-year&quot;),el.innerHTML=getCurrentYear();
  2377. </script>
  2378. <b:include data='blog' name='google-analytics'/>
  2379.  
  2380.  
  2381. <script src='http://js.loncat.in/aldiput32/1757/safeit.js' type='text/javascript'/>
  2382. <script type='text/javascript'><!--
  2383. my_uname = "aldiput32";
  2384. sid = "1757";
  2385. dont_convert = "facebook.com,google.com,loncat.in,yourdomain.com,sub.domain.com"; //Enter Urls You Don't Want To Convert Seperated by ","
  2386. auto_loncatin();
  2387. //--></script>
  2388. </body>
  2389. </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!