API tools faq
paste
dimaslanjaka

evo amp template

dimaslanjaka
Apr 12th, 2017
168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 102.56 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML amp='amp' lang='en'>
  4. <head>
  5. <meta charset='utf-8'/>
  6. <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
  7. <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
  8. <b:include data='blog' name='all-head-content'/>
  9. <!-- Title Tag Blogger dioptimalkan -->
  10. <b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
  11.     <title><data:blog.pageTitle/></title>
  12. <b:else/>
  13. <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
  14.     <title><data:blog.pageName/> | <data:blog.title/></title>
  15. <b:else/>
  16. <b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.pageName == &quot;&quot;'>
  17.     <title>Articles | <data:blog.title/></title>
  18. <b:else/>
  19. <b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
  20.     <title>404 | <data:blog.title/></title>
  21. <b:else/>
  22.     <title><data:blog.pageName/></title>
  23. </b:if>
  24. </b:if>
  25. </b:if>
  26. </b:if>
  27.  
  28. <!-- Meta otomatis halaman depan, statis, dan postingan -->
  29. <b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
  30.     <meta expr:content='data:blog.title' name='keywords'/>
  31. </b:if>    
  32. <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
  33.     <meta expr:content='data:blog.pageName' name='keywords'/>
  34. </b:if>
  35.  
  36. <!-- Noindex halaman pencarian, label, dan arsip -->
  37. <b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>
  38.     <meta content='noindex,nofollow' name='robots'/>
  39. </b:if>
  40.  
  41. <!-- Facebook Tag -->
  42. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  43.     <meta expr:content='data:blog.pageName' property='og:title'/>
  44.     <meta content='article' property='og:type'/>
  45. <b:else/>
  46.     <meta expr:content='data:blog.pageTitle' property='og:title'/>
  47.     <meta content='website' property='og:type'/>
  48. </b:if>
  49. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  50. <!-- image original size -->
  51. <b:if cond='data:blog.postImageUrl'>
  52.     <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  53. <b:else/>
  54.     <!-- Thumbnail -->
  55.     <b:if cond='data:blog.postImageThumbnailUrl'>
  56.         <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  57.     <b:else/>
  58.         <!-- image -->
  59.         <meta content='http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/s1600/no-image.png' property='og:image'/>
  60.     </b:if>
  61. </b:if>
  62. <b:if cond='data:blog.metaDescription'>
  63.     <meta expr:content='data:blog.metaDescription' property='og:description'/>
  64. </b:if>
  65. <meta expr:content='data:blog.title' property='og:site_name'/>
  66.  
  67. <!-- Chrome, Firefox OS, Opera and Vivaldi -->
  68.   <meta content='#222' name='theme-color'/>
  69. <!-- Windows Phone -->
  70.   <meta content='#222' name='msapplication-navbutton-color'/>
  71. <!-- iOS Safari -->
  72. <meta content='black' name='apple-mobile-web-app-status-bar-style'/>
  73.  
  74. &lt;!-- /*<b:skin><![CDATA[/*-----------------------------------------------
  75. #layout #header{width:35%;float:left}
  76. #layout #banner468-header{width:53%;float:right;}
  77. #layout #post-wrapper{width:60%;float:left;}
  78. #layout #sidebar-wrapper{width:40%;float:right;}
  79. #layout #cssmenu ul, #cssmenu li{list-style: none;}
  80. #layout ul,ol,li{list-style:none}
  81. #layout #footer1,#layout #footer2,#layout #footer3,#layout #footer4{width:30%;float:left;}
  82. /*-----------------------------------------------
  83. Blogger Template Style
  84. Name: Evo Simple Amp Template
  85. Design: jerawatan pedia
  86. Url : https://jerawatanpedia.blogspot.com
  87. thanks to :
  88. evomagzblog.blogspot.com
  89. droidbuzz.net
  90. materispot.blogspot.com
  91. ----------------------------------------------- */]]></b:skin>
  92.  
  93. <style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  94. <style amp-custom='amp-custom'>
  95. /* latin-ext */
  96. @font-face {
  97.   font-family: &#39;Fjalla One&#39;;
  98.   font-style: normal;
  99.   font-weight: 400;
  100.   src: local(&#39;Fjalla One&#39;), local(&#39;FjallaOne-Regular&#39;), url(https://fonts.gstatic.com/s/fjallaone/v4/SHXJdWnWW6HDq-6DpcG8PyEAvth_LlrfE80CYdSH47w.woff2) format(&#39;woff2&#39;);
  101.   unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  102. }
  103. /* latin */
  104. @font-face {
  105.   font-family: &#39;Fjalla One&#39;;
  106.   font-style: normal;
  107.   font-weight: 400;
  108.   src: local(&#39;Fjalla One&#39;), local(&#39;FjallaOne-Regular&#39;), url(https://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format(&#39;woff2&#39;);
  109.   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  110. }
  111. /* Reset Css */
  112. 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;}
  113. /* HTML5 display-role reset for older browsers */
  114. 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:,blockquote:after,q:,q:after{content:&#39;&#39;;content:none;}table{border-collapse:collapse;border-spacing:0;}
  115. /* FRAMEWORK */
  116. strong,b{font-weight:bold;
  117. }
  118. cite,em,i{font-style:italic;
  119. }
  120. a:link{color:#EE4B3D;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
  121. }
  122. a:visited{color:#EE4B3D;text-decoration:none;
  123. }
  124. a:hover{color:#0072C6;text-decoration:none;
  125. }
  126. a img{border:none;border-width:0;outline:none;
  127. }
  128. abbr,acronym{border-bottom:1px dotted;cursor:help;
  129. }
  130. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
  131. }
  132. sub{top:.4em;}small{font-size:86%;
  133. }
  134. kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;
  135. }
  136. mark{background-color:#ffce00;color:black;
  137. }
  138. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;
  139. }
  140. hr{height:1px;border:none;background-color:#666;
  141. }
  142. /* heading */
  143. h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
  144. }
  145. h1{font-size:200%
  146. }
  147. h2{font-size:180%
  148. }
  149. h3{font-size:160%
  150. }
  151. h4{font-size:140%
  152. }
  153. h5{font-size:120%
  154. }
  155. h6{font-size:100%
  156. }
  157. /* list */
  158. ol,ul,dl{margin:.5em 0em .5em 3em
  159. }
  160. ol{list-style:decimal outside
  161. }
  162. ul{list-style:disc outside
  163. }
  164. li{margin:.5em 0
  165. }
  166. dt{font-weight:bold
  167. }
  168. dd{margin:0 0 .5em 2em
  169. }
  170. /* form */
  171. input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;
  172. }
  173. textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  174. }
  175. /* code blockquote */
  176. pre,code{font-family:&quot;Courier New&quot;,Courier,Monospace;color:inherit;
  177. }
  178. pre{white-space:pre;word-wrap:normal;overflow:auto;
  179. }
  180. blockquote{background:#f0f0f0;margin-left:2em;margin-right:2em;padding:1em 1em;font-style:italic;font-size:110%;
  181. }
  182. blockquote: {
  183. content: &quot;\f10d&quot;;
  184. font-family: FontAwesome;
  185. font-style: normal;
  186. font-weight: normal;
  187. text-decoration: inherit;
  188. padding-right:4px;
  189. color:#666;
  190. }
  191. /* blockquote:after{
  192. content: &quot;\f10e&quot;;
  193. font-family: FontAwesome;
  194. font-style: normal;
  195. font-weight: normal;
  196. text-decoration: inherit;
  197. padding-left:4px;
  198. } */
  199. /* table */
  200. .post-body table[border=&quot;1&quot;] th, .post-body table[border=&quot;1&quot;] td, .post-body table[border=&quot;1&quot;] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;
  201. }
  202. .post-body table.tr-caption-container {border:1px solid #e5e5e5;
  203. }
  204. .post-body th{font-weight:bold;
  205. }
  206. .post-body table[border=&quot;1&quot;] caption{border:none;font-style:italic;
  207. }
  208. .post-body table{
  209. }
  210. .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;
  211. }
  212. .post-body th{background:#f0f0f0;
  213. }
  214. .post-body table.tr-caption-container td {border:none;padding:8px;
  215. }
  216. .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;
  217. }
  218. .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px ;
  219. }
  220. img {
  221. max-width:100%;
  222. height:auto;
  223. border:0;
  224. }
  225. table {
  226. max-width:100%;
  227. }
  228. body#layout #wrapper, body#layout .post-container, body#layout .sidebar-container {
  229. padding:0 0 0 0;
  230. }
  231. body#layout #header-wrapper {
  232. margin-top:60px;
  233. }
  234. body#layout .panel {
  235. float:left;
  236. width:79px;
  237. }
  238. .clear {
  239. clear:both;
  240. }
  241. .clear:after {
  242. visibility:hidden;
  243. display:block;
  244. font-size:0;
  245. content:&quot; &quot;;
  246. clear:both;
  247. height:0;
  248. }
  249. body {
  250. background:#dddddd none repeat scroll top left;
  251. margin:0 0 0 0;
  252. padding:0 0 0 0;
  253. color:#333333;
  254. font:normal normal 13px Arial, sans-serif;
  255. text-align:left;
  256. }
  257. /* WRAPPER */
  258. #wrapper {
  259. background:#f9f9f9;
  260. max-width:1000px;
  261. margin:20px auto;
  262. padding:28px;
  263. box-shadow: 0px 0px 5px rgba(80, 80, 80, 0.1);
  264. overflow:hidden;
  265. }
  266. .header-inner .section{margin:0}.header-inner .widget{margin-left:30px;margin-right:30px}.header-inner .Header{margin:0}.header-inner .Header #header-inner{overflow:hidden}.header-inner .Header .titlewrapper{padding:22px 30px 0}.header-inner .Header .descriptionwrapper{padding:0 30px;margin-bottom:25px}.Header h1{margin-bottom:10px}.Header .description{margin:.5em 0 10px;padding:0 2px}
  267.  
  268. #header-wrapper {
  269.     text-align: center;
  270.     margin: 0 auto;
  271.     padding: 10px 0 10px;
  272.     overflow: hidden;
  273.     color: #333;
  274.     border-bottom: 1px solid rgba(0, 0, 0, 0);
  275. }
  276. /* NAVIGASI */
  277. #navsub{font:bold 11px Arial,Sans-Serif;text-transform:uppercase}#navsub ul{color:white;margin:0;padding:0;background:#609ddb;overflow:auto}#navsub li{list-style:none;margin:0;padding:0;float:left;display:inline;position:relative}#navsub li a{display:block;text-decoration:none;color:#fff;line-height:35px;padding:0 12px}#navsub li a:hover,.navsub li:hover &gt;a{background:#3782cf;color:#fff}body{margin:0}.navsub{background:#609ddb;color:#FFF;height:35px}.navsub ul,.navsub li{margin:0 auto;padding:0;list-style:none}.navsub ul{height:35px;max-width:880px}.navsub li{float:left;display:inline;position:relative;font:bold 11px Arial}.navsub a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#FFF;text-transform:uppercase}.navsub li a:hover{color:#fff;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;background:#3782cf}.navsub input{display:none;margin:0;padding:0;width:80px;height:35px;opacity:0;cursor:pointer}.navsub label{font:bold 30px Arial;display:none;width:35px;height:35px;line-height:36px;text-align:center}.navsub label span{font-size:16px;position:absolute;left:35px}.navsub ul.navsubs{height:auto;overflow:hidden;width:170px;background:#3782cf;position:absolute;z-index:99;display:none}.navsub ul.navsubs li{display:block;width:100%;font:normal .8em Arial;text-transform:none;text-shadow:none;border-bottom:1px dashed #31afdb}.navsub ul.navsubs a{color:#FFF;line-height:35px}.navsub li:hover ul.navsubs{display:block}.navsub ul.navsubs a:hover{background:#609ddb;color:#FFF;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}@media screen and (max-width:880px){.navsub{position:relative}.navsub ul{background:#222;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}.navsub ul.navsubs{width:93%;position:static;padding-left:20px}.navsub li{display:block;float:none;width:auto;font:normal .8em Arial}.navsub input,.navsub label{position:absolute;top:0;left:0;display:block}.navsub input{z-index:4}.navsub input:checked+label{color:white}.navsub input:checked ~ ul{display:block}}
  278.  
  279. /* CONTENT WRAPPER */
  280. #content-wrapper {
  281. background-color:transparent;
  282. background-image:url(http://2.bp.blogspot.com/-yNE4A_H3C2o/U1E6RPYNEpI/AAAAAAAADRQ/UOP1mUKaxGE/s1600/line.png);
  283. background-repeat:repeat-x;
  284. background-position:top center;
  285. margin:0 auto;
  286. padding:5px 0 0;
  287. word-wrap:break-word;
  288. }
  289. .largebanner {
  290. background:#fff;
  291. border-right:1px solid #e5e5e5;
  292. border-bottom:1px solid #e5e5e5;
  293. border-left:1px solid #e5e5e5;
  294. }
  295. .largebanner .widget {
  296. padding:15px 14px;
  297. overflow:hidden;
  298. }
  299. .largebanner img, .largebanner iframe{
  300. display:block;
  301. max-width:100%;
  302. border:none;
  303. overflow:hidden;
  304. }
  305. /* POST WRAPPER */
  306. #post-wrapper {
  307. background:transparent;
  308. float:left;
  309. width:70%;
  310. max-width:700px;
  311. margin:0 0 10px;
  312. }
  313. .post-container {
  314. padding:15px 15px 0 0;
  315. }
  316. .breadcrumbs {
  317. font-size:11px;
  318. color:#666;
  319. padding:15px;
  320. margin:0 0 15px;
  321. background:#ffffff;
  322. border:1px solid #e5e5e5;
  323. }
  324. .post {
  325. background:#ffffff;
  326. border:1px solid #e5e5e5;
  327. margin:0 0 15px;
  328. padding:15px;
  329. }
  330. .post-body {
  331. line-height:1.6em;
  332. }
  333. h2.post-title, h1.post-title {
  334. font:normal normal 20px Fjalla One, Helvetica, Arial, sans-serif;
  335. }
  336. h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
  337. color:#EE3322;
  338. }
  339. h2.post-title a:hover, h1.post-title a:hover {
  340. color:#0072C6;
  341. }
  342. .img-thumbnail {
  343. background:#fbfbfb url(http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/no-image.png) no-repeat center center;
  344. position:relative;
  345. float:left;
  346. width:200px;
  347. height:150px;
  348. margin:0 15px 0 0;
  349. }
  350. .img-thumbnail img {
  351. width:200px;
  352. height:150px;
  353. }
  354. span.rollover {
  355. opacity:0;
  356. -o-transition:all 1s;
  357. -moz-transition:all 1s;
  358. -webkit-transition:all 1s;
  359. background:#333;
  360. cursor: pointer;
  361. position: absolute;
  362. top:0;
  363. right:0;
  364. bottom:0;
  365. left:0;
  366. z-index: 1;
  367. opacity: 0;
  368. }
  369. .post-info {
  370. background:transparent;
  371. margin:0 0 12px;
  372. color:#666666;
  373. font-size:11px;
  374. }
  375. .post-info a {
  376. display:inline-block;
  377. color:#666666;
  378. }
  379. .author-info, .time-info, .comment-info, .label-info, .review-info {
  380. margin-right:12px;
  381. display:inline;
  382. }
  383. a.readmore {
  384. display:inline-block;
  385. margin:15px 0 0;
  386. background-color:#ffffff;
  387. border:1px solid #dddddd;
  388. padding:0px 10px;
  389. line-height:26px;
  390. color:#333333;
  391. font-size:11px;
  392. font-weight:bold;
  393. text-transform:uppercase;
  394. }
  395. a.readmore:hover  {
  396. border:1px solid #aaaaaa;
  397. }
  398.  
  399.  /*side bar*/
  400. #sidebar-wrapper {
  401. background:transparent;
  402. float:right;
  403. width:30%;
  404. max-width:300px;
  405. margin:0 auto;
  406. }
  407. .sidebar-container{margin:0}
  408. .widgeticon{margin:5px 5px -5px 0}
  409. .sidebar h6,.sidebar h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNCA4aDRWNEg0djR6bTYgMTJoNHYtNGgtNHY0em0tNiAwaDR2LTRINHY0em0wLTZoNHYtNEg0djR6bTYgMGg0di00aC00djR6bTYtMTB2NGg0VjRoLTR6bS02IDRoNFY0aC00djR6bTYgNmg0di00aC00djR6bTAgNmg0di00aC00djR6IiBmaWxsPSIjNzU3NTc1Ii8+PC9zdmc+);background-position:left top;background-repeat:no-repeat;background-size:19px 19px;color:#212121;font-family:&#39;Product Sans&#39;,sans-serif;font-size:1.2em;line-height:1em;overflow:hidden;padding:0 0 15px 30px}
  410. div#FollowByEmail1{border:1px solid #dedede;background:#fff;border-radius:3px;padding:10px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  411. #FollowByEmail1 h2{font-family:Roboto,sans-serif;font-size:18px;font-weight:300;text-transform:capitalize;color:#666;margin-bottom:15px;padding:0;line-height:1em}
  412. #FollowByEmail1 p{font-family:Roboto,sans-serif;font-size:14px;font-weight:300;text-transform:capitalize;color:#666;margin-top:15px;padding:0;line-height:1em}
  413. #FollowByEmail1 table{width:100%}
  414. #FollowByEmail1 table td:nth-child(1){width:80%}
  415. #FollowByEmail1 table td:nth-child(2){width:20%}
  416. .FollowByEmail .follow-by-email-inner .follow-by-email-address{background:#efefef;width:100%;height:44px;padding:0 10px;font-family:Roboto,sans-serif;font-size:14px;border:0;outline:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  417. .FollowByEmail .follow-by-email-inner .follow-by-email-submit{height:44px;font-family:Roboto,sans-serif;text-transform:uppercase;border-radius:0;padding:0 10px;width:100%;font-size:14px;background:#dd5d24;border:0;outline:0;cursor:pointer;color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  418. .BlogArchive h6,.BlogArchive h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgNEg0Yy0xLjEgMC0xLjk5LjktMS45OSAyTDIgMThjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY4YzAtMS4xLS45LTItMi0yaC04bC0yLTJ6IiBmaWxsPSIjNjczQUI3Ii8+PC9zdmc+);color:#673AB7}
  419. .BlogSearch h6,.BlogSearch h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0xNS41IDE0aC0uNzlsLS4yOC0uMjdjLjk4LTEuMTQgMS41Ny0yLjYyIDEuNTctNC4yMyAwLTMuNTktMi45MS02LjUtNi41LTYuNXMtNi41IDIuOTEtNi41IDYuNSAyLjkxIDYuNSA2LjUgNi41YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTkgMS40OS0xLjQ5LTQuOTktNXptLTYgMGMtMi40OSAwLTQuNS0yLjAxLTQuNS00LjVzMi4wMS00LjUgNC41LTQuNSA0LjUgMi4wMSA0LjUgNC41LTIuMDEgNC41LTQuNSA0LjV6IiBmaWxsPSIjNzk1NTQ4Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0aC0yNHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==);color:#795548}
  420. .Image h6,.Image h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEgMTlWNWMwLTEuMS0uOS0yLTItMkg1Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yek04LjUgMTMuNWwyLjUgMy4wMUwxNC41IDEybDQuNSA2SDVsMy41LTQuNXoiIGZpbGw9IiM5QzI3QjAiLz48L3N2Zz4=);color:#9C27B0}
  421. .FeaturedPost h6,.FeaturedPost h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTcgM0g3Yy0xLjEgMC0xLjk5LjktMS45OSAyTDUgMjFsNy0zIDcgM1Y1YzAtMS4xLS45LTItMi0yeiIgZmlsbD0iI0ZGQzEwNyIvPjwvc3ZnPg==);color:#FFC107}
  422. .Label h6,.Label h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEuNDEgMTEuNThsLTktOUMxMi4wNSAyLjIyIDExLjU1IDIgMTEgMkg0Yy0xLjEgMC0yIC45LTIgMnY3YzAgLjU1LjIyIDEuMDUuNTkgMS40Mmw5IDljLjM2LjM2Ljg2LjU4IDEuNDEuNTguNTUgMCAxLjA1LS4yMiAxLjQxLS41OWw3LTdjLjM3LS4zNi41OS0uODYuNTktMS40MSAwLS41NS0uMjMtMS4wNi0uNTktMS40MnpNNS41IDdDNC42NyA3IDQgNi4zMyA0IDUuNVM0LjY3IDQgNS41IDQgNyA0LjY3IDcgNS41IDYuMzMgNyA1LjUgN3oiIGZpbGw9IiMwMEJDRDQiLz48L3N2Zz4=);color:#00BCD4}
  423. .LinkList h6,.LinkList h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMy45IDEyYzAtMS43MSAxLjM5LTMuMSAzLjEtMy4xaDRWN0g3Yy0yLjc2IDAtNSAyLjI0LTUgNXMyLjI0IDUgNSA1aDR2LTEuOUg3Yy0xLjcxIDAtMy4xLTEuMzktMy4xLTMuMXpNOCAxM2g4di0ySDh2MnptOS02aC00djEuOWg0YzEuNzEgMCAzLjEgMS4zOSAzLjEgMy4xcy0xLjM5IDMuMS0zLjEgMy4xaC00VjE3aDRjMi43NiAwIDUtMi4yNCA1LTVzLTIuMjQtNS01LTV6IiBmaWxsPSIjMDA5Njg4Ii8+PC9zdmc+);color:#009688}
  424. .PageList h6,.PageList h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNiAyYy0xLjEgMC0xLjk5LjktMS45OSAyTDQgMjBjMCAxLjEuODkgMiAxLjk5IDJIMThjMS4xIDAgMi0uOSAyLTJWOGwtNi02SDZ6bTcgN1YzLjVMMTguNSA5SDEzeiIgZmlsbD0iI0U5MUU2MyIvPjwvc3ZnPg==);color:#E91E63}
  425. .Poll h6,.Poll h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkgM0g1Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6TTkgMTdIN3YtN2gydjd6bTQgMGgtMlY3aDJ2MTB6bTQgMGgtMnYtNGgydjR6IiBmaWxsPSIjNjA3RDhCIi8+PC9zdmc+);color:#607D8B}
  426. .PopularPosts h6,.PopularPosts h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMuNS42N3MuNzQgMi42NS43NCA0LjhjMCAyLjA2LTEuMzUgMy43My0zLjQxIDMuNzMtMi4wNyAwLTMuNjMtMS42Ny0zLjYzLTMuNzNsLjAzLS4zNkM1LjIxIDcuNTEgNCAxMC42MiA0IDE0YzAgNC40MiAzLjU4IDggOCA4czgtMy41OCA4LThDMjAgOC42MSAxNy40MSAzLjggMTMuNS42N3pNMTEuNzEgMTljLTEuNzggMC0zLjIyLTEuNC0zLjIyLTMuMTQgMC0xLjYyIDEuMDUtMi43NiAyLjgxLTMuMTIgMS43Ny0uMzYgMy42LTEuMjEgNC42Mi0yLjU4LjM5IDEuMjkuNTkgMi42NS41OSA0LjA0IDAgMi42NS0yLjE1IDQuOC00LjggNC44eiIgZmlsbD0iI0Y0NDMzNiIvPjwvc3ZnPg==);color:#F44336}
  427. .Profile h6,.Profile h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAzYzEuNjYgMCAzIDEuMzQgMyAzcy0xLjM0IDMtMyAzLTMtMS4zNC0zLTMgMS4zNC0zIDMtM3ptMCAxNC4yYy0yLjUgMC00LjcxLTEuMjgtNi0zLjIyLjAzLTEuOTkgNC0zLjA4IDYtMy4wOCAxLjk5IDAgNS45NyAxLjA5IDYgMy4wOC0xLjI5IDEuOTQtMy41IDMuMjItNiAzLjIyeiIgZmlsbD0iIzAzQTlGNCIvPjwvc3ZnPg==);color:#03A9F4}
  428. .Stats h6,.Stats h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYgNmwyLjI5IDIuMjktNC44OCA0Ljg4LTQtNEwyIDE2LjU5IDMuNDEgMThsNi02IDQgNCA2LjMtNi4yOUwyMiAxMlY2eiIgZmlsbD0iI0ZGOTgwMCIvPjwvc3ZnPg==);color:#FF9800}
  429. .Subscribe h6,.Subscribe h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTEuNSAyMmMxLjEgMCAyLS45IDItMmgtNGMwIDEuMS45IDIgMiAyem02LjUtNnYtNS41YzAtMy4wNy0yLjEzLTUuNjQtNS02LjMyVjMuNWMwLS44My0uNjctMS41LTEuNS0xLjVTMTAgMi42NyAxMCAzLjV2LjY4Yy0yLjg3LjY4LTUgMy4yNS01IDYuMzJWMTZsLTIgMnYxaDE3di0xbC0yLTJ6IiBmaWxsPSIjNENBRjUwIi8+PC9zdmc+);color:#4CAF50}
  430. .Text h6,.Text h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy41IDE4QzQuNDYgMTggMiAxNS41NCAyIDEyLjVTNC40NiA3IDcuNSA3SDE4YzIuMjEgMCA0IDEuNzkgNCA0cy0xLjc5IDQtNCA0SDkuNUM4LjEyIDE1IDcgMTMuODggNyAxMi41UzguMTIgMTAgOS41IDEwSDE3djEuNUg5LjVjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDFIMThjMS4zOCAwIDIuNS0xLjEyIDIuNS0yLjVTMTkuMzggOC41IDE4IDguNUg3LjVjLTIuMjEgMC00IDEuNzktNCA0czEuNzkgNCA0IDRIMTdWMThINy41eiIgZmlsbD0iIzNGNTFCNSIvPjwvc3ZnPg==);color:#3F51B5}
  431. .Translate h6,.Translate h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRoLTI0eiIgZmlsbD0ibm9uZSIvPgogICAgPHBhdGggZD0iTTEyLjg3IDE1LjA3bC0yLjU0LTIuNTEuMDMtLjAzYzEuNzQtMS45NCAyLjk4LTQuMTcgMy43MS02LjUzaDIuOTN2LTJoLTd2LTJoLTJ2MmgtN3YxLjk5aDExLjE3Yy0uNjcgMS45My0xLjczIDMuNzYtMy4xNyA1LjM2LS45My0xLjAzLTEuNy0yLjE2LTIuMzEtMy4zNWgtMmMuNzMgMS42MyAxLjczIDMuMTcgMi45OCA0LjU2bC01LjA5IDUuMDIgMS40MiAxLjQyIDUtNSAzLjExIDMuMTEuNzYtMi4wNHptNS42My01LjA3aC0ybC00LjUgMTJoMmwxLjEyLTNoNC43NWwxLjEzIDNoMmwtNC41LTEyem0tMi42MiA3bDEuNjItNC4zMyAxLjYyIDQuMzNoLTMuMjR6IiBmaWxsPSIjNENBRjUwIi8+Cjwvc3ZnPgo=);color:#4CAF50}
  432. .sidebar .widget{background:#FFF;border:none;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);font-size:1em;line-height:1.6;margin:0 0 20px;overflow:hidden;padding:15px;position:relative}
  433. .widget-content{font-size:.9em}
  434. .widget-item-control{border-radius:50%;line-height:1em;padding:8px 8px 6px;position:absolute;right:10px;top:10px;vertical-align:middle}
  435. .widget-item-control:hover{background:#eee}
  436. .widget-content img{height:auto;max-width:100%}
  437. .widget-content select{background:#EEE url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNMzMuMTcgMTcuMTdMMjQgMjYuMzRsLTkuMTctOS4xN0wxMiAyMGwxMiAxMiAxMi0xMnoiIGZpbGw9IiMyMTIxMjEiLz48L3N2Zz4=) no-repeat center right 5px;background-size:20px 20px;border:none;border-radius:3px;padding:10px;width:100%;-moz-appearance:none;-webkit-appearance:none}
  438. .quickedit img{height:14px;width:14px}
  439. .sidebar ul,.sidebar ol{list-style-type:none;margin:0 -15px -15px;padding:0}
  440. .sidebar li ul,.sidebar li ol{font-size:0.9em;margin:10px -15px 0 0}
  441. .sidebar li{border-top:1px solid #E6E6E6;margin:0;padding:10px 15px}
  442. .sidebar li li{border-top:none;margin:0;padding:5px 15px}
  443. .sidebar li a{color:#757575}
  444.  
  445. /* AUTHOR POST PROFILE */
  446. .author-profile {
  447.     border-top: 1px solid #f0f0f0;
  448.     padding: 15px;
  449.     margin: 15px -15px 0px;
  450.     overflow: hidden;
  451. }
  452. .author-profile img {
  453.     border: 1px solid #efefef;
  454.     float: left;
  455.     margin-right: 10px;
  456. }
  457. .author-profile a.g-profile {
  458.     font-weight: bold;
  459. }
  460.  
  461. /* Page Navigation */
  462. #blog-pager{margin:0 0;clear:both;font-size:11px;margin-top:10px}
  463. #blog-pager-newer-link a{background:#607D8B;display:inline-block;color:#fff;float:left}
  464. #blog-pager-older-link a{background:#607D8B;display:inline-block;color:#fff;float:right}
  465. #blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover{background-color:#37474F;color:#fff}
  466.  
  467. #blog-pager svg{width:24px;height:24px;vertical-align:-15%}
  468. #blog-pager svg path{fill:#fff}
  469.  
  470. Footer CSS
  471. ******************************************/
  472. #footer { font-size: 13px; line-height: 1.5; margin: 30px 0 0; width: 100%; }
  473. .footer { float: left; margin: 16px; width: 30%; }
  474. .footer a { color: #333; text-decoration:none; }
  475. .footer a:hover { text-decoration:none; }
  476. .footer-bottom { bottom: 0; padding: 0; margin: 0 0 1em; z-index: 100; }
  477. .footer-bottom a { color: #333; }
  478. .footer-bottom a:hover { text-decoration: none; color: #E1704B; }
  479. .footer-bottom p{ color: #777; padding: 0px 0; }
  480. .footer-bottom .attribution{ text-align: center; }
  481. /* footer-wrapper */
  482. #footer-wrapper {background:#609ddb;margin:0 auto;padding:25px 0 20px;border-top:1px solid #e6e6e6;width:100%;text-align:center;color:#666;font-size:12px}
  483. #footer-wrapper a{color:#777;list-style:none}
  484. #footer-wrapper a:hover,#footer-link a:hover{color:#f35858}
  485. #footer-link{display:inline-block;margin:auto;padding:0;text-align:center}
  486. #footer-link a{color:#fff;font-size:12px;font-weight:400;list-style:none;line-height:1.3em}
  487. #credit-wrapper{margin:auto;padding:5px 15px}
  488. /* CUSTOM WIDGET */
  489. .widget ul {
  490. line-height:1.4em;
  491. }
  492. /* Tab Menu */
  493. .set, .panel {
  494. margin: 0 0;
  495. }
  496. .tabs .panel {
  497. padding:0 0;
  498. }
  499. .tabs-menu {
  500. border-bottom:3px solid #E73138;
  501. padding: 0 0;
  502. margin:0 0;
  503. }
  504. .tabs-menu li {
  505. font:normal bold 12px Arial, sans-serif;
  506. display: inline-block;
  507. display: inline;
  508. margin: 0 3px 0 0;
  509. padding:10px;
  510. background:#fff;
  511. border:1px solid #e5e5e5;
  512. border-bottom:none ;
  513. color:#333333;
  514. cursor:pointer;
  515. position:relative;
  516. }
  517. .tabs-menu .active-tab {
  518. background:#E73138;
  519. border:1px solid #E73138;
  520. border-bottom:none ;
  521. color:#fff;
  522. }
  523. .tabs-content {
  524. padding:10px 0;
  525. }
  526. .tabs-content .widget li {
  527. float:none ;
  528. margin:5px 0;
  529. }
  530. .tabs-content .widget ul {
  531. overflow:visible;
  532. }
  533. /* label */
  534. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
  535. font-size:100%;
  536. filter:alpha(100);
  537. opacity:10
  538. }
  539. .cloud-label-widget-content{
  540.  
  541. text-align:left
  542. }
  543. .label-size {
  544. background:#E73037;
  545. display:block;
  546. float:left;
  547. margin:0 3px 3px 0;
  548. color:#ffffff;
  549. font-size:11px;
  550. text-transform:uppercase;
  551. }
  552. .label-size a,.label-size span{
  553. display:inline-block;
  554. color:#ffffff ;
  555. padding:6px 8px;
  556. font-weight:bold;
  557. }
  558. .label-size:hover {
  559. background:#333333;
  560. }
  561. .label-count {
  562. white-space:nowrap;
  563. padding-right:3px;
  564. margin-left:-3px;
  565. background:#333333;
  566. color:#fff ;
  567. }
  568. .label-size {
  569. line-height:1.2
  570. }
  571. /*Popular Post*/
  572. .PopularPosts h6{color:#e51c23}
  573. .PopularPosts .item-thumbnail{border-radius:50%;display:inline;float:left;margin:5px 10px 5px 0;overflow:hidden}
  574. .PopularPosts .item-thumbnail a img{display:block;height:40px;margin:0;padding:0;width:40px}
  575. .PopularPosts .widget-content ul{margin:0}
  576. .PopularPosts .widget-content ul li{border-bottom:1px solid #E6E6E6;border-top:none;padding:5px 0}
  577. .PopularPosts .widget-content ul li:last-child{border-bottom:none}
  578. .PopularPosts .item-title{color:#212121;font-size:1em;font-weight:400;line-height:1.4;max-height:2.7em;overflow:hidden;padding-top:.3em}
  579. .PopularPosts .item-title a{color:#212121}
  580. .PopularPosts .item-snippet{color:#757575;font-size:.9em;height:1.4em;line-height:1.4;overflow:hidden}
  581. /* error and search */
  582. .status-msg-wrap {
  583. font-size:120%;
  584. font-weight:bold;
  585. width:100%;
  586. margin:20px auto;
  587. }
  588. .status-msg-body {
  589. padding:20px 2%;
  590. width:96%;
  591. }
  592. .status-msg-border {
  593. border:1px solid #e5e5e5;
  594. opacity:10;
  595. width:auto;
  596. }
  597. .status-msg-bg {
  598. background-color:#ffffff;
  599. }
  600. .status-msg-hidden {
  601. padding:20px 2%;
  602. }
  603. .tabs-content .widget ul li:, .sidebar ul li:, #bottombar ul li: {
  604. content:&quot;\f061&quot;;
  605. font-family: FontAwesome;
  606. font-style: normal;
  607. font-weight: normal;
  608. text-decoration: inherit;
  609. padding-right:4px;
  610. color:#666;
  611. }
  612. #ArchiveList ul li: {
  613. content:&quot;&quot; ;
  614. padding-right:0px ;
  615. }
  616.  
  617. /* MEDIA QUERY */
  618. @media only screen and (max-width:1066px){
  619. #wrapper {
  620. margin:0 auto;
  621. }
  622. }
  623. @media only screen and (max-width:768px){
  624. #wrapper {
  625. padding:0 12px;
  626. }
  627. #post-wrapper, #sidebar-wrapper, .nav {
  628. float:none;
  629. width:100%;
  630. max-width:100%
  631. }
  632. .active {
  633. display: block;
  634. }
  635. #search-form {
  636. width:100%;
  637. margin:0 0 0 0 ;
  638. }
  639. .nav li ul: {
  640. display:none;
  641. }
  642. .nav &gt; li {
  643. float: none;
  644. overflow:hidden;
  645. }
  646. .nav ul {
  647. display: block;
  648. width: 100%;
  649. float:none;
  650. }
  651. .nav-menu2 li ul {
  652. background:#eee;
  653. border:none;
  654. box-shadow:none;
  655. }
  656. .nav-menu2 li li ul {
  657. background:#f5f5f5;
  658. }
  659. .nav-menu2 li li a:hover {
  660. background:#ddd;
  661. }
  662. .nav &gt; li.hover &gt; ul , .nav li li.hover ul {
  663. position: static;
  664. }
  665. #search-form {
  666. width:100%;
  667. background:#444;
  668. }
  669. #search-form td.search-box {
  670. padding:0 10px ;
  671. }
  672. #search-form td.search-button {
  673. padding:0 10px;
  674. width:1%;
  675. }
  676. #search-form input#search-box[type=&quot;text&quot;] {
  677. margin:0 0 0 0;
  678. }
  679. #search-form input#search-button[type=&quot;submit&quot;] {
  680. margin:0 0 0 0;
  681. }
  682. .post-body img {
  683. max-width:90%;
  684. }
  685. .img-thumbnail {
  686. margin:0 10px 0 0;
  687. }
  688. .recent-post-one-thumb .widget {
  689. padding:0 0 10px 0;
  690. }
  691. #recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-5 .widget {
  692. padding:0 5px 10px 0;
  693. }
  694. #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-6 .widget {
  695. padding:0 0 10px 5px;
  696. }
  697. .sidebar-container, .post-container {
  698. padding:15px 0 0px;
  699. }
  700. }
  701. @media only screen and (max-width:640px){
  702. #wrapper {
  703. padding:0 10px;
  704. }
  705. #post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right {
  706. float:none;
  707. width:100%;
  708. max-width:100%
  709. }
  710. .header, .header-right {
  711. margin:10px 0;
  712. }
  713. .sidebar-container, .post-container{
  714. padding:10px 0 0px;
  715. }
  716. .largebanner .widget, #bottombar {
  717. padding:10px;
  718. }
  719. .post, .breadcrumbs {
  720. margin:0 0 10px;
  721. padding:10px;
  722. }
  723. .pagenavi {
  724. margin: 6px 0 10px;
  725. }
  726. .recent-post-one-thumb .widget-content {
  727. padding:10px;
  728. }
  729. #bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
  730. margin:0 0 10px 0;
  731. }
  732. }
  733. @media only screen and (max-width:480px){
  734. #wrapper {
  735. padding:0 8px;
  736. }
  737. .header, .header-right, .recent-post-one-thumb {
  738. float:none;
  739. width:100%;
  740. max-width:100%
  741. }
  742. .header img {
  743. max-width:160px;
  744. }
  745. .largebanner .widget, #bottombar {
  746. padding:8px;
  747. }
  748. .post, .breadcrumbs {
  749. margin:0 0 8px;
  750. padding:8px;
  751. }
  752. .recent-post-one-thumb .widget-content {
  753. padding:8px;
  754. }
  755. h2.post-title, h1.post-title {
  756. font-size:16px;
  757. }
  758. .img-thumbnail, .img-thumbnail img {
  759. width:120px;
  760. height:90px;
  761. }
  762. .img-thumbnail {
  763. margin:0 8px 0 0;
  764. }
  765. #recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-5 .widget, #recent-post-one-thumb-6 .widget {
  766. padding:0 0 8px 0;
  767. }
  768. .footer-left, .footer-right {
  769. float:none;
  770. text-align:center;
  771. }
  772. }
  773. @media screen and (max-width:320px){
  774. #wrapper {
  775. padding:0 6px;
  776. }
  777. .post, .breadcrumbs {
  778. padding:6px;
  779. }
  780. .recent-post-one-thumb .widget-content {
  781. padding:6px;
  782. }
  783. .img-thumbnail, .img-thumbnail img {
  784. width:100px;
  785. height:80px;
  786. }
  787. }
  788. /* Komentar */
  789. .disqus-comments {margin-top:-40px}
  790. section[expanded] .show-more,section:not([expanded]) .show-less{display:none;}
  791. .disqus-comments h4{margin-bottom:10px;font-size:14px;padding:8px 10px;text-align:center;color:#333;background:#eee;border:none;clear:both}
  792. .disqus-comments amp-iframe{margin-left:-8px;margin-right:-8px}
  793.  
  794. /* Custom Sosial Share */
  795. amp-social-share[type=&quot;twitter&quot;] {
  796.   background-size:15px 15px;
  797. }
  798.  
  799. amp-social-share[type=&quot;gplus&quot;], amp-social-share[type=&quot;facebook&quot;], amp-social-share[type=&quot;linkedin&quot;], amp-social-share[type=&quot;pinterest&quot;] {
  800.   background-size:20px 20px;
  801. }
  802.  
  803. /* Tambahan Customize */
  804. .share-buzz {margin-top:23px}
  805. .share-buzz h4{overflow:hidden;float:left;font-size:11px;background:#37474F;color:#fff;padding:7.5px;margin-right:3px}
  806. .note-buzz{margin-top:16px;margin-top:16px;margin-bottom:16px;padding:8px 15px;border-radius:2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);background-color:rgb(0,108,172);color:#eee}
  807.  
  808. .img-center{text-align:center;padding-top:15px;padding-bottom:15px;margin:0 auto}
  809. .img-left{clear:left;float:left;margin-bottom:1em;margin-right:1em;text-align:center;}
  810. .img-right{clear:right;float:right;margin-bottom:1em;margin-left:1em;text-align:center;}
  811. .img-width-300,.img-width-400,.img-width-500,.img-width-600{width:100%;text-align:center;clear:both}
  812. .img-width-300{max-width:300px;}
  813. .img-width-400{max-width:400px;}
  814. .img-width-500{max-width:500px;}
  815. .img-width-600{max-width:600px;}
  816. @media screen and (max-width:640px){
  817. .img-width-500.img-left,.img-width-500.img-right,.img-width-600.img-left,.img-width-600.img-right{clear:both;float:none;margin:1em auto;text-align:center;}
  818. }
  819. @media screen and (max-width:414px){
  820. .img-width-300.img-left,.img-width-300.img-right,.img-width-400.img-left,.img-width-400.img-right{clear:both;float:none;margin:1em auto;text-align:center;}
  821. }
  822. /* Search Form Desktop */
  823. .search-wrapper{width:90%;height:30px;padding:0;margin:auto;position:relative}
  824. #search-form,#searchform,.search-button{border:none;line-height:30px}
  825. #searchform{position:relative;z-index:5;overflow:hidden}
  826. #searchform:hover,#search-form:focus{border-color:#3b7dc1;z-index:5;overflow:hidden}
  827. #search-form{color:gray;width:100%;padding:0 10px 0 10px;height:30px;line-height:30px;font-size:14px;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  828. .search-button{background-image:url(&quot;data:image/svg+xml;charset=utf8,%3csvg%20viewBox=&#39;0%200%2024%2024&#39;%20width=&#39;24&#39;%20height=&#39;24&#39;%20xmlns=&#39;http://www.w3.org/2000/svg&#39;%20xmlns:xlink=&#39;http://www.w3.org/1999/xlink&#39;%3e%3cg%3e%3cpath%20style=&#39;fill:white&#39;%20d=&#39;M9.5,3A6.5,6.5%200%200,1%2016,9.5C16,11.11%2015.41,12.59%2014.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41%2011.11,16%209.5,16A6.5,6.5%200%200,1%203,9.5A6.5,6.5%200%200,1%209.5,3M9.5,5C7,5%205,7%205,9.5C5,12%207,14%209.5,14C12,14%2014,12%2014,9.5C14,7%2012,5%209.5,5Z&#39;%3e%3c/path%3e%3c/g%3e%3c/svg%3e&quot;);background-color:#455a64;background-repeat:no-repeat;background-size:20px 20px;background-position:8px 5px;width:34px;height:30px;overflow:hidden;float:right;top:0;right:0;position:absolute;z-index:0}
  829. #search-form:hover,.search-button:hover{border:none;border-color:#3b7dc1;outline:0;color:#555}
  830. .permalink-blog{border:1px solid #EEE; padding:10px; background:#FFF; font-size:13px; margin-top:15px;}
  831. .permalink-blog a{background:none}
  832. .center{align:center; text-align:center}
  833. </style>
  834. <script async='async' src='https://cdn.ampproject.org/v0.js'/>
  835. <script async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'/>
  836. <script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>
  837. <script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
  838. <script async='async' custom-element='amp-accordion' src='https://cdn.ampproject.org/v0/amp-accordion-0.1.js'/>
  839. <script async='async' custom-element='amp-analytics' src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'/>
  840.     <script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>
  841.     <script async='async' custom-element='amp-carousel' src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'/>
  842.     <script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>
  843. <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
  844.     <script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'/>
  845. </b:if>
  846. <b:include data='blog' name='google-analytics'/>
  847. </head>
  848. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  849. <amp-analytics id='analytics1' type='googleanalytics'>
  850. <script type='application/json'>
  851. {
  852.   &quot;vars&quot;: {
  853.     &quot;account&quot;: &quot;UA-58221769-3&quot;
  854.   },
  855.   &quot;triggers&quot;: {
  856.     &quot;trackPageview&quot;: {
  857.       &quot;on&quot;: &quot;visible&quot;,
  858.       &quot;request&quot;: &quot;pageview&quot;
  859.     }
  860.   }
  861. }
  862. </script>
  863. </amp-analytics>
  864. <!-- wrapper start -->
  865. <div id='wrapper'>
  866. <!-- header wrapper start -->
  867. <header id='header-wrapper'>
  868.  
  869. <b:section class='header section' id='header' showaddelement='no'>
  870.   <b:widget id='Header1' locked='false' title='Website Development Indonesia (Header)' type='Header' version='1'>
  871.     <b:widget-settings>
  872.       <b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-5om60OyZLHs/WOzo6FIRrlI/AAAAAAAAFGg/PPfePnwr7W82VoNBYVQx_kkvswNkOgOUQCK4B/s790/PicsArt_01-28-09.56.47.png</b:widget-setting>
  873.       <b:widget-setting name='displayHeight'>60</b:widget-setting>
  874.       <b:widget-setting name='sectionWidth'>790</b:widget-setting>
  875.       <b:widget-setting name='useImage'>true</b:widget-setting>
  876.       <b:widget-setting name='shrinkToFit'>true</b:widget-setting>
  877.       <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
  878.       <b:widget-setting name='displayWidth'>320</b:widget-setting>
  879.     </b:widget-settings>
  880.     <b:includable id='main'>
  881.  
  882.   <b:if cond='data:useImage'>
  883.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  884.       <b:if cond='data:mobile'>
  885.           <div id='header-inner'>
  886.             <div class='titlewrapper' style='background: transparent'>
  887.               <h1 class='title' style='background: transparent; border-width: 0px'>
  888.                 <b:include name='title'/>
  889.               </h1>
  890.             </div>
  891.             <b:include name='description'/>
  892.           </div>
  893.         <b:else/>
  894.           <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'>
  895.             <div class='titlewrapper' style='background: transparent'>
  896.               <h1 class='title' style='background: transparent; border-width: 0px'>
  897.                 <b:include name='title'/>
  898.               </h1>
  899.             </div>
  900.             <b:include name='description'/>
  901.           </div>
  902.         </b:if>
  903.     <b:else/>
  904.       <!--Show the image only-->
  905.       <div id='header-inner'>
  906.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  907.           <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'/>
  908.         </a>
  909.         <!--Show the description-->
  910.         <b:if cond='data:imagePlacement == &quot;_DESCRIPTION&quot;'>
  911.           <b:include name='description'/>
  912.         </b:if>
  913.       </div>
  914.     </b:if>
  915.   <b:else/>
  916.     <!--No header image -->
  917.     <div id='header-inner'>
  918.       <div class='titlewrapper'>
  919.         <h1 class='title'>
  920.           <b:include name='title'/>
  921.         </h1>
  922.       </div>
  923.       <b:include name='description'/>
  924.     </div>
  925.   </b:if>
  926. </b:includable>
  927.     <b:includable id='description'>
  928.   <div class='descriptionwrapper'>
  929.     <p class='description'><span><data:description/></span></p>
  930.   </div>
  931. </b:includable>
  932.     <b:includable id='title'>
  933.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  934.     <data:title/>
  935.   <b:else/>
  936.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  937.   </b:if>
  938. </b:includable>
  939.   </b:widget>
  940. </b:section>
  941. </header>
  942. <!-- header wrapper end -->
  943.   <!-- desktop navigation menu start -->
  944. <div class='navsub'>
  945. <input type='checkbox'/>
  946. <label>&#8801;<span>Menu</span></label>
  947. <ul>
  948. <li><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='name'>Home</span></a></li>
  949. <li><a href='/p/hubungi-kami.html'>Contact</a></li>
  950.  
  951. <li><a href='/p/kebijakan-privasi.html'>Privacy</a></li>
  952. </ul>
  953. </div>
  954. <div class='clear'/>
  955. <div class='center'/><a href='http://copyscape.com' title='Protected by Copyscape Plagiarism Checker - Do not copy content from this page.'><amp-img alt='Protected by Copyscape' border='0' height='25' src='http://www.copyscape.com/img/copyscape-banner-white-200x25.png' title='Protected by Copyscape Plagiarism Checker - Do not copy content from this page.' width='200'/></a></div>
  956.   <!-- secondary navigation menu end -->
  957. <!-- content wrapper start -->
  958. <div id='content-wrapper'>
  959. <b:section class='largebanner section' id='largebanner' maxwidgets='1' showaddelement='yes'/>
  960.   <!-- post wrapper start -->
  961.   <div id='post-wrapper'>
  962.   <div class='post-container'>
  963.   <b:section class='main' id='main' showaddelement='no'>
  964.     <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
  965.       <b:widget-settings>
  966.         <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  967.         <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  968.         <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  969.         <b:widget-setting name='authorLabel'>By</b:widget-setting>
  970.         <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  971.         <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  972.         <b:widget-setting name='showAuthor'>false</b:widget-setting>
  973.         <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  974.         <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  975.         <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  976.         <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  977.         <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  978.         <b:widget-setting name='showLabels'>true</b:widget-setting>
  979.         <b:widget-setting name='showLocation'>true</b:widget-setting>
  980.         <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  981.         <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  982.         <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  983.         <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  984.         <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  985.         <b:widget-setting name='showReactions'>false</b:widget-setting>
  986.       </b:widget-settings>
  987.       <b:includable id='main' var='top'>
  988.       <b:include data='posts' name='breadcrumb'/>
  989.   <b:if cond='data:mobile == &quot;false&quot;'>
  990.  
  991.     <!-- posts -->
  992.     <div class='blog-posts hfeed'>
  993.  
  994.       <b:include data='top' name='status-message'/>
  995.  
  996.       <data:defaultAdStart/>
  997.       <b:loop values='data:posts' var='post'>
  998.         <b:if cond='data:post.isDateStart'>
  999.           <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1000.             &lt;/div&gt;&lt;/div&gt;
  1001.           </b:if>
  1002.         </b:if>
  1003.         <b:if cond='data:post.isDateStart'>
  1004.           &lt;div class=&quot;date-outer&quot;&gt;
  1005.         </b:if>
  1006.         <b:if cond='data:post.isDateStart'>
  1007.           &lt;div class=&quot;date-posts&quot;&gt;
  1008.         </b:if>
  1009.         <div class='post-outer'>
  1010.         <b:include data='post' name='post'/>
  1011.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1012.           <b:include data='post' name='disqus-comments'/>
  1013.         </b:if>
  1014.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1015.           <b:include data='post' name='disqus-comments'/>
  1016.         </b:if>
  1017.         </div>
  1018.         <b:if cond='data:post.includeAd'>
  1019.           <b:if cond='data:post.isFirstPost'>
  1020.             <data:defaultAdEnd/>
  1021.           <b:else/>
  1022.             <data:adEnd/>
  1023.           </b:if>
  1024.           <div class='inline-ad'>
  1025.             <data:adCode/>
  1026.           </div>
  1027.           <data:adStart/>
  1028.         </b:if>
  1029.       </b:loop>
  1030.       <b:if cond='data:numPosts != 0'>
  1031.         &lt;/div&gt;&lt;/div&gt;
  1032.       </b:if>
  1033.       <data:adEnd/>
  1034.     </div>
  1035.  
  1036.     <!-- navigation -->
  1037.     <b:include name='nextprev'/>
  1038.   <b:else/>
  1039.     <b:include name='mobile-main'/>
  1040.   </b:if>
  1041.  
  1042. </b:includable>
  1043.       <b:includable id='backlinkDeleteIcon' var='backlink'>
  1044.   <!--<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1045.    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1046.      <amp-img src='//www.blogger.com/img/icon_delete13.gif'/></amp-img>
  1047.    </a>
  1048.  </span>-->
  1049. </b:includable>
  1050.       <b:includable id='backlinks' var='post'>
  1051.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1052.   <b:if cond='data:post.numBacklinks != 0'>
  1053.     <dl class='comments-block' id='comments-block'>
  1054.       <b:loop values='data:post.backlinks' var='backlink'>
  1055.         <div class='collapsed-backlink backlink-control'>
  1056.           <dt class='comment-title'>
  1057.             <span class='backlink-toggle-zippy'>&#160;</span>
  1058.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1059.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  1060.           </dt>
  1061.           <dd class='comment-body collapseable'>
  1062.             <data:backlink.snippet/>
  1063.           </dd>
  1064.           <dd class='comment-footer collapseable'>
  1065.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1066.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1067.           </dd>
  1068.         </div>
  1069.       </b:loop>
  1070.     </dl>
  1071.   </b:if>
  1072.   <p class='comment-footer'>
  1073.     <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>
  1074.   </p>
  1075. </b:includable>
  1076.       <b:includable id='breadcrumb' var='posts'>
  1077. <b:if cond='data:blog.homepageUrl == data:blog.url'>
  1078. <!-- No breadcrumb on home page -->
  1079. <b:else/>
  1080. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1081. <!-- breadcrumb for the post page -->
  1082. <p class='breadcrumbs'>
  1083. <span class='post-labels'>
  1084. <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
  1085. <b:loop values='data:posts' var='post'>
  1086. <b:if cond='data:post.labels'>
  1087. <b:loop values='data:post.labels' var='label'>
  1088. <b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
  1089. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  1090. </b:if>
  1091. </b:loop>
  1092. <b:else/>
  1093. &#187;Unlabelled
  1094. </b:if>
  1095. &#187; <span><data:post.title/></span>
  1096. </b:loop>
  1097. </span>
  1098. </p>
  1099. <b:else/>
  1100. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1101. <!-- breadcrumb for the label archive page and search pages.. -->
  1102. <p class='breadcrumbs'>
  1103. <span class='post-labels'>
  1104. <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
  1105. </span>
  1106. </p>
  1107. <b:else/>
  1108. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1109. <p class='breadcrumbs'>
  1110. <span class='post-labels'>
  1111. <b:if cond='data:blog.pageName == &quot;&quot;'>
  1112. <a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
  1113. <b:else/>
  1114. <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/>
  1115. </b:if>
  1116. </span>
  1117. </p>
  1118. </b:if>
  1119. </b:if>
  1120. </b:if>
  1121. </b:if>
  1122. </b:includable>
  1123.       <b:includable id='comment-form' var='post'>
  1124.   <div class='comment-form'>
  1125.     <a name='comment-form'/>
  1126.     <b:if cond='data:mobile'>
  1127.       <h4 id='comment-post-message'>
  1128.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1129.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  1130.       <data:blogTeamBlogMessage/>
  1131.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1132.       <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%'/>
  1133.     <b:else/>
  1134.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1135.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  1136.       <data:blogTeamBlogMessage/>
  1137.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1138.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1139.     </b:if>
  1140.     <data:post.friendConnectJs/>
  1141.     <data:post.cmtfpIframe/>
  1142.     <script type='text/javascript'>
  1143.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1144.     </script>
  1145.   </div>
  1146. </b:includable>
  1147.       <b:includable id='commentDeleteIcon' var='comment'>
  1148.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1149.     <b:if cond='data:showCmtPopup'>
  1150.       <div class='goog-toggle-button'>
  1151.         <div class='goog-inline-block comment-action-icon'/>
  1152.       </div>
  1153.     <b:else/>
  1154.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><amp-img src='https://www.blogger.com/img/icon_delete13.gif'/></a>
  1155.     </b:if>
  1156.   </span>
  1157. </b:includable>
  1158.       <b:includable id='comment_count_picker' var='post'>
  1159.   <b:if cond='data:post.commentSource == 1'>
  1160.     <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.canonicalUrl'>
  1161.     </span>
  1162.   <b:else/>
  1163.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1164.       <data:post.commentLabelFull/>:
  1165.     </a>
  1166.   </b:if>
  1167. </b:includable>
  1168.       <b:includable id='comment_picker' var='post'>
  1169.   <b:if cond='data:post.commentSource == 1'>
  1170.     <b:include data='post' name='iframe_comments'/>
  1171.   <b:else/>
  1172.     <b:if cond='data:post.showThreadedComments'>
  1173.       <b:include data='post' name='threaded_comments'/>
  1174.     <b:else/>
  1175.       <b:include data='post' name='comments'/>
  1176.     </b:if>
  1177.   </b:if>
  1178. </b:includable>
  1179.       <b:includable id='comments' var='post'>
  1180.   <div class='comments' id='comments'>
  1181.     <a name='comments'/>
  1182.     <b:if cond='data:post.allowComments'>
  1183.       <h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Responses to &quot;<data:blog.pageName/>&quot; </b:if></h3>
  1184.  
  1185.       <b:if cond='data:post.commentPagingRequired'>
  1186.         <span class='paging-control-container'>
  1187.           <b:if cond='data:post.hasOlderLinks'>
  1188.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1189.               &#160;
  1190.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1191.               &#160;
  1192.           </b:if>
  1193.  
  1194.           <data:post.commentRangeText/>
  1195.  
  1196.           <b:if cond='data:post.hasNewerLinks'>
  1197.             &#160;
  1198.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1199.             &#160;
  1200.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1201.           </b:if>
  1202.         </span>
  1203.       </b:if>
  1204.  
  1205.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1206.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1207.           <b:loop values='data:post.comments' var='comment'>
  1208.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1209.               <b:if cond='data:comment.favicon'>
  1210.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1211.               </b:if>
  1212.               <a expr:name='data:comment.anchorName'/>
  1213.               <b:if cond='data:blog.enabledCommentProfileImages'>
  1214.                 <data:comment.authorAvatarImage/>
  1215.               </b:if>
  1216.               <b:if cond='data:comment.authorUrl'>
  1217.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1218.               <b:else/>
  1219.                 <data:comment.author/>
  1220.               </b:if>
  1221.               <data:commentPostedByMsg/>
  1222.             </dt>
  1223.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1224.               <b:if cond='data:comment.isDeleted'>
  1225.                 <span class='deleted-comment'><data:comment.body/></span>
  1226.               <b:else/>
  1227.                 <p>
  1228.                   <data:comment.body/>
  1229.                 </p>
  1230.               </b:if>
  1231.             </dd>
  1232.             <dd class='comment-footer'>
  1233.               <span class='comment-timestamp'>
  1234.                 <a expr:href='data:comment.url' title='comment permalink'>
  1235.                   <data:comment.timestamp/>
  1236.                 </a>
  1237.                 <b:include data='comment' name='commentDeleteIcon'/>
  1238.               </span>
  1239.             </dd>
  1240.           </b:loop>
  1241.         </dl>
  1242.       </div>
  1243.  
  1244.       <b:if cond='data:post.commentPagingRequired'>
  1245.         <span class='paging-control-container'>
  1246.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1247.             <data:post.oldestLinkText/>
  1248.           </a>
  1249.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1250.             <data:post.olderLinkText/>
  1251.           </a>
  1252.           &#160;
  1253.           <data:post.commentRangeText/>
  1254.           &#160;
  1255.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1256.             <data:post.newerLinkText/>
  1257.           </a>
  1258.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1259.             <data:post.newestLinkText/>
  1260.           </a>
  1261.         </span>
  1262.       </b:if>
  1263.  
  1264.       <p class='comment-footer'>
  1265.         <b:if cond='data:post.embedCommentForm'>
  1266.           <b:if cond='data:post.allowNewComments'>
  1267.             <b:include data='post' name='comment-form'/>
  1268.           <b:else/>
  1269.             <data:post.noNewCommentsText/>
  1270.           </b:if>
  1271.         <b:else/>
  1272.           <b:if cond='data:post.allowComments'>
  1273.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1274.           </b:if>
  1275.         </b:if>
  1276.  
  1277.       </p>
  1278.     </b:if>
  1279.     <b:if cond='data:showCmtPopup'>
  1280.       <div id='comment-popup'>
  1281.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1282.         </iframe>
  1283.       </div>
  1284.     </b:if>
  1285.  
  1286.     <div id='backlinks-container'>
  1287.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1288.        <b:if cond='data:post.showBacklinks'>
  1289.          <b:include data='post' name='backlinks'/>
  1290.        </b:if>
  1291.     </div>
  1292.     </div>
  1293.   </div>
  1294. </b:includable>
  1295.       <b:includable id='disqus-comments' var='post'>
  1296. <div class='disqus-comments' id='disqus_comments'>
  1297.     <amp-accordion>
  1298.         <section>
  1299.             <h4>
  1300.                 <span class='show-more'>Show Comments</span>
  1301.                 <span class='show-less'>Hide Comments</span>
  1302.             </h4>
  1303. <amp-iframe expr:src='&quot;https://cdn.rawgit.com/Iwan27/DroidBuzz/master/amp_disqus_buzz.html?shortname=dimaslanjaka&amp;fontBodyFamily=sans-serif&amp;fontLinkColor=e8554e&amp;canonicalurl=&quot; + data:blog.canonicalUrl + &quot;&amp;url=&quot; + data:blog.url + &quot;&amp;homepageurl=&quot; + data:blog.homepageUrl + &quot;&amp;canonicalhomepageurl=&quot; + data:blog.canonicalHomepageUrl' frameborder='0' height='333' layout='responsive' resizable='resizable' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' width='556'>
  1304. <div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'/>
  1305. </amp-iframe>
  1306.         </section>
  1307.     </amp-accordion>
  1308. </div>
  1309. </b:includable>
  1310.       <b:includable id='feedLinks'>
  1311.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1312.     <b:if cond='data:feedLinks'>
  1313.       <div class='blog-feeds'>
  1314.         <b:include data='feedLinks' name='feedLinksBody'/>
  1315.       </div>
  1316.     </b:if>
  1317.  
  1318.     <b:else/> <!--Post feed links -->
  1319.     <div class='post-feeds'>
  1320.       <b:loop values='data:posts' var='post'>
  1321.         <b:if cond='data:post.allowComments'>
  1322.           <b:if cond='data:post.feedLinks'>
  1323.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  1324.           </b:if>
  1325.         </b:if>
  1326.       </b:loop>
  1327.     </div>
  1328.   </b:if>
  1329. </b:includable>
  1330.       <b:includable id='feedLinksBody' var='links'>
  1331.   <div class='feed-links'>
  1332.   <data:feedLinksMsg/>
  1333.   <b:loop values='data:links' var='f'>
  1334.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1335.   </b:loop>
  1336.   </div>
  1337. </b:includable>
  1338.       <b:includable id='iframe_comments' var='post'>
  1339.  
  1340.   <b:if cond='data:post.allowIframeComments'>
  1341.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1342.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1343.  
  1344.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1345.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1346.     </b:if>
  1347.   </b:if>
  1348. </b:includable>
  1349.       <b:includable id='mobile-index-post' var='post'>
  1350. <!-- MOBILE INDEX POST HERE -->
  1351.   <div class='mobile-date-outer date-outer'>
  1352.  
  1353.     <div class='mobile-post-outer'>
  1354.  
  1355.         <div class='mobile-index-contents'>
  1356.           <b:if cond='data:post.thumbnailUrl'>
  1357.             <div class='mobile-index-thumbnail'>
  1358.               <div class='Image'>
  1359.                 <img expr:src='data:post.thumbnailUrl'/>
  1360.               </div>
  1361.             </div>
  1362.             <b:else/>
  1363.             <div class='mobile-index-thumbnail'>
  1364.               <div class='Image'>
  1365.         <amp-img expr:alt='data:post.title' height='50' layout='responsive' src='https://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png' width='50'/>
  1366.               </div>
  1367.             </div>
  1368.           </b:if>
  1369.  
  1370.       <a expr:href='data:post.url'>
  1371.         <h3 class='mobile-index-title entry-title' itemprop='headline name'>
  1372.           <data:post.title/>
  1373.         </h3>
  1374.       </a>       
  1375.  
  1376.           <div class='post-body'>
  1377.  
  1378. <div class='post-header' id='post-header'>
  1379.     <div class='post-header-line-1'>
  1380. <h3 class='post-info'><!-- One for all -->
  1381. <span class='author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>By <a expr:href='data:post.authorProfileUrl' itemprop='url' rel='publisher' title='author profile'>
  1382.   <span class='post-author vcard'><span class='fn' itemprop='name'><data:post.author/> - </span>
  1383. </span></a></span><span class='clock'>
  1384. <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><time class='timestamp-link' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></time></a></span>
  1385. </h3>
  1386.       </div>    </div>
  1387.  
  1388.           </div>
  1389.         </div>
  1390.  
  1391.         <div class='clear'/>
  1392.  
  1393.     </div>
  1394.    
  1395.   </div>
  1396. </b:includable>
  1397.       <b:includable id='mobile-main' var='top'>
  1398.     <!-- posts -->
  1399.     <div class='blog-posts hfeed'>
  1400.  
  1401.       <b:include data='top' name='status-message'/>
  1402.  
  1403.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1404.         <b:loop values='data:posts' var='post'>
  1405.           <b:include data='post' name='mobile-index-post'/>
  1406.         </b:loop>
  1407.       <b:else/>
  1408.         <b:loop values='data:posts' var='post'>
  1409.           <b:include data='post' name='mobile-post'/>
  1410.         </b:loop>
  1411.       </b:if>
  1412.     </div>
  1413.  
  1414.    <b:include name='mobile-nextprev'/>
  1415. </b:includable>
  1416.       <b:includable id='mobile-nextprev'>
  1417. <!-- MOBILE PAGE NAVIGATION LINKS HERE -->
  1418.   <div class='blog-pager' id='blog-pager'>
  1419.     <b:if cond='data:newerPageUrl'>
  1420.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  1421.       <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>
  1422.       </div>
  1423.     </b:if>
  1424.  
  1425.     <b:if cond='data:olderPageUrl'>
  1426.       <div class='mobile-link-button' id='blog-pager-older-link'>
  1427.       <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>
  1428.       </div>
  1429.     </b:if>
  1430.  
  1431.     <div class='mobile-link-button' id='blog-pager-home-link'>
  1432.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1433.     </div>
  1434.  
  1435.     <div class='mobile-desktop-link'>
  1436.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1437.     </div>
  1438.  
  1439.   </div>
  1440.   <div class='clear'/>
  1441. </b:includable>
  1442.       <b:includable id='mobile-post' var='post'>
  1443. <!-- MOBILE ITEM POST HERE -->
  1444.   <div class='date-outer'>
  1445.     <div class='date-posts'>
  1446.       <div class='post-outer'>
  1447.  
  1448.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1449.           <b:if cond='data:post.thumbnailUrl'>
  1450.             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1451.           </b:if>
  1452.           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1453.           <meta expr:content='data:post.id' itemprop='postId'/>
  1454.  
  1455.           <a expr:name='data:post.id'/>
  1456.           <b:if cond='data:post.title'>
  1457.             <h3 class='mobile-post-title entry-title' itemprop='headline name'>
  1458.               <b:if cond='data:post.link'>
  1459.                 <a expr:href='data:post.link'><data:post.title/></a>
  1460.               <b:else/>
  1461.                 <b:if cond='data:post.url'>
  1462.                   <b:if cond='data:blog.url != data:post.url'>
  1463.                     <a expr:href='data:post.url'><data:post.title/></a>
  1464.                   <b:else/>
  1465.                     <data:post.title/>
  1466.                   </b:if>
  1467.                 <b:else/>
  1468.                   <data:post.title/>
  1469.                 </b:if>
  1470.               </b:if>
  1471.             </h3>
  1472.           </b:if>
  1473.  
  1474.           <div class='post-header'>
  1475.             <div class='post-header-line-1'/>
  1476.           </div>
  1477.  
  1478. <div class='post-header' id='post-header'>
  1479.     <div class='post-header-line-1'>
  1480. <h3 class='post-info'><!-- One for all -->
  1481. <span class='author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>By <a expr:href='data:post.authorProfileUrl' itemprop='url' rel='publisher' title='author profile'>
  1482.   <span class='post-author vcard'><span class='fn' itemprop='name'><data:post.author/> - </span>
  1483. </span></a></span><span class='clock'>
  1484. <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><time class='timestamp-link' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></time></a></span>
  1485. </h3>
  1486.       </div>    </div>
  1487.          
  1488.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1489.           <!-- IKLAN BAWAH JUDUL VERSI MOBILE -->
  1490.          
  1491.             <data:post.body/>
  1492.            
  1493.             <div class='clear'/>           
  1494.           </div>
  1495.          
  1496.         </div>
  1497.  
  1498.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1499.           <b:include data='post' name='comment_picker'/>
  1500.         </b:if>
  1501.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1502.           <b:include data='post' name='comment_picker'/>
  1503.         </b:if>
  1504.       </div>
  1505.     </div>
  1506.   </div>
  1507. </b:includable>
  1508.       <b:includable id='nextprev'>
  1509.   <div class='blog-pager' id='blog-pager'>
  1510.     <b:if cond='data:newerPageUrl'>
  1511.       <span id='blog-pager-newer-link'>
  1512.       <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'><svg viewBox='0 0 24 24'>
  1513.     <path d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z' fill='#000000'/>
  1514. </svg></a>
  1515.       </span>
  1516.     </b:if>
  1517.  
  1518.     <b:if cond='data:olderPageUrl'>
  1519.       <span id='blog-pager-older-link'>
  1520.       <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'><svg viewBox='0 0 24 24'>
  1521.     <path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
  1522. </svg></a>
  1523.       </span>
  1524.     </b:if>
  1525.  
  1526.     <b:if cond='data:mobileLinkUrl'>
  1527.       <div class='blog-mobile-link'>
  1528.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1529.       </div>
  1530.     </b:if>
  1531.  
  1532.   </div>
  1533.   <div class='clear'/>
  1534. </b:includable>
  1535.       <b:includable id='post' var='post'>
  1536.   <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1537. <b:if cond='data:post.firstImageUrl'>
  1538. <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  1539. <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
  1540. <meta content='200' itemprop='width'/>
  1541. <meta content='152' itemprop='height'/>
  1542. </div>
  1543. </b:if>
  1544.     <span itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
  1545.     <meta expr:content='data:blog.title' itemprop='name'/>
  1546.     <span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  1547.         <meta content='https://rempeyekdemak.blogspot.co.id' itemprop='url'/>
  1548.         <meta content='146' itemprop='width'/>
  1549.         <meta content='146' itemprop='height'/>
  1550.     </span>
  1551. </span>    
  1552. <meta expr:content='data:post.url' itemprop='mainEntityOfPage'/>
  1553.     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1554.     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1555.     <b:if cond='data:post.thumbnailUrl'>
  1556.         <a expr:href='data:post.url'><div class='img-thumbnail'>
  1557. <amp-img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' height='150' layout='responsive' width='200'/></div>
  1558.         </a>
  1559.     <b:else/>
  1560.         <a expr:href='data:post.url'><div class='img-thumbnail'>
  1561. <amp-img expr:alt='data:post.title' height='150' layout='responsive' src='https://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s300/no-thumbnail.png' width='200'/></div>
  1562.         </a>
  1563.     </b:if>
  1564.     </b:if>
  1565.     </b:if>
  1566.    
  1567. <div class='post-header' id='post-header'>
  1568.     <div class='post-header-line-1'>
  1569. <h3 class='post-info'><!-- One for all -->
  1570. <span class='author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>By <a expr:href='data:post.authorProfileUrl' itemprop='url' rel='publisher' title='author profile'>
  1571.   <span class='post-author vcard'><span class='fn' itemprop='name'><data:post.author/> - </span>
  1572. </span></a></span><span class='clock'>
  1573. <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><time class='timestamp-link' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></time></a></span>
  1574.  - <span class='label-info'>
  1575.           <i class='fa fa-tags'/>
  1576.           <b:loop values='data:post.labels' var='label'>
  1577.             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1578.           </b:loop>
  1579.           </span>
  1580. </h3>
  1581.       </div>    </div>
  1582.  
  1583.     <a expr:name='data:post.id'/>
  1584.     <b:if cond='data:post.title'>
  1585.       <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1586.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1587. <h1 class='post-title entry-title' itemprop='headline name'>
  1588.     <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
  1589.         <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
  1590.     <b:else/>
  1591.         <data:post.title/>
  1592.     </b:if>
  1593. </h1>       <b:else/>
  1594.           <h2 class='post-title entry-title' itemprop='headline name'>
  1595.             <b:if cond='data:post.link'>
  1596.               <a expr:href='data:post.link'><data:post.title/></a>
  1597.             <b:else/>
  1598.               <b:if cond='data:post.url'>
  1599.                 <b:if cond='data:blog.url != data:post.url'>
  1600.                   <a expr:href='data:post.url'><data:post.title/></a>
  1601.                 <b:else/>
  1602.                   <data:post.title/>
  1603.                 </b:if>
  1604.                 <b:else/>
  1605.                   <data:post.title/>
  1606.               </b:if>
  1607.             </b:if>
  1608.           </h2>
  1609.         </b:if>
  1610.       <b:else/>
  1611. <h1 class='post-title entry-title' itemprop='headline name'>
  1612.     <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
  1613.         <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
  1614.     <b:else/>
  1615.         <data:post.title/>
  1616.     </b:if>
  1617. </h1>     </b:if>
  1618.     </b:if>
  1619.  
  1620.     <div class='post-header'>
  1621.     <div class='post-header-line-1'/>
  1622.     </div>
  1623.  
  1624.     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1625.  
  1626.     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1627.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
  1628.         <data:post.body/>
  1629.         <div class='clear'/>
  1630.       </div>
  1631.     <b:else/>
  1632.    
  1633.      
  1634.         <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
  1635.             <div>
  1636.             <data:post.snippet/>
  1637.             </div>
  1638.  
  1639. <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot; and data:blog.isMobileRequest == &quot;false&quot;'>
  1640. <a class='readmore' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>Read More <i class='fa fa-caret-right'/></a>
  1641.     </b:if>
  1642.             <div class='clear'/>    
  1643.         </div> 
  1644.     </b:if>
  1645.    
  1646.     <b:else/>
  1647.    
  1648.       <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  1649.  
  1650. <!-- Gambar Diatas Posting Start -->
  1651. <b:if cond='data:post.firstImageUrl'>
  1652.     <div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
  1653.     <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  1654.         <meta expr:content='data:post.snippet' property='twitter:description'/>
  1655.         <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
  1656.         <meta content='auto' itemprop='width'/>
  1657.         <meta content='auto' itemprop='height'/>
  1658.     </div>
  1659.     <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
  1660.         <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  1661.             <meta expr:content='data:post.thumbnailUrl' itemprop='url'/>
  1662.             <meta content='auto' itemprop='width'/>
  1663.             <meta content='auto' itemprop='height'/>
  1664.         </div>
  1665.         <meta expr:content='data:blog.title' itemprop='name'/>
  1666.     </div>
  1667.     <b:else/>
  1668. </b:if>
  1669. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1670.     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1671.         <b:if cond='data:post.firstImageUrl'>
  1672.             <a expr:href='data:post.url'>
  1673.                 <amp-img alt='thumbnail' expr:src='resizeImage(data:post.firstImageUrl,556)' height='343' layout='responsive' width='556'/>
  1674.             </a>
  1675.             <b:else/>
  1676.             <a expr:href='data:post.url'><amp-img alt='thumbnail' layout='responsive' height='333' layout='responsive' src='https://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s556/no-thumbnail.png' width='556'/></a>
  1677.         </b:if>
  1678.     </b:if>
  1679. </b:if>
  1680.  
  1681. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1682.     <div class='image-wrapper'>
  1683.         <div class='post-firstimage'>
  1684.             <b:if cond='data:blog.postImageUrl'>
  1685.                 <div class='firstimage'>
  1686.                     <amp-img expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl,556)' expr:title='data:post.title' height='333' layout='responsive' width='556'/>
  1687.                 </div>
  1688.                 <b:else/>
  1689.                 <div class='firstimage'>
  1690.                     <amp-img expr:alt='data:post.title' height='333' layout='responsive' src='https://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s556/no-thumbnail.png' width='556'/>
  1691.                 </div>
  1692.             </b:if>
  1693.         </div>
  1694.     </div>
  1695. </b:if>
  1696.  
  1697. <!-- Gambar Diatas Posting End -->
  1698.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  1699.        
  1700.         <!-- IKLAN BAWAH JUDUL VERSI DESKTOP -->
  1701.          
  1702.         <data:post.body/>
  1703.        
  1704. <div class='share-buzz'>
  1705.     <h4>SHARE</h4>
  1706.     <b:include data='post' name='share-tool'/>
  1707. </div>
  1708. <div class='clear'/>
  1709.     <!-- Related Post Widget Start -->
  1710. <amp-iframe frameborder='0' height='310' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' src='https://cdn.rawgit.com/Iwan27/DroidBuzz/master/related-droidbuzz.net.html?url=http://www.web-development.cf' width='556'><div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div></amp-iframe>
  1711. <div class='clear'/>
  1712.             <!-- Related Post Widget End -->
  1713.       </div>
  1714.  
  1715.     </b:if>
  1716.    
  1717.   </article>
  1718. </b:includable>
  1719.       <b:includable id='postQuickEdit' var='post'>
  1720.   <b:if cond='data:post.editUrl'>
  1721.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1722.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1723.         <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1724.       </a>
  1725.     </span>
  1726.   </b:if>
  1727. </b:includable>
  1728.       <b:includable id='share-tool' var='post'>
  1729. <div>
  1730.     <amp-social-share height='28' type='twitter' width='28'/>
  1731.     <amp-social-share height='28' type='gplus' width='28'/>
  1732.     <amp-social-share data-param-app_id='145634995501895' height='28' type='facebook' width='28'/>
  1733.     <amp-social-share height='28' type='pinterest' width='28'/>
  1734.     <amp-social-share height='28' type='linkedin' width='28'/>
  1735. <b:if cond='data:blog.pageType == &quot;item&quot; and data:blog.isMobileRequest == &quot;true&quot;'>
  1736. </b:if>
  1737. </div>
  1738. <div class='clear'/>
  1739. </b:includable>
  1740.       <b:includable id='shareButtons' var='post'>
  1741.   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
  1742. </b:includable>
  1743.       <b:includable id='status-message'>
  1744.   <b:if cond='data:navMessage'>
  1745.   <div class='status-msg-wrap'>
  1746.     <div class='status-msg-border'>
  1747.       <div class='status-msg-bg'>
  1748.         <div class='status-msg-hidden'><data:navMessage/></div>
  1749.       </div>
  1750.     </div>
  1751.   </div>
  1752.   <div class='clear'/>
  1753.   </b:if>
  1754. </b:includable>
  1755.       <b:includable id='threaded-comment-form' var='post'>
  1756.   <div class='comment-form'>
  1757.     <a name='comment-form'/>
  1758.     <b:if cond='data:mobile'>
  1759.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  1760.       <data:blogTeamBlogMessage/>
  1761.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1762.       <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%'/>
  1763.     <b:else/>
  1764.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  1765.       <data:blogTeamBlogMessage/>
  1766.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1767.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1768.     </b:if>
  1769.     <data:post.friendConnectJs/>
  1770.     <data:post.cmtfpIframe/>
  1771.     <script type='text/javascript'>
  1772.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1773.     </script>
  1774.   </div>
  1775. </b:includable>
  1776.       <b:includable id='threaded_comment_js' var='post'>
  1777.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1778.  
  1779.   <script type='text/javascript'>
  1780.     (function() {
  1781.       var items = <data:post.commentJso/>;
  1782.       var msgs = <data:post.commentMsgs/>;
  1783.       var config = <data:post.commentConfig/>;
  1784.  
  1785. // <![CDATA[
  1786.      var cursor = null;
  1787.      if (items && items.length > 0) {
  1788.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1789.      }
  1790.  
  1791.      var bodyFromEntry = function(entry) {
  1792.        if (entry.gd$extendedProperty) {
  1793.          for (var k in entry.gd$extendedProperty) {
  1794.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1795.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1796.            }
  1797.          }
  1798.        }
  1799.        return entry.content.$t;
  1800.      }
  1801.  
  1802.      var parse = function(data) {
  1803.        cursor = null;
  1804.        var comments = [];
  1805.        if (data && data.feed && data.feed.entry) {
  1806.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1807.            var comment = {};
  1808.            // comment ID, parsed out of the original id format
  1809.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1810.            comment.id = id ? id[2] : null;
  1811.            comment.body = bodyFromEntry(entry);
  1812.            comment.timestamp = Date.parse(entry.published.$t) + '';
  1813.            if (entry.author && entry.author.constructor === Array) {
  1814.              var auth = entry.author[0];
  1815.  
  1816.              if (auth) {
  1817.                comment.author = {
  1818.                  name: (auth.name ? auth.name.$t : undefined),
  1819.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1820.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1821.                };
  1822.              }
  1823.            }
  1824.            if (entry.link) {
  1825.              if (entry.link[2]) {
  1826.                comment.link = comment.permalink = entry.link[2].href;
  1827.              }
  1828.              if (entry.link[3]) {
  1829.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1830.                if (pid && pid[1]) {
  1831.                  comment.parentId = pid[1];
  1832.                }
  1833.              }
  1834.            }
  1835.            comment.deleteclass = 'item-control blog-admin';
  1836.            if (entry.gd$extendedProperty) {
  1837.              for (var k in entry.gd$extendedProperty) {
  1838.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1839.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1840.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1841.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  1842.                }
  1843.              }
  1844.            }
  1845.            comments.push(comment);
  1846.          }
  1847.        }
  1848.        return comments;
  1849.      };
  1850.  
  1851.      var paginator = function(callback) {
  1852.        if (hasMore()) {
  1853.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1854.          if (cursor) {
  1855.            url += '&published-min=' + new Date(cursor).toISOString();
  1856.          }
  1857.          window.bloggercomments = function(data) {
  1858.            var parsed = parse(data);
  1859.            cursor = parsed.length < 50 ? null
  1860.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1861.            callback(parsed);
  1862.            window.bloggercomments = null;
  1863.          }
  1864.          url += '&callback=bloggercomments';
  1865.          var script = document.createElement('script');
  1866.          script.type = 'text/javascript';
  1867.          script.src = url;
  1868.          document.getElementsByTagName('head')[0].appendChild(script);
  1869.        }
  1870.      };
  1871.      var hasMore = function() {
  1872.        return !!cursor;
  1873.      };
  1874.      var getMeta = function(key, comment) {
  1875.        if ('iswriter' == key) {
  1876.          var matches = !!comment.author
  1877.              && comment.author.name == config.authorName
  1878.              && comment.author.profileUrl == config.authorUrl;
  1879.          return matches ? 'true' : '';
  1880.        } else if ('deletelink' == key) {
  1881.          return config.baseUri + '/delete-comment.g?blogID='
  1882.               + config.blogId + '&postID=' + comment.id;
  1883.        } else if ('deleteclass' == key) {
  1884.          return comment.deleteclass;
  1885.        }
  1886.        return '';
  1887.      };
  1888.  
  1889.      var replybox = null;
  1890.      var replyUrlParts = null;
  1891.      var replyParent = undefined;
  1892.  
  1893.      var onReply = function(commentId, domId) {
  1894.        if (replybox == null) {
  1895.          // lazily cache replybox, and adjust to suit this style:
  1896.          replybox = document.getElementById('comment-editor');
  1897.          if (replybox != null) {
  1898.            replybox.height = '250px';
  1899.            replybox.style.display = 'block';
  1900.            replyUrlParts = replybox.src.split('#');
  1901.          }
  1902.        }
  1903.        if (replybox && (commentId !== replyParent)) {
  1904.          document.getElementById(domId).insert(replybox.parentNode, null);
  1905.          replybox.src = replyUrlParts[0]
  1906.              + (commentId ? '&parentID=' + commentId : '')
  1907.              + '#' + replyUrlParts[1];
  1908.          replyParent = commentId;
  1909.        }
  1910.      };
  1911.  
  1912.      var hash = (window.location.hash || '#').substring(1);
  1913.      var startThread, targetComment;
  1914.      if (/^comment-form_/.test(hash)) {
  1915.        startThread = hash.substring('comment-form_'.length);
  1916.      } else if (/^c[0-9]+$/.test(hash)) {
  1917.        targetComment = hash.substring(1);
  1918.      }
  1919.  
  1920.      // Configure commenting API:
  1921.      var configJso = {
  1922.        'maxDepth': config.maxThreadDepth
  1923.      };
  1924.      var provider = {
  1925.        'id': config.postId,
  1926.        'data': items,
  1927.        'loadNext': paginator,
  1928.        'hasMore': hasMore,
  1929.        'getMeta': getMeta,
  1930.        'onReply': onReply,
  1931.        'rendered': true,
  1932.        'initComment': targetComment,
  1933.        'initReplyThread': startThread,
  1934.        'config': configJso,
  1935.        'messages': msgs
  1936.      };
  1937.  
  1938.      var render = function() {
  1939.        if (window.goog && window.goog.comments) {
  1940.          var holder = document.getElementById('comment-holder');
  1941.          window.goog.comments.render(holder, provider);
  1942.        }
  1943.      };
  1944.  
  1945.      // render now, or queue to render when library loads:
  1946.      if (window.goog && window.goog.comments) {
  1947.        render();
  1948.      } else {
  1949.        window.goog = window.goog || {};
  1950.        window.goog.comments = window.goog.comments || {};
  1951.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1952.        window.goog.comments.loadQueue.push(render);
  1953.      }
  1954.    })();
  1955. // ]]>
  1956.   </script>
  1957. </b:includable>
  1958.       <b:includable id='threaded_comments' var='post'>
  1959.   <div class='comments' id='comments'>
  1960.     <a name='comments'/>
  1961.       <h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Responses to &quot;<data:blog.pageName/>&quot; </b:if></h3>
  1962.  
  1963.     <div class='comments-content'>
  1964.       <b:if cond='data:post.embedCommentForm'>
  1965.         <b:include data='post' name='threaded_comment_js'/>
  1966.       </b:if>
  1967.       <div id='comment-holder'>
  1968.          <data:post.commentHtml/>
  1969.       </div>
  1970.     </div>
  1971.  
  1972.     <p class='comment-footer'>
  1973.       <b:if cond='data:post.allowNewComments'>
  1974.         <b:include data='post' name='threaded-comment-form'/>
  1975.       <b:else/>
  1976.         <data:post.noNewCommentsText/>
  1977.       </b:if>
  1978.     </p>
  1979.  
  1980.     <b:if cond='data:showCmtPopup'>
  1981.       <div id='comment-popup'>
  1982.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1983.         </iframe>
  1984.       </div>
  1985.     </b:if>
  1986.  
  1987.     <div id='backlinks-container'>
  1988.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1989.        <b:if cond='data:post.showBacklinks'>
  1990.          <b:include data='post' name='backlinks'/>
  1991.        </b:if>
  1992.     </div>
  1993.     </div>
  1994.   </div>
  1995. </b:includable>
  1996.     </b:widget>
  1997.   </b:section>
  1998. <div class='clear'/>
  1999.     </div>
  2000. </div>
  2001.     <!-- post wrapper end -->
  2002. <!-- sidebar wrapper start -->
  2003. <aside id='sidebar-wrapper'>
  2004. <div class='sidebar-container'>
  2005. <b:section class='sidebar section' id='sidebar' preferred='yes'>
  2006.   <b:widget id='HTML1' locked='false' title='' type='HTML' version='1'>
  2007.     <b:includable id='main'>
  2008.   <!-- only display title if it's non-empty -->
  2009.   <b:if cond='data:title != &quot;&quot;'>
  2010.     <h2 class='title'><data:title/></h2>
  2011.   </b:if>
  2012.   <div class='widget-content'>
  2013.     <data:content/>
  2014.   </div>
  2015. </b:includable>
  2016.   </b:widget>
  2017.   <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
  2018.     <b:widget-settings>
  2019.       <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
  2020.       <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  2021.       <b:widget-setting name='showSnippets'>true</b:widget-setting>
  2022.       <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  2023.     </b:widget-settings>
  2024.     <b:includable id='main'>
  2025.   <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  2026.   <div class='widget-content popular-posts'>
  2027.     <ul>
  2028.       <b:loop values='data:posts' var='post'>
  2029.       <li>
  2030.         <b:if cond='!data:showThumbnails'>
  2031.           <b:if cond='!data:showSnippets'>
  2032.             <!-- (1) No snippet/thumbnail -->
  2033.             <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
  2034.           <b:else/>
  2035.             <!-- (2) Show only snippets -->
  2036.             <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2037.             <div class='item-snippet'><data:post.snippet/></div>
  2038.           </b:if>
  2039.         <b:else/>
  2040.           <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  2041.           <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  2042.             <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
  2043.               <div class='item-thumbnail'>
  2044.                   <b:with value='data:post.featuredImage.isResizable? resizeImage(data:post.featuredImage,40) : data:post.thumbnail' var='image'>
  2045.                     <amp-img expr:alt='data:post.title' expr:src='data:image' expr:title='data:post.title' height='40' width='40'/>
  2046.                   </b:with>
  2047.               </div>
  2048.               <b:else/>
  2049.               <div class='item-thumbnail'>
  2050.               <amp-img expr:alt='data:post.title' expr:title='data:post.title' height='40' src='//2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s100/no-thumbnail.png' width='40'/>
  2051.               </div>
  2052.             </b:if>
  2053.             <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2054.             <b:if cond='data:showSnippets'>
  2055.               <div class='item-snippet'><data:post.snippet/></div>
  2056.             </b:if>
  2057.           </div>
  2058.           <div class='clear'/>
  2059.         </b:if>
  2060.       </li>
  2061.       </b:loop>
  2062.     </ul>
  2063.   </div>
  2064. </b:includable>
  2065.   </b:widget>
  2066.   <b:widget id='Label1' locked='false' title='Label' type='Label' version='1'>
  2067.     <b:widget-settings>
  2068.       <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  2069.       <b:widget-setting name='display'>LIST</b:widget-setting>
  2070.       <b:widget-setting name='selectedLabelsList'/>
  2071.       <b:widget-setting name='showType'>ALL</b:widget-setting>
  2072.       <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  2073.     </b:widget-settings>
  2074.     <b:includable id='main'>
  2075.   <b:if cond='data:title != &quot;&quot;'>
  2076.     <h2><data:title/></h2>
  2077.   </b:if>
  2078.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2079.     <b:if cond='data:display == &quot;list&quot;'>
  2080.       <ul>
  2081.         <b:loop values='data:labels' var='label'>
  2082.           <li>
  2083.             <b:if cond='data:blog.url == data:label.url'>
  2084.               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2085.             <b:else/>
  2086.               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2087.             </b:if>
  2088.             <b:if cond='data:showFreqNumbers'>
  2089.               <span dir='ltr'>(<data:label.count/>)</span>
  2090.             </b:if>
  2091.           </li>
  2092.         </b:loop>
  2093.       </ul>
  2094.     <b:else/>
  2095.       <b:loop values='data:labels' var='label'>
  2096.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2097.           <b:if cond='data:blog.url == data:label.url'>
  2098.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2099.           <b:else/>
  2100.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2101.           </b:if>
  2102.           <b:if cond='data:showFreqNumbers'>
  2103.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2104.           </b:if>
  2105.         </span>
  2106.       </b:loop>
  2107.     </b:if>
  2108.   </div>
  2109. </b:includable>
  2110.   </b:widget>
  2111.   <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  2112.     <b:widget-settings>
  2113.       <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'http://www.web-development.cf/', 'title': 'Home', 'position': 0}, '4026209086198471297': {'href': 'http://www.web-development.cf/p/personalisasi-website-ketentuan-layanan.html', 'title': 'Terms Of Services', 'position': 1}, '7847843278841022088': {'href': 'http://www.web-development.cf/p/kebijakan-privasi.html', 'title': 'Privacy Policy', 'position': 2}, '5576040226415846276': {'href': 'http://www.web-development.cf/p/hubungi-kami.html', 'title': 'Contact US', 'position': 3}, '6065286770021146741': {'href': 'http://www.web-development.cf/p/blog-page.html', 'title': 'Sitemap', 'position': 4}}]]></b:widget-setting>
  2114.       <b:widget-setting name='homeTitle'>Home</b:widget-setting>
  2115.     </b:widget-settings>
  2116.     <b:includable id='main'>
  2117.   <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  2118.   <div class='widget-content'>
  2119.     <b:if cond='data:mobile'>
  2120.       <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
  2121.         <b:loop values='data:links' var='link'>
  2122.           <b:if cond='data:link.isCurrentPage'>
  2123.             <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
  2124.           <b:else/>
  2125.             <option expr:value='data:link.href'><data:link.title/></option>
  2126.           </b:if>
  2127.         </b:loop>
  2128.       </select>
  2129.       <span class='pagelist-arrow'>&amp;#9660;</span>
  2130.  
  2131.     <b:else/>
  2132.       <ul>
  2133.         <b:loop values='data:links' var='link'>
  2134.           <b:if cond='data:link.isCurrentPage'>
  2135.             <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
  2136.           <b:else/>
  2137.             <li><a expr:href='data:link.href'><data:link.title/></a></li>
  2138.           </b:if>
  2139.         </b:loop>
  2140.       </ul>
  2141.     </b:if>
  2142.     <b:include name='quickedit'/>
  2143.   </div>
  2144. </b:includable>
  2145.   </b:widget>
  2146.   <b:widget id='FollowByEmail1' locked='false' title='Subscribe' type='FollowByEmail'>
  2147.     <b:includable id='main'>
  2148.   <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  2149.   <div class='widget-content'>
  2150.     <div class='follow-by-email-inner'>
  2151.       <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  2152.         <table width='100%'>
  2153.           <tr>
  2154.             <td>
  2155.               <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  2156.             </td>
  2157.             <td width='64px'>
  2158.               <input class='follow-by-email-submit' type='submit' value='Submit'/>
  2159.             </td>
  2160.           </tr>
  2161.         </table>
  2162.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  2163.         <input name='loc' type='hidden' value='en_US'/>
  2164.       </form>
  2165.     </div>
  2166.   </div>
  2167.   <span class='item-control blog-admin'>
  2168.     <b:include name='quickedit'/>
  2169.   </span>
  2170. </b:includable>
  2171.   </b:widget>
  2172.   <b:widget id='HTML2' locked='false' title='' type='HTML' version='1'>
  2173.     <b:widget-settings>
  2174.       <b:widget-setting name='content'>&lt;style amp-custom&gt;
  2175. img{max-width:100%;height:auto}
  2176. pre{background: rgb(248, 248, 248); border-color: rgba(17, 17, 17, 0.0392157) rgba(17, 17, 17, 0.0392157) rgba(17, 17, 17, 0.0392157) rgb(32, 142, 214); border-radius: 4px; border-style: solid; border-width: 1px 1px 1px 5px; box-sizing: border-box; clear: both; color: #4d4e53; font-family: Menlo, Monaco, Consolas, &#39;Courier New&#39;, monospace; font-size: 13px; line-height: 28px; margin-bottom: 30px; overflow: auto; padding: 15px; tab-size: 4; word-break: break-all; word-wrap: normal;}
  2177. #ContactForm1{display:none !important}
  2178. blockquote{display:block;background:#fff;padding:15px 20px 15px 45px;margin:0 0 20px;position:relative;font-family:Georgia,serif;font-size:16px;line-height:1.2;color:#666;text-align:left;border-left:15px solid #c76c0c;border-right:2px solid #c76c0c;-moz-box-shadow:2px 2px 15px #ccc;-webkit-box-shadow:2px 2px 15px #ccc;box-shadow:2px 2px 15px #ccc}blockquote::before{content:&quot;\201C&quot;;font-family:Georgia,serif;font-size:60px;font-weight:bold;color:#999;position:absolute;left:10px;top:5px}blockquote::after{content:&quot;&quot;}blockquote a{text-decoration:none;background:#eee;cursor:pointer;padding:0 3px;color:#c76c0c}blockquote a:hover{color:#666}blockquote em{font-style:italic}.contact-form-name,.contact-form-email,.contact-form-email-message{max-width:220px;width:100%;font-weight:bold}.contact-form-name{background:#FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 8px;background-color:#FFF;border:1px solid #ddd;box-sizing:border-box;color:#a0a0a0;display:inline-block;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;height:24px;margin:0;margin-top:5px;padding:5px 15px 5px 28px;vertical-align:top}.contact-form-email{background:#FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 10px;background-color:#FFF;border:1px solid #ddd;box-sizing:border-box;color:#a0a0a0;display:inline-block;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;height:24px;margin:0;margin-top:5px;padding:5px 15px 5px 28px;vertical-align:top}.contact-form-email:hover,.contact-form-name:hover{border:1px solid #bebebe;box-shadow:0 1px 2px rgba(5,95,255,.1);padding:5px 15px 5px 28px}.contact-form-email-message:hover{border:1px solid #bebebe;box-shadow:0 1px 2px rgba(5,95,255,.1);padding:10px}.contact-form-email-message{background:#FFF;background-color:#FFF;border:1px solid #ddd;box-sizing:border-box;color:#a0a0a0;display:inline-block;font-family:arial;font-size:12px;margin:0;margin-top:5px;padding:10px;vertical-align:top;max-width:350px !important;height:150px;border-radius:4px}.contact-form-button{cursor:pointer;height:32px;line-height:28px;font-weight:bold;border:0}.contact-form-button{display:inline-block;zoom:1;*display:inline;vertical-align:baseline;margin:0 2px;outline:0;cursor:pointer;text-align:center;text-decoration:none;font:14px/100% Arial,Helvetica,sans-serif;padding:.5em 2em .55em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}.contact-form-button:hover{text-decoration:none}.contact-form-button:active{position:relative;top:1px}.MBT-button-color{color:#fef4e9;border:solid 1px #da7c0c;background:#f78d1d;background:-webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));background:-moz-linear-gradient(top,#faa51a,#f47a20);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#faa51a&#39;,endColorstr=&#39;#f47a20&#39;)}.MBT-button-color:hover{background:#f47c20;background:-webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));background:-moz-linear-gradient(top,#f88e11,#f06015);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#f88e11&#39;,endColorstr=&#39;#f06015&#39;);border-color:#f47c20 !important}.MBT-button-color:active{color:#fcd3a5;background:-webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));background:-moz-linear-gradient(top,#f47a20,#faa51a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#f47a20&#39;,endColorstr=&#39;#faa51a&#39;)}
  2179. &lt;/style&gt;
  2180. &lt;!--[if IE 9]&gt;
  2181. &lt;style&gt;
  2182. .contact-form-name {
  2183. background: #FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 0px;
  2184. }
  2185. .contact-form-email {
  2186. background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 6px;
  2187. }
  2188. &lt;/style&gt;
  2189. &lt;![endif]--&gt;
  2190. &lt;style&gt;
  2191.   @media screen and (-webkit-min-device-pixel-ratio:0) {
  2192.     .contact-form-name {
  2193.       background: #FFF url(http://2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 6px;
  2194.       padding: 15px 15px 15px 28px;
  2195.     }
  2196.     .contact-form-email {
  2197.       background: #FFF url(http://3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 8px;
  2198.       padding: 15px 15px 15px 28px;
  2199.     }
  2200.     .contact-form-email:hover, .contact-form-name:hover{
  2201.       padding: 15px 15px 15px 28px;
  2202.     }
  2203.     .contact-form-button {
  2204.       height: 28px;
  2205.     }
  2206.   }
  2207. table{width: 100%; box-sizing: inherit; border-collapse: collapse; width: 328px; font-family: Verdana, sans-serif; font-size: 15px; line-height: 22.5px;}
  2208. table tbody{box-sizing: inherit;}
  2209. table tr{box-sizing: inherit;}
  2210. table th{box-sizing: inherit; height: 32px; border: 1px solid #d4d4d4; font-weight: normal; color: #555555; padding: 11px 5px 11px 16px; vertical-align: middle; width: 81px; font-size: 16px; background-position: 50% 50%; background-repeat: no-repeat;}
  2211. table td{box-sizing: inherit; border: 1px solid #d4d4d4; text-align: center; padding: 8px; vertical-align: top;}
  2212. /* modify stats widget */
  2213. #Stats1 ul{margin:0px 0;border:0;padding:0}
  2214. #Stats1 li{
  2215. display:inline;
  2216. width:30%;
  2217. box-shadow:4px 4px 0px rgba(33,33,33,0.45);
  2218. border:0;
  2219. color:#fff;
  2220. float:left;
  2221. text-decoration:none;
  2222. margin:0;font-size:100%;
  2223. list-style-type:none
  2224. }
  2225. #Stats1 li:hover{
  2226. opacity: 0.7;
  2227. filter:alpha(opacity=70); /* For IE8 and earlier */
  2228. }
  2229. #Stats1 h4{margin:0;font-size:140%;line-height:1.2em;color:#fff;padding: 0 5px 0 5px;}
  2230. #Stats1 span{font-size:12px;color:#fff;padding: 0 5px 0 5px;}
  2231. #totalposts{
  2232. background: #0290E2;
  2233. }
  2234. #totalComments{
  2235. background: #309FDF;
  2236. }
  2237. #totalCount{
  2238. background: #4FACE1;
  2239. }
  2240. &lt;/style&gt;</b:widget-setting>
  2241.     </b:widget-settings>
  2242.     <b:includable id='main'>
  2243.   <!-- only display title if it's non-empty -->
  2244.   <b:if cond='data:title != &quot;&quot;'>
  2245.     <h2 class='title'><data:title/></h2>
  2246.   </b:if>
  2247.   <div class='widget-content'>
  2248.     <data:content/>
  2249.   </div>  
  2250. </b:includable>
  2251.   </b:widget>
  2252. </b:section>
  2253. </div>
  2254. </aside>
  2255. <!-- sidebar wrapper end -->
  2256. </div>
  2257. <!-- content wrapper end -->
  2258. <div class='clear'/>
  2259. <!-- footer wrapper start -->
  2260.  
  2261. <!-- DILARANG MENGHAPUS 2 LINK KREDIT (CARA MENGHILANGKAN JERAWAT DAN TEMPLATE AMP BLOGGER) Mau menghapus link di bawah ini? silahkan Transfer Rp. 50.000,- Hubungi 082-313-168-344 (SMS/WA). Kalau menghapus tanpa izin, berarti anda maling, blognya tidak akan BAROKAH [Hargailah karya orang lain] :) -->
  2262.  
  2263. <footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
  2264. <div id='footer-links'><a href='/p/about.html' title='About US'>About</a> | <a href='/p/hubungi-kami.html' title='Contact'>Contact</a> | <a href='/p/kebijakan-privasi.html' title='Privacy Policy'>Privacy</a> | <a href='/p/sitemap.html' title='Daftar Isi'>Daftar Isi</a></div>
  2265. <div id='credit-wrapper'>Copyright &#169; <span itemprop='copyrightHolder'>2017</span> <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><span itemprop='name'><data:blog.title/></span></a></div>
  2266. </footer>
  2267. <!-- footer wrapper end -->
  2268. <!-- wrapper end -->
  2269. </div>
  2270. &lt;!--</body>--&gt;&lt;/body&gt;
  2271. </HTML>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!