API tools faq
paste
dimaslanjaka

Evo-Mags v.4.7 Pro Cracked Licensed

dimaslanjaka
Mar 5th, 2017
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 143.71 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML>
  4. <head>
  5. <meta charset='utf-8'/>
  6.  
  7. <!--[if lt IE 9]>
  8. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>
  9. <![endif]-->
  10. <meta content='Kode verify bing anda disini' name='msvalidate.01'/>
  11. <meta content='kode verify alexa anda disini' name='alexaVerifyID'/>
  12. <meta content='kode verify google webmaster disini' name='google-site-verification'/>
  13. <link href='https://plus.google.com/' rel='publisher'/>
  14. <link href='https://plus.google.com/' rel='author'/>
  15. <link href='https://plus.google.com/' rel='me'/><meta content='general' name='rating'/>
  16. <meta content='id' name='geo.country'/><meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
  17. <meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
  18. <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
  19. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  20. <meta content='blogger' name='generator'/>
  21. <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
  22. <link expr:href='data:blog.url' rel='canonical'/>
  23. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  24. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  25. <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  26. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  27. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  28.  
  29. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  30. <b:if cond='data:blog.postImageThumbnailUrl'>
  31. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  32. </b:if>
  33. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  34. <meta expr:content='data:blog.metaDescription' name='description'/>
  35. <b:else/>
  36. <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
  37. </b:if>
  38. </b:if>
  39.  
  40. <!-- SEO Meta Tag -->
  41. <b:if cond='data:blog.homepageUrl == data:blog.url'><meta expr:content='data:blog.title' name='keywords'/></b:if>      
  42. <b:if cond='data:blog.pageType == &quot;item&quot;'><meta expr:content='data:blog.pageName' name='keywords'/></b:if>
  43. <b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><meta content='noindex,nofollow' name='robots'/></b:if></b:if>
  44. <b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex,nofollow' name='robots'/></b:if>
  45. <b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
  46.  
  47. <!-- SEO Title Tag -->
  48. <b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>
  49. <b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
  50. <b:if cond='data:blog.pageType == &quot;archive&quot;'><title>Archive for <data:blog.pageName/></title></b:if>
  51. <b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pageName/></title></b:if>
  52. <b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
  53. <b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>Page Not Found</title></b:if>
  54. <b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>
  55.  
  56. <meta content='YOUR_APPLICATION_ID' property='fb:app_id'/>
  57. <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'/>
  58. <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
  59. <link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>
  60.  
  61. &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[
  62. /*
  63. -----------------------------------------------
  64. Blogger Template Style
  65. Name:     Evo Magz Template
  66. Designer: Mas Sugeng
  67. URL:      http://www.mas-sugeng.com / http://www.evotemplates.netModification by : http://blogespada.blogspot.com/
  68. Thanks to :
  69. - http://www.blogger.com
  70. - http://evomagzclone.blogspot.com/
  71. - http://www.dte.web.id
  72. - http://fortawesome.github.io/Font-Awesome/
  73. - https://github.com/tessalt/dropdowns
  74. - https://github.com/matthewhall/matt-tabs
  75. - http://meyerweb.com/eric/tools/css/reset/
  76. - http://hontap.blogspot.com/2010/04/page-navigation-voi-phong-cach-wp.html
  77. ----------------------------------------------- */
  78. /* Variable definitions
  79. ====================
  80. <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#66bbdd"/>
  81. <Group description="Page Text" selector="body">
  82. <Variable name="body.font" description="Font" type="font"
  83. default="normal normal 14px Arial, sans-serif" value="normal normal 14px Arial, sans-serif"/>
  84. <Variable name="body.text.color" description="Main Text Color" type="color" default="#444444" value="#444444"/>
  85. </Group>
  86. <Group description="Main Backgrounds" selector=".body-fauxcolumns-outer">
  87. <Variable name="body.background.color" description="Body Background" type="color" default="#f0f0f0" value="#f0f0f0"/>
  88. <Variable name="wrapper.background.color" description="Wrapper Background" type="color" default="#ffffff" value="#ffffff"/>
  89. </Group>
  90. <Variable name="body.background" description="Body Background" type="background"
  91. color="#f0f0f0" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
  92. <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
  93. <Group description="Links" selector=".main-outer">
  94. <Variable name="link.color" description="Link Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
  95. <Variable name="link.visited.color" description="Visited Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
  96. <Variable name="link.hover.color" description="Hover Color" type="color" default="#0072C6" value="#0072C6"/>
  97. </Group>
  98. <Group description="Blog Title" selector=".header h1.title, .header p.title">
  99. <Variable name="header.font" description="Font" type="font"
  100. default="normal bold 26px Open Sans Condensed, Arial, Helvetica, sans-serif" value="normal bold 26px Open Sans Condensed, Arial, Helvetica, sans-serif"/>
  101. <Variable name="header.text.color" description="Title Color" type="color" default="#333333"  value="#333333"/>
  102. </Group>
  103. <Group description="Blog Description" selector=".header .description">
  104. <Variable name="description.text.color" description="Description Color" type="color" default="#555555" value="#555555"/>
  105. </Group>
  106. <Group description="Primary Navigation Menu" selector=".menu">
  107. <Variable name="menu1.font" description="Font" type="font"
  108. default="normal normal 13px Open Sans Condensed, Arial, sans-serif" value="normal normal 13px Open Sans Condensed, Arial, sans-serif"/>
  109. <Variable name="menu1.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
  110. <Variable name="menu1.text.color" description="Text Color" type="color" default="#8D8D8D" value="#8D8D8D"/>
  111. <Variable name="menu1.hover.color" description="Hover Color" type="color" default="#f5f5f5" value="#f5f5f5"/>
  112. <Variable name="menu1.border.color" description="Border Color" type="color" default="#f0f0f0" value="#f0f0f0"/>
  113. </Group>
  114. <Group description="Secondary Navigation Menu" selector=".dropdowns">
  115. <Variable name="menu.font" description="Font" type="font"
  116. default="normal bold 14px Open Sans Condensed, Arial, sans-serif" value="normal bold 14px Open Sans Condensed, Arial, sans-serif"/>
  117. <Variable name="menu.background.color" description="Background Color" type="color" default="#333333" value="#333333"/>
  118. <Variable name="menu.navigation.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
  119. <Variable name="menu.navigation.hover.color" description="Hover Color" type="color" default="#222222" value="#222222"/>
  120. <Variable name="menu.navigation.border.color" description="Border Color" type="color" default="#FF4F4F" value="#FF4F4F"/>
  121. </Group>
  122. <Group description="Search Box" selector="#search-form">
  123. <Variable name="input.background.color" description="Input Background Color" type="color" default="#ffffff" value="#ffffff"/>
  124. <Variable name="button.background.color" description="Button Background Color" type="color" default="#FF4F4F" value="#FF4F4F"/>
  125. <Variable name="input.color" description="Input Color" type="color" default="#666666" value="#666666"/>
  126. <Variable name="button.color" description="Button Color" type="color" default="#ffffff" value="#ffffff"/>
  127. </Group>
  128. <Group description="Post" selector=".post">
  129. <Variable name="post.background.color" description="Background Color" type="color" default="#ffffff"  value="#ffffff"/>
  130. <Variable name="post.border.color" description="Border Color" type="color" default="#f0f0f0"  value="#f0f0f0"/>
  131. </Group>
  132. <Group description="Post Title" selector="h2.post-title, .comments h4, h1.post-title">
  133. <Variable name="post.title.font" description="Font" type="font"
  134. default="normal normal 22px Open Sans Condensed, Helvetica, Arial, sans-serif" value="normal normal 22px Open Sans Condensed, Helvetica, Arial, sans-serif"/>
  135. <Variable name="post.title.color" description="Text Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
  136. </Group>
  137. <Group description="Post Footer" selector=".post-info, span.lebel-thumb-footer">
  138. <Variable name="post.footer.background.color" description="Background Color" type="color"
  139. default="transparent" value="transparent"/>
  140. <Variable name="post.footer.text.color" description="Text Color" type="color" default="#8D8D8D" value="#8D8D8D"/>
  141. </Group>
  142. <Group description="Recent Post Perlabel" selector=".recent-post-one-thumb .widget-content">
  143. <Variable name="recentpost.background.color" description="Background Color" type="color" default="#ffffff"  value="#ffffff"/>
  144. <Variable name="recentpost.border.color" description="Border Color" type="color" default="#f0f0f0"  value="#f0f0f0"/>
  145. </Group>
  146. <Group description="Judul Recent Post Perlabel" selector=".recent-post-title h2">
  147. <Variable name="recentpost.title.font" description="Title Font" type="font"
  148. default="normal bold 14px Arial, sans-serif" value="normal bold 14px Arial, sans-serif"/>
  149. <Variable name="recentpost.title.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
  150. <Variable name="recentpost.title.background.color" description="Background Color" type="color" default="#FF4F4F" value="#FF4F4F"/>
  151. <Variable name="recentpost.title.hover.color" description="Hover Color" type="color" default="#333333" value="#333333"/>
  152. </Group>
  153. <Group description="Judul Post Recent Post Perlabel" selector="span.rp_title">
  154. <Variable name="recent.post.title.font" description="Font" type="font"
  155. default="normal normal 18px Open Sans Condensed, Helvetica, Arial, sans-serif" value="normal normal 18px Open Sans Condensed, Helvetica, Arial, sans-serif"/>
  156. <Variable name="recent.post.title.color" description="Text Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
  157. </Group>
  158. <Group description="Sidebar Widget Title" selector=".sidebar h2, .tabs-menu">
  159. <Variable name="sidebar.title.font" description="Title Font" type="font"
  160. default="normal bold 16px Open Sans Condensed, Arial, sans-serif" value="normal bold 16px Open Sans Condensed, Arial, sans-serif"/>
  161. <Variable name="sidebar.title.text.color" description="Title Color" type="color" default="#333333" value="#333333"/>
  162. <Variable name="sidebar.title.border.color" description="Border Color" type="color" default="#FF4F4F" value="#FF4F4F"/>
  163. </Group>
  164. <Group description="Bottombar" selector="#bottombar">
  165. <Variable name="bottombar.background.color" description="Background" type="color" default="#3a3a3a" value="#3a3a3a"/>
  166. <Variable name="bottombar.color" description="Color" type="color" default="#dddddd" value="#dddddd"/>
  167. <Variable name="bottombar.link.color" description="Link Color" type="color" default="#dddddd" value="#dddddd"/>
  168. <Variable name="bottombar.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/>
  169. </Group>
  170. <Group description="Bottombar Widget Title" selector="#bottombar h2">
  171. <Variable name="bottombar.title.font" description="Title Font" type="font"
  172. default="normal bold 16px Open Sans Condensed, Arial, sans-serif" value="normal bold 16px Open Sans Condensed, Arial, sans-serif"/>
  173. <Variable name="bottombar.title.text.color" description="Title Color" type="color" default="#eeeeee" value="#eeeeee"/>
  174. <Variable name="bottombar.title.border.color" description="Border Color" type="color" default="#eeeeee" value="#eeeeee"/>
  175. </Group>
  176. <Group description="Footer" selector="#footer-wrapper">
  177. <Variable name="footer.background.color" description="Background" type="color" default="#333333" value="#333333"/>
  178. <Variable name="footer.color" description="Color" type="color" default="#eeeeee" value="#eeeeee"/>
  179. <Variable name="footer.link.color" description="Link Color" type="color" default="#eeeeee" value="#eeeeee"/>
  180. <Variable name="footer.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/>
  181. </Group>
  182. <Group description="Read More" selector="a.readmore, .label-size">
  183. <Variable name="readmore.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
  184. <Variable name="readmore.color" description="Color" type="color" default="#7D7D7D" value="#7D7D7D"/>
  185. <Variable name="readmore.border.color" description="Border Color" type="color" default="#DDDDDD" value="#DDDDDD"/>
  186. <Variable name="readmore.hover.color" description="Hover Color" type="color" default="#EE4B3D" value="#EE4B3D"/>
  187. </Group>
  188. <Group description="Back to Top" selector="#back-to-top">
  189. <Variable name="backtp.background.color" description="Background" type="color" default="#FF4F4F" value="#FF4F4F"/>
  190. <Variable name="backtp.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
  191. </Group>
  192. <Group description="Label Cloud" selector=".label-size">
  193. <Variable name="label.background.color" description="Background" type="color" default="#FF4F4F" value="#FF4F4F"/>
  194. <Variable name="label.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
  195. <Variable name="label.hover.color" description="Hover Color" type="color" default="#333333" value="#333333"/>
  196. <Variable name="label.count.color" description="Label Count" type="color" default="#333333" value="#333333"/>
  197. </Group>
  198. <Group description="Popular Post 1-5" selector=".PopularPosts">
  199. <Variable name="popular.post.color1" description="Color 1" type="color" default="#A51A5D" value="#A51A5D"/>
  200. <Variable name="popular.post.color2" description="Color 2" type="color" default="#F53477" value="#F53477"/>
  201. <Variable name="popular.post.color3" description="Color 3" type="color" default="#FD7FAA" value="#FD7FAA"/>
  202. <Variable name="popular.post.color4" description="Color 4" type="color" default="#FF9201" value="#FF9201"/>
  203. <Variable name="popular.post.color5" description="Color 5" type="color" default="#FDCB01" value="#FDCB01"/>
  204. </Group>
  205. <Group description="Popular Post 5-10" selector=".PopularPosts">
  206. <Variable name="popular.post.color6" description="Color 6" type="color" default="#DEDB00" value="#DEDB00"/>
  207. <Variable name="popular.post.color7" description="Color 7" type="color" default="#89C237" value="#89C237"/>
  208. <Variable name="popular.post.color8" description="Color 8" type="color" default="#44CCF2" value="#44CCF2"/>
  209. <Variable name="popular.post.color9" description="Color 9" type="color" default="#01ACE2" value="#01ACE2"/>
  210. <Variable name="popular.post.color10" description="Color 10" type="color" default="#94368E" value="#94368E"/>
  211. </Group>
  212. */
  213. /**
  214. * Eric Meyer&#39;s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
  215. * http://cssreset.com
  216. */
  217. 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;}
  218. /* HTML5 display-role reset for older browsers */
  219. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:&#39;&#39;;content:none;}table{border-collapse:collapse;border-spacing:0;}
  220. /* Blogger CSS Reset */
  221. .section,.widget{margin:0 0 0 0;padding:0 0 0 0;
  222. }
  223. .navbar, .blog-feeds, .feed-links, #backlinks-container {display:none;
  224. }
  225. .post-body .separator > a, .post-body .separator > span {
  226. margin-left: 0 !important;
  227. }
  228. /* FRAMEWORK */
  229. strong,b{font-weight:bold;
  230. }
  231. cite,em,i{font-style:italic;
  232. }
  233. a:link{color:#EE4B3D;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
  234. }
  235. a:visited{color:#EE4B3D;text-decoration:none;
  236. }
  237. a:hover{color:#0072C6;text-decoration:none;
  238. }
  239. a img{border:none;border-width:0;outline:none;
  240. }
  241. abbr,acronym{border-bottom:1px dotted;cursor:help;
  242. }
  243. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
  244. }
  245. sub{top:.4em;}small{font-size:86%;
  246. }
  247. kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;
  248. }
  249. mark{background-color:#ffce00;color:black;
  250. }
  251. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;
  252. }
  253. hr{height:1px;border:none;background-color:#666;
  254. }
  255. /* heading */
  256. h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
  257. }
  258. h1{font-size:190%
  259. }
  260. h2{font-size:180%
  261. }
  262. h3{font-size:150%}
  263. h4{font-size:130%
  264. }
  265. h5{font-size:110%
  266. }
  267. h6{font-size:90%
  268. }
  269. /* list */
  270. ol,ul,dl{margin:.5em 0em .5em 3em
  271. }
  272. ol{list-style:decimal outside
  273. }
  274. ul{list-style:disc outside
  275. }
  276. li{margin:.5em 0
  277. }
  278. dt{font-weight:bold
  279. }
  280. dd{margin:0 0 .5em 2em
  281. }
  282. /* form */
  283. input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;
  284. }
  285. textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  286. }
  287. /* code blockquote */
  288. pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;
  289. }
  290. pre{white-space:pre;word-wrap:normal;overflow:auto;
  291. }
  292. blockquote{background:#f0f0f0;margin-left:2em;margin-right:2em;padding:1em 1em;font-style:italic;font-size:110%;
  293. }
  294. blockquote:before {
  295. content: "\f10d";
  296. font-family: FontAwesome;
  297. font-style: normal;
  298. font-weight: normal;
  299. text-decoration: inherit;
  300. padding-right:4px;
  301. color:#666;
  302. }
  303. /* table */
  304. table[border="1"] td, table[border="1"] th {
  305. vertical-align: top;
  306. text-align: left;
  307. font-size: 13px;
  308. padding: 3px 5px;
  309. border: 1px solid #f0f0f0;
  310. }
  311. table[border="1"] th {
  312. background: #eee;
  313. }
  314. table, img {
  315. max-width: 100%;
  316. height: auto;
  317. }
  318. iframe {
  319. max-width:100%;
  320. }
  321. .clear {
  322. clear:both;
  323. }
  324. .clear:after {
  325. visibility:hidden;
  326. display:block;
  327. font-size:0;
  328. content:" ";
  329. clear:both;
  330. height:0;
  331. }
  332. body {
  333. background:#f0f0f0 none repeat scroll top left;
  334. margin:0 0 0 0;
  335. padding:0 0 0 0;
  336. color:#444444;
  337. font:normal normal 14px Arial, sans-serif;
  338. text-align:left;
  339. }
  340. /* WRAPPER */
  341. #wrapper {
  342. background:#ffffff;
  343. max-width:1000px;
  344. margin:20px auto;
  345. padding:28px;
  346. overflow:hidden;
  347. }
  348. /* NAVIGATION MENU */
  349. .tinynav1 {
  350. display: none;
  351. width: 100%;
  352. margin: 0 auto;
  353. border: 2px solid #ffffff;
  354. padding: 6px;
  355. background-color: #ffffff;
  356. font-weight: bold;
  357. cursor: pointer;
  358. outline: none;
  359. color: #585858;
  360. }
  361. .menu {
  362. font:normal bold 12px Open Sans Condensed, Arial, sans-serif;
  363. padding:0 0;
  364. background:#ffffff;
  365. margin:0 auto;
  366. height:38px;
  367. border:1px solid #f0f0f0;
  368. overflow:hidden;
  369. text-transform:uppercase;
  370. }
  371. .nav-menu {
  372. list-style-type:none;
  373. margin:0 0 0 0;
  374. padding:0 0 0 0;
  375. }
  376. .nav-menu li {
  377. display:block;
  378. float:left;
  379. line-height:38px;
  380. margin:0 0 0 0;
  381. padding:0 0 0 0;
  382. border-right:1px solid #f0f0f0;
  383. }
  384. .nav-menu li a {
  385. background:#ffffff;
  386. color:#8D8D8D;
  387. display:block;
  388. padding:0 8px;
  389. }
  390. .nav-menu li a:hover {
  391. background:#f5f5f5;
  392. }
  393. ul.nav-social {
  394. height:38px;
  395. margin:0 0 0 0;
  396. padding:0 0;
  397. float:right;
  398. }
  399. ul.nav-social li {
  400. display:inline-block;
  401. list-style-type:none;
  402. float:right;
  403. margin:0 0;
  404. padding:0 0;
  405. border-right:none;
  406. border-left:1px solid #f0f0f0;
  407. }
  408. ul.nav-social li a {
  409. display:inline-block;
  410. line-height:38px;
  411. height:38px;
  412. padding:0 8px;
  413. margin:0 0 0 0;
  414. color:#8D8D8D;
  415. }
  416. ul.nav-social li a i {
  417. line-height:38px;
  418. }
  419. ul.nav-social li a:hover {
  420. color:#fff;
  421. }
  422. ul.nav-social li a.fcb:hover {
  423. background:#3B5A9B;
  424. }
  425. ul.nav-social li a.gpl:hover {
  426. background:#DD4B39;
  427. }
  428. ul.nav-social li a.twt:hover {
  429. background:#1BB2E9;
  430. }
  431. ul.nav-social li a.ytb:hover {
  432. background:#ED3F41;
  433. }
  434. /* HEADER WRAPPER */
  435. #header-wrapper {
  436. margin:0 auto;
  437. overflow:hidden;
  438. }
  439. .header {
  440. float:left;
  441. width:25.7%;
  442. max-width:257px;
  443. margin:15px 0;
  444. }
  445. .header h1.title,.header p.title {
  446. font:normal bold 24px Fjalla One, Arial, Helvetica, sans-serif;
  447. margin:0 0 0 0;
  448. text-transform:uppercase;
  449. }
  450. .header .description {
  451. color:#555555;
  452. }
  453. .header a {
  454. color:#333333;
  455. }
  456. .header a:hover {
  457. color:#999;
  458. }
  459. .header img {
  460. display:block;
  461. }
  462. .header-right {
  463. float:right;
  464. padding:0;
  465. overflow:hidden;
  466. margin:15px 0;
  467. width:72.8%;
  468. max-width:728px;
  469. }
  470. .header-right img {
  471. display:block;
  472. }
  473. /* NAVIGATION MENU 2 */
  474. .toggleMenu {
  475. display:none;
  476. background:#E73138;
  477. padding:0 15px;
  478. height:48px;
  479. line-height:48px;
  480. color: #fff !important;
  481. }
  482. #nav {
  483. font:normal bold 12px Arial, sans-serif;
  484. background:#333333;
  485. text-transform:uppercase;
  486. height:48px;
  487. line-height:48px;
  488. }
  489. .nav-menu2 {
  490. background:#333333;
  491. list-style: none;
  492. margin:0 0 0 0;
  493. *zoom: 1;
  494. float:left;
  495. }
  496. .nav-menu2:before,
  497. .nav-menu2:after {
  498. content: " ";
  499. display: table;
  500. }
  501. .nav-menu2:after {
  502. clear: both;
  503. }
  504. .nav-menu2 ul {
  505. list-style: none;
  506. margin:0 0 0 0;
  507. width:12em;
  508. }
  509. .nav-menu2 a {
  510. display:block;
  511. padding:0 15px;
  512. }
  513. .nav-menu2 li {
  514. position: relative;
  515. margin:0 0;
  516. }
  517. .nav-menu2 > li {
  518. float: left;
  519. }
  520. .nav-menu2 > li > a {
  521. display: block;
  522. height:48px;
  523. line-height:48px;
  524. color:#ffffff;
  525. box-shadow: 0 4px 0 #333333 inset;
  526. }
  527. .nav-menu2 > li > a.active {
  528. background:#222222;
  529. box-shadow: 0 4px 0 #E73138 inset;
  530. }
  531. .nav-menu2 > li:hover > a {
  532. background:#222222;
  533. box-shadow: 0 4px 0 #E73138 inset;
  534. }
  535. .nav-menu2 li ul {
  536. background:#fff;
  537. display:block;
  538. position:absolute;
  539. left:0;
  540. z-index:10;
  541. visibility:hidden;
  542. opacity:0;
  543. -webkit-transition:all .25s ease-out;
  544. -moz-transition:all .25s ease-out;
  545. -ms-transition:all .25s ease-out;
  546. -o-transition:all .25s ease-out;
  547. transition:all .25s ease-out;
  548. border: 1px solid #d9d9d9;
  549. border: 1px solid rgba(217,217,217,1);
  550. box-shadow:0 0 2px rgba(0,0,0,0.2);
  551. }
  552. .nav-menu2 li li ul {
  553. left:100%;
  554. top:-1px;
  555. }
  556. .nav-menu2 > li.hover > ul {
  557. visibility:visible;
  558. opacity:10;
  559. }
  560. .nav-menu2 > li > ul:before {
  561. content:"";
  562. width:0px;
  563. height:0px;
  564. position:absolute;
  565. bottom:100%;
  566. left:20px;
  567. border-width:8px;
  568. border-style:solid;
  569. border-color:transparent transparent #fff transparent;
  570. display:block;
  571. }
  572. .nav-menu2 li li.hover ul {
  573. visibility:visible;
  574. opacity:10;
  575. }
  576. .nav-menu2 li li a {
  577. display: block;
  578. color:#333;
  579. position: relative;
  580. z-index:100;
  581. line-height:32px;
  582. }
  583. .nav-menu2 li li a:hover {
  584. background:#f0f0f0;
  585. }
  586. .nav-menu2 li li li a {
  587. background:#fff;
  588. z-index:20;
  589. color:#333;
  590. }
  591. .nav-menu2 li .parent:after {
  592. content: "\f107";
  593. font-family: FontAwesome;
  594. font-style: normal;
  595. font-weight: normal;
  596. text-decoration: inherit;
  597. padding-left:6px;
  598. }
  599. #search-form {
  600. background:#333333;
  601. float:right;
  602. margin:0 0;
  603. width:200px;
  604. }
  605. #search-form table {
  606. width:100%;
  607. margin:0 0 0 0;
  608. }
  609. #search-form td.search-box {
  610. padding-right:30px;
  611. }
  612. #search-form input#search-box[type="text"] {
  613. background:#ffffff;
  614. height:36px;
  615. line-height:36px;
  616. margin:5px 0 5px 10px;
  617. padding:0 10px;
  618. width:99%;
  619. color:#666666;
  620. border:none;
  621. }
  622. #search-form input#search-button[type="submit"] {
  623. font-family: FontAwesome;
  624. background:#E73037;
  625. color:#ffffff;
  626. height:36px;
  627. line-height:36px;
  628. margin:5px 10px 5px 0;
  629. padding:0 12px;
  630. border:none;
  631. outline:none;
  632. transition:all 0.25s;
  633. -moz-transition:all 0.25s;
  634. -webkit-transition:all 0.25s;
  635. }
  636. #search-form input#search-button[type="submit"]:hover{
  637. background:#222222;
  638. cursor:pointer;
  639. }
  640. #search-form input#search-box[type="text"]:focus {
  641. background:#eee;
  642. outline:none;
  643. }
  644. /* SUBSCRIBER BOX */
  645. .berlangganan-box {
  646. border-top: 1px solid #f0f0f0;
  647. border-bottom: 1px solid #f0f0f0;
  648. padding: 15px;
  649. margin:0 -15px 15px;
  650. text-align:center;
  651. }
  652. .berlangganan-box input.email-address[type="text"] {
  653. width:60%;
  654. padding:10px;
  655. border:1px solid #ddd;
  656. text-align:center;
  657. border-radius: 4px;
  658. outline:none;
  659. }
  660. .berlangganan-box input.submit-email[type="submit"] {
  661. transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
  662. padding:10px 15px;
  663. background:#07ACEC;
  664. border-radius: 3px;
  665. color:#fff;
  666. border:none;
  667. font-weight:bold;
  668. outline:none;
  669. }
  670. .berlangganan-box input.submit-email[type="submit"]:hover {
  671. background:#0D9AD0;
  672. cursor:pointer;
  673. }
  674. .berlangganan-box input.email-address[type="text"]:focus {
  675. background: #f9f2a5;
  676. }
  677. /* DEFAULT PAGE NAVIGATION */
  678. #blog-pager {
  679. margin: 5px 0 15px;
  680. clear:both !important;
  681. padding:0 0;
  682. font-size:11px;
  683. font-weight:bold;
  684. }
  685. a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a {
  686. background-color:#ffffff;
  687. border: 1px solid #DDDDDD;
  688. padding:0px 12px;
  689. line-height:28px;
  690. color:#7D7D7D;
  691. border-radius: 3px;
  692. }
  693. #blog-pager-newer-link a {
  694. float:left;
  695. display:block;
  696. }
  697. #blog-pager-older-link a {
  698. float:right;
  699. display:block;
  700. }
  701. a.home-link {
  702. display:inline-block;
  703. }
  704. #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {
  705. border: 1px solid #EE4B3D;
  706. }
  707. /* CONTENT WRAPPER */
  708. #content-wrapper {
  709. background-color:transparent;
  710. background-image:url(//2.bp.blogspot.com/-yNE4A_H3C2o/U1E6RPYNEpI/AAAAAAAADRQ/UOP1mUKaxGE/s1600/line.png);
  711. background-repeat:repeat-x;
  712. background-position:top center;
  713. margin:0 auto;
  714. padding:5px 0 0;
  715. word-wrap:break-word;
  716. }
  717. .largebanner {
  718. background:#fff;
  719. border-right:1px solid #f0f0f0;
  720. border-bottom:1px solid #f0f0f0;
  721. border-left:1px solid #f0f0f0;
  722. }
  723. .largebanner .widget {
  724. padding:15px 14px;
  725. overflow:hidden;
  726. }
  727. .largebanner img, .largebanner iframe{
  728. display:block;
  729. max-width:100%;
  730. border:none;
  731. overflow:hidden;
  732. }
  733. /* POST WRAPPER */
  734. #post-wrapper {
  735. background:transparent;
  736. float:left;
  737. width:70%;
  738. max-width:700px;
  739. margin:0 0 10px;
  740. }
  741. .post-container {
  742. padding:15px 15px 0 0;
  743. }
  744. .breadcrumbs {
  745. font-size:12px;
  746. color:#666;
  747. padding:15px;
  748. margin:0 0 15px;
  749. background:#ffffff;
  750. border:1px solid #f0f0f0;
  751. }
  752. .post {
  753. background:#ffffff;
  754. border:1px solid #e5e5e5;
  755. margin:0 0 15px;
  756. padding:15px;
  757. }
  758. .post-body {
  759. line-height:1.6em;
  760. }
  761. h2.post-title, h1.post-title {
  762. font:normal normal 20px Fjalla One, Helvetica, Arial, sans-serif;
  763. }
  764. h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
  765. color:#EE3322;
  766. }
  767. h2.post-title a:hover, h1.post-title a:hover {
  768. color:#0072C6;
  769. }
  770. .img-thumbnail {
  771. background:#fbfbfb url(http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h140-c/no-image.png) no-repeat center center;
  772. position:relative;
  773. float:left;
  774. width:200px;
  775. height:150px;
  776. margin:0 15px 0 0;
  777. }
  778. .img-thumbnail img {
  779. width:200px;
  780. height:150px;
  781. }
  782. span.rollover {
  783. opacity:0;
  784. -o-transition:all 1s;
  785. -moz-transition:all 1s;
  786. -webkit-transition:all 1s;
  787. background:#333;
  788. cursor: pointer;
  789. position: absolute;
  790. top:0;
  791. right:0;
  792. bottom:0;
  793. left:0;
  794. z-index: 1;
  795. opacity: 0;
  796. }
  797. span.rollover:before {
  798. content:"";
  799. position: absolute;
  800. background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADx0RVh0QUxUVGFnAFRoaXMgaXMgdGhlIGljb24gZnJvbSBHZW50bGVmYWNlLmNvbSBmcmVlIGljb25zIHNldC4g2GvoxAAAAB90RVh0Q29weXJpZ2h0AFJPWUFMVFkgRlJFRSBMSUNFTlNFIN7Zi2kAAABFaVRYdERlc2NyaXB0aW9uAAAAAABUaGlzIGlzIHRoZSBpY29uIGZyb20gR2VudGxlZmFjZS5jb20gZnJlZSBpY29ucyBzZXQuILwR+BoAAAAjaVRYdENvcHlyaWdodAAAAAAAUk9ZQUxUWSBGUkVFIExJQ0VOU0UgJ10KSgAAAidJREFUeNqsVUuO2kAQtROQBomFhZBAIIRBYh3nBuMbMCcI3IAbZOYEmTkBzAnMMjvmBrBnkUYgxD9e8QfnlVVGlmVsQ6akJ7e6X326uqosSTfI+XxWgGfgj+UR7BnAo3SvHI/H6ul0+gtYITDAVRw9OYrxw+FQw6fp2hKyLL/TF1BxgW/4Vl3nPUCPx+NmqPHdbqft93vLhYYfD/sq0HV40DMipWa73XYAi1GNwO+6+MFvsl6vtc1mYzGaUQICT3V0oG98CSIjt1VUhsR4ieIgkUgIcFukQ/qxEAeXdTKZFFErDnoDZx0LqfuiUzU39ouI6sCJRL3RwYUf9gaC0kRYrVa1Gxz8YD0R5qANsskP9nOxWChhxpfLZQNclQvjPdBBKpUyQX7jaKhjjfl8ftUJzmrg/GI+6b4GOphOpw3MFiq5Ht/iEehivwYoLp46m82aOGu6yrqeTqdN31k0mUwUnj3UuSbmzneKHmvNQxV+BQB+PZPJtGj91Xs4Ho8VGOtg6bT5A41h7Ok0mtjJA5950/UBPGWz2d++03Q0Ginw3vGJlKSdz+efKAC+mTfydi6X63mVLn0wHA41TsO1mrebB0ZoBLeilqx9g8FgoHHkvhWCs5dCofB8z49KFkJQOoKM14vFYku6U2L8oNdqu66q6t3G7VFBg8lVuw6oSfRSqfRfxm0HZMg9c7gD9XK5/CF9gtiP3O/3NU4V5VyvVCo96ZPknwADAKtR4YfNlLm3AAAAAElFTkSuQmCC) 50% 50% no-repeat;
  801. width:24px;
  802. height:24px;
  803. margin:-12px;
  804. top:50%;
  805. left:50%;
  806. }
  807. span.rollover:hover {
  808. opacity: .7;
  809. -o-transition:all 1s;
  810. -moz-transition:all 1s;
  811. -webkit-transition:all 1s;
  812. }
  813. .post-info {
  814. background:transparent;
  815. margin:0 0 12px;
  816. color:#666666;
  817. font-size:11px;
  818. }
  819. .post-info a {
  820. display:inline-block;
  821. color:#666666;
  822. }
  823. .author-info, .time-info, .comment-info, .label-info, .review-info {
  824. margin-right:12px;
  825. display:inline;
  826. }
  827. a.readmore {
  828. display:inline-block;
  829. margin:15px 0 0;
  830. background-color:#ffffff;
  831. border:1px solid #dddddd;
  832. padding:0px 10px;
  833. line-height:26px;
  834. color:#333333;
  835. font-size:11px;
  836. font-weight:bold;
  837. text-transform:uppercase;
  838. }
  839. a.readmore:hover  {
  840. border:1px solid #aaaaaa;
  841. }
  842. /* Page Navigation */
  843. .pagenavi {
  844.     clear:both;
  845.     margin:-5px 0 10px;
  846.     text-align:center;
  847.     font-size:11px;
  848.     font-weight:bold;
  849.     text-transform:uppercase;
  850. }
  851. .pagenavi span,.pagenavi a {
  852.     padding:6px 10px;
  853.     margin-right:3px;
  854.     display:inline-block;
  855.     color:$(readmore.color);
  856.     background-color:$(readmore.background.color);
  857.     border: 1px solid $(readmore.border.color);
  858. }
  859. .pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
  860.     border: 1px solid $(readmore.hover.color);
  861. }
  862. .pagenavi .pages {
  863.     display:none;
  864. }
  865. /* SIDEBAR WRAPPER */
  866. #sidebar-wrapper {
  867. background:transparent;
  868. float:right;
  869. width:30%;
  870. max-width:300px;
  871. margin:0 auto;
  872. }
  873. .sidebar-container {
  874. padding:15px 0;
  875. }
  876. .sidebar h2, .panel h2 {
  877. font:normal bold 12px Arial, sans-serif;
  878. color:#333333;
  879. margin:0 0 10px 0;
  880. padding:6px 0;
  881. border-bottom:2px solid #e5e5e5;
  882. text-transform:uppercase;
  883. position:relative;
  884. }
  885. .sidebar h2:after, .panel h2:after {
  886. content: " ";
  887. width:90px;
  888. height: 0px;
  889. position: absolute;
  890. left: 0;
  891. bottom: -2px;
  892. border-bottom:2px solid #E73138;
  893. }
  894. .sidebar .widget {
  895. margin:0 0 15px;
  896. }
  897. .sidebar ul, .sidebar ol {
  898. list-style-type:none;
  899. margin:0 0 0 0;
  900. padding:0 0 0 0;
  901. }
  902. .sidebar li {
  903. margin:5px 0;
  904. padding:0 0 0 0;
  905. }
  906. /* Recent Post */
  907. .recent-post-title {
  908. background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABiwAAAYsB4dDSvAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATySURBVEiJbZV9jFRnFYef887szrpi2qXazUp3mfe9Y20xIaHYhETj8iVGaKCBUC0tVoQoGvwgITRKiGCU+hGxwaCGRE0gUtLSFlCIQHddmsa0icSmJhuWzL13d9yATSMbTAu7Ozv3+MeeC8PH/DVvTs7z/s457z0/UVUBFCCO450i8iOmf4NZli2sVCrvASRJ8mngNeAeYBx4LITQBzA0NPSRYrF4RkQWWO7PRVWxxGeBn1pgSER6vffvAlSr1XnOuT6gA5hwzq0ql8unAQYHB2e0tbX9FfiM5T4fQthaNOjWJmi1paVlcXd397sAaZrOdc69ZtBJYE0OvXz5cnupVPpLE3R/CGErgEvTdAuwF0BEkizLFnV3d18ypZ9S1T5gJlDPsuyJEMJJgNHR0Q9dv379zyLSa7kHQgjftguQOI4zQIARK38EYGRk5OFGozEA3A9MiciT3vujdmHJOXcCWGacP4YQNjbN6jvOoKOFQmFRDk2S5MFGo9Fn0Iaqrs+hg4ODrc65V3Koqh4KIWzKoUmSfFNEfuVU9ZKqLpo9e3ZqaiKgH+gCMhHZEEXREYDz58+3lEqll4DlpvRIFEUbgMzmsQnYD9Sdc25xFEVVK9875/4GzDIFm7z3hwAGBgaKHR0dR0RkpUGP1mq19UDDyv+qqh7IO9D83HqA14HZ0xXq5iiKDhikEMfxYRF5wgZ1/MqVK2vnz59ft9yngIOAs7Z+TlSVarX6QKFQOKeqwRK3eO/3G9QlSXIIWGfnk+Pj46vnzJkzaUq/JCJ/AgqqegnojaKoKrVa7eP1en0A+IQlbg0hPJ9D0zT9g6o+Y4M6raqrKpXKhCldAxwBisB/RGSh934IwNXr9f4cqqrbm6CSJMmBHAr0FQqFx3NotVpdBbxg0PeyLFuSQy9evDirCHzSyt8RQvhFE/Q3wEa78Fx7e/vKrq6ucVO6wjn3ItAiIv9V1SWVSmXQHkBXsVjsLxpol/d+j/0njuN9IrLZjm/MmDFjRWdn5zWA4eHhLwAvA63AmIgs9d7/CyBN005V7Qe8U9U9IYTdOTRJkr0issWUvlmv15d3dnZ+YLElWZYdA0rAVWBZuVx+21rzMfv8HwKyG8/NEn8GbLfjP4ClIYSrprQ3y7JTQDvwP+fcsnK5/BbAhQsX7mttbe0H5uZtzVtBHMc/FpHtFvhnoVBY1tPTc9Uu/Cxw0qDvq+oXc2itVusolUpnVXWuoXZ77/c4S/yhiOywwDsTExOf7+npGTOlC4BTwIeBayKyIoqiv1vePVNTU6dVdZ7lPhdC2JVP/weq+hML3O4ajwJnmXaN66r6WBRF/XCna6jqL6Mo2pZ3QOI4zpt8u2s8Yq5xLzAhIiu992fgTtcQkX3e++82tXVn3uO7ucZZg04Cq3PoXVzjd83QJEm+LyK7iiKSNBqNW1zDlM4E6iKy1nt/CqZdY3Jy8oZrAL8PIXwrh6Zpug3YA0wUgcWVSmXUBvWQQT8KTAFf9t6fsAtLzrljwGIr/6D3/uvcXPDfA/Ivd7h5bT4IDDC94Bsiss57/6L1tLWtre1Vbi74F0IIT3NzwW9R1V/nwlW115maW1wD+EoOvYtrHA0hrM+hcRx/Q1X3WaxmxvFvNzw8XHbO9TPtGpmqfi2EcBjudA0ROT42NrYOc400TTeKyG8x12g0GovK5fIwwP8B3DF1BfTENDEAAAAASUVORK5CYII=) repeat-x;
  909. margin:0 0 15px;
  910. padding:0;
  911. position:relative;
  912. }
  913. .recent-post-title h2 {
  914. font:normal bold 14px Arial, sans-serif;
  915. height:26px;
  916. line-height:26px;
  917. margin:0 0;
  918. padding:0 10px;
  919. background:#E73138;
  920. color:#ffffff;
  921. display:inline-block;
  922. border-right:5px solid #fff;
  923. }
  924. .recent-post-title h2 a {
  925. color:#ffffff;
  926. }
  927. .recent-post-title h2 a:after {
  928. content: "\f18e";
  929. font-family: FontAwesome;
  930. font-style: normal;
  931. font-weight: normal;
  932. text-decoration: inherit;
  933. padding-left:6px;
  934. }
  935. .recent-post-one-thumb {
  936. float:left;
  937. width:50%;
  938. margin:0 0;
  939. }
  940. .recent-post-one-thumb .widget {
  941. padding:0 15px 15px 0;
  942. }
  943. .recent-post-one-thumb .widget-content {
  944. background:#ffffff;
  945. border:1px solid #e5e5e5;
  946. padding:15px;
  947. }
  948. .recent-post-one-thumb ul {
  949. list-style-type:none;
  950. margin:0 0 0 0;
  951. padding:0 0 0 0;
  952. }
  953. /* Recent Post */
  954. ul.rp_thumbs {
  955. margin:0 0 0 0;
  956. }
  957. ul.rp_thumbs li {
  958. font-size:12px;
  959. min-height:68px;
  960. margin:0 0 8px;
  961. padding:0 0 8px;
  962. border-bottom:1px dotted #e5e5e5;
  963. }
  964. ul.rp_thumbs .rp_thumb {
  965. position:relative;
  966. background:#fbfbfb;
  967. margin:3px 0 10px 0;
  968. width:100%;
  969. height:0;
  970. padding-bottom:46%;
  971. overflow:hidden;
  972. }
  973. ul.rp_thumbs .rp_thumb img {
  974. height:auto;
  975. width:100%;
  976. }
  977. ul.rp_thumbs2 {
  978. font-size:13px;
  979. }
  980. ul.rp_thumbs2 li {
  981. padding:0 0;
  982. min-height:66px;
  983. font-size:11px;
  984. margin: 0 0 8px;
  985. padding: 0 0 8px;
  986. border-bottom:1px dotted #e5e5e5;
  987. }
  988. ul.rp_thumbs2 .rp_thumb2 {
  989. background:#fbfbfb;
  990. float:left;
  991. margin:3px 8px 0 0;
  992. height:60px;
  993. width:60px;
  994. }
  995. ul.rp_thumbs2 .rp_thumb2 img {
  996. height:60px;
  997. width:60px;
  998. }
  999. span.rp_title {
  1000. font:normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
  1001. display:block;
  1002. margin:0 0 5px;
  1003. line-height:1.4em;
  1004. }
  1005. span.rp_title2 {
  1006. font-size:14px;
  1007. }
  1008. span.rp_summary {
  1009. display:block;
  1010. margin:6px 0 0;
  1011. color:#666666;
  1012. }
  1013. span.rp_meta {
  1014. background:transparent;
  1015. display:block;
  1016. font-size:11px;
  1017. color:#666666;
  1018. }
  1019. span.rp_meta a {
  1020. color:#666666 !important;
  1021. display:inline-block;
  1022. }
  1023. span.rp_meta_date, span.rp_meta_comment, span.rp_meta_more  {
  1024. display:inline-block;
  1025. margin-right:8px;
  1026. }
  1027. span.rp_meta_date:before {
  1028. content: "\f073";
  1029. font-family: FontAwesome;
  1030. font-style: normal;
  1031. font-weight: normal;
  1032. text-decoration: inherit;
  1033. padding-right:4px;
  1034. }
  1035. span.rp_meta_comment:before  {
  1036. content: "\f086";
  1037. font-family: FontAwesome;
  1038. font-style: normal;
  1039. font-weight: normal;
  1040. text-decoration: inherit;
  1041. padding-right:4px;
  1042. }
  1043. span.rp_meta_more:before {
  1044. content: "\f0a9";
  1045. font-family: FontAwesome;
  1046. font-style: normal;
  1047. font-weight: normal;
  1048. text-decoration: inherit;
  1049. padding-right:4px;
  1050. }
  1051. ul.rp_thumbs2 li a:hover, ul.rp_thumbs li a:hover {
  1052. color:#0072C6;
  1053. }
  1054. /* BOTTOMBAR */
  1055. #bottombar {
  1056. background:#454545;
  1057. border-top:6px solid #e5e5e5;
  1058. overflow:hidden;
  1059. margin:0 auto;
  1060. padding:15px;
  1061. color:#dddddd;
  1062. }
  1063. #bottombar .left {
  1064. float:left;
  1065. width:34%;
  1066. }
  1067. #bottombar .center {
  1068. float:left;
  1069. width:34%;
  1070. }
  1071. #bottombar .right {
  1072. float:right;
  1073. width:32%;
  1074. }
  1075. #bottombar .left .widget, #bottombar .center .widget {
  1076. margin:0 15px 15px 0;
  1077. }
  1078. #bottombar .right .widget {
  1079. margin:0 0 15px 0;
  1080. }
  1081. #bottombar h2 {
  1082. font:normal bold 13px Arial, sans-serif;
  1083. margin:0 0 10px 0;
  1084. padding:6px 0;
  1085. border-bottom:2px solid #555;
  1086. text-transform:uppercase;
  1087. position:relative;
  1088. color:#eeeeee;
  1089. }
  1090. #bottombar h2:after {
  1091. content:" ";
  1092. width:90px;
  1093. height:0px;
  1094. position:absolute;
  1095. left:0;
  1096. bottom:-2px;
  1097. border-bottom:2px solid #eeeeee;
  1098. }
  1099. #bottombar ul, #bottombar ol {
  1100. list-style-type:none;
  1101. margin:0 0 0 0;
  1102. padding:0 0 0 0;
  1103. }
  1104. #bottombar li {
  1105. margin:5px 0;
  1106. padding:0 0 0 0;
  1107. }
  1108. #bottombar ul li:before {
  1109. color:#eeeeee !important;
  1110. }
  1111. #bottombar a {
  1112. color:#dddddd;
  1113. }
  1114. #bottombar a:hover {
  1115. color:#ffffff;
  1116. }
  1117. /* FOOTER */
  1118. #footer-wrapper {
  1119. background:#333333;
  1120. margin:0 auto;
  1121. padding:20px 5px;
  1122. overflow:hidden;
  1123. color:#eeeeee;
  1124. font-size:11px;
  1125. }
  1126. .footer-left {
  1127. float:left;
  1128. margin:10px;
  1129. }
  1130. .footer-right {
  1131. float:right;
  1132. margin:10px;
  1133. }
  1134. #footer-wrapper a {
  1135. color:#eeeeee;
  1136. }
  1137. #footer-wrapper a:hover {
  1138. color:#ffffff;
  1139. }
  1140. /* CUSTOM WIDGET */
  1141. .widget ul {
  1142. line-height:1.4em;
  1143. }
  1144. /* Tab Menu */
  1145. .set, .panel {
  1146. margin: 0 0;
  1147. }
  1148. .tabs .panel {
  1149. padding:0 0;
  1150. }
  1151. .tabs-menu {
  1152. border-bottom:3px solid #E73138;
  1153. padding: 0 0;
  1154. margin:0 0;
  1155. }
  1156. .tabs-menu li {
  1157. font:normal bold 12px Arial, sans-serif;
  1158. display: inline-block;
  1159. *display: inline;
  1160. zoom: 1;
  1161. margin: 0 3px 0 0;
  1162. padding:10px;
  1163. background:#fff;
  1164. border:1px solid #e5e5e5;
  1165. border-bottom:none !important;
  1166. color:#333333;
  1167. cursor:pointer;
  1168. position:relative;
  1169. }
  1170. .tabs-menu .active-tab {
  1171. background:#E73138;
  1172. border:1px solid #E73138;
  1173. border-bottom:none !important;
  1174. color:#fff;
  1175. }
  1176. .tabs-content {
  1177. padding:10px 0;
  1178. }
  1179. .tabs-content .widget li {
  1180. float:none !important;
  1181. margin:5px 0;
  1182. }
  1183. .tabs-content .widget ul {
  1184. overflow:visible;
  1185. }
  1186. /* label */
  1187. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
  1188. font-size:100%;
  1189. filter:alpha(100);
  1190. opacity:10
  1191. }
  1192. .cloud-label-widget-content{
  1193.  
  1194. text-align:left
  1195. }
  1196. .label-size {
  1197. background:#E73037;
  1198. display:block;
  1199. float:left;
  1200. margin:0 3px 3px 0;
  1201. color:#ffffff;
  1202. font-size:11px;
  1203. text-transform:uppercase;
  1204. }
  1205. .label-size a,.label-size span{
  1206. display:inline-block;
  1207. color:#ffffff !important;
  1208. padding:6px 8px;
  1209. font-weight:bold;
  1210. }
  1211. .label-size:hover {
  1212. background:#333333;
  1213. }
  1214. .label-count {
  1215. white-space:nowrap;
  1216. padding-right:3px;
  1217. margin-left:-3px;
  1218. background:#333333;
  1219. color:#fff !important;
  1220. }
  1221. .label-size {
  1222. line-height:1.2
  1223. }
  1224. /* POPULAR POST WIDGET */
  1225. .PopularPosts ul,
  1226. .PopularPosts li,
  1227. .PopularPosts li img,
  1228. .PopularPosts li a,
  1229. .PopularPosts li a img {
  1230. margin:0 0;
  1231. padding:0 0;
  1232. list-style:none;
  1233. border:none;
  1234. background:none;
  1235. outline:none;
  1236. }
  1237. .PopularPosts ul {
  1238. margin:.5em 0;
  1239. list-style:none;
  1240. color:black;
  1241. counter-reset:num;
  1242. }
  1243. .PopularPosts ul li img {
  1244. display:block;
  1245. margin:0 .5em 0 0;
  1246. width:50px;
  1247. height:50px;
  1248. float:left;
  1249. }
  1250. .PopularPosts ul li {
  1251. background-color:#eee;
  1252. margin:0 0 0 0 !important;
  1253. padding:10px 20px 10px 10px !important;
  1254. counter-increment:num;
  1255. position:relative;
  1256. }
  1257. .PopularPosts ul li:before,
  1258. .PopularPosts ul li .item-title a, .PopularPosts ul li a {
  1259. font-weight:bold;
  1260. color:#000 !important;
  1261. text-decoration:none;
  1262. }
  1263. .PopularPosts ul li:before {
  1264. content:counter(num) !important;
  1265. font-family:arial, sans-serif !important;
  1266. font-size:12px;
  1267. font-weight:bold !important;
  1268. display:block;
  1269. position:absolute;
  1270. top:-5px;
  1271. right:-5px;
  1272. border-radius:16px;
  1273. background-color:#333;
  1274. color:#fff !important;
  1275. width:28px;
  1276. height:28px;
  1277. line-height:28px;
  1278. text-align:center;
  1279. padding-right:0px !important;
  1280. border:2px solid #fff;
  1281. }
  1282. .PopularPosts ul li:nth-child(1) {background-color:#A51A5D;
  1283. }
  1284. .PopularPosts ul li:nth-child(2) {background-color:#F53477;
  1285. }
  1286. .PopularPosts ul li:nth-child(3) {background-color:#FD7FAA;
  1287. }
  1288. .PopularPosts ul li:nth-child(4) {background-color:#FF9201;
  1289. }
  1290. .PopularPosts ul li:nth-child(5) {background-color:#FDCB01;
  1291. }
  1292. .PopularPosts ul li:nth-child(6) {background-color:#DEDB00;
  1293. }
  1294. .PopularPosts ul li:nth-child(7) {background-color:#89C237;
  1295. }
  1296. .PopularPosts ul li:nth-child(8) {background-color:#44CCF2;
  1297. }
  1298. .PopularPosts ul li:nth-child(9) {background-color:#01ACE2;
  1299. }
  1300. .PopularPosts ul li:nth-child(10) {background-color:#94368E;
  1301. }
  1302. .PopularPosts .item-thumbnail {
  1303. margin:0 0 0 0;
  1304. }
  1305. .PopularPosts .item-snippet {
  1306. font-size:11px;
  1307. }
  1308. .profile-img{
  1309. display:inline;
  1310. opaciry:10;
  1311. margin:0 6px 3px 0;
  1312. }
  1313. /* BACK TO TOP BUTTON */
  1314. #back-to-top {
  1315. background:#FF4F4F;
  1316. color:#ffffff;
  1317. padding:8px 10px;
  1318. font-size:24px;
  1319. }
  1320. .back-to-top {
  1321. position:fixed !important;
  1322. position:absolute;
  1323. bottom:20px;
  1324. right:20px;
  1325. z-index:999;
  1326. }
  1327. /* ==== Related Post Widget Start ==== */
  1328. .related-post {
  1329. margin:5px 0 0;
  1330. border-top:1px solid #f0f0f0:none;
  1331. padding:15px 0 0;
  1332. }
  1333. .related-post h4 {
  1334. font-size:14px;
  1335. margin:0 0 .5em;
  1336. text-transform:uppercase;
  1337. }
  1338. .related-post-style-2 {
  1339. margin:0 0 0 0 !important;
  1340. padding:0 0 0 0 !important;
  1341. list-style:none;
  1342. }
  1343. .related-post-style-2 li {
  1344. margin:0 0 0 0;
  1345. padding:0 0 0 0;
  1346. }
  1347. .related-post-style-2 li {
  1348. padding:5px 0 !important;
  1349. border-top:1px solid #eee;
  1350. overflow:hidden;
  1351. }
  1352. .related-post-style-2 li:first-child {border-top:none}
  1353. .related-post-style-2 .related-post-item-thumbnail {
  1354. width:60px;
  1355. height:60px;
  1356. max-width:none;
  1357. max-height:none;
  1358. background-color:transparent;
  1359. border:none;
  1360. padding:0;
  1361. float:left;
  1362. margin:2px 8px 0 0;}
  1363. .related-post-style-2 .related-post-item-title {
  1364. font:normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
  1365. }
  1366. .related-post-style-2 .related-post-item-summary {
  1367. display:block;
  1368. overflow:hidden;
  1369. }
  1370. .related-post-style-2 .related-post-item-more {}
  1371.  
  1372. /* error and search */
  1373. .status-msg-wrap {
  1374. font-size:120%;
  1375. font-weight:bold;
  1376. width:100%;
  1377. margin:20px auto;
  1378. }
  1379. .status-msg-body {
  1380. padding:20px 2%;
  1381. width:96%;
  1382. }
  1383. .status-msg-border {
  1384. border:1px solid #e5e5e5;
  1385. opacity:10;
  1386. width:auto;
  1387. }
  1388. .status-msg-bg {
  1389. background-color:#ffffff;
  1390. }
  1391. .status-msg-hidden {
  1392. padding:20px 2%;
  1393. }
  1394. .tabs-content .widget ul li:before, .sidebar ul li:before, #bottombar ul li:before {
  1395. content:"\f061";
  1396. font-family: FontAwesome;
  1397. font-style: normal;
  1398. font-weight: normal;
  1399. text-decoration: inherit;
  1400. padding-right:4px;
  1401. color:#666;
  1402. }
  1403. #ArchiveList ul li:before {
  1404. content:"" !important;
  1405. padding-right:0px !important;
  1406. }
  1407. /* facebook comments */
  1408. .fbbox-comments {
  1409. box-sizing: border-box;
  1410. -moz-box-sizing: border-box;
  1411. background:#fff;
  1412. border:1px solid #e5e5e5;
  1413. margin: 0 0 20px;
  1414. }
  1415. .fb-comments{width: 100% !important;}
  1416. .fb-comments iframe[style]{width: 100% !important;}
  1417. .fb-like-box{width: 100% !important;}
  1418. .fb-like-box iframe[style]{width: 100% !important;}
  1419. .fb-comments span{width: 100% !important;}
  1420. .fb-comments iframe span[style]{width: 100% !important;}
  1421. .fb-like-box span{width: 100% !important;}
  1422. .fb-like-box iframe span[style]{width: 100% !important;
  1423. }
  1424. .rich-snippet {
  1425. padding:10px;
  1426. margin:15px 0 0;
  1427. border:3px solid #eee;
  1428. font-size:12px;
  1429. }
  1430. /* MEDIA QUERY */
  1431. @media only screen and (max-width:1066px){
  1432. #wrapper {
  1433. margin:0 auto;
  1434. }
  1435. }
  1436. @media only screen and (max-width:768px){
  1437. #wrapper {
  1438. padding:0 12px;
  1439. }
  1440. #post-wrapper, #sidebar-wrapper, .nav {
  1441. float:none;
  1442. width:100%;
  1443. max-width:100%
  1444. }
  1445. .active {
  1446. display: block;
  1447. }
  1448. #search-form {
  1449. width:100%;
  1450. margin:0 0 0 0 !important;
  1451. }
  1452. .nav li ul:before {
  1453. display:none;
  1454. }
  1455. .nav > li {
  1456. float: none;
  1457. overflow:hidden;
  1458. }
  1459. .nav ul {
  1460. display: block;
  1461. width: 100%;
  1462. float:none;
  1463. }
  1464. .nav-menu2 li ul {
  1465. background:#eee;
  1466. border:none;
  1467. box-shadow:none;
  1468. }
  1469. .nav-menu2 li li ul {
  1470. background:#f5f5f5;
  1471. }
  1472. .nav-menu2 li li a:hover {
  1473. background:#ddd;
  1474. }
  1475. .nav > li.hover > ul , .nav li li.hover ul {
  1476. position: static;
  1477. }
  1478. #search-form {
  1479. width:100%;
  1480. background:#444;
  1481. }
  1482. #search-form td.search-box {
  1483. padding:0 10px !important;
  1484. }
  1485. #search-form td.search-button {
  1486. padding:0 10px;
  1487. width:1%;
  1488. }
  1489. #search-form input#search-box[type="text"] {
  1490. margin:0 0 0 0;
  1491. }
  1492. #search-form input#search-button[type="submit"] {
  1493. margin:0 0 0 0;
  1494. }
  1495. .post-body img {
  1496. max-width:90%;
  1497. }
  1498. .img-thumbnail {
  1499. margin:0 10px 0 0;
  1500. }
  1501. .recent-post-one-thumb .widget {
  1502. padding:0 0 10px 0;
  1503. }
  1504. #recent-post-one-thumb-1 .widget, #recent-post-one-thumb-3 .widget, #recent-post-one-thumb-5 .widget {
  1505. padding:0 5px 10px 0;
  1506. }
  1507. #recent-post-one-thumb-2 .widget, #recent-post-one-thumb-4 .widget, #recent-post-one-thumb-6 .widget {
  1508. padding:0 0 10px 5px;
  1509. }
  1510. .sidebar-container, .post-container {
  1511. padding:15px 0 0px;
  1512. }
  1513. }
  1514. @media only screen and (max-width:640px){
  1515. #wrapper {
  1516. padding:0 10px;
  1517. }
  1518. #post-wrapper, #sidebar-wrapper, #bottombar .left, #bottombar .center, #bottombar .right {
  1519. float:none;
  1520. width:100%;
  1521. max-width:100%
  1522. }
  1523. .header, .header-right {
  1524. margin:10px 0;
  1525. }
  1526. .sidebar-container, .post-container{
  1527. padding:10px 0 0px;
  1528. }
  1529. .largebanner .widget, #bottombar {
  1530. padding:10px;
  1531. }
  1532. .post, .breadcrumbs {
  1533. margin:0 0 10px;
  1534. padding:10px;
  1535. }
  1536. .pagenavi {
  1537. margin: 6px 0 10px;
  1538. }
  1539. .recent-post-one-thumb .widget-content {
  1540. padding:10px;
  1541. }
  1542. #bottombar .left .widget, #bottombar .center .widget, #bottombar .right .widget, .sidebar .widget {
  1543. margin:0 0 10px 0;
  1544. }
  1545. }
  1546. @media only screen and (max-width:480px){
  1547. #wrapper {
  1548. padding:0 8px;
  1549. }
  1550. .header, .header-right, .recent-post-one-thumb {
  1551. float:none;
  1552. width:100%;
  1553. max-width:100%
  1554. }
  1555. .header img {
  1556. max-width:160px;
  1557. }
  1558. .largebanner .widget, #bottombar {
  1559. padding:8px;
  1560. }
  1561. .post, .breadcrumbs {
  1562. margin:0 0 8px;
  1563. padding:8px;
  1564. }
  1565. .recent-post-one-thumb .widget-content {
  1566. padding:8px;
  1567. }
  1568. h2.post-title, h1.post-title {
  1569. font-size:16px;
  1570. }
  1571. .img-thumbnail, .img-thumbnail img {
  1572. width:120px;
  1573. height:90px;
  1574. }
  1575. .img-thumbnail {
  1576. margin:0 8px 0 0;
  1577. }
  1578. #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 {
  1579. padding:0 0 8px 0;
  1580. }
  1581. .comments .comment-block, .comments .comments-content .inline-thread {
  1582. padding:10px !important;
  1583. }
  1584. .comment .comment-thread.inline-thread .comment {
  1585. margin: 0 0 0 0 !important;
  1586. }
  1587. .footer-left, .footer-right {
  1588. float:none;
  1589. text-align:center;
  1590. }
  1591. }
  1592. @media screen and (max-width:320px){
  1593. #wrapper {
  1594. padding:0 6px;
  1595. }
  1596. .post, .breadcrumbs {
  1597. padding:6px;
  1598. }
  1599. .recent-post-one-thumb .widget-content {
  1600. padding:6px;
  1601. }
  1602. .img-thumbnail, .img-thumbnail img {
  1603. width:100px;
  1604. height:80px;
  1605. }
  1606. }
  1607. .showpageArea a {
  1608. clear:both;
  1609. margin:-5px 0 10px;
  1610. text-align:center;
  1611. font-size:11px;
  1612. font-weight:bold;
  1613. text-transform:uppercase;
  1614. }
  1615. .showpageNum a {
  1616. padding:6px 10px;
  1617. margin-right:3px;
  1618. display:inline-block;
  1619. color:#333333;
  1620. background-color:#ffffff;
  1621. border: 1px solid #dddddd;
  1622. }
  1623. .showpageNum a:hover {
  1624. border: 1px solid #aaaaaa;
  1625. }
  1626. .showpagePoint {
  1627. padding:6px 10px;
  1628. margin-right:3px;
  1629. display:inline-block;
  1630. color:#333333;
  1631. background-color:#ffffff;
  1632. border: 1px solid #aaaaaa;
  1633. }
  1634. .showpageOf {
  1635. display:none;
  1636. }
  1637. .showpage a {
  1638. padding:6px 10px;
  1639. margin-right:3px;
  1640. display:inline-block;
  1641. color:#333333;
  1642. background-color:#ffffff;
  1643. border: 1px solid #dddddd;
  1644. }
  1645. .showpage a:hover {
  1646. border: 1px solid #aaaaaa;
  1647. }
  1648. .showpageNum a:link,.showpage a:link {
  1649. text-decoration:none;
  1650. color:#666;
  1651. }
  1652. .button {
  1653.    text-align: center;
  1654.    width: 100%;
  1655.    margin: 10px 0;
  1656.    padding: 0;
  1657.    font-size: 14px;
  1658.    font-family: 'Tahoma', Geneva, Sans-serif;
  1659.    color: #fff;
  1660.    margin-left: 0em !important;
  1661. }
  1662.  
  1663. .button ul {
  1664.    margin: 0;
  1665.    padding: 0;
  1666. }
  1667.  
  1668. .button li {
  1669.    display: inline-block;
  1670.    margin: 10px 0;
  1671.    padding: 0;
  1672. }
  1673.  
  1674. .demo {
  1675.    border-radius: 3px;
  1676.    padding: 8px 12px;
  1677.    background: #e74c3c;
  1678.    color: #fff !important;
  1679.    transition: background-color 1s 0s ease-out;
  1680. }
  1681.  
  1682. .download {
  1683.    border-radius: 3px;
  1684.    padding: 8px 12px;
  1685.    background: #3498db;
  1686.    color: #fff !important;
  1687.    transition: background-color 1s 0s ease-out;
  1688. }
  1689.  
  1690. .buton a {
  1691.    color: #fff;
  1692. }
  1693.  
  1694. .demo:hover {
  1695.    background: #c0392b;
  1696.    color: #fff;
  1697. }
  1698.  
  1699. .download:hover {
  1700.    background: #2980b9;
  1701.    color: #fff;
  1702. }
  1703.  
  1704. .download:before {
  1705.    content: "\f019";
  1706.    font-family: FontAwesome;
  1707.    font-weight: normal;
  1708.    padding: 8px;
  1709.    background: #2980b9;
  1710.    margin-left: -12px;
  1711.    margin-right: 6px;
  1712.    border-radius: 3px 0 0 3px;
  1713.    font-size: 16px;
  1714. }
  1715.  
  1716. .demo:before {
  1717.    content: "\f06e";
  1718.    font-family: FontAwesome;
  1719.    font-weight: normal;
  1720.    padding: 8px;
  1721.    background: #c0392b;
  1722.    margin-left: -12px;
  1723.    margin-right: 6px;
  1724.    border-radius: 3px 0 0 3px;
  1725.    font-size: 16px;
  1726. }
  1727. #Attribution1 {
  1728. height:0px;
  1729. visibility:hidden;
  1730. display:none
  1731. }
  1732. /* CSS Share Button */
  1733. .tombol-berbagi-arlina{display:block;position:relative;height:43px;line-height:43px;padding:10px;border-top:1px solid #f0f0f0;margin:auto}
  1734. .tombol-berbagi-arlina-fb,.tombol-berbagi{float:left;width:21%;padding:0 10px;height:inherit}
  1735. .tombol-berbagi-arlina-tw,.tombol-berbagi,.tombol-berbagi-lk{float:left;width:21%;height:inherit;padding:0 10px;border-left:solid 1px #f0f0f0}
  1736. .tombol-berbagi-fb,.tombol-berbagi-tw,.tombol-berbagi-gp,.tombol-berbagi-lin,.tombol-berbagi-pi{float:left;display:block;background:url('http://2.bp.blogspot.com/-FYy1a99SDXE/VXuCSz_hYjI/AAAAAAAACbg/8dz4LkDIHYY/s1600/share.png') no-repeat;width:42px;height:41px;margin-right:3px}
  1737. .tombol-berbagi-fb-label{color:#2d609b}
  1738. .tombol-berbagi-fb-label,.tombol-berbagi-tw-label,.tombol-berbagi-gp-label,.tombol-berbagi-lin-label{float:left;width:58px;height:inherit;font-size:12px;font-family:'Open Sans Bold',Arial,sans-serif;line-height:14px;margin:5px 0 0 4px}
  1739. .tombol-berbagi-tw{background-position:0 -43px}
  1740. .tombol-berbagi-tw-label{color:#00c3f3}
  1741. .tombol-berbagi-gp{background-position:0 -86px}
  1742. .tombol-berbagi-gp-label{color:#f00}
  1743. .tombol-berbagi-lin{background-position:0 -129px}
  1744. .tombol-berbagi-arlina a{color:#999;transition:all .3s;}
  1745. .tombol-berbagi-arlina a:hover{color:#7cb0ed}
  1746.  
  1747. @media only screen and (max-width:640px){
  1748. .tombol-berbagi,.tombol-berbagi-arlina-fb{display:inline-block;float:none;width:48%;padding:0;height:inherit}
  1749. .tombol-berbagi,.tombol-berbagi-arlina-tw,.tombol-berbagi-lk{float:left;width:48%;padding:0;border-left:0}}
  1750.  
  1751. /* Syntax Highlighter */
  1752.  
  1753. pre,i[rel="pre"]{padding:.8em 1em;margin:0;background-color:#2f3741;border-left:4px solid #40627E;font-size:11px;color:#839496;font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;line-height:1.4em;position:relative;white-space:pre;word-wrap:normal;white-space:pre;overflow:auto}
  1754. pre.line-number{background:#2f3741 url(http://4.bp.blogspot.com/-13ewIh6Vm50/UnBe-_3zqDI/AAAAAAAAF-o/4FNnjpi-N5c/s1600/new-line-number.png)no-repeat top left;padding-left:54px;border-left:none}
  1755. pre.line-number:after{content:"";width:35px;height:8px;background-color:#39424e;bottom:0;left:0;position:absolute}
  1756. pre[data-codetype="CSS"]{border-left-color:#5fbbba}
  1757. pre[data-codetype="HTML"]{border-left-color:#4fc1eb}
  1758. pre[data-codetype="JavaScript"]{border-left-color:#ff6c60}
  1759. pre[data-codetype="JQuery"]{border-left-color:#99c262}
  1760. pre.line-number[data-codetype]:before{content:attr(data-codetype);display:block;margin:-11px -13px 10px -54px;padding:8px 12px;font-family:Oswald,Arial,Sans-serif;font-size:12px;text-transform:uppercase;background-color:#41749f;color:white}
  1761. pre.line-number[data-codetype="CSS"]:before{background-color:#a9d86e}
  1762. pre.line-number[data-codetype="HTML"]:before{background-color:#4fc1eb}
  1763. pre.line-number[data-codetype="JavaScript"]:before{background-color:#ff6c60}
  1764. pre.line-number[data-codetype="JQuery"]:before{background-color:#99c262}
  1765. code{font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;font-size:13px;color:#d14}
  1766. #comments code{color:#bbbb6d}
  1767. pre code{padding:0!important;color:#a3a49a;background:none!important;border:none!important;display:block}
  1768. pre .line-number{float:left;margin:0 1em 0 -1em;color:#61686d;background-color:#39424e;text-align:right;min-width:2.5em;padding-right:4px}
  1769. pre .comment,pre .template_comment,pre .diff .header,pre .doctype,pre .pi,pre .lisp .string,pre .javadoc{color:#2DCFF2;font-style:italic}
  1770. pre .keyword,pre .winutils,pre .method,pre .addition,pre .css .tag,pre .request,pre .status,pre .nginx .title{color:#E6D90C}
  1771. pre .number,pre .command,pre .string,pre .tag .value,pre .rules .value,pre .phpdoc,pre .tex .formula,pre .regexp,pre .hexcolor{color:#EB4F4F}
  1772. pre .title,pre .localvars,pre .chunk,pre .decorator,pre .built_in,pre .identifier,pre .vhdl .literal,pre .id,pre .css .function{color:#03C425}
  1773. pre .attribute,pre .variable,pre .lisp .body,pre .smalltalk .number,pre .constant,pre .class .title,pre .parent,pre .haskell .type{color:#1B6FC3}
  1774. pre .preprocessor,pre .preprocessor .keyword,pre .shebang,pre .symbol,pre .symbol .string,pre .diff .change,pre .special,pre .attr_selector,pre .important,pre .subst,pre .cdata,pre .clojure .title,pre .css .pseudo{color:#D94CEA}
  1775. pre .deletion{color:#dc322f}
  1776. pre .tex .formula{background:#073642}*/]]></b:skin>
  1777.  
  1778. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  1779. <style type='text/css'>
  1780. /* COMMENT */
  1781.  
  1782. .comment-form {
  1783.     overflow:hidden;
  1784. }
  1785. .comments h3 {
  1786.     line-height:normal;
  1787.     text-transform:uppercase;
  1788.     color:#333;
  1789.     font-weight:bold;
  1790.     margin:0 0 20px 0;
  1791.     font-size:14px;
  1792.     padding:0 0 0 0;
  1793. }
  1794. h4#comment-post-message {
  1795.     display:none;
  1796.     margin:0 0 0 0;
  1797. }
  1798. .comments{
  1799.     clear:both;
  1800.     margin-top:10px;
  1801.     margin-bottom:0
  1802. }
  1803. .comments .comments-content{
  1804.     font-size:13px;
  1805.     margin-bottom:8px
  1806. }
  1807. .comments .comments-content .comment-thread ol{
  1808.     text-align:left;
  1809.     margin:13px 0;
  1810.     padding:0
  1811. }
  1812.  
  1813. .comments .avatar-image-container {
  1814.     background:#fff;
  1815.     border:1px solid #DDD;
  1816.     overflow:hidden;
  1817.     padding:6px;
  1818. }
  1819. .comments .comment-block{
  1820.     position:relative;
  1821.     background:#fff;
  1822.     padding:15px;
  1823.     margin-left:60px;
  1824.     border-left:3px solid #ddd;
  1825.     border-top:1px solid #DDD;
  1826.     border-right:1px solid #DDD;
  1827.     border-bottom:1px solid #DDD;
  1828. }
  1829. .comments .comment-block:before {
  1830.     content:&quot;&quot;;
  1831.     width:0px;
  1832.     height:0px;
  1833.     position:absolute;
  1834.     right:100%;
  1835.     top:14px;
  1836.     border-width:10px;
  1837.     border-style:solid;
  1838.     border-color:transparent #DDD transparent transparent;
  1839.     display:block;
  1840. }
  1841. .comments .comments-content .comment-replies{
  1842.     margin:8px 0;
  1843.     margin-left:60px
  1844. }
  1845. .comments .comments-content .comment-thread:empty{
  1846.     display:none
  1847. }
  1848. .comments .comment-replybox-single {
  1849.     background:#f0f0f0;
  1850.     padding:0;
  1851.     margin:8px 0;
  1852.     margin-left:60px
  1853. }
  1854. .comments .comment-replybox-thread {
  1855.     background:#f0f0f0;
  1856.     margin:8px 0 0 0;
  1857.     padding:0;
  1858. }
  1859.  
  1860.  
  1861. .comments .comments-content .comment{
  1862.     margin-bottom:6px;
  1863.     padding:0
  1864. }
  1865. .comments .comments-content .comment:first-child {
  1866.     padding:0;
  1867.     margin:0
  1868. }
  1869. .comments .comments-content .comment:last-child {
  1870.     padding:0;
  1871.     margin:0
  1872. }
  1873. .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
  1874.     margin:0px 0px 5px 30%
  1875. }
  1876. .comment .comment-thread.inline-thread .comment:nth-child(6) {
  1877.     margin:0px 0px 5px 25%;
  1878. }
  1879. .comment .comment-thread.inline-thread .comment:nth-child(5) {
  1880.     margin:0px 0px 5px 20%;
  1881. }
  1882. .comment .comment-thread.inline-thread .comment:nth-child(4) {
  1883.     margin:0px 0px 5px 15%;
  1884. }
  1885. .comment .comment-thread.inline-thread .comment:nth-child(3) {
  1886.     margin:0px 0px 5px 10%;
  1887. }
  1888. .comment .comment-thread.inline-thread .comment:nth-child(2) {
  1889.     margin:0px 0px 5px 5%;
  1890. }
  1891. .comment .comment-thread.inline-thread .comment:nth-child(1) {
  1892.     margin:0px 0px 5px 0;
  1893. }
  1894.  
  1895. .comments .comments-content .comment-thread{
  1896.     margin:0;
  1897.     padding:0
  1898. }
  1899. .comments .comments-content .inline-thread{
  1900.     background:#fff;
  1901.     border:1px solid #DDD;
  1902.     padding:15px;
  1903.     margin:0
  1904. }
  1905. .comments .comments-content .icon.blog-author {
  1906.     display:inline;
  1907. }
  1908. .comments .comments-content .icon.blog-author:after {
  1909.     content:&quot;Admin&quot;;
  1910.     background:#E73037;
  1911.     color:#fff;
  1912.     font-size:11px;
  1913.     padding:2px 5px;
  1914.     border-radius:3px;
  1915. }
  1916. .comment-header {
  1917.     text-transform:uppercase;
  1918.     font-size:12px;
  1919. }
  1920. .comments .comments-content .datetime {
  1921.     margin-left: 6px;
  1922. }
  1923. .comments .comments-content .datetime a {
  1924.     color:#888;
  1925. }
  1926.  
  1927. .comments .comment .comment-actions a {
  1928.     display:inline-block;
  1929.     color:#333;
  1930.     font-weight:bold;
  1931.     font-size:10px;
  1932.     line-height:15px;
  1933.     margin:4px 8px 0 0;
  1934. }
  1935. .comments .continue a {
  1936.     color:#333;
  1937.     display:inline-block;
  1938.     font-size:10px;
  1939. }
  1940. .comments .comment .comment-actions a:hover, .comments .continue a:hover{
  1941.     text-decoration:underline;
  1942. }
  1943. .pesan-komentar {
  1944.     background:#666;
  1945.     position:relative;
  1946.     color:#fff;
  1947.     padding:10px 15px;
  1948.     margin:8px;
  1949. }
  1950. .pesan-komentar p {
  1951.     line-height:normal;
  1952.     margin:0 0;
  1953. }
  1954. .pesan-komentar:before {
  1955.     content:&quot;&quot;;
  1956.     width:0px;
  1957.     height:0px;
  1958.     position:absolute;
  1959.     top:100%;
  1960.     left:30px;
  1961.     border-width:10px;
  1962.     border-style:solid;
  1963.     border-color:#666 transparent transparent transparent;
  1964.     display:block;
  1965. }
  1966. .fb-comments{width: 100% !important;}
  1967. .fb-comments iframe[style]{width: 100% !important;}
  1968. .fb-like-box{width: 100% !important;}
  1969. .fb-like-box iframe[style]{width: 100% !important;}
  1970. .fb-comments span{width: 100% !important;}
  1971. .fb-comments iframe span[style]{width: 100% !important;}
  1972. .fb-like-box span{width: 100% !important;}
  1973. .fb-like-box iframe span[style]{width: 100% !important;}
  1974. .fotleft{float:left}
  1975. .fotright{float:right;text-align:right;}
  1976.  
  1977. </style>
  1978. </b:if>
  1979.  
  1980. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1981. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1982. <script type='text/javascript'>
  1983. //<![CDATA[
  1984. function labelthumbs(json) {
  1985.    for (var i = 0; i < numposts; i++) {
  1986.        var entry = json.feed.entry[i];
  1987.        var posttitle = entry.title.$t;
  1988.        var posturl;
  1989.        if (i == json.feed.entry.length) break;
  1990.        for (var k = 0; k < entry.link.length; k++) {
  1991.            if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
  1992.                var commenttext = entry.link[k].title;
  1993.                var commenturl = entry.link[k].href;
  1994.            }
  1995.            if (entry.link[k].rel == 'alternate') {
  1996.                posturl = entry.link[k].href;
  1997.                break;
  1998.            }
  1999.        }
  2000.         var thumburl;  
  2001.        try {
  2002.            thumburl = entry.media$thumbnail.url;
  2003.             thumburl = thumburl.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/");
  2004.        } catch (error) {
  2005.            s = entry.content.$t;
  2006.            a = s.indexOf("<img");
  2007.            b = s.indexOf("src=\"", a);
  2008.            c = s.indexOf("\"", b + 5);
  2009.            d = s.substr(b + 5, c - b - 5);
  2010.            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  2011.                thumburl = d;
  2012.            } else thumburl = no_thumb;
  2013.        }
  2014.        var postdate = entry.published.$t;
  2015.        var cdyear = postdate.substring(0, 4);
  2016.        var cdmonth = postdate.substring(5, 7);
  2017.        var cdday = postdate.substring(8, 10);
  2018.         document.write('<ul class="rp_thumbs">');
  2019.        document.write('<li>');
  2020.        if (showpostthumbnails == true)
  2021.            document.write('<a href="' + posturl + '"><div class="rp_thumb"><span class="rollover"></span><img width="' + thumb_width + '" height="' + thumb_height + '" alt="' + posttitle + '" src="' + thumburl + '"/></div></a>');
  2022.        document.write('<span class="rp_title"><a href="' + posturl + '" target ="_top">' + posttitle + '</a></span>');
  2023.        var towrite = '';
  2024.        document.write('<span class="rp_meta">');
  2025.        if (showpostdate == true) {
  2026.            towrite = towrite + '<span class="rp_meta_date">' + cdday + '/' + cdmonth + '/' + cdyear + '</span>';
  2027.        }
  2028.        if (showcommentnum == true) {
  2029.            if (commenttext == '1 Comments') commenttext = '1 Comment';
  2030.            if (commenttext == '0 Comments') commenttext = 'No Comments';
  2031.            commenttext = '<span class="rp_meta_comment"><a href="' + commenturl + '" target ="_top">' + commenttext + '</a></span>';
  2032.            towrite = towrite + commenttext;
  2033.        }
  2034.        if (displaymore == true) {
  2035.            towrite = towrite + '<span class="rp_meta_more"><a href="' + posturl + '" class="url" target ="_top">Read More...</a></span>';
  2036.        }
  2037.        document.write(towrite);
  2038.         document.write('</span>');
  2039.         document.write('<span class="rp_summary">');
  2040.        if ("content" in entry) {
  2041.            var postcontent = entry.content.$t;
  2042.        } else
  2043.        if ("summary" in entry) {
  2044.            var postcontent = entry.summary.$t;
  2045.        } else var postcontent = "";
  2046.        var re = /<\S[^>]*>/g;
  2047.        postcontent = postcontent.replace(re, "");
  2048.        if (showpostsummary == true) {
  2049.            if (postcontent.length < numchars) {
  2050.                document.write('');
  2051.                document.write(postcontent);
  2052.                document.write('');
  2053.            } else {
  2054.                document.write('');
  2055.                postcontent = postcontent.substring(0, numchars);
  2056.                var quoteEnd = postcontent.lastIndexOf(" ");
  2057.                postcontent = postcontent.substring(0, quoteEnd);
  2058.                document.write(postcontent + '...');
  2059.                document.write('');
  2060.            }
  2061.        }
  2062.         document.write('</span>');
  2063.        document.write('</li>');
  2064.         document.write('</ul>');   
  2065.    }
  2066.    document.write('<ul class="rp_thumbs2">');
  2067.    for (var i = 1; i < numposts2; i++) {
  2068.        var entry = json.feed.entry[i];
  2069.        var posttitle = entry.title.$t;
  2070.  
  2071.        var posturl;
  2072.        if (i == json.feed.entry.length) break;
  2073.        for (var k = 1; k < entry.link.length; k++) {
  2074.            if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
  2075.                var commenttext = entry.link[k].title;
  2076.                var commenturl = entry.link[k].href;
  2077.            }
  2078.            if (entry.link[k].rel == 'alternate') {
  2079.                posturl = entry.link[k].href;
  2080.                break;
  2081.            }
  2082.        }
  2083.         var thumburl2; 
  2084.        try {
  2085.            thumburl2 = entry.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/");
  2086.        } catch (error) {
  2087.            s = entry.content.$t;
  2088.            a = s.indexOf("<img");
  2089.            b = s.indexOf("src=\"", a);
  2090.            c = s.indexOf("\"", b + 5);
  2091.            d = s.substr(b + 5, c - b - 5);
  2092.            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  2093.                thumburl2 = d;
  2094.            } else thumburl2 = no_thumb2;
  2095.        }
  2096.        var postdate = entry.published.$t;
  2097.        var cdyear = postdate.substring(0, 4);
  2098.        var cdmonth = postdate.substring(5, 7);
  2099.        var cdday = postdate.substring(8, 10);
  2100.         if (showpostthumbnails2 == true)
  2101.            document.write('<a href="' + posturl + '"><div class="rp_thumb2"><img width="' + thumb_width2 + '" height="' + thumb_height2 + '" alt="' + posttitle + '" src="' + thumburl2 + '"/></div></a>');
  2102.         document.write('<li>');
  2103.         document.write('<span class="rp_title rp_title2"><a href="' + posturl + '" target ="_top">' + posttitle + '</a></span>');
  2104.        var towrite = '';
  2105.        document.write('<span class="rp_meta rp_meta2">');
  2106.        if (showpostdate2 == true) {
  2107.            towrite = towrite + '<span class="rp_meta_date rp_meta_date2">' + cdday + '/' + cdmonth + '/' + cdyear + '</span>';
  2108.        }
  2109.        if (showcommentnum2 == true) {
  2110.            if (commenttext == '1 Comments') commenttext = '1 Comment';
  2111.            if (commenttext == '0 Comments') commenttext = 'No Comments';
  2112.            commenttext = '<span class="rp_meta_comment rp_meta_comment2"><a href="' + commenturl + '" target ="_top">' + commenttext + '</a></span>';
  2113.            towrite = towrite + commenttext;
  2114.        }
  2115.        if (displaymore2 == true) {
  2116.            towrite = towrite + '<span class="rp_meta_more rp_meta_more2"><a href="' + posturl + '" class="url" target ="_top">Read More...</a></span>';
  2117.        }
  2118.        document.write(towrite);
  2119.         document.write('</span>');
  2120.         document.write('</li>');
  2121.    }
  2122.    document.write("</ul>")
  2123. }
  2124. //]]>
  2125. </script>
  2126. <script type='text/javascript'>
  2127. var numposts = 1;
  2128. var numposts2 = 4;
  2129. var showpostthumbnails = true;
  2130. var showpostthumbnails2 = true;
  2131. var displaymore = true;
  2132. var displaymore2 = false;
  2133. var showcommentnum = true;
  2134. var showcommentnum2 = true;
  2135. var showpostdate = true;
  2136. var showpostdate2 = true;
  2137. var showpostsummary = true;
  2138. var numchars = 100;
  2139. var thumb_width = 300;
  2140. var thumb_height = 140;
  2141. var thumb_width2 = 60;
  2142. var thumb_height2 = 60;
  2143. var no_thumb = &#39;http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/w300-h140-c/no-image.png&#39;
  2144. var no_thumb2 = &#39;http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s60-c/no-image.png&#39;
  2145. </script>
  2146. <script type='text/javascript'>
  2147. //<![CDATA[
  2148. function bp_thumbnail_resize(image_url,post_title)
  2149. {
  2150. var image_width=200;
  2151. var image_height=150;
  2152. image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
  2153. if(post_title!="") return image_tag; else return "";
  2154. }
  2155. //]]>
  2156. </script>
  2157. </b:if>
  2158. </b:if>
  2159.  
  2160. <script src='http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/>
  2161. <script type='text/javascript'>
  2162. $(function() {
  2163. $(&quot;.set-1&quot;).mtabs();                                
  2164. });
  2165. </script>
  2166. <script src='http://bloggertut.googlecode.com/svn/trunk/js/highlight.pack.js'/>
  2167. <script>
  2168. hljs.initHighlightingOnLoad();
  2169. </script>
  2170.  
  2171. </head>
  2172. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  2173. <div id='fb-root'/>
  2174. <script>
  2175. //<![CDATA[
  2176. window.fbAsyncInit = function() {
  2177. FB.init({
  2178. appId : 'YOUR_APPLICATION_ID',
  2179. status : true, // check login status
  2180. cookie : true, // enable cookies to allow the server to access the session
  2181. xfbml : true // parse XFBML
  2182. });
  2183. };
  2184. (function() {
  2185. var e = document.createElement('script');
  2186. e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
  2187. e.async = true;
  2188. document.getElementById('fb-root').appendChild(e);
  2189. }());
  2190. //]]>
  2191. </script>
  2192.  
  2193.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  2194.     <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar' version='1' visible='true'>
  2195.       <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  2196.     function setAttributeOnload(object, attribute, val) {
  2197.       if(window.addEventListener) {
  2198.         window.addEventListener(&#39;load&#39;,
  2199.           function(){ object[attribute] = val; }, false);
  2200.       } else {
  2201.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  2202.       }
  2203.     }
  2204.   &lt;/script&gt;
  2205. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  2206. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  2207. &lt;script type=&quot;text/javascript&quot;&gt;
  2208.       gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  2209.         if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  2210.           gapi.iframes.getContext().openChild({
  2211.               url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d5451684722917560072\x26blogName\x3dMainGame\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://protectmylink.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://protectmylink.blogspot.com/\x26vt\x3d-5210477239586135871&#39;,
  2212.               where: document.getElementById(&quot;navbar-iframe-container&quot;),
  2213.               id: &quot;navbar-iframe&quot;
  2214.           });
  2215.         }
  2216.       });
  2217.     &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  2218. (function() {
  2219. var script = document.createElement(&#39;script&#39;);
  2220. script.type = &#39;text/javascript&#39;;
  2221. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  2222. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  2223. if (head) {
  2224. head.appendChild(script);
  2225. }})();
  2226. &lt;/script&gt;
  2227. </b:includable>
  2228.     </b:widget>
  2229.   </b:section>
  2230.  
  2231. <!-- wrapper start -->
  2232. <div id='wrapper'>
  2233. <div id='nav-wrap'>
  2234. <nav class='menu'>
  2235. <!-- primary navigation menu start -->
  2236. <ul class='nav-menu'>
  2237. <li><a href='#'>About</a></li>
  2238. <li><a href='#'>Contact Us</a></li>
  2239. <li><a href='#'>Privacy Policy</a></li>
  2240. <li><a href='#'>Disclaimer</a></li>
  2241. </ul>
  2242. <!-- primary navigation menu end -->
  2243. <!-- social media button start -->
  2244. <ul class='nav-social'>
  2245. <li><a class='fcb' href='https://www.facebook.com/dimaslanjaka1' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></a>
  2246. </li>
  2247. <li><a class='gpl' href='https://plus.google.com/' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'/></a>
  2248. </li>
  2249. <li><a class='twt' href='https://twitter.com/' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></a>
  2250. </li>
  2251. <li><a class='ytb' href='https://www.youtube.com' rel='nofollow'><i class='fa fa-youtube fa-2x'/></a>
  2252. </li>
  2253. </ul>
  2254. <!-- social media button end -->
  2255. </nav>
  2256. <div class='clear'/>
  2257. </div>
  2258. <!-- header wrapper start -->
  2259. <header id='header-wrapper'>
  2260.  
  2261. <b:section class='header section' id='header' showaddelement='no'>
  2262.   <b:widget id='Header1' locked='false' title='MainGame (Header)' type='Header' version='1' visible='true'>
  2263.     <b:includable id='main'>
  2264.  
  2265.   <b:if cond='data:useImage'>
  2266.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  2267.       <!--
  2268.      Show image as background to text. You can't really calculate the width
  2269.      reliably in JS because margins are not taken into account by any of
  2270.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  2271.      width if the user is using shrink to fit.
  2272.      This results in a margin-width's worth of pixels being cropped. If the
  2273.      user is not using shrink to fit then we expand the header.
  2274.      -->
  2275.       <b:if cond='data:mobile'>
  2276.           <div id='header-inner'>
  2277.             <div class='titlewrapper' style='background: transparent'>
  2278.               <h1 class='title' style='background: transparent; border-width: 0px'>
  2279.                 <b:include name='title'/>
  2280.               </h1>
  2281.             </div>
  2282.             <b:include name='description'/>
  2283.           </div>
  2284.         <b:else/>
  2285.           <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'>
  2286.             <div class='titlewrapper' style='background: transparent'>
  2287.               <h1 class='title' style='background: transparent; border-width: 0px'>
  2288.                 <b:include name='title'/>
  2289.               </h1>
  2290.             </div>
  2291.             <b:include name='description'/>
  2292.           </div>
  2293.         </b:if>
  2294.     <b:else/>
  2295.       <!--Show the image only-->
  2296. <div id='header-inner'>
  2297. <a expr:href='data:blog.homepageUrl' style='display: block'>
  2298. <h1><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'/>
  2299. </h1></a>
  2300.         <!--Show the description-->
  2301.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  2302.           <b:include name='description'/>
  2303.         </b:if>
  2304.       </div>
  2305.     </b:if>
  2306.   <b:else/>
  2307.     <!--No header image -->
  2308.     <div id='header-inner'>
  2309.       <div class='titlewrapper'>
  2310.         <h1 class='title'>
  2311.           <b:include name='title'/>
  2312.         </h1>
  2313.       </div>
  2314.       <b:include name='description'/>
  2315.     </div>
  2316.   </b:if>
  2317. </b:includable>
  2318.     <b:includable id='description'>
  2319.   <div class='descriptionwrapper'>
  2320.     <p class='description'><span><data:description/></span></p>
  2321.   </div>
  2322. </b:includable>
  2323.     <b:includable id='title'>
  2324.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  2325.     <data:title/>
  2326.   <b:else/>
  2327.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  2328.   </b:if>
  2329. </b:includable>
  2330.   </b:widget>
  2331. </b:section>
  2332.  
  2333. <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'/>
  2334.  
  2335. </header>
  2336. <!-- header wrapper end -->
  2337. <nav id='nav'>
  2338. <a class='toggleMenu' href='#'><i class='fa fa-th-list'/> Menu</a>
  2339. <!-- secondary navigation menu start -->
  2340. <ul class='nav nav-menu2'>
  2341. <li><a class='active' href='/'><i class='fa fa-home'/> Home</a></li>
  2342. <li><a href='#'>menu 1</a>
  2343. <ul>
  2344. <li><a href='#'>Sub menu 1</a></li>
  2345. <li><a href='#'>Sub menu 2</a></li>
  2346. <li><a href='#'>Sub menu 3</a></li>
  2347. <li><a href='#'>Sub menu 4</a></li>
  2348. </ul>
  2349. </li>
  2350. <li><a href='#'>menu 2</a>
  2351. <ul>
  2352. <li><a href='#'>Sub menu 1</a></li>
  2353. <li><a href='#'>Sub menu 2</a></li>
  2354. <li><a href='#'>Sub menu 3</a></li>
  2355. <li><a href='#'>Sub menu 4</a></li>
  2356. </ul>
  2357. </li>
  2358. <li><a href='#'>menu 3</a></li>
  2359. <li><a href='#'>menu 4</a></li>
  2360. </ul>
  2361. <!-- secondary navigation menu end -->
  2362. <form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='SEARCH...' vinput=''/></td>
  2363. <td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
  2364. </nav>
  2365. <div class='clear'/>
  2366. <!-- secondary navigation menu end -->
  2367. <!-- content wrapper start -->
  2368. <div id='content-wrapper'>
  2369.  
  2370. <b:section class='largebanner section' id='largebanner' maxwidgets='1' showaddelement='yes'/>
  2371.  
  2372.   <!-- post wrapper start -->
  2373.   <div id='post-wrapper'>
  2374.   <div class='post-container'>
  2375.   <b:section class='main' id='main' showaddelement='no'>
  2376.     <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>
  2377.       <b:includable id='main' var='top'>
  2378.       <b:include data='posts' name='breadcrumb'/>
  2379.   <b:if cond='data:mobile == &quot;false&quot;'>
  2380.  
  2381.     <!-- posts -->
  2382.     <div class='blog-posts hfeed'>
  2383.  
  2384.       <b:include data='top' name='status-message'/>
  2385.  
  2386.       <data:defaultAdStart/>
  2387.       <b:loop values='data:posts' var='post'>
  2388.         <b:if cond='data:post.isDateStart'>
  2389.           <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  2390.             &lt;/div&gt;&lt;/div&gt;
  2391.           </b:if>
  2392.         </b:if>
  2393.         <b:if cond='data:post.isDateStart'>
  2394.           &lt;div class=&quot;date-outer&quot;&gt;
  2395.         </b:if>
  2396.         <b:if cond='data:post.isDateStart'>
  2397.           &lt;div class=&quot;date-posts&quot;&gt;
  2398.         </b:if>
  2399.         <div class='post-outer'>
  2400.         <b:include data='post' name='post'/>
  2401.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2402.           <b:include data='post' name='comment_picker'/>
  2403.         </b:if>
  2404.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2405.           <b:include data='post' name='comment_picker'/>
  2406.         </b:if>
  2407.         </div>
  2408.         <b:if cond='data:post.includeAd'>
  2409.           <b:if cond='data:post.isFirstPost'>
  2410.             <data:defaultAdEnd/>
  2411.           <b:else/>
  2412.             <data:adEnd/>
  2413.           </b:if>
  2414.           <div class='inline-ad'>
  2415.             <data:adCode/>
  2416.           </div>
  2417.           <data:adStart/>
  2418.         </b:if>
  2419.       </b:loop>
  2420.       <b:if cond='data:numPosts != 0'>
  2421.         &lt;/div&gt;&lt;/div&gt;
  2422.       </b:if>
  2423.       <data:adEnd/>
  2424.     </div>
  2425.  
  2426.     <!-- navigation -->
  2427.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2428.         <b:include name='page-navi'/>
  2429.     <b:else/>
  2430.     <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2431.         <b:include name='page-navi'/>
  2432.     <b:else/>
  2433.         <b:include name='nextprev'/>
  2434.     </b:if>
  2435.     </b:if>
  2436.    
  2437.  
  2438.     <!-- feed links -->
  2439.     <b:include name='feedLinks'/>
  2440.  
  2441.     <b:if cond='data:top.showStars'>
  2442.       <script src='//www.google.com/jsapi' type='text/javascript'/>
  2443.       <script type='text/javascript'>
  2444.         google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  2445.         function initialize() {
  2446.           google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  2447.           google.annotations.createAll();
  2448.           google.annotations.fetch();
  2449.         }
  2450.         google.setOnLoadCallback(initialize);
  2451.       </script>
  2452.     </b:if>
  2453.  
  2454.   <b:else/>
  2455.     <b:include name='mobile-main'/>
  2456.   </b:if>
  2457.  
  2458.   <b:if cond='data:top.showDummy'>
  2459.     <data:top.dummyBootstrap/>
  2460.   </b:if>
  2461.  
  2462. </b:includable>
  2463.       <b:includable id='backlinkDeleteIcon' var='backlink'>
  2464.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  2465.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  2466.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2467.     </a>
  2468.   </span>
  2469. </b:includable>
  2470.       <b:includable id='backlinks' var='post'>
  2471.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  2472.   <b:if cond='data:post.numBacklinks != 0'>
  2473.     <dl class='comments-block' id='comments-block'>
  2474.       <b:loop values='data:post.backlinks' var='backlink'>
  2475.         <div class='collapsed-backlink backlink-control'>
  2476.           <dt class='comment-title'>
  2477.             <span class='backlink-toggle-zippy'>&#160;</span>
  2478.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  2479.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  2480.           </dt>
  2481.           <dd class='comment-body collapseable'>
  2482.             <data:backlink.snippet/>
  2483.           </dd>
  2484.           <dd class='comment-footer collapseable'>
  2485.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  2486.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  2487.           </dd>
  2488.         </div>
  2489.       </b:loop>
  2490.     </dl>
  2491.   </b:if>
  2492.   <p class='comment-footer'>
  2493.     <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>
  2494.   </p>
  2495. </b:includable>
  2496.       <b:includable id='breadcrumb' var='posts'>
  2497.       <b:if cond='data:blog.homepageUrl != data:blog.url'>
  2498.       <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2499.         <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
  2500.         </div>
  2501.       <b:else/>
  2502.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2503.         <b:loop values='data:posts' var='post'>
  2504.         <b:if cond='data:post.labels'>
  2505.         <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
  2506.         </div>
  2507.         <b:else/>
  2508.         <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Uncategories</span> &#187; <span><data:post.title/></span></div>
  2509.         </b:if>
  2510.         </b:loop>
  2511.       <b:else/>
  2512.         <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2513.         <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Archive for <data:blog.pageName/></span>
  2514.         </div>
  2515.       <b:else/>
  2516.         <b:if cond='data:blog.searchQuery'>
  2517.         <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
  2518.         </div>
  2519.       <b:else/>
  2520.         <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2521.         <div class='breadcrumbs'>
  2522.         <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>All post</span>
  2523.         <b:else/>
  2524.         <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
  2525.         </b:if>
  2526.         </div>
  2527.       </b:if>
  2528.       </b:if>
  2529.       </b:if>
  2530.       </b:if>
  2531.       </b:if>
  2532.       </b:if>
  2533. </b:includable>
  2534.       <b:includable id='comment-form' var='post'>
  2535.   <div class='comment-form'>
  2536.     <a name='comment-form'/>
  2537.     <b:if cond='data:mobile'>
  2538.       <h4 id='comment-post-message'>
  2539.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  2540.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  2541.       <data:blogTeamBlogMessage/>
  2542.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2543.       <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%'/>
  2544.     <b:else/>
  2545.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  2546.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  2547.       <data:blogTeamBlogMessage/>
  2548.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2549.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2550.     </b:if>
  2551.     <data:post.friendConnectJs/>
  2552.     <data:post.cmtfpIframe/>
  2553.     <script type='text/javascript'>
  2554.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2555.     </script>
  2556.   </div>
  2557. </b:includable>
  2558.       <b:includable id='commentDeleteIcon' var='comment'>
  2559.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2560.     <b:if cond='data:showCmtPopup'>
  2561.       <div class='goog-toggle-button'>
  2562.         <div class='goog-inline-block comment-action-icon'/>
  2563.       </div>
  2564.     <b:else/>
  2565.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2566.         <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2567.       </a>
  2568.     </b:if>
  2569.   </span>
  2570. </b:includable>
  2571.       <b:includable id='comment_count_picker' var='post'>
  2572.   <b:if cond='data:post.commentSource == 1'>
  2573.     <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'>
  2574.     </span>
  2575.   <b:else/>
  2576.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2577.       <data:post.commentLabelFull/>:
  2578.     </a>
  2579.   </b:if>
  2580. </b:includable>
  2581.       <b:includable id='comment_picker' var='post'>
  2582.   <b:if cond='data:post.commentSource == 1'>
  2583.     <b:include data='post' name='iframe_comments'/>
  2584.   <b:else/>
  2585.     <b:if cond='data:post.showThreadedComments'>
  2586.       <b:include data='post' name='threaded_comments'/>
  2587.     <b:else/>
  2588.       <b:include data='post' name='comments'/>
  2589.     </b:if>
  2590.   </b:if>
  2591. </b:includable>
  2592.       <b:includable id='comments' var='post'>
  2593.   <div class='comments' id='comments'>
  2594.     <a name='comments'/>
  2595.     <b:if cond='data:post.allowComments'>
  2596.       <h4><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></h4>
  2597.  
  2598.       <b:if cond='data:post.commentPagingRequired'>
  2599.         <span class='paging-control-container'>
  2600.           <b:if cond='data:post.hasOlderLinks'>
  2601.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  2602.               &#160;
  2603.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  2604.               &#160;
  2605.           </b:if>
  2606.  
  2607.           <data:post.commentRangeText/>
  2608.  
  2609.           <b:if cond='data:post.hasNewerLinks'>
  2610.             &#160;
  2611.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  2612.             &#160;
  2613.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  2614.           </b:if>
  2615.         </span>
  2616.       </b:if>
  2617.  
  2618.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  2619.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  2620.           <b:loop values='data:post.comments' var='comment'>
  2621.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  2622.               <b:if cond='data:comment.favicon'>
  2623.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  2624.               </b:if>
  2625.               <a expr:name='data:comment.anchorName'/>
  2626.               <b:if cond='data:blog.enabledCommentProfileImages'>
  2627.                 <data:comment.authorAvatarImage/>
  2628.               </b:if>
  2629.               <b:if cond='data:comment.authorUrl'>
  2630.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2631.               <b:else/>
  2632.                 <data:comment.author/>
  2633.               </b:if>
  2634.               <data:commentPostedByMsg/>
  2635.             </dt>
  2636.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  2637.               <b:if cond='data:comment.isDeleted'>
  2638.                 <span class='deleted-comment'><data:comment.body/></span>
  2639.               <b:else/>
  2640.                 <p>
  2641.                   <data:comment.body/>
  2642.                 </p>
  2643.               </b:if>
  2644.             </dd>
  2645.             <dd class='comment-footer'>
  2646.               <span class='comment-timestamp'>
  2647.                 <a expr:href='data:comment.url' title='comment permalink'>
  2648.                   <data:comment.timestamp/>
  2649.                 </a>
  2650.                 <b:include data='comment' name='commentDeleteIcon'/>
  2651.               </span>
  2652.             </dd>
  2653.           </b:loop>
  2654.         </dl>
  2655.       </div>
  2656.  
  2657.       <b:if cond='data:post.commentPagingRequired'>
  2658.         <span class='paging-control-container'>
  2659.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2660.             <data:post.oldestLinkText/>
  2661.           </a>
  2662.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2663.             <data:post.olderLinkText/>
  2664.           </a>
  2665.           &#160;
  2666.           <data:post.commentRangeText/>
  2667.           &#160;
  2668.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2669.             <data:post.newerLinkText/>
  2670.           </a>
  2671.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2672.             <data:post.newestLinkText/>
  2673.           </a>
  2674.         </span>
  2675.       </b:if>
  2676.  
  2677.       <p class='comment-footer'>
  2678.         <b:if cond='data:post.embedCommentForm'>
  2679.           <b:if cond='data:post.allowNewComments'>
  2680.             <b:include data='post' name='comment-form'/>
  2681.           <b:else/>
  2682.             <data:post.noNewCommentsText/>
  2683.           </b:if>
  2684.         <b:else/>
  2685.           <b:if cond='data:post.allowComments'>
  2686.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2687.           </b:if>
  2688.         </b:if>
  2689.  
  2690.       </p>
  2691.     </b:if>
  2692.     <b:if cond='data:showCmtPopup'>
  2693.       <div id='comment-popup'>
  2694.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2695.         </iframe>
  2696.       </div>
  2697.     </b:if>
  2698.  
  2699.     <div id='backlinks-container'>
  2700.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2701.        <b:if cond='data:post.showBacklinks'>
  2702.          <b:include data='post' name='backlinks'/>
  2703.        </b:if>
  2704.     </div>
  2705.     </div>
  2706.   </div>
  2707. </b:includable>
  2708.       <b:includable id='feedLinks'>
  2709.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  2710.     <b:if cond='data:feedLinks'>
  2711.       <div class='blog-feeds'>
  2712.         <b:include data='feedLinks' name='feedLinksBody'/>
  2713.       </div>
  2714.     </b:if>
  2715.  
  2716.     <b:else/> <!--Post feed links -->
  2717.     <div class='post-feeds'>
  2718.       <b:loop values='data:posts' var='post'>
  2719.         <b:if cond='data:post.allowComments'>
  2720.           <b:if cond='data:post.feedLinks'>
  2721.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  2722.           </b:if>
  2723.         </b:if>
  2724.       </b:loop>
  2725.     </div>
  2726.   </b:if>
  2727. </b:includable>
  2728.       <b:includable id='feedLinksBody' var='links'>
  2729.   <div class='feed-links'>
  2730.   <data:feedLinksMsg/>
  2731.   <b:loop values='data:links' var='f'>
  2732.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  2733.   </b:loop>
  2734.   </div>
  2735. </b:includable>
  2736.       <b:includable id='iframe_comments' var='post'>
  2737.  
  2738.   <b:if cond='data:post.allowIframeComments'>
  2739.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  2740.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  2741.  
  2742.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  2743.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2744.     </b:if>
  2745.   </b:if>
  2746. </b:includable>
  2747.       <b:includable id='mobile-index-post' var='post'>
  2748. <!-- MOBILE INDEX POST HERE -->
  2749.   <div class='mobile-date-outer date-outer'>
  2750.  
  2751.     <div class='mobile-post-outer'>
  2752.  
  2753.         <div class='mobile-index-contents'>
  2754.           <b:if cond='data:post.thumbnailUrl'>
  2755.             <div class='mobile-index-thumbnail'>
  2756.               <div class='Image'>
  2757.                 <img expr:src='data:post.thumbnailUrl'/>
  2758.               </div>
  2759.             </div>
  2760.             <b:else/>
  2761.             <div class='mobile-index-thumbnail'>
  2762.               <div class='Image'>
  2763.                 <img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
  2764.               </div>
  2765.             </div>
  2766.           </b:if>
  2767.  
  2768.       <a expr:href='data:post.url'>
  2769.         <h3 class='mobile-index-title entry-title' itemprop='name'>
  2770.           <data:post.title/>
  2771.         </h3>
  2772.       </a>       
  2773.  
  2774.           <div class='post-body'>
  2775.  
  2776.             <div class='post-info'>
  2777.                 <b:if cond='data:top.showAuthor'>
  2778.                     <b:if cond='data:post.authorProfileUrl'>
  2779.                       <span class='author-info'>
  2780.                       <i class='fa fa-user'/>
  2781.                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2782.                         <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  2783.                         <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2784.                           <span itemprop='name'><data:post.author/></span>
  2785.                         </a>
  2786.                       </span>
  2787.                       </span>
  2788.                     <b:else/>
  2789.                       <span class='author-info'>
  2790.                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2791.                         <span itemprop='name'><data:post.author/></span>
  2792.                       </span>
  2793.                       </span>
  2794.                     </b:if>
  2795.                 </b:if>
  2796.                 <b:if cond='data:top.showTimestamp'>
  2797.                 <b:if cond='data:post.url'>
  2798.                   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  2799.                   <span class='time-info'>
  2800.                   <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  2801.                   </span>
  2802.                 </b:if>
  2803.                 </b:if>
  2804.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2805.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2806.                     <b:if cond='data:post.allowComments'>
  2807.                       <span class='comment-info'>
  2808.                       <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  2809.                       </a>
  2810.                       </span>
  2811.                     </b:if>
  2812.                   </b:if>
  2813.                 </b:if>
  2814.             </div>
  2815.  
  2816.           </div>
  2817.         </div>
  2818.  
  2819.         <div style='clear: both;'/>
  2820.  
  2821.     </div>
  2822.    
  2823.   </div>
  2824. </b:includable>
  2825.       <b:includable id='mobile-main' var='top'>
  2826.     <!-- posts -->
  2827.     <div class='blog-posts hfeed'>
  2828.  
  2829.       <b:include data='top' name='status-message'/>
  2830.  
  2831.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2832.         <b:loop values='data:posts' var='post'>
  2833.           <b:include data='post' name='mobile-index-post'/>
  2834.         </b:loop>
  2835.       <b:else/>
  2836.         <b:loop values='data:posts' var='post'>
  2837.           <b:include data='post' name='mobile-post'/>
  2838.         </b:loop>
  2839.       </b:if>
  2840.     </div>
  2841.  
  2842.    <b:include name='mobile-nextprev'/>
  2843. </b:includable>
  2844.       <b:includable id='mobile-nextprev'>
  2845. <!-- MOBILE PAGE NAVIGATION LINKS HERE -->
  2846.   <div class='blog-pager' id='blog-pager'>
  2847.     <b:if cond='data:newerPageUrl'>
  2848.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  2849.       <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>
  2850.       </div>
  2851.     </b:if>
  2852.  
  2853.     <b:if cond='data:olderPageUrl'>
  2854.       <div class='mobile-link-button' id='blog-pager-older-link'>
  2855.       <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>
  2856.       </div>
  2857.     </b:if>
  2858.  
  2859.     <div class='mobile-link-button' id='blog-pager-home-link'>
  2860.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  2861.     </div>
  2862.  
  2863.     <div class='mobile-desktop-link'>
  2864.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  2865.     </div>
  2866.  
  2867.   </div>
  2868.   <div class='clear'/>
  2869. </b:includable>
  2870.       <b:includable id='mobile-post' var='post'>
  2871. <!-- MOBILE ITEM POST HERE -->
  2872.   <div class='date-outer'>
  2873.     <div class='date-posts'>
  2874.       <div class='post-outer'>
  2875.  
  2876.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  2877.           <b:if cond='data:post.thumbnailUrl'>
  2878.             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  2879.           </b:if>
  2880.           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  2881.           <meta expr:content='data:post.id' itemprop='postId'/>
  2882.  
  2883.          
  2884.           <b:if cond='data:post.title'>
  2885.             <h3 class='mobile-post-title entry-title' itemprop='name'>
  2886.               <b:if cond='data:post.link'>
  2887.                 <a expr:href='data:post.link'><data:post.title/></a>
  2888.               <b:else/>
  2889.                 <b:if cond='data:post.url'>
  2890.                   <b:if cond='data:blog.url != data:post.url'>
  2891.                     <a expr:href='data:post.url'><data:post.title/></a>
  2892.                   <b:else/>
  2893.                     <data:post.title/>
  2894.                   </b:if>
  2895.                 <b:else/>
  2896.                   <data:post.title/>
  2897.                 </b:if>
  2898.               </b:if>
  2899.             </h3>
  2900.           </b:if>
  2901.  
  2902.           <div class='post-header'>
  2903.             <div class='post-header-line-1'/>
  2904.           </div>
  2905.  
  2906.           <div class='post-info' style='margin-bottom:15px;'>
  2907.                 <b:if cond='data:top.showAuthor'>
  2908.                     <b:if cond='data:post.authorProfileUrl'>
  2909.                       <span class='author-info'>
  2910.                       <i class='fa fa-user'/>
  2911.                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2912.                         <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  2913.                         <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2914.                           <span itemprop='name'><data:post.author/></span>
  2915.                         </a>
  2916.                       </span>
  2917.                       </span>
  2918.                     <b:else/>
  2919.                       <span class='author-info'>
  2920.                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2921.                         <span itemprop='name'><data:post.author/></span>
  2922.                       </span>
  2923.                       </span>
  2924.                     </b:if>
  2925.                 </b:if>
  2926.                 <b:if cond='data:top.showTimestamp'>
  2927.                 <b:if cond='data:post.url'>
  2928.                   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  2929.                   <span class='time-info'>
  2930.                   <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  2931.                   </span>
  2932.                 </b:if>
  2933.                 </b:if>
  2934.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2935.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2936.                     <b:if cond='data:post.allowComments'>
  2937.                       <span class='comment-info'>
  2938.                       <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  2939.                       </a>
  2940.                       </span>
  2941.                     </b:if>
  2942.                   </b:if>
  2943.                 </b:if>
  2944.             </div>       
  2945.          
  2946.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2947.           <!-- IKLAN BAWAH JUDUL VERSI MOBILE -->
  2948.             <data:post.body/>
  2949.            
  2950.             <div style='clear: both;'/>
  2951.            
  2952.                 <div id='related-posts-mobile'>
  2953.                 <h3>Related Posts :</h3>
  2954.                 <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
  2955.                 </div>
  2956.                
  2957.           </div>
  2958.          
  2959.         </div>
  2960.  
  2961.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2962.           <b:include data='post' name='comment_picker'/>
  2963.         </b:if>
  2964.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2965.           <b:include data='post' name='comment_picker'/>
  2966.         </b:if>
  2967.       </div>
  2968.     </div>
  2969.   </div>
  2970. </b:includable>
  2971.       <b:includable id='nextprev'>
  2972.   <div class='blog-pager' id='blog-pager'>
  2973.     <b:if cond='data:newerPageUrl'>
  2974.       <span id='blog-pager-newer-link'>
  2975.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  2976.       </span>
  2977.     </b:if>
  2978.  
  2979.     <b:if cond='data:olderPageUrl'>
  2980.       <span id='blog-pager-older-link'>
  2981.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  2982.       </span>
  2983.     </b:if>
  2984.  
  2985.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  2986.  
  2987.     <b:if cond='data:mobileLinkUrl'>
  2988.       <div class='blog-mobile-link'>
  2989.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  2990.       </div>
  2991.     </b:if>
  2992.  
  2993.   </div>
  2994.   <div class='clear'/>
  2995. </b:includable>
  2996.       <b:includable id='page-navi'>
  2997.     <div class='pagenavi'>
  2998. <script type='text/javascript'>
  2999.         var pageNaviConf = {
  3000.             perPage: 5,
  3001.             numPages: 6,
  3002.             firstText: &quot;First&quot;,
  3003.             lastText: &quot;Last&quot;,
  3004.             nextText: &quot;Next &#187;&quot;,
  3005.             prevText: &quot;&#171; Previous&quot;
  3006.         }
  3007.         </script>
  3008.         <script type='text/javascript'>
  3009.         //<![CDATA[
  3010.         function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
  3011.         //]]>
  3012.         </script>
  3013.         <div class='clear'/>
  3014.     </div>
  3015.     </b:includable>
  3016.       <b:includable id='post' var='post'>
  3017.   <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  3018.     <b:if cond='data:post.firstImageUrl'>
  3019.       <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  3020.     </b:if>
  3021.    
  3022.     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3023.     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  3024.     <b:if cond='data:post.thumbnailUrl'>
  3025.         <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><script type='text/javascript'>
  3026.         document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
  3027.         </script></div>
  3028.         </a>
  3029.     <b:else/>
  3030.         <b:if cond='data:post.firstImageUrl'>
  3031.         <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
  3032.         </a>
  3033.     <b:else/>
  3034.         <a expr:href='data:post.url'><div class='img-thumbnail'><span class='rollover'/><img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w200-h150-c/no-image.png'/></div>
  3035.         </a>
  3036.     </b:if>
  3037.     </b:if>
  3038.     </b:if>
  3039.     </b:if>
  3040.    
  3041.     <div class='post-info'>
  3042.         <b:if cond='data:top.showAuthor'>
  3043.             <b:if cond='data:post.authorProfileUrl'>
  3044.               <span class='author-info'>
  3045.               <i class='fa fa-user'/>
  3046.               <span class='vcard'>
  3047.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3048.                 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3049.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3050.                   <span itemprop='name'><data:post.author/></span>
  3051.                 </a>
  3052.               </span>
  3053.               </span>
  3054.               </span>
  3055.             <b:else/>
  3056.               <span class='author-info'>
  3057.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3058.                 <span itemprop='name'><data:post.author/></span>
  3059.               </span>
  3060.               </span>
  3061.             </b:if>
  3062.         </b:if>
  3063.         <b:if cond='data:top.showTimestamp'>
  3064.         <b:if cond='data:post.url'>
  3065.           <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  3066.           <span class='time-info'>
  3067.           <i class='fa fa-calendar'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  3068.           </span>
  3069.         </b:if>
  3070.         </b:if>
  3071.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3072.           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  3073.             <b:if cond='data:post.allowComments'>
  3074.               <span class='comment-info'>
  3075.               <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  3076.               </a>
  3077.               </span>
  3078.             </b:if>
  3079.           </b:if>
  3080.         </b:if>
  3081.         <b:if cond='data:post.labels'>
  3082.           <span class='label-info'>
  3083.           <i class='fa fa-tags'/>
  3084.           <b:loop values='data:post.labels' var='label'>
  3085.             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  3086.           </b:loop>
  3087.           </span>
  3088.         </b:if>
  3089.        
  3090.     </div>
  3091.    
  3092.    
  3093.     <b:if cond='data:post.title'>
  3094.       <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3095.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  3096.           <h1 class='post-title entry-title' itemprop='name'>
  3097.             <b:if cond='data:post.link'>
  3098.               <a expr:href='data:post.link'><data:post.title/></a>
  3099.             <b:else/>
  3100.               <b:if cond='data:post.url'>
  3101.                 <b:if cond='data:blog.url != data:post.url'>
  3102.                   <a expr:href='data:post.url'><data:post.title/></a>
  3103.                 <b:else/>
  3104.                   <data:post.title/>
  3105.                 </b:if>
  3106.                 <b:else/>
  3107.                   <data:post.title/>
  3108.               </b:if>
  3109.             </b:if>
  3110.           </h1>
  3111.         <b:else/>
  3112.           <h2 class='post-title entry-title' itemprop='name'>
  3113.             <b:if cond='data:post.link'>
  3114.               <a expr:href='data:post.link'><data:post.title/></a>
  3115.             <b:else/>
  3116.               <b:if cond='data:post.url'>
  3117.                 <b:if cond='data:blog.url != data:post.url'>
  3118.                   <a expr:href='data:post.url'><data:post.title/></a>
  3119.                 <b:else/>
  3120.                   <data:post.title/>
  3121.                 </b:if>
  3122.                 <b:else/>
  3123.                   <data:post.title/>
  3124.               </b:if>
  3125.             </b:if>
  3126.           </h2>
  3127.         </b:if>
  3128.       <b:else/>
  3129.         <h1 class='post-title entry-title' itemprop='name'>
  3130.           <b:if cond='data:post.link'>
  3131.             <a expr:href='data:post.link'><data:post.title/></a>
  3132.           <b:else/>
  3133.             <b:if cond='data:post.url'>
  3134.               <b:if cond='data:blog.url != data:post.url'>
  3135.                 <a expr:href='data:post.url'><data:post.title/></a>
  3136.               <b:else/>
  3137.                 <data:post.title/>
  3138.               </b:if>
  3139.               <b:else/>
  3140.                 <data:post.title/>
  3141.             </b:if>
  3142.           </b:if>
  3143.         </h1>
  3144.       </b:if>
  3145.     </b:if>
  3146.  
  3147.     <div class='post-header'>
  3148.     <div class='post-header-line-1'/>
  3149.     </div>
  3150.  
  3151.     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3152.  
  3153.     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  3154.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
  3155.         <data:post.body/>
  3156.         <div style='clear: both;'/>
  3157.       </div>
  3158.     <b:else/>
  3159.    
  3160.      
  3161.         <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody description'>
  3162.             <div>
  3163.             <data:post.snippet/>
  3164.             </div>
  3165.             <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>
  3166.             <div style='clear: both;'/>    
  3167.         </div> 
  3168.     </b:if>
  3169.    
  3170.     <b:else/>
  3171.    
  3172.       <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  3173.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  3174.        
  3175.         <!-- IKLAN BAWAH JUDUL VERSI DESKTOP -->
  3176.         <data:post.body/>
  3177.        
  3178.         <div style='clear: both;'/>
  3179. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3180. <div class='tombol-berbagi-arlina'>
  3181. <div class='tombol-berbagi-arlina-fb'>
  3182. <a class='tombol-berbagi-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/>
  3183. <a class='tombol-berbagi-fb-label' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'> Share on Facebook</a>
  3184. </div>
  3185. <div class='tombol-berbagi-arlina-tw'>
  3186. <a class='tombol-berbagi-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/>
  3187. <a class='tombol-berbagi-tw-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on Twitter</a>
  3188. </div>
  3189. <div class='tombol-berbagi'>
  3190. <a class='tombol-berbagi-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'/>
  3191. <a class='tombol-berbagi-gp-label' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Google+</a>
  3192. </div>
  3193. <div class='tombol-berbagi'>
  3194. <a class='tombol-berbagi-lin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank'/>
  3195. <a class='tombol-berbagi-lin-label' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank'>Share on LinkedIn</a>
  3196. </div>
  3197. </div>
  3198. </b:if>
  3199. <div class='berlangganan-box'>
  3200.  <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=Adityampc&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
  3201.  <p>Subscribe to receive free email updates:</p><p><input class='email-address' name='email' placeholder='Your email address...' type='text'/></p><input name='uri' type='hidden' value='Adityampc'/>
  3202.  <input name='loc' type='hidden' value='en_US'/>
  3203.  <p><input class='submit-email' type='submit' value='Subscribe'/></p>
  3204.  </form>
  3205. </div>
  3206.             <!-- Related Post Widget Start -->
  3207.               <div class='related-post' id='related-post'/>
  3208.               <script type='text/javascript'>
  3209.               var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
  3210.                       &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  3211.                   </b:loop></b:if>];
  3212.               var relatedPostConfig = {
  3213.                   homePage: &quot;<data:blog.homepageUrl/>&quot;,
  3214.                   widgetTitle: &quot;&lt;h4&gt;Related Posts :&lt;/h4&gt;&quot;,
  3215.                   numPosts: 5,
  3216.                   summaryLength: 140,
  3217.                   titleLength: &quot;auto&quot;,
  3218.                   thumbnailSize: 60,
  3219.                   noImage: &quot;http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w60-h60-c/no-image.png&quot;,
  3220.                   containerId: &quot;related-post&quot;,
  3221.                   newTabLink: false,
  3222.                   moreText: &quot;Read More...&quot;,
  3223.                   widgetStyle: 2,
  3224.                   callBack: function() {}
  3225.               };
  3226.               </script>
  3227.             <!-- Related Post Widget End -->
  3228.  
  3229.       </div>
  3230.  
  3231.     </b:if>
  3232.    
  3233.   </article>
  3234.  
  3235.   <!-- facebook comments responsive JS -->
  3236.   <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3237.     <script>
  3238.     //<![CDATA[
  3239.     $(window).bind("load", function(){    
  3240.       var container_width = $('.fbbox-comments').width();    
  3241.       var fburl=(window.location.href);
  3242.       var fbfix=fburl.indexOf('?');
  3243.       var fburlfix = fburl.substring(0, fbfix != -1 ? fbfix : fburl.length);
  3244.         $('.fbbox-comments').html('<div class="fb-comments" ' +
  3245.         'data-href="' + fburlfix + '"' +
  3246.         ' data-width="' + container_width + '" data-num-posts="5"></div>');
  3247.         FB.XFBML.parse( );    
  3248.     });
  3249.     //]]>
  3250.     </script>
  3251.     <div class='fbbox-comments' style='width:100%;margin-top:20px'>
  3252.     <div class='fb-comments' data-num-posts='2' data-width='680' expr:data-href='data:blog.url'/>
  3253.     </div>
  3254.   </b:if>
  3255.  
  3256. </b:includable>
  3257.       <b:includable id='postQuickEdit' var='post'>
  3258.   <b:if cond='data:post.editUrl'>
  3259.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  3260.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  3261.         <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  3262.       </a>
  3263.     </span>
  3264.   </b:if>
  3265. </b:includable>
  3266.       <b:includable id='shareButtons' var='post'>
  3267.   <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.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  3268. </b:includable>
  3269.       <b:includable id='status-message'>
  3270.   <b:if cond='data:navMessage'>
  3271.   <div class='status-msg-wrap'>
  3272.     <div class='status-msg-body'>
  3273.       <data:navMessage/>
  3274.     </div>
  3275.     <div class='status-msg-border'>
  3276.       <div class='status-msg-bg'>
  3277.         <div class='status-msg-hidden'><data:navMessage/></div>
  3278.       </div>
  3279.     </div>
  3280.   </div>
  3281.   <div style='clear: both;'/>
  3282.   </b:if>
  3283. </b:includable>
  3284.       <b:includable id='threaded-comment-form' var='post'>
  3285.   <div class='comment-form'>
  3286.     <a name='comment-form'/>
  3287.     <b:if cond='data:mobile'>
  3288.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  3289.       <data:blogTeamBlogMessage/>
  3290.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3291.       <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%'/>
  3292.     <b:else/>
  3293.       <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  3294.       <data:blogTeamBlogMessage/>
  3295.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3296.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3297.     </b:if>
  3298.     <data:post.friendConnectJs/>
  3299.     <data:post.cmtfpIframe/>
  3300.     <script type='text/javascript'>
  3301.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  3302.     </script>
  3303.   </div>
  3304. </b:includable>
  3305.       <b:includable id='threaded_comment_js' var='post'>
  3306.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  3307.  
  3308.   <script type='text/javascript'>
  3309.     (function() {
  3310.       var items = <data:post.commentJso/>;
  3311.       var msgs = <data:post.commentMsgs/>;
  3312.       var config = <data:post.commentConfig/>;
  3313.  
  3314. // <![CDATA[
  3315.      var cursor = null;
  3316.      if (items && items.length > 0) {
  3317.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  3318.      }
  3319.  
  3320.      var bodyFromEntry = function(entry) {
  3321.        if (entry.gd$extendedProperty) {
  3322.          for (var k in entry.gd$extendedProperty) {
  3323.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  3324.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  3325.            }
  3326.          }
  3327.        }
  3328.        return entry.content.$t;
  3329.      }
  3330.  
  3331.      var parse = function(data) {
  3332.        cursor = null;
  3333.        var comments = [];
  3334.        if (data && data.feed && data.feed.entry) {
  3335.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  3336.            var comment = {};
  3337.            // comment ID, parsed out of the original id format
  3338.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  3339.            comment.id = id ? id[2] : null;
  3340.            comment.body = bodyFromEntry(entry);
  3341.            comment.timestamp = Date.parse(entry.published.$t) + '';
  3342.            if (entry.author && entry.author.constructor === Array) {
  3343.              var auth = entry.author[0];
  3344.  
  3345.              if (auth) {
  3346.                comment.author = {
  3347.                  name: (auth.name ? auth.name.$t : undefined),
  3348.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  3349.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  3350.                };
  3351.              }
  3352.            }
  3353.            if (entry.link) {
  3354.              if (entry.link[2]) {
  3355.                comment.link = comment.permalink = entry.link[2].href;
  3356.              }
  3357.              if (entry.link[3]) {
  3358.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  3359.                if (pid && pid[1]) {
  3360.                  comment.parentId = pid[1];
  3361.                }
  3362.              }
  3363.            }
  3364.            comment.deleteclass = 'item-control blog-admin';
  3365.            if (entry.gd$extendedProperty) {
  3366.              for (var k in entry.gd$extendedProperty) {
  3367.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  3368.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  3369.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  3370.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  3371.                }
  3372.              }
  3373.            }
  3374.            comments.push(comment);
  3375.          }
  3376.        }
  3377.        return comments;
  3378.      };
  3379.  
  3380.      var paginator = function(callback) {
  3381.        if (hasMore()) {
  3382.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  3383.          if (cursor) {
  3384.            url += '&published-min=' + new Date(cursor).toISOString();
  3385.          }
  3386.          window.bloggercomments = function(data) {
  3387.            var parsed = parse(data);
  3388.            cursor = parsed.length < 50 ? null
  3389.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  3390.            callback(parsed);
  3391.            window.bloggercomments = null;
  3392.          }
  3393.          url += '&callback=bloggercomments';
  3394.          var script = document.createElement('script');
  3395.          script.type = 'text/javascript';
  3396.          script.src = url;
  3397.          document.getElementsByTagName('head')[0].appendChild(script);
  3398.        }
  3399.      };
  3400.      var hasMore = function() {
  3401.        return !!cursor;
  3402.      };
  3403.      var getMeta = function(key, comment) {
  3404.        if ('iswriter' == key) {
  3405.          var matches = !!comment.author
  3406.              && comment.author.name == config.authorName
  3407.              && comment.author.profileUrl == config.authorUrl;
  3408.          return matches ? 'true' : '';
  3409.        } else if ('deletelink' == key) {
  3410.          return config.baseUri + '/delete-comment.g?blogID='
  3411.               + config.blogId + '&postID=' + comment.id;
  3412.        } else if ('deleteclass' == key) {
  3413.          return comment.deleteclass;
  3414.        }
  3415.        return '';
  3416.      };
  3417.  
  3418.      var replybox = null;
  3419.      var replyUrlParts = null;
  3420.      var replyParent = undefined;
  3421.  
  3422.      var onReply = function(commentId, domId) {
  3423.        if (replybox == null) {
  3424.          // lazily cache replybox, and adjust to suit this style:
  3425.          replybox = document.getElementById('comment-editor');
  3426.          if (replybox != null) {
  3427.            replybox.height = '250px';
  3428.            replybox.style.display = 'block';
  3429.            replyUrlParts = replybox.src.split('#');
  3430.          }
  3431.        }
  3432.        if (replybox && (commentId !== replyParent)) {
  3433.          document.getElementById(domId).insertBefore(replybox.parentNode, null);
  3434.          replybox.src = replyUrlParts[0]
  3435.              + (commentId ? '&parentID=' + commentId : '')
  3436.              + '#' + replyUrlParts[1];
  3437.          replyParent = commentId;
  3438.        }
  3439.      };
  3440.  
  3441.      var hash = (window.location.hash || '#').substring(1);
  3442.      var startThread, targetComment;
  3443.      if (/^comment-form_/.test(hash)) {
  3444.        startThread = hash.substring('comment-form_'.length);
  3445.      } else if (/^c[0-9]+$/.test(hash)) {
  3446.        targetComment = hash.substring(1);
  3447.      }
  3448.  
  3449.      // Configure commenting API:
  3450.      var configJso = {
  3451.        'maxDepth': config.maxThreadDepth
  3452.      };
  3453.      var provider = {
  3454.        'id': config.postId,
  3455.        'data': items,
  3456.        'loadNext': paginator,
  3457.        'hasMore': hasMore,
  3458.        'getMeta': getMeta,
  3459.        'onReply': onReply,
  3460.        'rendered': true,
  3461.        'initComment': targetComment,
  3462.        'initReplyThread': startThread,
  3463.        'config': configJso,
  3464.        'messages': msgs
  3465.      };
  3466.  
  3467.      var render = function() {
  3468.        if (window.goog && window.goog.comments) {
  3469.          var holder = document.getElementById('comment-holder');
  3470.          window.goog.comments.render(holder, provider);
  3471.        }
  3472.      };
  3473.  
  3474.      // render now, or queue to render when library loads:
  3475.      if (window.goog && window.goog.comments) {
  3476.        render();
  3477.      } else {
  3478.        window.goog = window.goog || {};
  3479.        window.goog.comments = window.goog.comments || {};
  3480.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  3481.        window.goog.comments.loadQueue.push(render);
  3482.      }
  3483.    })();
  3484. // ]]>
  3485.   </script>
  3486. </b:includable>
  3487.       <b:includable id='threaded_comments' var='post'>
  3488.   <div class='comments' id='comments'>
  3489.     <a name='comments'/>
  3490.       <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>
  3491.  
  3492.     <div class='comments-content'>
  3493.       <b:if cond='data:post.embedCommentForm'>
  3494.         <b:include data='post' name='threaded_comment_js'/>
  3495.       </b:if>
  3496.       <div id='comment-holder'>
  3497.          <data:post.commentHtml/>
  3498.       </div>
  3499.     </div>
  3500.  
  3501.     <p class='comment-footer'>
  3502.       <b:if cond='data:post.allowNewComments'>
  3503.         <b:include data='post' name='threaded-comment-form'/>
  3504.       <b:else/>
  3505.         <data:post.noNewCommentsText/>
  3506.       </b:if>
  3507.     </p>
  3508.  
  3509.     <b:if cond='data:showCmtPopup'>
  3510.       <div id='comment-popup'>
  3511.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3512.         </iframe>
  3513.       </div>
  3514.     </b:if>
  3515.  
  3516.     <div id='backlinks-container'>
  3517.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  3518.        <b:if cond='data:post.showBacklinks'>
  3519.          <b:include data='post' name='backlinks'/>
  3520.        </b:if>
  3521.     </div>
  3522.     </div>
  3523.   </div>
  3524. </b:includable>
  3525.     </b:widget>
  3526.   </b:section>
  3527.  
  3528. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3529. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>    
  3530.   <b:section class='recent-post-one-thumb section' id='recent-post-one-thumb-1' showaddelement='yes'>
  3531.          <b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
  3532.            <b:includable id='main'>
  3533.   <!-- only display title if it's non-empty -->
  3534.   <b:if cond='data:title != &quot;&quot;'>
  3535.     <h2 class='title'><data:title/></h2>
  3536.   </b:if>
  3537.   <div class='widget-content'>
  3538.     <data:content/>
  3539.   </div>
  3540.  
  3541.   <b:include name='quickedit'/>
  3542. </b:includable>
  3543.          </b:widget>
  3544.        </b:section>
  3545.  
  3546. <b:section class='recent-post-one-thumb section' id='recent-post-one-thumb-2' showaddelement='yes'>
  3547.   <b:widget id='HTML2' locked='false' title='' type='HTML' visible='true'>
  3548.     <b:includable id='main'>
  3549.   <!-- only display title if it's non-empty -->
  3550.   <b:if cond='data:title != &quot;&quot;'>
  3551.     <h2 class='title'><data:title/></h2>
  3552.   </b:if>
  3553.   <div class='widget-content'>
  3554.     <data:content/>
  3555.   </div>
  3556.  
  3557.   <b:include name='quickedit'/>
  3558. </b:includable>
  3559.   </b:widget>
  3560. </b:section>
  3561.  
  3562. <b:section class='recent-post-one-thumb section' id='recent-post-one-thumb-3' showaddelement='yes'>
  3563.   <b:widget id='HTML3' locked='false' title='' type='HTML' visible='true'>
  3564.     <b:includable id='main'>
  3565.   <!-- only display title if it's non-empty -->
  3566.   <b:if cond='data:title != &quot;&quot;'>
  3567.     <h2 class='title'><data:title/></h2>
  3568.   </b:if>
  3569.   <div class='widget-content'>
  3570.     <data:content/>
  3571.   </div>
  3572.  
  3573.   <b:include name='quickedit'/>
  3574. </b:includable>
  3575.   </b:widget>
  3576. </b:section>
  3577.  
  3578. <b:section class='recent-post-one-thumb section' id='recent-post-one-thumb-4' showaddelement='yes'>
  3579.   <b:widget id='HTML4' locked='false' title='' type='HTML' visible='true'>
  3580.     <b:includable id='main'>
  3581.   <!-- only display title if it's non-empty -->
  3582.   <b:if cond='data:title != &quot;&quot;'>
  3583.     <h2 class='title'><data:title/></h2>
  3584.   </b:if>
  3585.   <div class='widget-content'>
  3586.     <data:content/>
  3587.   </div>
  3588.  
  3589.   <b:include name='quickedit'/>
  3590. </b:includable>
  3591.   </b:widget>
  3592. </b:section>
  3593.  
  3594. <b:section class='recent-post-one-thumb section' id='recent-post-one-thumb-5' showaddelement='yes'>
  3595.   <b:widget id='HTML5' locked='false' title='' type='HTML' visible='true'>
  3596.     <b:includable id='main'>
  3597.   <!-- only display title if it's non-empty -->
  3598.   <b:if cond='data:title != &quot;&quot;'>
  3599.     <h2 class='title'><data:title/></h2>
  3600.   </b:if>
  3601.   <div class='widget-content'>
  3602.     <data:content/>
  3603.   </div>
  3604.  
  3605.   <b:include name='quickedit'/>
  3606. </b:includable>
  3607.   </b:widget>
  3608. </b:section>
  3609.  
  3610. <b:section class='recent-post-one-thumb section' id='recent-post-one-thumb-6' showaddelement='yes'>
  3611.   <b:widget id='HTML6' locked='false' title='' type='HTML' visible='true'>
  3612.     <b:includable id='main'>
  3613.   <!-- only display title if it's non-empty -->
  3614.   <b:if cond='data:title != &quot;&quot;'>
  3615.     <h2 class='title'><data:title/></h2>
  3616.   </b:if>
  3617.   <div class='widget-content'>
  3618.     <data:content/>
  3619.   </div>
  3620.  
  3621.   <b:include name='quickedit'/>
  3622. </b:includable>
  3623.   </b:widget>
  3624. </b:section>
  3625.  
  3626. </b:if>
  3627. </b:if>
  3628. <div class='clear'/>
  3629.     </div>
  3630. </div>
  3631.     <!-- post wrapper end -->
  3632.    
  3633.     <!-- sidebar wrapper start -->
  3634. <!-- sidebar wrapper start -->
  3635. <aside id='sidebar-wrapper'>
  3636. <div class='sidebar-container'>
  3637. <div class='set set-1'>
  3638. <b:section class='panel panel-1 section' id='panel-1' showaddelement='yes'>
  3639.   <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
  3640.  
  3641.     <b:includable id='main'>
  3642.  
  3643.   <b:if cond='data:title'><h3><data:title/></h3></b:if>
  3644.  
  3645.   <div class='widget-content popular-posts'>
  3646.  
  3647.     <ul>
  3648.  
  3649.       <b:loop values='data:posts' var='post'>
  3650.  
  3651.       <li>
  3652.  
  3653.         <b:if cond='data:showThumbnails == &quot;false&quot;'>
  3654.  
  3655.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  3656.  
  3657.             <!-- (1) No snippet/thumbnail -->
  3658.  
  3659.             <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
  3660.  
  3661.           <b:else/>
  3662.  
  3663.             <!-- (2) Show only snippets -->
  3664.  
  3665.             <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  3666.  
  3667.             <div class='item-snippet'><data:post.snippet/></div>
  3668.  
  3669.           </b:if>
  3670.  
  3671.         <b:else/>
  3672.  
  3673.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  3674.  
  3675.             <!-- (3) Show only thumbnails -->
  3676.  
  3677.             <div class='item-thumbnail-only'>
  3678.  
  3679.               <b:if cond='data:post.thumbnail'>
  3680.  
  3681.                 <div class='item-thumbnail'>
  3682.  
  3683.                   <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
  3684.  
  3685.                     <img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  3686.  
  3687.                   </a>
  3688.  
  3689.                 </div>
  3690.  
  3691.               </b:if>
  3692.  
  3693.               <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  3694.  
  3695.             </div>
  3696.  
  3697.             <div style='clear: both;'/>
  3698.  
  3699.           <b:else/>
  3700.  
  3701.             <!-- (4) Show snippets and thumbnails -->
  3702.  
  3703.             <div class='item-content'>
  3704.  
  3705.               <b:if cond='data:post.thumbnail'>
  3706.  
  3707.                 <div class='item-thumbnail'>
  3708.  
  3709.                   <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
  3710.  
  3711.                     <img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  3712.  
  3713.                   </a>
  3714.  
  3715.                 </div>
  3716.  
  3717.               </b:if>
  3718.  
  3719.               <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  3720.  
  3721.               <div class='item-snippet'><data:post.snippet/></div>
  3722.  
  3723.             </div>
  3724.  
  3725.             <div style='clear: both;'/>
  3726.  
  3727.           </b:if>
  3728.  
  3729.         </b:if>
  3730.  
  3731.       </li>
  3732.  
  3733.       </b:loop>
  3734.  
  3735.     </ul>
  3736.  
  3737.   </div>
  3738.  
  3739. </b:includable>
  3740.  
  3741.   </b:widget>
  3742. </b:section>
  3743. <b:section class='panel panel-2 section' id='panel-2' showaddelement='yes'>
  3744.   <b:widget id='Label1' locked='false' title='LABEL' type='Label' visible='true'>
  3745.     <b:includable id='main'>
  3746.   <b:if cond='data:title != &quot;&quot;'>
  3747.     <h2><data:title/></h2>
  3748.   </b:if>
  3749.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  3750.     <b:if cond='data:display == &quot;list&quot;'>
  3751.       <ul>
  3752.         <b:loop values='data:labels' var='label'>
  3753.           <li>
  3754.             <b:if cond='data:blog.url == data:label.url'>
  3755.               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3756.             <b:else/>
  3757.               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3758.             </b:if>
  3759.             <b:if cond='data:showFreqNumbers'>
  3760.               <span dir='ltr'>(<data:label.count/>)</span>
  3761.             </b:if>
  3762.           </li>
  3763.         </b:loop>
  3764.       </ul>
  3765.     <b:else/>
  3766.       <b:loop values='data:labels' var='label'>
  3767.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  3768.           <b:if cond='data:blog.url == data:label.url'>
  3769.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3770.           <b:else/>
  3771.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3772.           </b:if>
  3773.           <b:if cond='data:showFreqNumbers'>
  3774.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  3775.           </b:if>
  3776.         </span>
  3777.       </b:loop>
  3778.     </b:if>
  3779.     <b:include name='quickedit'/>
  3780.   </div>
  3781. </b:includable>
  3782.   </b:widget>
  3783. </b:section>
  3784. <b:section class='panel panel-3 section' id='panel-3' showaddelement='yes'>
  3785.   <b:widget id='BlogArchive1' locked='false' title='ARSIP BLOG' type='BlogArchive' visible='true'>
  3786.     <b:includable id='main'>
  3787.   <b:if cond='data:title != &quot;&quot;'>
  3788.     <h2><data:title/></h2>
  3789.   </b:if>
  3790.   <div class='widget-content'>
  3791.   <div id='ArchiveList'>
  3792.   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  3793.     <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
  3794.     <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
  3795.     <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  3796.   </div>
  3797.   </div>
  3798.   <b:include name='quickedit'/>
  3799.   </div>
  3800. </b:includable>
  3801.     <b:includable id='flat' var='data'>
  3802.   <ul class='flat'>
  3803.     <b:loop values='data:data' var='i'>
  3804.       <li class='archivedate'>
  3805.         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  3806.       </li>
  3807.     </b:loop>
  3808.   </ul>
  3809. </b:includable>
  3810.     <b:includable id='interval' var='intervalData'>
  3811.   <b:loop values='data:intervalData' var='interval'>
  3812.     <ul class='hierarchy'>
  3813.       <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
  3814.         <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
  3815.         <a class='post-count-link' expr:href='data:interval.url'>
  3816.           <data:interval.name/>
  3817.         </a>
  3818.         <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
  3819.         <b:include cond='data:interval.data' data='interval.data' name='interval'/>
  3820.         <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
  3821.       </li>
  3822.     </ul>
  3823.   </b:loop>
  3824. </b:includable>
  3825.     <b:includable id='menu' var='data'>
  3826.   <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  3827.     <option value=''><data:title/></option>
  3828.     <b:loop values='data:data' var='i'>
  3829.       <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  3830.     </b:loop>
  3831.   </select>
  3832. </b:includable>
  3833.     <b:includable id='posts' var='posts'>
  3834.   <ul class='posts'>
  3835.     <b:loop values='data:posts' var='post'>
  3836.       <li><a expr:href='data:post.url'><data:post.title/></a></li>
  3837.     </b:loop>
  3838.   </ul>
  3839. </b:includable>
  3840.     <b:includable id='toggle' var='interval'>
  3841.   <a class='toggle' href='javascript:void(0)'>
  3842.     <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
  3843.       <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  3844.         &#9660;&#160;
  3845.       <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
  3846.         &#9668;&#160;
  3847.       <b:else/>
  3848.         &#9658;&#160;
  3849.       </b:if>
  3850.     </span>
  3851.   </a>
  3852. </b:includable>
  3853.   </b:widget>
  3854. </b:section>
  3855.  
  3856. </div>
  3857. <div class='clear'/>
  3858.  
  3859. <b:section class='sidebar section' id='sidebar' preferred='yes'>
  3860.   <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
  3861.     <b:includable id='main'>
  3862.     <b:if cond='data:feedbackSurveyLink'>
  3863.       <div class='mobile-survey-link' style='text-align: center;'>
  3864.         <data:feedbackSurveyLink/>
  3865.       </div>
  3866.     </b:if>
  3867.  
  3868.     <div class='widget-content' style='text-align: center;'>
  3869.       <b:if cond='data:attribution != &quot;&quot;'>
  3870.        <data:attribution/>
  3871.       </b:if>
  3872.     </div>
  3873.  
  3874.     <b:include name='quickedit'/>
  3875.   </b:includable>
  3876.   </b:widget>
  3877. </b:section>
  3878. </div>
  3879. </aside>
  3880. <!-- sidebar wrapper end -->
  3881. </div>
  3882. <!-- content wrapper end -->
  3883. <div class='clear'/>
  3884. <aside id='bottombar'>
  3885. <b:section class='left section' id='left' preferred='yes'/>
  3886.    
  3887. <b:section class='center section' id='center' preferred='yes'/>
  3888.    
  3889. <b:section class='right section' id='right' preferred='yes'/>
  3890. </aside>
  3891.  
  3892. <!-- Jangan Menghapus Link Cridit Jika Tidak Mau Templete Anda Rusak -->
  3893.  
  3894. <!-- footer wrapper start -->
  3895. <footer id='footer-wrapper'>
  3896. <div class='footer-left'>
  3897.         Copyright 2016 <a expr:href='data:blog.homepageUrl'><data:blog.title/> All Rights Reserved</a>
  3898. </div>
  3899.  
  3900. <div class='footer-right'> Powered by <a href='http://blogger.com/' title='Blogger'>Blogger</a>
  3901. </div>
  3902. </footer>
  3903. <!-- footer wrapper end -->
  3904. <!-- wrapper end -->
  3905. </div>
  3906.  
  3907. <div class='back-to-top'><a href='#' id='back-to-top' title='back to top'>
  3908. <i class='fa fa-chevron-up'/>
  3909. </a></div>
  3910. <script>            
  3911. $(window).scroll(function() {
  3912.     if($(this).scrollTop() &gt; 200) {
  3913.         $(&#39;#back-to-top&#39;).fadeIn();
  3914.     } else {
  3915.         $(&#39;#back-to-top&#39;).fadeOut();
  3916.     }
  3917. });
  3918.  
  3919. $(&#39;#back-to-top&#39;).hide().click(function() {
  3920.     $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
  3921.     return false;
  3922. });
  3923. </script>
  3924. <script type='text/javascript'>
  3925. //<![CDATA[
  3926. var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
  3927. //]]>
  3928. </script>
  3929. <script type='text/javascript'>
  3930. //<![CDATA[
  3931. /*! Matt Tabs v2.2.1 | https://github.com/matthewhall/matt-tabs */
  3932. !function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
  3933. //]]>
  3934. </script>
  3935. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3936. <script type='text/javascript'>
  3937. //<![CDATA[          
  3938. /*! Related Post Widget for Blogger by kupuk blog => http://gplus.to/tovic */
  3939. var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
  3940. //]]>            
  3941. </script>
  3942. </b:if>
  3943. <script>
  3944. </script>
  3945.   </body>
  3946. </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!