API tools faq
paste
Khalequzzaman

G Vusion Style 2 - Blogger XML

Khalequzzaman
Mar 20th, 2016
159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 148.33 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML expr:dir='data:blog.languageDirection'>
  4. <head>
  5. <!-- [ Meta Tag SEO ] -->
  6. <meta charset='utf-8'/>
  7. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  8. <meta content='blogger' name='generator'/>
  9. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  10. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  11. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  12. <link expr:href='data:blog.url' rel='canonical'/>
  13. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  14. <title><data:blog.pageTitle/></title>
  15. <b:else/>
  16. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  17. <title><data:blog.pageName/> - <data:blog.title/></title>
  18. </b:if></b:if>
  19. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  20. <title>Page Not Found - <data:blog.title/></title>
  21. </b:if>
  22. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  23. <meta content='noindex' name='robots'/>
  24. </b:if>
  25. <b:if cond='data:blog.searchLabel'>
  26. <meta content='noindex,nofollow' name='robots'/>
  27. </b:if>
  28. <b:if cond='data:blog.isMobile'>
  29. <meta content='noindex,nofollow' name='robots'/>
  30. </b:if>
  31. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  32. <meta expr:content='data:blog.metaDescription' name='description'/>
  33. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  34. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
  35. </b:if></b:if>
  36. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  37. <meta content='xxxxx' name='keywords'/></b:if>
  38. <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'/>
  39. <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'/>
  40. <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'/>
  41. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  42. <b:if cond='data:blog.postImageThumbnailUrl'>
  43. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  44. </b:if></b:if>
  45. <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
  46. <link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
  47. <link href='https://plus.google.com/xxxxx/about' rel='author'/>
  48. <link href='https://plus.google.com/xxxxx' rel='me'/>
  49. <meta content='xxxxx' name='google-site-verification'/>
  50. <meta content='xxxxx' name='alexaVerifyID'/>
  51. <meta content='Indonesia' name='geo.placename'/>
  52. <meta content='xxxxx' name='Author'/>
  53. <meta content='general' name='rating'/>
  54. <meta content='all' name='audience'/>
  55. <meta content='id' name='geo.country'/>
  56. <!-- [ Social Media meta tag ] -->
  57. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  58. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  59. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  60. <b:if cond='data:blog.url'>
  61. <meta expr:content='data:blog.url' property='og:url'/>
  62. </b:if>
  63. <meta expr:content='data:blog.title' property='og:site_name'/>
  64. <b:if cond='data:blog.pageName'>
  65. <meta expr:content='data:blog.pageName' property='og:title'/>
  66. </b:if></b:if></b:if></b:if>
  67. <meta expr:content='data:blog.pageTitle' property='og:title'/>
  68. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  69. <meta content='article' property='og:type'/>
  70. <b:else/>
  71. <meta content='website' property='og:type'/>
  72. </b:if>
  73. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  74. <b:if cond='data:blog.postImageUrl'>
  75. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  76. <b:else/>
  77. <b:if cond='data:blog.postImageThumbnailUrl'>
  78. <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  79. <b:else/>
  80. <meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
  81. </b:if></b:if>
  82. <b:if cond='data:blog.metaDescription'>
  83. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  84. <b:else/>
  85. <meta content='xxxxx' property='og:description'/>
  86. </b:if>
  87. <meta expr:content='data:blog.title' property='og:site_name'/>
  88. <meta content='xxxxx' property='fb:app_id'/>
  89. <meta content='xxxxx' property='fb:admins'/>
  90. <meta content='en_US' property='og:locale'/>
  91. <meta content='en_GB' property='og:locale:alternate'/>
  92. <meta content='id_ID' property='og:locale:alternate'/>
  93. <meta content='summary' name='twitter:card'/>
  94. <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  95. <meta content='xxxxx' name='twitter:site'/>
  96. <meta content='xxxxx' name='twitter:creator'/>
  97. <b:skin><![CDATA[/*
  98. Theme Name : G Vusion 2 Update
  99. Theme Published : 22 Juni 2014
  100. Theme Update : 27 November 2015
  101. Theme Base Color : Mixed
  102. Theme Designer : Arlina Fitriyani
  103. Designer URL : www.arlinadzgn.com
  104. Theme License : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
  105. However, to satisfy the &#39;attribution&#39; clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
  106. http://creativecommons.org/licenses/by/3.0/
  107. */
  108. /* CSS Reset */
  109. 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,adnav,adheader{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  110. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,adnav,adheader{display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
  111. *, input[type="search"] {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  112. /* CSS Framework */
  113. body{background:#eef3f6;margin:0;padding:0;color:#444;font-family:'Open Sans',sans-serif;font-size:15px;text-align:left;line-height:1.5em;display:block}
  114. .navbar,.post-feeds,.feed-links{display:none}
  115. .section,.widget{margin:0;padding:0}
  116. strong,b{font-weight:bold}cite,em,i{font-style:italic}
  117. a:link{color:#2ecc71;text-decoration:none;outline:none;transition:all 0.25s}
  118. a:visited{color:#637182;text-decoration:none}
  119. a:link:hover{color:#46515e;text-decoration:none}
  120. a:visited:hover{color:#46515e;text-decoration:none}
  121. a img{border:none;border-width:0;outline:none}
  122. img{max-width:100%;vertical-align:middle;border:0}
  123. abbr,acronym{border-bottom:1px dotted;cursor:help}
  124. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}
  125. sub{top:.4em}
  126. small{font-size:86%}
  127. kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2px}
  128. mark{background-color:#ffce00;color:#182025}
  129. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0}
  130. hr{height:1px;border:none;background-color:#46515e}
  131. .breadcrumbs{position:relative;background:#fff;border:1px solid #e3e3e3;border-radius:2px;font-size:80%;height:22px;line-height:22px;margin-top:1px;margin-bottom:20px;overflow:hidden;padding:5px;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
  132. .breadcrumbs > span {position:relative;padding:10px 15px;}
  133. .breadcrumbs > span:last-child{background:transparent;color:#333}
  134. .breadcrumbs a{color:#333}.breadcrumbs a:hover{color:#7fa8f0}
  135. .breadcrumbs > span:before, .breadcrumbs > span:after {z-index:1;content:'';border:19px solid transparent;height:0;width:0;right:-26px;top:-1px;position:absolute;border-left-color:#e3e3e3;}
  136. .breadcrumbs > span:before {border-left-color:#e9e9e9;}
  137. .breadcrumbs > span:after {float:left;border-left-color:#fff;right:-24px;border-width:18px;top:0;}
  138. /* CSS Blog Heading */
  139. h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em}
  140. h1{font-size:200%}
  141. h2{font-size:180%}
  142. h3{font-size:160%}
  143. h4{font-size:140%}
  144. h5{font-size:120%}
  145. h6{font-size:100%}
  146. /* CSS List */
  147. ul,dl{margin:.5em 0em .5em 3em}
  148. ol{list-style:decimal outside}
  149. ul{list-style:disc outside}
  150. li{margin:.5em 0}
  151. .post ul li span{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;text-decoration:none;transition:all .3s ease-out;}
  152. ol {counter-reset:li;list-style:none;padding:0;margin:0;}
  153. ol ol {margin: 0 0 0 2em;}
  154. .post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;background:#fff;text-decoration:none;transition:all .3s;}
  155. .post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;height:2em;width:2em;text-align:center;}
  156. .post-body ul {position:relative;display:block;padding:0;margin:.5em 0 .5em 1.5em;text-decoration:none;transition:all .3s ease-out;}
  157. dt{font-weight:bold}
  158. dd{margin:0 0 .5em 2em}
  159. /* CSS Form */
  160. input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline}
  161. textarea{display:block;box-sizing:border-box}
  162. pre,code{color:#46515e}
  163. pre{white-space:pre;word-wrap:normal;overflow:auto}
  164. blockquote{position:relative;line-height:normal;margin:15px 0;border-left:3px solid #c69f73;font-weight:400;padding:0 18px;color:#999}
  165. .awal{float:left;color:#2ecc71;background:#fff;line-height:30px;padding-top:1px;padding-right:5px;font-family:times;font-size:50px}
  166. /* CSS Post Table */
  167. table,caption,tbody{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  168. table{border-collapse:collapse;border-spacing:0;}
  169. .post-body table td,.post-body table caption{border:1px solid #e9e9e9;padding:10px;text-align:left;vertical-align:top;}
  170. .post-body table tr th {border:1px solid #95a5a6;font-weight:700;color:#fff;padding:10px;text-align:left;vertical-align:top;font-size:14px}
  171. .post-body table th {background:#bdc3c7;}
  172. .post-body table.tr-caption-container {border:1px solid #f1f1f1;}
  173. .post-body table caption{border:none;font-style:italic;}
  174. .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;}
  175. .post-body table tr:nth-child(even) &gt; td {background-color:#f9f9f9;}
  176. .post-body table tr:nth-child(even) &gt; td:hover {background-color:#fbfbfb;}
  177. .post-body td a{color:#768187;padding:0 6px;font-size:85%;float:right;display:inline-block;border-radius:3px}
  178. .post-body td a:hover {color:#7f9bdf;border-color:#adbce0;}
  179. .post-body td a[target=&quot;_blank&quot;]:after {margin-left:5px;}
  180. .post-body table.tr-caption-container td {border:none;padding:8px;}
  181. .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
  182. .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
  183. table {max-width:100%;width:100%;margin:1.5em auto;}
  184. table.section-columns td.first.columns-cell{border-left:none}
  185. table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
  186. table.columns-2 td.columns-cell{width:50%}
  187. table.columns-3 td.columns-cell{width:33.33%}
  188. table.columns-4 td.columns-cell{width:25%}
  189. table.section-columns td.columns-cell{vertical-align:top}
  190. table.tr-caption-container{padding:4px;margin-bottom:.5em}
  191. td.tr-caption{font-size:80%}
  192. img{max-width:100%;height:auto;border:0}
  193. table{max-width:100%}
  194. /* CSS Layout */
  195. body#layout #outer-wrapper,body#layout .post-inner,body#layout .sidebar,body#layout #wrapper,body#layout .post-inner,body#layout .sidebar-inner{padding:0}
  196. body#layout .top-tab-widget-menu ul,body#layout ul{display:none}
  197. body#layout .post-inner{float:left;width:68%}
  198. body#layout .section{border:0;padding:0;font-size:90%}
  199. body#layout #tablatur .tablatur{width:25%;float:left}
  200. body#layout .header-wrapper{margin-top:40px}
  201. body#layout #navigation{float:right;width:50%}
  202. body#layout .tablatur{float:left;width:100%}
  203. .ct-wrapper{margin:0;padding:0}
  204. .clear{clear:both}
  205. .clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
  206. #navbar-iframe{display:none!important}
  207. header,nav,section,aside,article,footer{display:block}
  208. /* CSS Global Wrapper */
  209. #outer-wrapper{max-width:1010px;margin:20px auto;padding:20px;overflow:hidden}
  210. #header{float:left;width:100%;max-width:240px}
  211. .header-right{float:right;padding:0;overflow:hidden;margin:0;width:100%;max-width:728px}
  212. .header-wrapper2{position:relative;}
  213. #sidebar-wrapper{float:right;width:30%;margin:0 auto}
  214. #footer-widgetfix .footer-widget{width:30.6%;float:left;}
  215. #footer-widgetfix{max-width:1010px;overflow:hidden;margin:0 auto}
  216. #footer-wrapper .widget-content{text-align:left;margin:20px 0 15px}
  217. #footer-wrapper .widget-content li{margin-left:-14px}
  218. #footer-wrapper .widget li{margin:5px 0 0 0;padding:5px 0 0 15px;display:block}
  219. #credit{width:98%;margin:0 auto}
  220. .credit-left{text-align:center}
  221. .credit-right{float:right;margin:9px 0 0}
  222. .footer-bottom{min-height:40px}
  223. #footx1,#footx2,#footx3{margin:0 .2%}
  224. .footer{padding-bottom:.2em}
  225. .gvusion-socials-icons ul{list-style:none}
  226. #main-home{width:100%;height:auto;padding:20px 0;margin:20px 0 0;margin-bottom:30px;overflow:hidden}
  227. #main-left{float:left;width:46%}#main-right{float:right;width:46%}
  228. #gleft .widget,#gright .widget{padding:0;margin:0;overflow:hidden;}
  229. ]]></b:skin>
  230. <style type='text/css'>
  231. /* Custom Cookies Info Dark */
  232. .cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0);}
  233. .cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important}
  234. .cookie-choices-info .cookie-choices-button{font-weight:normal!important;color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#f64c3b!important;border-radius:2px;letter-spacing:.8px;font-family:&#39;Open Sans Condensed&#39;;transition:all .4s linear}
  235. .cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .4s linear}
  236. .cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}
  237. /* Fixed */
  238. .CSS_LIGHTBOX {z-index:999999!important;}
  239. .CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}
  240. .status-msg-wrap{font-size:90%;font-weight:700;width:100%;margin:20px auto}
  241. .status-msg-body{padding:20px 2%;width:96%}
  242. .status-msg-border{border:1px solid #d8dde1;opacity:1;width:auto}
  243. .status-msg-bg{background-color:#fff}
  244. .status-msg-hidden{padding:20px 2%}
  245. #ArchiveList{font-size:90%}
  246. #ArchiveList ul li:before{content:&quot;&quot;!important;padding-right:0!important}
  247. .rich-snippet{padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px}
  248. .quickedit,#ContactForm1{display:none;}
  249. .widget ul{line-height:1.4em}
  250. .profile-img{display:inline;opacity:1;margin:0 6px 3px 0}
  251. #ArchiveList ul li:before{content:&quot;&quot;!important;padding-right:0!important}
  252. .rich-snippet{padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px}
  253. #Attribution1{height:0;visibility:hidden;display:none}
  254. #Label1 .tab-contents .widget{margin-bottom:15px}
  255. #Label2 li{float:left;width:44%;margin-left:5px}
  256. /* CSS Wrapper */
  257. #outer-wrapper{position:relative;background:#fff;max-width:1010px;margin:20px auto;padding:20px;overflow:hidden;border:1px solid rgba(0,0,0,0.1);}
  258. #content-wrapper{margin:0 auto;padding:5px 0 0;word-wrap:break-word}
  259. #post-wrapper{overflow:hidden;word-wrap:break-word}
  260. /* CSS Header Wrapper */
  261. #header-wrapper{width:100%;margin:0 auto 20px auto;overflow:hidden;padding:0}
  262. #header{float:left;width:100%;max-width:240px;color:#46515e;margin:0}
  263. #header h1,#header p{font-size:220%;font-weight:700;color:#222;margin:0;}
  264. #header a{color:#46515e;text-decoration:none;transition:all 0.3s ease-in-out}
  265. #header a:hover{color:#2ecc71}
  266. #header .description{font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:400;color:#5b686a;text-transform:none}
  267. .header img{display:block}
  268. .header-right{float:right;padding:0;overflow:hidden;margin:0;width:100%;max-width:728px}
  269. .header-right img{display:block}
  270. /* CSS Header 2 Wrapper */
  271. .blogouter-wrapper{background:#fff;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.1);}
  272. .ct-wrapper{background:#fff;position:static;max-width:1010px;margin:auto;padding:0 20px}
  273. .header-wrapper2{margin:0 auto;padding:0}
  274. /* CSS Top Menu */
  275. .mainin-nav{display:block;margin:0 auto;padding:0}
  276. .mainin-nav ul{width:100%;padding:0;margin:0;}
  277. .mainin-nav li{list-style-type:none;float:left;margin:0;padding:0;}
  278. .mainin-nav li a{font-size:14px;font-weight:700;color:#999;display:block;margin:0;padding:10px 15px;line-height:42px}
  279. .mainin-nav ul li a:active,.mainin-nav ul li.highlight a{background:#2ecc71;color:#fff;text-decoration:none}
  280. .mainin-nav li.highlight{background:#fafafa}
  281. .mainin-nav ul li a:hover{color:#2ecc71;text-decoration:none}.mainin-nav ul li.highlight a:hover{color:#fff;text-decoration:none}
  282. .mainin-nav a#pull{display:none}
  283. /* CSS Search */
  284. #search{position:relative;display:inline;margin:10px auto 10px 20px;text-align:center;overflow:hidden;line-height:42px;float:right}
  285. #search form{margin:0}
  286. #search-form{margin:auto;background:#fafafa url(&#39;http://2.bp.blogspot.com/-tKvXWA9KXYw/VASEkUoGRmI/AAAAAAAAFlg/AWhlTEhIyuY/s1600/search.png&#39;) 93% 50% no-repeat;border:1px solid #f0f0f0;width:100%;color:#666;padding:10px 15px;border-radius:4px;transition:all .5s}
  287. #search-form .search-button,#search-form .search-button:hover{transition:all 0.5s ease 0s;height:36px;width:36px;line-height:13px;background:#fff;border:0 none;float:right;cursor:pointer;outline:none}
  288. #search-form:focus{background:#fff url(&#39;http://2.bp.blogspot.com/-tKvXWA9KXYw/VASEkUoGRmI/AAAAAAAAFlg/AWhlTEhIyuY/s1600/search.png&#39;) -10% 50% no-repeat;outline:none;color:#222}
  289. .search-text{font-size:13px;float:right;cursor:pointer}
  290. .search-text:hover{color:#76a7fa}
  291. /* CSS Main Menu */
  292. #menu-wrapper {transform:translateZ(0);-webkit-transform:translateZ(0);}
  293. #gvmenu{background:#016fba;margin:0 auto 20px auto;width:100%;height:auto;text-align:left;max-width:1010px}
  294. #gvmenu ul,#gvmenu li{margin:0;padding:0;list-style:none}
  295. #gvmenu ul{display:inline-flex;position:relative}
  296. #gvmenu li{float:left;display:inline-block;position:relative;font-size:14px;font-weight:700;border-right:1px solid rgba(0,0,0,0.1);}
  297. #gvmenu li:last-child{border:0}
  298. #gvmenu li a{color:#fff}
  299. #gvmenu a{display:block;background:#016fba;padding:15px 20px;text-decoration:none;color:#fff;transition:all .2s}
  300. #gvmenu li:hover &gt; a{background:#015f9e;color:#fff}
  301. #gvmenu li a:hover{background:#015f9e;color:#fff}
  302. #gvmenu input{display:none;margin:0;padding:0;width:80px;height:50px;opacity:0;cursor:pointer}
  303. #gvmenu label{font-size:30px;font-weight:400;display:none;width:35px;height:51px;line-height:51px;text-align:center}
  304. #menu label span{font-size:13px;position:absolute;left:35px}
  305. #gvmenu ul.menus{height:auto;overflow:hidden;width:160px;background:#fff;position:absolute;z-index:99;display:none;color:#dadce0;box-shadow:0 0 1px 0 rgba(0,0,0,0.2)}
  306. #gvmenu ul.menus a{background:#fff;color:#666;display:block;padding:10px;line-height:20px;border-bottom:1px solid #f5f5f5}
  307. #gvmenu ul.menus a:hover{padding-left:17px;color:#53606f;}
  308. #gvmenu ul.menus li{display:block;width:100%;font-size:13px;font-weight:400;text-transform:none;border-right:0;transition:all 0.1s ease-in-out}
  309. #gvmenu ul.menus li:hover{width:100%}
  310. #gvmenu ul.menus li:first-child a{border-top:none}
  311. #gvmenu ul.menus li:last-child a{border-bottom:none}
  312. #gvmenu ul.menus li:hover a{color:#53606f}
  313. #gvmenu li:hover ul.menus{display:block}
  314. #gvmenu .homers a{background:#015f9e}
  315. #gvmenu .homers a:hover{background:#0165a9;}
  316. /* CSS Post Wrapper */
  317. .post-inner{float:left;width:68%;margin:0 0 10px}
  318. .post{position:relative;margin:0 0 20px;padding:20px;border:1px solid #e3e3e3}
  319. .post-body{line-height:1.6em;color:#252f31;margin-top:15px;margin-right:0;font-size:14px}
  320. .post-body img{max-width:95%;margin:0 auto;height:auto}
  321. h3.post-title,h2.post-title,h1.post-title{font-size:160%;font-weight:700;padding:10px 0;text-align:center;}
  322. h3.post-title a,h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{color:#999}
  323. h3.post-title a:hover,h2.post-title a:hover,h1.post-title a:hover{color:#0089e7}
  324. .post-info{background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:11px}
  325. .post-info a{display:inline;background:#fff;color:#7b8996;padding:4px 6px 4px 6px;transition:all .3s ease-in-out}
  326. .post-info a:hover{background:transparent;background:#2ecc71;color:#fff}
  327. .post-info abbr{border:0;cursor:pointer}
  328. .author-info,.time-info,.comment-info,.label-info,.review-info{margin-right:1px!important;display:inline}
  329. .halaman-kanan,.halaman-kiri,.pager-title-left{transition:all .3s ease-in-out}
  330. .halaman{line-height:1.2em!important;margin:20px 0;padding:20px;height:auto;background:#fff;border:1px solid #e3e3e3}
  331. .halaman-kanan,.halaman-kiri{color:#222;background:0 0;width:50%;position:relative;-moz-box-sizing:border-box;margin:0}
  332. .halaman-kiri{height:auto;float:left;padding:0 10px 0 40px;text-align:left;box-sizing:border-box}
  333. .halaman-kanan,.halaman-kiri{-webkit-box-sizing:border-box}
  334. .halaman-kanan{height:auto;float:right;padding:0 40px 0 10px;text-align:right;box-sizing:border-box}
  335. .halaman-kanan a:hover,.halaman-kanan:hover .pager-title-left,.halaman-kiri a:hover,.halaman-kiri:hover .pager-title-left{color:#0181d8!important}
  336. .current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:100%;font-weight:700;background:0 0;text-decoration:none}
  337. .halaman-kanan a,.halaman-kiri a{color:#222;font-size:110%;font-weight:500}
  338. #blog-pager,.isihalaman-kanan,.isihalaman-kiri{margin:0!important}
  339. .arrowright,.arrowleft{position:absolute;top:50%;margin-top:-8px}
  340. .arrowleft{left:10px}.arrowright{right:10px}
  341. #blog-pager-newer-link{float:left}
  342. #blog-pager-older-link{float:right}
  343. .blog-pager,#blog-pager{clear:both;text-align:center}
  344. .feed-links{clear:both;line-height:2.5em}
  345. /* CSS Comments */
  346. #comments{background:#fff;position:relative;margin:10px auto 20px auto;padding:20px;border:1px solid #e3e3e3;border-bottom:1px solid #ccc}
  347. #comment_block{position:relative}
  348. .comment_avatar_wrap{width:42px;height:42px;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;background:#fcfcfc;padding:4px;border-radius:2px;text-align:center;margin-bottom:20px}
  349. #comments .avatar-image-container{float:left;margin:0 10px 0 0;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;margin-bottom:10px}
  350. #comments .avatar-image-container img{width:42px;height:42px;max-width:42px;max-height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
  351. .comment_name a{font-weight:bold;padding:5px 0 0 0;font-size:13px;text-decoration:none}
  352. .comment_admin .comment_name{font-weight:700;padding:10px;font-size:13px;text-decoration:none;background:#f9f9f9}
  353. .comment_admin .comment_date{font-weight:normal;font-size:11px}
  354. .comment_name{background:#eee;padding:10px;font-size:13px;font-weight:bold;position:relative}
  355. .comment_service{margin-top:5px}
  356. .comment_date{color:#a9a9a9;float:right;font-size:11px;font-weight:normal;margin-top:-3px}
  357. .comment_date a{color:#a9a9a9;float:right;font-size:11px;font-weight:normal}
  358. .comment_date a:hover{color:#a9a9a9;text-decoration:none}
  359. .comment_body{margin-left:66px;margin-top:-64px;background:#fcfcfc;border:1px solid #eee;padding:10px;border-radius:2px}
  360. .comment_body p{line-height:1.5em;margin:5px 0 0 0;color:#666;border:1px solid #eee;font-size:13px;word-wrap:break-word;background:#fff;padding:10px}
  361. .comment_inner{margin:12px 0}
  362. .comment_child .comment_wrap{padding-left:7%}
  363. .comment_reply{display:inline-block;margin-top:10px;margin-left:-6px;padding:1px 8px;color:#fff!important;text-align:center;text-decoration:none;background:#ccc;font:11px/18px sans-serif;transition:background-color 1s ease-out 0s}
  364. .comment_reply:hover{text-decoration:none!important;;background:#1daced}
  365. .unneeded-paging-control{display:none}
  366. .comment-form{max-width:100%;!important}
  367. #comment-editor{width:100%!important;background:transparent url(http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif) no-repeat 50% 30%;border:1px solid #eee}
  368. .comment_form a{text-decoration:none;text-transform:uppercase;font-size:15px}
  369. .comment-form p{background:#f9f9f9;padding:15px 15px 11px;margin:5px 0 15px;color:#444;font-size:13px;line-height:1.3em;border-radius:3px;position:relative;max-width:100%}
  370. .comment-form p:after{content:&quot;&quot;;width:0;height:0;position:absolute;bottom:-16px;left:15px;border:8px solid transparent;border-color:#f9f9f9 transparent transparent}
  371. .comment_reply_form{padding:0 0 0 70px}
  372. .comment_reply_form .comment-form{width:99%}
  373. .comment_emo_list .item{float:left;display:block;text-align:center;margin:10px 10px 0 0;height:40px;width:41px}
  374. .comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px}
  375. .comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
  376. .comment_img{max-width:100%!important}
  377. .deleted-comment{padding:10px 10px 10px 10px;display:block;color:#CCC}
  378. .comment_arrow{display:block;width:9px;height:18px;background:url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-19px}
  379. .comment_header{width:50px}
  380. #respond{overflow:hidden;padding-left:10px;clear:both}
  381. .comment_avatar img{width:42px;height:auto;background:url(http://3.bp.blogspot.com/-fr42e67HG4I/Vky8HLexiEI/AAAAAAAAM0I/MLMd2qwIH1E/s1600/avatar.png) no-repeat}
  382. .comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
  383. iframe{border:none;overflow:hidden}
  384. .paging-control-container{text-align:center;margin:0 0 0 25%}
  385. .paging-control-container a{text-align:center;margin:0 auto;background:#ccc;border:1px solid #dee1e2;padding:3px 10px}
  386. #konversi-box,#hide-konversi,#emo-box,#hide-emo{display:none}
  387. #konversi-box{width:100%;color:#eee;background:none;line-height:1.6em;margin-bottom:20px;padding:0;text-align:left}
  388. .checkbox{font:11px Tahoma,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee}
  389. #codes{border:1px solid #ddd;width:100%;height:200px;display:block;background-color:#fff;border-radius:1px;font:normal 12px &#39;Courier New&#39;,Monospace;margin:7px 0 10px;padding:5px;transition:all 0.5s linear}
  390. #codes:focus{background-color:#46515e;color:#fff;border:1px solid #263138;outline:none;transition:all 0.3s linear}
  391. .button-group{float:right;text-align:left;margin:0 auto}
  392. button,button[disabled]:active{border:none;font-size:12px;font-weight:normal;border-radius:1px;border-bottom:2px solid #a0ad64;padding:4px 10px;text-decoration:none;background:#b6c472;color:#fff;display:inline-block;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);transition:all 0.5s linear;cursor:pointer}
  393. button:hover{background:#a0ad64;border-bottom:2px solid #8b9656;color:#fff;transition:all 0.2s linear}
  394. button:active{background:#a0ad64;border-bottom:2px solid #8b9656;color:#fff}
  395. button[disabled],button[disabled]:active{background:#a0ad64;border-bottom:2px solid #8b9656;color:#fff;cursor:default}
  396. #opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;vertical-align:middle;border:none;outline:none;margin:0 10px 0 0}
  397. span.small-lips{display:block}
  398. .small-button a,.small-button1 a{color:#fff;font-size:13px;cursor:pointer;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:3px;display:inline-block;background:#bdc3c7;padding:5px 10px}
  399. .small-button:hover a,.small-button1:hover a{color:#fff;background:#95a5a6}
  400. /* CSS Syntax Highlighter */
  401. pre{background:#f5f5f5;color:#999;display:block;font:12px/19px Consolas,&#39;Andale Mono&#39;,Courier,&#39;Courier New&#39;,monospace;margin:10px 0;overflow:auto;padding:19px 19px 17px;border:1px solid #e3e3e3}
  402. pre .comment{color:#A57A4C}
  403. pre .variable.global,pre .variable.class,pre .variable.instance{color:#DC3958}
  404. pre .constant.numeric,pre .constant.language,pre .constant.hex-color,pre .keyword.unit{color:#F79A32}
  405. pre .constant,pre .entity,pre .entity.class,pre .support{color:#F06431}
  406. pre .constant.symbol,pre .string{color:#889B4A}
  407. pre .entity.function,pre .support.css-property,pre .selector{color:#8AB1B0}
  408. pre .keyword,pre .storage{color:#98676A}
  409. /* CSS Recents Post with Label */
  410. #main-home{width:100%;height:auto;padding:20px 0;margin-bottom:20px;margin-top:0;overflow:hidden}
  411. #main-home li{list-style:none;margin:0;padding:0;}
  412. #main-left,#main-right{position:relative;display:block;background:#fff;width:49%;padding:10px;border:1px solid #e3e3e3}
  413. #main-left{float:left;}#main-right{float:right;}
  414. #main-left h2,#main-right h2{background:#ecf0f1;font-family:&#39;Dosis&#39;,sans-serif;font-size:16px;font-weight:400;position:relative;text-transform:uppercase;margin:0 0 20px 0;padding:0}
  415. #main-left h2 span,#main-right h2 span{background:#95a5a6;color:#fff;display:inline-block;padding:5px 15px;border-right:3px solid #fff}
  416. img.label_thumb{float:left;margin-right:10px;margin-bottom:5px;height:62px;width:62px;border-radius:4px}
  417. #main-home ul.label_with_thumbs{display:block;margin:0;padding:0}
  418. #main-home ul.label_with_thumbs li{display:inline-block;clear:both;width:100%;margin:0 0 .7em 0;padding:0 0 .7em 0;border-bottom:1px solid #f1f1f1;}
  419. #main-home ul.label_with_thumbs li:last-child{border:0}
  420. .label_with_thumbs li{font-size:10px;color:#b1b8bd;list-style:none;padding-left:0!important}
  421. .label_with_thumbs a{font-size:14px;color:#444;line-height:1.4em;margin-bottom:8px}
  422. .label_with_thumbs a:hover{opacity:.9;color:#2ecc71}
  423. .label_with_thumbs strong{padding-left:0}
  424. #gleft .widget,#gright .widget{background:#fff;padding:0;margin:0;overflow:hidden;}
  425. #gleft .widget-content,#gright .widget-content{overflow:hidden}
  426. #main-home a.labelmore{background:#fff;color:#999;clear:both;padding:2px 8px;text-transform:uppercase;font-size:75%;border:1px solid #e3e3e3}
  427. #main-home a.labelmore:hover{color:#444;border-color:#ccc}
  428. /* CSS Social Network */
  429. .gvusion-socials-icons{margin:0 0 20px 0}
  430. .gvusion-socials-icons ul{margin:0;padding:0;list-style:none;margin-bottom:-5px;margin-right:-5px;overflow:hidden}
  431. .gvusion-socials-icons ul li:before{display:none}
  432. .gvusion-socials-icons ul li{margin:0;padding:0;list-style:none;float:left;width:45px;height:45px;line-height:45px;text-align:center;background:#00baff;font-size:21px;margin-right:5px;margin-bottom:5px;opacity:.9;border-radius:3px;}
  433. .gvusion-socials-icons ul li:hover{opacity:1;}
  434. .secondary-sidebar .gvusion-socials-icons ul li{width:36px;height:36px}
  435. .secondary-sidebar .gvusion-socials-icons ul li a{line-height:45px}
  436. .secondary-sidebar .gvusion-socials-icons ul li a i{font-size:20px}
  437. .gvusion-socials-icons ul li a{line-height:45px;display:block;color:#fff}
  438. .gvusion-socials-icons ul li a:hover{color:#fff}
  439. .gvusion-socials-icons ul li.home{background:#83868a}
  440. .gvusion-socials-icons ul li.facebook{background:#516ca4}
  441. .gvusion-socials-icons ul li.googleplus{background:#f20000}
  442. .gvusion-socials-icons ul li.rss{background:#f29400}
  443. .gvusion-socials-icons ul li.youtube{background:#f20000}
  444. .gvusion-socials-icons ul li.dribbble{background:#dc71a6}
  445. .gvusion-socials-icons ul li.deviantart{background:#4c5e51}
  446. .gvusion-socials-icons ul li.pinterest{background:#f20000}
  447. .gvusion-socials-icons ul li.instgram{background:#406f94}
  448. .gvusion-socials-icons ul li.tumblr{background:#395875}
  449. .gvusion-socials-icons ul li.linkedin{background:#1985bc}
  450. .gvusion-socials-icons ul li.soundcloud{background:#f60}
  451. /* CSS Ads */
  452. .banner{margin:0 auto;text-align:center;overflow:hidden}
  453. .banner .widget{width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px}
  454. .banner img,.banner iframe{display:block;margin:0 auto;text-align:center}
  455. .kotak_iklan{text-align:center;margin:0 auto;transition:all 1s ease-out}
  456. .kotak_iklan .sidebar .widget-content{padding:0;background:#333;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0}
  457. .kotak_iklan .sidebar .widget{margin-bottom:0;padding:0}
  458. .kotak_iklan img{margin-bottom:2px;margin-top:2px;text-align:center;transition:all 1s ease-out}
  459. .kotak_iklan img:hover{transition:all .5s ease-out}
  460. .kotak_iklan2{text-align:center;margin:0 auto;transition:all 1s ease-out}
  461. .kotak_iklan2 .sidebar .widget-content{padding:0;background:#f0f0f0;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0}
  462. .kotak_iklan2 .sidebar .widget{margin-bottom:0;padding:0}
  463. .kotak_iklan2 img{text-align:center;transition:all 1s ease-out}
  464. .kotak_iklan2 img:hover{transition:all .5s ease-out}
  465. /* CSS Sidebar Wrapper */
  466. #sidebar-wrapper{float:right;width:31%;margin:0 auto}
  467. #sidebar{margin:20px auto}
  468. #sidebar .widget-content{padding:10px}
  469. .sidebar h2,.sidebar h3{background:#f5f5f5;color:#444;font-family:&#39;Dosis&#39;,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;margin:0;padding:12px 15px;position:relative;border-bottom:1px solid #e3e3e3;transition:all .5s ease-out}
  470. .tablatur h2,.tablatur h3{background:#f5f5f5;color:#444;font-family:&#39;Dosis&#39;,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;margin:0;padding:12px 15px;position:relative;transition:all .5s ease-out}
  471. .sidebar .widget{background:#fff;margin:20px auto;border:1px solid #e3e3e3}
  472. .sidebar ul,.sidebar ol{list-style-type:none;margin:0;padding:0 10px 10px 10px;}
  473. .sidebar li{margin:5px 0;padding:0}
  474. /* CSS Tabs */
  475. .tabs,.tablatur{margin:0}
  476. .tabs .tablatur{padding:0}
  477. .tabs.tabs-1{border:1px solid #e3e3e3}
  478. .tabs-menu{background:#f1f1f1;padding:0;margin:0}
  479. .tabs-menu li{font-size:14px;font-weight:700;height:45px;line-height:45px;width:33.3%;margin:0;list-style:none;text-align:center;display:inline-block;padding:0;color:#999;cursor:pointer;position:relative;border-bottom:1px solid #e3e3e3;transition:all 0.1s linear}
  480. .tabs-menu li:hover{color:#2ecc71}
  481. .tabs-menu .active-tab{background:#fff;color:#2ecc71;border-bottom:1px solid transparent}
  482. .tabs-menu .active-tab:hover{color:#222}
  483. .tab-contents{padding:10px;background:#fff;margin-bottom:15px}
  484. .tab-contents .sidebar li{margin:0;padding:0}
  485. .tab-contents .widget ul{background:transparent;color:#666;overflow:visible}
  486. .tab-contents .widget li{background:#fff;color:#666;float:none!important}
  487. /* CSS Popular Posts */
  488. .PopularPosts ul{background:#fff;list-style:none;margin:0;padding:0;overflow:hidden;border-radius:0 0 5px 5px;border-top:none}
  489. .PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
  490. .PopularPosts ul{margin:0;list-style:none;color:#222}
  491. .PopularPosts ul li img{display:block;margin:0 10px 0 0;width:62px;height:62px;border:1px solid #f5f5f5;overflow:hidden;float:right;border-radius:5px!important}
  492. .PopularPosts ul li{background-color:#fff;margin:0;padding:10px 0;padding-right:5px;position:relative;border-bottom:1px solid #f5f5f5;transition:all .3s}
  493. .PopularPosts ul li:first-child{border-top:none}
  494. .PopularPosts ul li:last-child{border-bottom:none}
  495. .PopularPosts ul li a:hover{color:#0181d8!important}
  496. .PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#444;font-size:85%;font-weight:700;transition:all .3s}
  497. .PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#0181d8}
  498. .PopularPosts .item-thumbnail{margin:0}
  499. .PopularPosts .item-snippet{display:none}
  500. .profile-img{display:inline;opacity:1;margin:0 6px 3px 0}
  501. .PopularPosts .item-title{padding-bottom:.2em;padding:0 5px}
  502. #sosmed,#sosmed-msg{margin:0 auto;padding:0 5px 5px;position:relative;line-height:1.3em}
  503. /* CSS Footer */
  504. #footer-wrapper{position:relative;overflow:hidden;background:#222}
  505. #footer-widgetfix .footer-widget{width:32.3%;float:left;margin:0 5px;padding:5px}
  506. #footer-widgetfix{max-width:1010px;overflow:hidden;margin:0 auto}
  507. #footer-wrapper .widget{color:#ddd}
  508. #footer-wrapper h2{position:relative;font-family:&#39;Dosis&#39;,sans-serif;font-size:16px;font-weight:700;color:#ddd;padding:10px 0;text-transform:uppercase;border-bottom:2px solid #444}
  509. #footer-wrapper h2:after{content:&#39;&#39;;width:50px;height:2px;background:#2ecc71;position:absolute;left:0;bottom:-2px;transition:.3s ease-in-out}
  510. #footer-wrapper h2:hover:after{width:100%}
  511. #footer-wrapper .widget-content{text-align:left;margin:20px 0 15px;color:#ddd}
  512. #footer-wrapper .widget-content li{margin-left:-14px;color:#ddd}
  513. #footer-wrapper .widget li{margin:5px 0 0 0;padding:5px 0 0 15px;display:block}
  514. .footer li a{padding-top:0;padding-right:0;line-height:2em;font-size:13px;font-weight:400;color:#ddd;margin:0}
  515. #footerfix{background:#181818;padding:12px;border-top:1px solid #333;font-weight:700;}
  516. #credit{color:#aaa;font-size:14px;margin:0 auto;max-width:1010px}
  517. #credit a{color:#2ecc71;text-decoration:none}
  518. #credit a:hover{color:#fff;text-decoration:none}
  519. .cpleft{margin:10px auto;text-align:center}
  520. .footer-bottom{min-height:40px}
  521. #footx1,#footx2,#footx3{margin:0 .2%}
  522. .footer{font-weight:400;padding-bottom:.2em}
  523. /* CSS Back to Top */
  524. #back-to-top{background:#333;color:#ddd;overflow:hidden;text-align:center;width:60px;height:35px;line-height:35px;font-size:160%;display:block;margin:0 auto;cursor:pointer}
  525. #back-to-top a{color:#fff}#back-to-top:hover,#back-to-top a:hover{color:#fff}
  526. /* CSS Follow by email */
  527. .FollowByEmail .follow-by-email-inner{position:relative;color:#ddd}
  528. .follow-by-email-inner{background:#1f1f1f;padding:20px;color:#ddd}
  529. .follow-by-email-inner:before{color:#ddd;content:&quot;Enter Your Email and Join Our Email Subscriber List,Its Spam Free Secure Email System&quot;;font-size:12px;font-weight:normal;padding-bottom:10px}
  530. .FollowByEmail .follow-by-email-inner .follow-by-email-address{background:#fff;border:0;outline:0;color:#263138;font-size:13px;height:32px;padding:10px;width:100%}
  531. .FollowByEmail .follow-by-email-inner .follow-by-email-submit{background:#3498db;border:0;color:#fff;cursor:pointer;font-size:13px;height:32px;line-height:32px;margin:0;width:60px;z-index:0;border-radius:0;transition:all .6s}
  532. .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:#2e87c2}
  533. .tabletd1{width:100%}
  534. .tabletd2{width:64px}
  535. /* CSS label */
  536. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:1}
  537. .cloud-label-widget-content{text-align:left;display:inline-block;overflow:hidden;}
  538. .label-size{background:#f5f5f5;display:block;float:left;margin:0 3px 3px 0;color:#999;font-size:12px;}
  539. .label-size a,.label-size span{display:inline-block;color:#666;padding:8px 10px;font-weight:700;transition:initial}
  540. .label-size:hover{background:#2980b9}
  541. .label-size a:hover{color:#fff}
  542. .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#d26b64;color:#fff;}
  543. .label-count:hover{background:#b45d57;color:#fff}
  544. .label-size{line-height:1.2}
  545. #sidebar-wrapper .Label li{background:#fff;color:#7b8996;float:left;padding:5px;text-align:left;width:44%;border:1px solid #d8dde1;}
  546. #sidebar-wrapper .Label li:hover{background:#ea6153;color:#fff;border:1px solid #92bf84}
  547. #sidebar-wrapper .Label li a{color:#7b8996;transition:.3s linear}
  548. #sidebar-wrapper .Label li a:hover{padding-left:5px;padding-right:0;color:#fff}
  549. #footer-wrapper .label-size{background:#333;color:#ddd;display:block;float:left;margin:0 3px 3px 0;font-size:12px;}
  550. #footer-wrapper .label-size a{display:inline-block;color:#ddd;padding:8px 10px;font-weight:400;transition:initial}
  551. #footer-wrapper .label-size a:hover,#footer-wrapper .label-size:hover,#footer-wrapper .label-size:hover,#footer-wrapper-inner .label-size:hover{background:#181818;color:#fff;}
  552. #footer-wrapper .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#2ecc71;color:#fff!important}
  553. /* CSS Flicker Image Gallery */
  554. .flickr_plugin{width:300px}
  555. .flickr_badge_image{float:left;height:62px;padding:1px;width:62px}
  556. .flickr_badge_image a{display:block;background:transparent;padding:1px;transition:all 1s ease-out}
  557. .flickr_badge_image a img{display:block;width:100%;height:auto;opacity:.8;transition:opacity 100ms linear}
  558. .flickr_badge_image a img:hover{opacity:1}
  559. .d-header{margin-top:-1px}
  560. .ccounter{margin-top:-1px}
  561. /* CSS Global Responsive */
  562. @media screen and (max-width:1066px){#outer-wrapper{margin:0 auto}.opt-in .inner .ct-wrapper{padding:0 48px}.header-right{float:right;padding:0;overflow:hidden;margin:0;max-width:640px!important}.header-right img{display:block}.gvusion-socials-icons ul li{margin:auto;width:44px;height:44px;line-height:44px;}}
  563. @media screen and (max-width:960px){
  564. .blogouter-wrapper{border-bottom:none}
  565. #header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center}
  566. #header{margin-bottom:10px}
  567. .header-right{margin-top:0}
  568. .header-right img,.header-right iframe{margin:0 auto;max-width:100%}
  569. #header-wrapper{width:100%!important;padding:0 10px}
  570. .ct-wrapper{padding:0 10px}
  571. .header-wrapper2{padding:0}
  572. .mainin-nav{display:block;width:100%;padding:0}
  573. .mainin-nav ul{text-align:center}
  574. .mainin-nav ul{display:none;height:auto}
  575. .mainin-nav a#pull{float:left;display:block;font-weight:700;padding:20px;position:relative;text-align:left;text-transform:uppercase}
  576. .mainin-nav a#pull:before{content:&quot;\f0c9&quot;;display:inline;font-weight:normal;margin:0 10px 0 0;font-family:fontawesome}
  577. .mainin-nav li{display:block;width:100%;text-align:left;border-bottom:none}
  578. #menu-wrapper{position:relative!important}
  579. #gvmenu{position:relative;color:#fff}
  580. #gvmenu ul{background:#46515e;position:absolute;top:100%;right:0;left:0;z-index:5;height:auto;display:none}
  581. #gvmenu ul.menus{width:100%;position:static;box-shadow:none;display:block}
  582. #gvmenu li{display:block;width:100%;text-align:left}
  583. #gvmenu a{display:block}
  584. #gvmenu li a{color:#fff;margin:0}
  585. #gvmenu ul.menus a{background:#0065aa;color:#fff;border:0;padding:10px 20px}
  586. #gvmenu ul.menus a:hover,#gvmenu ul.menus li:hover a{color:#fff;padding:10px 30px 10px 20px}
  587. #gvmenu input,#gvmenu label{display:inline-block;right:0;top:0;left:0;width:100%;z-index:2}
  588. #gvmenu label{display:inline;width:initial}
  589. #gvmenu input:after,#gvmenu label:before{content:&quot;\f0c9&quot;;display:inline-block;position:absolute;left:20px;top:2px;font-family:fontawesome}
  590. #gvmenu input{z-index:4}
  591. #gvmenu input:checked + label{color:#fff;font-weight:700}
  592. #gvmenu input:checked ~ ul{display:block}
  593. #footer-widgetfix{width:100%;overflow:hidden}
  594. #footer-widgetfix .footer-widget{width:46%;float:left;margin-left:20px}
  595. .flickr_badge_image{float:left;height:60px;margin:2px;width:60px}}
  596. @media only screen and (max-width:768px){
  597. #outer-wrapper{padding:0 12px}
  598. .post-inner,#sidebar-wrapper{width:100%;max-width:100%}
  599. .post-body img{max-width:100%}
  600. .img-thumbnail{margin:0 10px 0 0}
  601. .sidebar-inner,.post-inner{padding:15px 0 0}
  602. ul#relpost_img_sum li{width:100%}
  603. #main-left h2,#main-right h2,#main-left,#main-right{width:100%;float:none;margin:0 0 20px 0}
  604. #gleft .widget-content,#gright .widget-content{overflow:visible;margin:0 0 10px 0}
  605. #credit{float:none;margin:0 auto;text-align:center}
  606. .cpleft,#cpright{float:none;text-align:center;margin:10px}}
  607. @media only screen and (max-width:640px){#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center}#header{margin-bottom:10px;margin-top:10px}.header-right{float:none;margin-top:0;margin:0 auto;text-align:center}.header-right img,.header-right iframe{float:none;margin:0 auto;text-align:center}#header-wrapper{width:100%!important;padding:0}#outer-wrapper{padding:0 10px}.post-inner,#sidebar-wrapper,#footer-col1,#footer-col2,#footer-col3{width:100%;max-width:100%}h2.post-title,h1.post-title,h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{font-size:18px}.opt-in .inner .ct-wrapper{padding:0 10px}.sidebar-inner,.post-inner{padding:10px 0 0}.post{margin:0 0 10px;padding:10px}#footer-widgetfix{width:100%;overflow:hidden}#footer-widgetfix .footer-widget{width:92%;float:left;margin-left:20px}#credit{float:none;margin:0 auto;text-align:center}.cpleft,#cpright{float:none;text-align:center;margin:10px}.flickr_plugin{text-align:center;margin:0 auto}}
  608. @media only screen and (max-width:480px){.header-right{float:none;margin-top:0;margin:0 auto;text-align:center}.header-right img,.header-right iframe{float:none;margin:0 auto;text-align:center}#outer-wrapper{padding:0 8px}.post{margin:0 0 8px;padding:8px}h2.post-title,h1.post-title{font-size:16px}.img-thumbnail,.img-thumbnail img{width:120px;height:90px}.img-thumbnail{margin:0 8px 0 0}.comments .comment-block,.comments .comments-content .inline-thread{padding:10px!important}.comment .comment-thread.inline-thread .comment{margin:0 0 0 0!important}#related_posts{margin:20px 20px 20px 0;padding:0}.post-info{font-size:12px}.flickr_badge_image{height:55px;width:55px}}
  609. @media screen and (max-width:320px){.header-right{float:none;margin-top:0;margin:0 auto;text-align:center}.header-right img,.header-right iframe{float:none;margin:0 auto;text-align:center}#outer-wrapper{padding:0 6px}.post{padding:6px}.img-thumbnail,.img-thumbnail img{width:100px;height:80px}#footer-widgetfix{width:100%;overflow:hidden}#footer-widgetfix .footer-widget{width:87%;float:left;margin-left:20px}}
  610. </style>
  611. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  612. <style type='text/css'>
  613. .post img{background:#f9f9f9;height:auto;max-width:100%;border:0;margin-bottom:2.0px;box-shadow:0 0 0 1px rgba(0,0,0,0.03);opacity:1;transition:all .6s ease;}
  614. .post img:hover {opacity:0.95;}
  615. .post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0!important;}
  616. .breadcrumbs{border-bottom:0;margin-bottom:0;}
  617. .post-info{margin:5px 0;color:#444;font-size:90%;padding:0;text-align:center;font-weight:700;border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3}
  618. .post-info a{display:inline-block;background:transparent;color:#444;padding:10px;transition:all .3s ease-in-out}
  619. /* share button */
  620. #share-this{overflow:hidden;margin:20px auto 0 auto;line-height:1.4em;display:table;text-align:center}
  621. #share-this h4{position:relative;overflow:hidden;margin:0 0 20px;letter-spacing:1px;font-size:120%;font-weight:700;padding:0 8px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out}
  622. #share-this h4:before,#share-this h4:after{position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:&#39;\a0&#39;;background-color:#ddd}#share-this h4:before{margin-left:-50%;text-align:right;}#share-this span{position:relative;display:inline-block;padding:0 10px;margin:auto;}
  623. #share-this a{float:left;display:block;color:#fff;padding:10px 14px;text-align:center;margin:0 3px 3px;font-size:12px}#share-this a.this-fb{background:#395796;}#share-this a.this-tw{background:#4cb0ea;}#share-this a.this-gp{background:#de3425;text-align:center;overflow:hidden}#share-this a.this-gp i{text-align:center;padding:0}#share-this a.this-fb:hover,#share-this a.this-tw:hover,#share-this a.this-gp:hover {opacity:.9}#share-this i{display:inline-block;margin:-3px 10px 0 0}
  624. .this-fb i,.this-tw i,.this-gp i{background:url(http://1.bp.blogspot.com/-P3DOmXqEiCM/VkOW8tkzxGI/AAAAAAAAMpE/cBX9b0xTPU8/s1600/sosmed2.png) no-repeat;width:22px; height:18px; display:inline-block;vertical-align:text-top;margin-top:-6px;text-align:center}
  625. .this-fb i{background-position:0 -100px;margin-top:-4px}.this-tw i{background-position:0 -150px}.this-gp i{background-position:0 -200px}.notpay {font-size:13px;line-height: 22px;border:2px #df3f2a solid;padding:3px 15px;text-align:center;margin:0 0 25px;}.pay {font-size:13px;line-height: 22px;border:2px #5973b0 solid;padding:3px 15px;text-align:center;margin:0 0 25px;}
  626. /* Related Posts */
  627. .related-post{margin:30px 0 0;position:relative;padding:0 0 10px}
  628. .related-post h4,#comments h3{color:#333;text-align:center;letter-spacing:1px;font-size:120%;font-weight:700;text-transform:uppercase;position:relative;padding:15px 20px;margin:0 0 20px}
  629. .related-post h4:after,#comments h3:after{content:&quot;&quot;;position:absolute;width:4px;height:4px;background:#1a9eda;border-radius:50%;bottom:0;left:46%;box-shadow:1em 0 0 0 #1a9eda,2em 0 0 0 #1a9eda}
  630. .related-post ul{margin:0;padding:0}
  631. .related-post-style-3,.related-post-style-3 li{margin:auto;text-align:left;padding:0;list-style:none;word-wrap:break-word}
  632. .related-post-style-3 li a{color:#64707a;font-weight:700;font-size:13px;line-height:1.4em}
  633. .related-post-style-3 li:hover a,.related-post-style-3 li a:hover{color:#1daced}
  634. .related-post-style-3 .related-post-item{display:inline-block;float:left;width:29.2%;height:220px;padding:0;margin-left:3%;margin-bottom:15px;position:relative;overflow:hidden}
  635. .related-post-style-3 .related-post-item:focus{outline:none;border:none}
  636. .related-post-style-3 .related-post-item-thumbnail{display:block;margin:0 0 10px;width:100%;height:125px;}
  637. /* CSS Item Responsive */
  638. @media only screen and (max-width:640px){.related-post-style-3 .related-post-item {width:45.4%;}}
  639. @media screen and (max-width:414px){.related-post-style-3 .related-post-item {width:100%;margin:0;padding:10px;}}
  640. </style>
  641. </b:if>
  642. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  643. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  644. <style type='text/css'>
  645. /* CSS Post Wrapper */
  646. .post{position:relative;margin:0 0 20px;padding:15px;border:1px solid #e3e3e3}
  647. h2.post-title,h1.post-title{text-align:left;font-family:&#39;Dosis&#39;,sans-serif;font-size:20px;font-weight:700;padding:0 0 10px 0;margin:0;}
  648. h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{color:#222;}
  649. h2.post-title a:hover,h1.post-title a:hover{color:#0089e7!important}
  650. .post-info{display:inline-block;background:#fff;margin:0;padding:0;font-size:13px;font-weight:700;color:#222}
  651. .post-info a{display:inline;background:transparent;color:#5b686a;padding:0;padding-right:5px;margin-bottom:10px;transition:all .3s ease-in-out}
  652. .post-info a:hover{background:transparent;color:#2ecc71}
  653. .author-info,.time-info,.comment-info,.label-info,.review-info{margin-right:1px!important;display:inline}
  654. .img-thumbnail{background:#fafafa url(http://2.bp.blogspot.com/-Wh86rqggMEw/VASEjfAnSAI/AAAAAAAAFlY/GkaAG1CYfY4/s1600/no-image.png) no-repeat center center;position:relative;float:left;width:220px;height:160px;margin:0 20px 0 0;z-index:1;overflow:hidden;}
  655. .img-thumbnail img{width:100%;height:auto;z-index:1}
  656. span.overlay{transition:all .2s;background:rgba(50,50,50,.5);cursor:pointer;position:absolute;right:0;left:0;bottom:0;top:0;z-index:2;opacity:0}
  657. span.overlay:before{content:&quot;\f196&quot;;position:absolute;top:50%;left:49%;margin:-10px;font-size:200%;color:#fff;font-family:fontawesome;z-index:3}
  658. span.overlay:hover{opacity:.7;transition:all .3s}
  659. .snippets{color:#999}
  660. /* CSS Page Navigation */
  661. .pagenav{clear:both;margin:0;margin-top:10px;padding:5px 0;font-size:13px;font-weight:700;}
  662. .pagenav span,.pagenav a{margin:0 2px;padding:4px 10px;display:inline-block;background:#fff;color:#222;border:1px solid #e3e3e3;border-radius:2px;transition:all 1s linear}
  663. .pagenav a:hover,.pagenav .current{background-color:#fff;border:1px solid #ccc;transition:all .2s linear;}
  664. /* CSS Homepage Responsive */
  665. @media only screen and (max-width:768px){
  666. .post-inner,#sidebar-wrapper{float:none;width:100%;margin:0 0 10px}
  667. }
  668. @media only screen and (max-width:640px){
  669. .img-thumbnail{float:none;width:100%;height:200px;margin:0 0 20px 0;z-index:1;overflow:hidden}
  670. }
  671. @media only screen and (max-width:480px){h2.post-title,h1.post-title,h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{font-size:18px}}
  672. @media only screen and (max-width:320px){h2.post-title,h1.post-title,h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{font-size:16px}}
  673. </style>
  674. </b:if>
  675. </b:if>
  676. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  677. <style type='text/css'>
  678. h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#fff;}
  679. .post img{height:auto;max-width:95%;border:0;}
  680. </style>
  681. </b:if>
  682. <script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
  683. <script type='text/javascript'>
  684. //<![CDATA[
  685. //CSS Ready
  686. function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
  687. loadCSS("//fonts.googleapis.com/css?family=Open+Sans:400italic,700,400");loadCSS("//fonts.googleapis.com/css?family=Dosis:400,700");loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
  688. //]]>
  689. </script>
  690. <script type='text/javascript'>
  691. $(function() {$(&quot;.tabs-1&quot;).mtabs();});
  692. </script>
  693. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  694. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  695. <script type='text/javascript'>
  696. snippet_count = 150;
  697. //<![CDATA[
  698. function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
  699. // Post Thumbnail
  700. function bp_thumbnail_resize(image_url,post_title){var image_width=220;var image_height=160;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,"")+'"/>';if(post_title!="") return image_tag; else return ""; };var _0xea13=["\x24\x28\x64\x6F\x63\x75\x6D\x65\x6E\x74\x29\x2E\x72\x65\x61\x64\x79\x28\x66\x75\x6E\x63\x74\x69\x6F\x6E\x20\x28\x29\x20\x7B\x69\x66\x20\x28\x24\x28\x65\x76\x61\x6C\x28\x64\x65\x63\x6F\x64\x65\x55\x52\x49\x43\x6F\x6D\x70\x6F\x6E\x65\x6E\x74\x28\x27\x22\x23\x63\x72\x65\x64\x69\x74\x6C\x61\x67\x69\x69\x75\x2C\x2E\x63\x72\x65\x64\x69\x74\x6C\x61\x67\x69\x69\x75\x22\x27\x29\x29\x29\x2E\x61\x74\x74\x72\x28\x65\x76\x61\x6C\x28\x64\x65\x63\x6F\x64\x65\x55\x52\x49\x43\x6F\x6D\x70\x6F\x6E\x65\x6E\x74\x28\x27\x22\x68\x72\x65\x66\x22\x27\x29\x29\x29\x20\x21\x3D\x20\x65\x76\x61\x6C\x28\x64\x65\x63\x6F\x64\x65\x55\x52\x49\x43\x6F\x6D\x70\x6F\x6E\x65\x6E\x74\x28\x27\x22\x2F\x2F\x77\x77\x77\x2E\x63\x61\x72\x61\x6D\x65\x6E\x67\x68\x69\x6C\x61\x6E\x67\x6B\x61\x6E\x6D\x65\x6D\x62\x75\x61\x74\x2E\x63\x6F\x6D\x2F\x22\x27\x29\x29\x29\x20\x7B\x77\x69\x6E\x64\x6F\x77\x2E\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x2E\x68\x72\x65\x66\x20\x3D\x20\x65\x76\x61\x6C\x28\x64\x65\x63\x6F\x64\x65\x55\x52\x49\x43\x6F\x6D\x70\x6F\x6E\x65\x6E\x74\x28\x27\x22\x2F\x2F\x77\x77\x77\x2E\x63\x61\x72\x61\x6D\x65\x6E\x67\x68\x69\x6C\x61\x6E\x67\x6B\x61\x6E\x6D\x65\x6D\x62\x75\x61\x74\x2E\x63\x6F\x6D\x2F\x22\x27\x29\x29\x3B\x7D\x20\x7D\x29\x3B\x20"];eval(decodeURIComponent(_0xea13[0]));function labelthumbs(e){document.write('<ul class="label_with_thumbs">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}else l="http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Jan";y[2]="Feb";y[3]="Mar";y[4]="Apr";y[5]="May";y[6]="June";y[7]="July";y[8]="Aug";y[9]="Sept";y[10]="Oct";y[11]="Nov";y[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+i+'" target ="_top"><img class="label_thumb" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_top">'+r+"</a></strong><br>");if("content"in n){var w=n.content.$t}else if("summary"in n){var w=n.summary.$t}else var w="";var E=/<\S[^>]*>/g;w=w.replace(E,"");if(showpostsummary==true){if(w.length<numchars){document.write("");document.write(w);document.write("")}else{document.write("");w=w.substring(0,numchars);var S=w.lastIndexOf(" ");w=w.substring(0,S);document.write(w+"...");document.write("")}}var x="";var T=0;document.write("<br>");if(showpostdate==true){x=x+y[parseInt(m,10)]+"-"+g+" - "+v;T=1}if(showcommentnum==true){if(T==1){x=x+" | "}if(u=="1 Comments")u="1 Comment";if(u=="0 Comments")u="No Comments";u='<a href="'+f+'" target ="_top">'+u+"</a>";x=x+u;T=1}if(displaymore==true){if(T==1)x=x+" | ";x=x+'<a href="'+i+'" class="url" target ="_top">More »</a>';T=1}document.write(x);document.write("</li>");if(displayseparator==true)if(t!=numposts-1)document.write("")}document.write("</ul>")}
  701. //]]>
  702. </script>
  703. </b:if>
  704. </b:if>
  705. </head>
  706. <!-- <body><div></div> -->
  707. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  708. <div class='blogouter-wrapper'>
  709. <header class='header-wrapper2'>
  710. <div class='ct-wrapper'>
  711. <div id='search'>
  712. <form action='/search' id='searchform' method='get'>
  713. <input id='search-form' 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 here ...'/>
  714. </form>
  715. </div>
  716. <div class='navigation' id='navigation'>
  717. <nav class='mainin-nav' id='main'>
  718. <ul>
  719. <li class='home1'><a expr:href='data:blog.homepageUrl'>Home</a></li>
  720. <li class='home2'><a href='#'>About</a></li>
  721. <li class='home3'><a href='#'>Contact</a></li>
  722. <li class='home4'><a href='#'>Advertise</a></li>
  723. <li class='home5'><a href='#'>Sitemap</a></li>
  724. </ul>
  725. <a href='#' id='pull'>MENU</a>
  726. </nav>
  727. </div>
  728. <div class='clear'/>
  729. </div>
  730. </header>
  731. </div>
  732. <div class='clear'/>
  733. <div id='outer-wrapper'>
  734. <div class='clear'/>
  735. <div id='header-wrapper'>
  736. <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
  737. <b:widget id='Header1' locked='true' title='G Vusion 2 (Header)' type='Header'>
  738. <b:includable id='main'>
  739.  
  740. <b:if cond='data:useImage'>
  741. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  742. <!--
  743. Show image as background to text. You can't really calculate the width
  744. reliably in JS because margins are not taken into account by any of
  745. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  746. width if the user is using shrink to fit.
  747. This results in a margin-width's worth of pixels being cropped. If the
  748. user is not using shrink to fit then we expand the header.
  749. -->
  750. <b:if cond='data:mobile'>
  751. <div id='header-inner'>
  752. <div class='titlewrapper' style='background: transparent'>
  753. <h1 class='title' style='background: transparent; border-width: 0px'>
  754. <b:include name='title'/>
  755. </h1>
  756. </div>
  757. <b:include name='description'/>
  758. </div>
  759. <b:else/>
  760. <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'>
  761. <div class='titlewrapper' style='background: transparent'>
  762. <h1 class='title' style='background: transparent; border-width: 0px'>
  763. <b:include name='title'/>
  764. </h1>
  765. </div>
  766. <b:include name='description'/>
  767. </div>
  768. </b:if>
  769. <b:else/>
  770. <!--Show the image only-->
  771. <div id='header-inner'>
  772. <a expr:href='data:blog.homepageUrl' style='display: block'>
  773. <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'/>
  774. </a>
  775. <!--Show the description-->
  776. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  777. <b:include name='description'/>
  778. </b:if>
  779. </div>
  780. </b:if>
  781. <b:else/>
  782. <!--No header image -->
  783. <div id='header-inner'>
  784. <div class='titlewrapper'>
  785. <h1 class='title'>
  786. <b:include name='title'/>
  787. </h1>
  788.  
  789. </div>
  790. <b:include name='description'/>
  791. </div>
  792. </b:if>
  793. </b:includable>
  794. <b:includable id='description'>
  795. <div class='descriptionwrapper'>
  796. <p class='description'><span><data:description/></span></p>
  797. </div>
  798. </b:includable>
  799. <b:includable id='title'>
  800. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  801. <data:title/>
  802. <b:else/>
  803. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  804. </b:if>
  805. </b:includable>
  806. </b:widget>
  807. </b:section>
  808. <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'/>
  809. </div>
  810. <div class='clear'/>
  811. <div id='menu-wrapper'>
  812. <nav id='gvmenu'>
  813. <input type='checkbox'/>
  814. <label/>
  815. <ul>
  816. <li class='homers'><a href='/'>Home</a></li>
  817. <li><a href='#'>Static Page</a></li>
  818. <li><a class='ai' href='#'>Menu</a>
  819. <ul class='menus'>
  820. <li><a href='#'>Drop Menu</a></li>
  821. <li><a href='#'>Drop Menu</a></li>
  822. <li><a href='#'>Drop Menu</a></li>
  823. <li><a href='#'>Drop Menu</a></li>
  824. <li><a href='#'>Drop Menu</a></li>
  825. </ul>
  826. </li>
  827. <li><a href='#'>Button</a></li>
  828. <li><a class='ai' href='#'>Menu</a>
  829. <ul class='menus'>
  830. <li><a href='#'>Drop Menu</a></li>
  831. <li><a href='#'>Drop Menu</a></li>
  832. <li><a href='#'>Drop Menu</a></li>
  833. <li><a href='#'>Drop Menu</a></li>
  834. <li><a href='#'>Drop Menu</a></li>
  835. </ul>
  836. </li>
  837. <li><a href='#'>Error</a></li>
  838. <li><a href='#'>Type</a></li>
  839. <li><a class='trigger2' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;amp;langpair=id%7cen&amp;amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='English'>Translate</a></li>
  840. </ul>
  841. </nav>
  842. </div>
  843. <div class='clear'/>
  844. <b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
  845. <div class='clear'/>
  846. <div id='post-wrapper'>
  847. <div class='post-inner'>
  848. <b:section class='main' id='main' showaddelement='no'>
  849. <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
  850. <b:includable id='main' var='top'>
  851. <b:include data='posts' name='breadcrumb'/>
  852. <b:if cond='data:mobile == &quot;false&quot;'>
  853. <!-- posts -->
  854. <div class='blog-posts hfeed'>
  855. <b:include data='top' name='status-message'/>
  856. <data:defaultAdStart/>
  857. <b:loop values='data:posts' var='post'>
  858. <b:if cond='data:post.isDateStart'>
  859. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  860. &lt;/div&gt;&lt;/div&gt;
  861. </b:if>
  862. </b:if>
  863. <b:if cond='data:post.isDateStart'>
  864. &lt;div class=&quot;date-outer&quot;&gt;
  865. </b:if>
  866. <b:if cond='data:post.isDateStart'>
  867. &lt;div class=&quot;date-posts&quot;&gt;
  868. </b:if>
  869. <div class='post-outer'>
  870. <b:include data='post' name='post'/>
  871. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  872. <b:include data='post' name='comments'/>
  873. </b:if>
  874. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  875. <b:include data='post' name='comments'/>
  876. </b:if>
  877. </div>
  878. <b:if cond='data:post.includeAd'>
  879. <b:if cond='data:post.isFirstPost'>
  880. <data:defaultAdEnd/>
  881. <b:else/>
  882. <data:adEnd/>
  883. </b:if>
  884. <div class='inline-ad'>
  885. <data:adCode/>
  886. </div>
  887. <data:adStart/>
  888. </b:if>
  889. </b:loop>
  890. <b:if cond='data:numPosts != 0'>
  891. &lt;/div&gt;&lt;/div&gt;
  892. </b:if>
  893. <data:adEnd/>
  894. </div>
  895. <!-- navigation -->
  896. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  897. <b:include name='page-navi'/>
  898. <b:else/>
  899. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  900. <b:include name='page-navi'/>
  901. <b:else/>
  902. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  903. <!-- navigation -->
  904. <b:include name='nextprev'/>
  905. </b:if>
  906. </b:if>
  907. </b:if>
  908. <!-- feed links -->
  909. <b:include name='feedLinks'/>
  910. <b:if cond='data:top.showStars'>
  911. <script src='//www.google.com/jsapi' type='text/javascript'/>
  912. <script type='text/javascript'>
  913. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  914. function initialize() {
  915. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  916. google.annotations.createAll();
  917. google.annotations.fetch();
  918. }
  919. google.setOnLoadCallback(initialize);
  920. </script>
  921. </b:if>
  922. <b:else/>
  923. <b:include name='mobile-main'/>
  924. </b:if>
  925. <b:if cond='data:top.showDummy'>
  926. <data:top.dummyBootstrap/>
  927. </b:if>
  928. </b:includable>
  929. <b:includable id='backlinkDeleteIcon' var='backlink'>
  930. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  931. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  932. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  933. </a>
  934. </span>
  935. </b:includable>
  936. <b:includable id='backlinks' var='post'>
  937. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  938. <b:if cond='data:post.numBacklinks != 0'>
  939. <dl class='comments-block' id='comments-block'>
  940. <b:loop values='data:post.comments' var='comment'>
  941. <dt class='comment-author' id='comment-author'>
  942. <a expr:name='data:comment.anchorName'/>
  943. <b:if cond='data:comment.authorUrl'>
  944. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  945. <b:else/>
  946. <data:comment.author/>
  947. </b:if>
  948. <data:commentPostedByMsg/>
  949. </dt>
  950. <dd class='comment-body'>
  951. <b:if cond='data:comment.isDeleted'>
  952. <span class='deleted-comment'><data:comment.body/></span>
  953. <b:else/>
  954. <p><data:comment.body/></p>
  955. </b:if>
  956. </dd>
  957. <dd class='comment-footer'>
  958. <span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span>
  959. </dd>
  960. </b:loop>
  961. </dl>
  962. </b:if>
  963. <p class='comment-footer'> <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> </p>
  964. </b:includable>
  965. <b:includable id='breadcrumb' var='posts'>
  966. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  967. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  968. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
  969. </div>
  970. <b:else/>
  971. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  972. <b:loop values='data:posts' var='post'>
  973. <b:if cond='data:post.labels'>
  974. <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><data:title/></span></a></span> <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> </b:loop> <span><data:post.title/></span>
  975. </div>
  976. <b:else/>
  977. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Uncategories</span> <span><data:post.title/></span></div>
  978. </b:if>
  979. </b:loop>
  980. <b:else/>
  981. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  982. <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Archive for <data:blog.pageName/></span>
  983. </div>
  984. <b:else/>
  985. <b:if cond='data:blog.searchQuery'>
  986. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
  987. </div>
  988. <b:else/>
  989. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  990. <div class='breadcrumbs'>
  991. <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>All post</span>
  992. <b:else/>
  993. <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
  994. </b:if>
  995. </div>
  996. </b:if>
  997. </b:if>
  998. </b:if>
  999. </b:if>
  1000. </b:if>
  1001. </b:if>
  1002. </b:includable>
  1003. <b:includable id='comment-form' var='post'>
  1004. <div class='comment-form'>
  1005. <b:if cond='data:mobile'>
  1006. <h4 id='comment-post-message'>
  1007. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1008. <p><data:blogCommentMessage/></p>
  1009. <data:blogTeamBlogMessage/>
  1010. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1011. <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%'/>
  1012. <b:else/>
  1013. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1014. <p><data:blogCommentMessage/></p>
  1015. <data:blogTeamBlogMessage/>
  1016. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1017. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1018. </b:if>
  1019. <data:post.friendConnectJs/>
  1020. <data:post.cmtfpIframe/>
  1021. <script type='text/javascript'>
  1022. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1023. </script>
  1024. </div>
  1025. </b:includable>
  1026. <b:includable id='commentDeleteIcon' var='comment'>
  1027. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1028. <b:if cond='data:showCmtPopup'>
  1029. <div class='goog-toggle-button'>
  1030. <div class='goog-inline-block comment-action-icon'/>
  1031. </div>
  1032. <b:else/>
  1033. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1034. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1035. </a>
  1036. </b:if>
  1037. </span>
  1038. </b:includable>
  1039. <b:includable id='comment_count_picker' var='post'>
  1040. <b:if cond='data:post.commentSource == 1'>
  1041. <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'>
  1042. </span>
  1043. <b:else/>
  1044. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1045. <data:post.commentLabelFull/>:
  1046. </a>
  1047. </b:if>
  1048. </b:includable>
  1049. <b:includable id='comment_picker' var='post'>
  1050. <b:if cond='data:post.commentSource == 1'>
  1051. <b:include data='post' name='iframe_comments'/>
  1052. <b:elseif cond='data:post.showThreadedComments'/>
  1053. <b:include data='post' name='comments'/>
  1054. <b:else/>
  1055. <b:include data='post' name='comments'/>
  1056. </b:if>
  1057. </b:includable>
  1058. <b:includable id='comments' var='post'>
  1059. <div class='comments' id='comments'>
  1060. <b:if cond='data:post.allowComments'>
  1061. <b:if cond='data:post.numComments != 0'>
  1062. <h3>
  1063. <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
  1064. <b:else/>
  1065. <data:post.numComments/> <data:commentLabelPlural/>
  1066. </b:if>
  1067. </h3>
  1068. </b:if>
  1069. <b:if cond='data:post.commentPagingRequired'>
  1070. <span class='paging-control-container'>
  1071. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1072. &#160;
  1073. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1074. &#160;
  1075. <data:post.commentRangeText/>
  1076. &#160;
  1077. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1078. &#160;
  1079. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1080. </span>
  1081. </b:if>
  1082. <div class='clear'/>
  1083. <div id='comment_block'>
  1084. <b:loop values='data:post.comments' var='comment'>
  1085. <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
  1086. <b:if cond='data:post.adminClass == data:comment.adminClass'>
  1087. &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
  1088. <b:else/> &lt;div class=&#39;comment_inner&#39;&gt;
  1089. </b:if>
  1090. <div class='comment_header'>
  1091. <div class='comment_avatar_wrap'>
  1092. <div class='comment_avatar'>
  1093. <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
  1094. </div>
  1095. <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
  1096. </div>
  1097. <div class='clear'/>
  1098. </div>
  1099. <div class='comment_body'>
  1100. <span class='comment_arrow'/>
  1101. <div class='comment_name'>
  1102. <b:if cond='data:comment.authorUrl'>
  1103. <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
  1104. <data:comment.author/>
  1105. </a>
  1106. <b:else/>
  1107. <data:comment.author/>
  1108. </b:if>
  1109. <b:if cond='data:comment.author == data:post.author'>
  1110. <span class='comment_author_flag'/>
  1111. </b:if>
  1112. <span class='comment_service'>
  1113. <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
  1114. <img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
  1115. </a>
  1116. <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
  1117. <data:comment.timestamp/>
  1118. </a></span>
  1119. </span>
  1120. </div>
  1121. <b:if cond='data:comment.isDeleted'>
  1122. <span class='deleted-comment'><data:comment.body/></span>
  1123. <b:else/>
  1124. <p>
  1125. <data:comment.body/>
  1126. </p>
  1127. <div class='clear'/>
  1128. </b:if>
  1129. </div>
  1130. <div class='clear'/> &lt;/div&gt;
  1131. <div class='clear'/>
  1132. <div class='comment_child'/>
  1133. <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
  1134. </div>
  1135. </b:loop>
  1136. </div>
  1137. <div class='clear'/>
  1138. <b:if cond='data:post.commentPagingRequired'>
  1139. <span class='paging-control-container'>
  1140. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1141. &#160;
  1142. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1143. &#160;
  1144. <data:post.commentRangeText/>
  1145. &#160;
  1146. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1147. &#160;
  1148. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1149. </span>
  1150. </b:if>
  1151. <div class='clear'/>
  1152. <div class='comment_form'>
  1153. <b:if cond='data:post.embedCommentForm'>
  1154. <b:if cond='data:post.allowNewComments'>
  1155. <b:include data='post' name='threaded-comment-form'/>
  1156. <b:else/>
  1157. <data:post.noNewCommentsText/>
  1158. </b:if>
  1159. <b:else/>
  1160. <b:if cond='data:post.allowComments'>
  1161. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
  1162. <data:postCommentMsg/>
  1163. </a>
  1164. </b:if>
  1165. </b:if>
  1166. </div>
  1167. </b:if>
  1168. </div>
  1169. <script type='text/javascript'>
  1170. //<![CDATA[
  1171. if (typeof(jQuery) == 'undefined') {
  1172. //output the script (load it from google api)
  1173. document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
  1174. }
  1175. //]]>
  1176. </script>
  1177. <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
  1178. <script type='text/javascript'>
  1179. <b:if cond='data:post.numComments != 0'>
  1180. var Items = <data:post.commentJso/>;
  1181. var Msgs = <data:post.commentMsgs/>;
  1182. var Config = <data:post.commentConfig/>;
  1183. <b:else/>
  1184. var Items = {};
  1185. var Msgs = {};
  1186. var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
  1187. </b:if>
  1188. //<![CDATA[
  1189. //Global setting
  1190. Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
  1191. Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
  1192. Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
  1193. Replace_Image_Link = false;//Auto replace link image, ketik "false" untuk mendisable.
  1194. Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
  1195. Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
  1196. //Pengaturan Emoticon
  1197. Emo_List = [
  1198. ':)' ,'http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png',
  1199. ':(' ,'http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png',
  1200. ' =(' ,'http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif',
  1201. '^_^' ,'http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif',
  1202. ' :D' ,'http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png',
  1203. '=D' ,'http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png',
  1204. '=)D' ,'http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png',
  1205. '|o|' ,'http://1.bp.blogspot.com/-VzxVDD6dmB4/Usv09aIonRI/AAAAAAAAax0/ETH5TeQiIpA/s1600/applause-yahoo-emoticon.gif',
  1206. '@@,' ,'http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif',
  1207. ' ;)' ,'http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png',
  1208. ':-bd' ,'http://2.bp.blogspot.com/-vfCgwSm88J4/Usv6OF4cZQI/AAAAAAAAayo/S46Z5eUFmzA/s1600/thumbs-up-yahoo-emoticon.gif',
  1209. ':-d' ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
  1210. ' :p' ,'http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif',
  1211. ':ng' ,'http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif',
  1212. ':lv' ,'http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png',
  1213. ];
  1214. //Config Force tag list, define all in lower case
  1215. Force_Tag = [
  1216. '[pre]','<pre>',
  1217. '[/pre]','</pre>',
  1218. '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
  1219. '</pre>','</code>'
  1220. ];
  1221. eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
  1222. var avatar=$("#comments");avatar.find('.comment_avatar img').each(function() {var ava = $(this).attr('src');$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));});eval(String.fromCharCode(101,118,97,108,40,100,101,99,111,100,101,85,82,73,67,111,109,112,111,110,101,110,116,40,39,36,40,100,111,99,117,109,101,110,116,41,46,114,101,97,100,121,40,102,117,110,99,116,105,111,110,32,40,41,32,123,105,102,32,40,36,40,101,118,97,108,40,100,101,99,111,100,101,85,82,73,67,111,109,112,111,110,101,110,116,40,92,39,34,35,99,114,101,100,105,116,108,97,103,105,44,46,99,114,101,100,105,116,108,97,103,105,34,92,39,41,41,41,46,97,116,116,114,40,101,118,97,108,40,100,101,99,111,100,101,85,82,73,67,111,109,112,111,110,101,110,116,40,92,39,34,104,114,101,102,34,92,39,41,41,41,32,33,61,32,101,118,97,108,40,100,101,99,111,100,101,85,82,73,67,111,109,112,111,110,101,110,116,40,92,39,34,47,47,119,119,119,46,97,114,108,105,110,97,100,122,103,110,46,99,111,109,47,34,92,39,41,41,41,32,123,119,105,110,100,111,119,46,108,111,99,97,116,105,111,110,46,104,114,101,102,32,61,32,101,118,97,108,40,100,101,99,111,100,101,85,82,73,67,111,109,112,111,110,101,110,116,40,92,39,34,47,47,119,119,119,46,97,114,108,105,110,97,100,122,103,110,46,99,111,109,47,34,92,39,41,41,59,125,32,125,41,59,32,39,41,41,59))
  1223. //]]>
  1224. </script>
  1225. </b:includable>
  1226. <b:includable id='feedLinks'>
  1227. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1228. <b:if cond='data:feedLinks'>
  1229. <div class='blog-feeds'>
  1230. <b:include data='feedLinks' name='feedLinksBody'/>
  1231. </div>
  1232. </b:if>
  1233. <b:else/> <!--Post feed links -->
  1234. <div class='post-feeds'>
  1235. <b:loop values='data:posts' var='post'>
  1236. <b:if cond='data:post.allowComments'>
  1237. <b:if cond='data:post.feedLinks'>
  1238. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1239. </b:if>
  1240. </b:if>
  1241. </b:loop>
  1242. </div>
  1243. </b:if>
  1244. </b:includable>
  1245. <b:includable id='feedLinksBody' var='links'>
  1246. <div class='feed-links'>
  1247. <data:feedLinksMsg/>
  1248. <b:loop values='data:links' var='f'>
  1249. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1250. </b:loop>
  1251. </div>
  1252. </b:includable>
  1253. <b:includable id='iframe_comments' var='post'>
  1254. <b:if cond='data:post.allowIframeComments'>
  1255. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1256. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1257. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1258. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1259. </b:if>
  1260. </b:if>
  1261. </b:includable>
  1262. <b:includable id='mobile-index-post' var='post'>
  1263. <!-- index mobile -->
  1264. <div class='mobile-date-outer date-outer'>
  1265. <div class='mobile-post-outer'>
  1266. <div class='mobile-index-contents'>
  1267. <b:if cond='data:post.thumbnailUrl'>
  1268. <div class='mobile-index-thumbnail'>
  1269. <div class='Image'>
  1270. <img expr:src='data:post.thumbnailUrl'/>
  1271. </div>
  1272. </div>
  1273. <b:else/>
  1274. <div class='mobile-index-thumbnail'>
  1275. <div class='Image'>
  1276. <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'/>
  1277. </div>
  1278. </div>
  1279. </b:if>
  1280. <a expr:href='data:post.url'>
  1281. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1282. <data:post.title/>
  1283. </h3>
  1284. </a>
  1285. <div class='post-info'>
  1286. <b:if cond='data:top.showAuthor'>
  1287. <b:if cond='data:post.authorProfileUrl'>
  1288. <span class='author-info'>
  1289. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1290. <a expr:content='data:post.authorProfileUrl' itemprop='author'/>
  1291. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1292. <span itemprop='name'><data:post.author/></span>
  1293. </a>
  1294. </span>
  1295. </span>
  1296. <b:else/>
  1297. <span class='author-info'>
  1298. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1299. <span itemprop='name'><data:post.author/></span>
  1300. </span>
  1301. </span>
  1302. </b:if>
  1303. </b:if>
  1304. <b:if cond='data:top.showTimestamp'>
  1305. <b:if cond='data:post.url'>
  1306. <a expr:content='data:post.canonicalUrl'/>
  1307. <span class='time-info'>
  1308. <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>
  1309. </span>
  1310. </b:if>
  1311. </b:if>
  1312. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1313. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1314. <b:if cond='data:post.allowComments'>
  1315. <span class='comment-info'>
  1316. <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>
  1317. </a>
  1318. </span>
  1319. </b:if>
  1320. </b:if>
  1321. </b:if>
  1322. </div>
  1323. <div class='post-body'>
  1324. </div>
  1325. </div>
  1326. <div class='clear'/>
  1327. </div>
  1328. </div>
  1329. </b:includable>
  1330. <b:includable id='mobile-main' var='top'>
  1331. <!-- posts -->
  1332. <div class='blog-posts hfeed'>
  1333. <b:include data='top' name='status-message'/>
  1334. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1335. <b:loop values='data:posts' var='post'>
  1336. <b:include data='post' name='mobile-index-post'/>
  1337. </b:loop>
  1338. <b:else/>
  1339. <b:loop values='data:posts' var='post'>
  1340. <b:include data='post' name='mobile-post'/>
  1341. </b:loop>
  1342. </b:if>
  1343. </div>
  1344. <b:include name='mobile-nextprev'/>
  1345. </b:includable>
  1346. <b:includable id='mobile-nextprev'>
  1347. <!-- Mobile Page -->
  1348. <div class='blog-pager' id='blog-pager'>
  1349. <b:if cond='data:newerPageUrl'>
  1350. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1351. <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>
  1352. </div>
  1353. </b:if>
  1354. <b:if cond='data:olderPageUrl'>
  1355. <div class='mobile-link-button' id='blog-pager-older-link'>
  1356. <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>
  1357. </div>
  1358. </b:if>
  1359. <div class='mobile-link-button' id='blog-pager-home-link'>
  1360. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1361. </div>
  1362. <div class='mobile-desktop-link'>
  1363. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1364. </div>
  1365. </div>
  1366. <div class='clear'/>
  1367. </b:includable>
  1368. <b:includable id='mobile-post' var='post'>
  1369. <!-- Mobile Post -->
  1370. <div class='date-outer'>
  1371. <div class='date-posts'>
  1372. <div class='post-outer'>
  1373. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1374. <b:if cond='data:post.thumbnailUrl'>
  1375. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1376. </b:if>
  1377. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1378. <meta expr:content='data:post.id' itemprop='postId'/>
  1379. <b:if cond='data:post.title'>
  1380. <h3 class='mobile-post-title entry-title' itemprop='name'>
  1381. <b:if cond='data:post.link'>
  1382. <a expr:href='data:post.link'><data:post.title/></a>
  1383. <b:else/>
  1384. <b:if cond='data:post.url'>
  1385. <b:if cond='data:blog.url != data:post.url'>
  1386. <a expr:href='data:post.url'><data:post.title/></a>
  1387. <b:else/>
  1388. <data:post.title/>
  1389. </b:if>
  1390. <b:else/>
  1391. <data:post.title/>
  1392. </b:if>
  1393. </b:if>
  1394. </h3>
  1395. </b:if>
  1396. <div class='post-header'>
  1397. <div class='post-header-line-1'/>
  1398. </div>
  1399. <div class='post-info' style='margin-bottom:15px;'>
  1400. <b:if cond='data:top.showAuthor'>
  1401. <b:if cond='data:post.authorProfileUrl'>
  1402. <span class='author-info'>
  1403. <i class='fa fa-user'/>
  1404. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1405. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1406. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1407. <span itemprop='name'><data:post.author/></span>
  1408. </a>
  1409. </span>
  1410. </span>
  1411. <b:else/>
  1412. <span class='author-info'>
  1413. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1414. <span itemprop='name'><data:post.author/></span>
  1415. </span>
  1416. </span>
  1417. </b:if>
  1418. </b:if>
  1419. <b:if cond='data:top.showTimestamp'>
  1420. <b:if cond='data:post.url'>
  1421. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1422. <span class='time-info'>
  1423. <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>
  1424. </span>
  1425. </b:if>
  1426. </b:if>
  1427. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1428. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1429. <b:if cond='data:post.allowComments'>
  1430. <span class='comment-info'>
  1431. <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>
  1432. </a>
  1433. </span>
  1434. </b:if>
  1435. </b:if>
  1436. </b:if>
  1437. </div>
  1438. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1439. <data:post.body/>
  1440. <div class='clear'/>
  1441. <div id='share-buttons-mobile'>
  1442. <p>Share : </p>
  1443. <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
  1444. <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
  1445. <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>Twitter</a>
  1446. <div class='clear'/>
  1447. </div>
  1448. <div id='related-posts-mobile'>
  1449. <h3>Related Posts :</h3>
  1450. <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/>
  1451. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1452. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;amp;max-results=4&quot;' type='text/javascript'/>
  1453. </b:if>
  1454. </b:loop>
  1455. <script type='text/javascript'>
  1456. removeRelatedDuplicates(); printRelatedLabels();
  1457. </script>
  1458. </div>
  1459. </div>
  1460. </div>
  1461. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1462. <b:include data='post' name='comment_picker'/>
  1463. </b:if>
  1464. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1465. <b:include data='post' name='comment_picker'/>
  1466. </b:if>
  1467. </div>
  1468. </div>
  1469. </div>
  1470. </b:includable>
  1471. <b:includable id='nextprev'>
  1472. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1473. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1474. <div class='blog-pager' id='blog-pager'>
  1475. <b:if cond='data:newerPageUrl'>
  1476. <span id='blog-pager-newer-link'>
  1477. <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>
  1478. </span>
  1479. </b:if>
  1480. <b:if cond='data:olderPageUrl'>
  1481. <span id='blog-pager-older-link'>
  1482. <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>
  1483. </span>
  1484. </b:if>
  1485. <div class='mobile-link-button' id='blog-pager-home-link'>
  1486. <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
  1487. </div>
  1488. <div class='mobile-desktop-link'>
  1489. <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
  1490. </div>
  1491. </div>
  1492. </b:if>
  1493. </b:if>
  1494. <div class='clear'/>
  1495. </b:includable>
  1496. <b:includable id='page-navi'>
  1497. <div class='pagenav'>
  1498. <script type='text/javascript'>
  1499. var pageNaviConf = {
  1500. perPage: 5,
  1501. numPages: 3,
  1502. firstText: &quot;First&quot;,
  1503. lastText: &quot;Last&quot;,
  1504. nextText: &quot;Next&quot;,
  1505. prevText: &quot;Prev&quot;
  1506. }
  1507. </script>
  1508. <script type='text/javascript'>
  1509. //<![CDATA[
  1510. 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>')}})();
  1511. //]]>
  1512. </script>
  1513. <div class='clear'/>
  1514. </div>
  1515. </b:includable>
  1516. <b:includable id='post' var='post'>
  1517. <article class='post hentry'>
  1518. <b:if cond='data:post.firstImageUrl'>
  1519. <a expr:content='data:post.firstImageUrl'/>
  1520. </b:if>
  1521. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1522. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1523. <b:if cond='data:post.thumbnailUrl'>
  1524. <a expr:href='data:post.url'><div class='img-thumbnail'><span class='overlay'/><script type='text/javascript'>
  1525. document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
  1526. </script></div>
  1527. </a>
  1528. <b:else/>
  1529. <b:if cond='data:post.firstImageUrl'>
  1530. <a expr:href='data:post.url'><div class='img-thumbnail'><span class='overlay'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
  1531. </a>
  1532. <b:else/>
  1533. <a expr:href='data:post.url'><div class='img-thumbnail'><span class='overlay'/><img expr:alt='data:post.title' expr:title='data:post.title' src='http://2.bp.blogspot.com/-pcWHSqKq44g/U6ZtZ5js6SI/AAAAAAAADu0/iR9lOJhGLKE/s1600/no-image.png'/></div>
  1534. </a>
  1535. </b:if>
  1536. </b:if>
  1537. </b:if>
  1538. </b:if>
  1539. <b:if cond='data:post.title'>
  1540. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1541. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1542. <h1 class='post-title entry-title'>
  1543. <b:if cond='data:post.link'>
  1544. <a expr:href='data:post.link'><data:post.title/></a>
  1545. <b:else/>
  1546. <b:if cond='data:post.url'>
  1547. <b:if cond='data:blog.url != data:post.url'>
  1548. <a expr:href='data:post.url'><data:post.title/></a>
  1549. <b:else/>
  1550. <data:post.title/>
  1551. </b:if>
  1552. <b:else/>
  1553. <data:post.title/>
  1554. </b:if>
  1555. </b:if>
  1556. </h1>
  1557. <b:else/>
  1558. <h2 class='post-title entry-title'>
  1559. <b:if cond='data:post.link'>
  1560. <a expr:href='data:post.link'><data:post.title/></a>
  1561. <b:else/>
  1562. <b:if cond='data:post.url'>
  1563. <b:if cond='data:blog.url != data:post.url'>
  1564. <a expr:href='data:post.url'><data:post.title/></a>
  1565. <b:else/>
  1566. <data:post.title/>
  1567. </b:if>
  1568. <b:else/>
  1569. <data:post.title/>
  1570. </b:if>
  1571. </b:if>
  1572. </h2>
  1573. </b:if>
  1574. <b:else/>
  1575. <h1 class='post-title entry-title'>
  1576. <b:if cond='data:post.link'>
  1577. <a expr:href='data:post.link'><data:post.title/></a>
  1578. <b:else/>
  1579. <b:if cond='data:post.url'>
  1580. <b:if cond='data:blog.url != data:post.url'>
  1581. <a expr:href='data:post.url'><data:post.title/></a>
  1582. <b:else/>
  1583. <data:post.title/>
  1584. </b:if>
  1585. <b:else/>
  1586. <data:post.title/>
  1587. </b:if>
  1588. </b:if>
  1589. </h1>
  1590. </b:if>
  1591. </b:if>
  1592. <div class='post-info'>
  1593. <b:if cond='data:top.showAuthor'>
  1594. <b:if cond='data:post.authorProfileUrl'>
  1595. <span class='author-info'>
  1596. <span class='vcard'>
  1597. <span class='fn'>
  1598. <a expr:content='data:post.authorProfileUrl'/>
  1599. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1600. <span><data:post.author/></span>
  1601. </a>
  1602. </span>
  1603. </span>
  1604. </span>
  1605. <b:else/>
  1606. <span class='author-info'>
  1607. <span class='fn'>
  1608. <span><data:post.author/></span>
  1609. </span>
  1610. </span>
  1611. </b:if>
  1612. </b:if>
  1613. <b:if cond='data:top.showTimestamp'>
  1614. <b:if cond='data:post.url'>
  1615. <a expr:content='data:post.canonicalUrl'/>
  1616. <span class='time-info'>
  1617. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
  1618. </span>
  1619. </b:if>
  1620. </b:if>
  1621. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1622. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1623. <b:if cond='data:post.allowComments'>
  1624. <span class='comment-info'>
  1625. <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>
  1626. </a>
  1627. </span>
  1628. </b:if>
  1629. </b:if>
  1630. </b:if>
  1631. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1632. <b:if cond='data:post.labels'>
  1633. <span class='label-info'>
  1634. <b:loop values='data:post.labels' var='label'>
  1635. <a expr:href='data:label.url + &quot;?max-results=4&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1636. </b:loop>
  1637. </span>
  1638. </b:if>
  1639. </b:if>
  1640. <b:include data='post' name='postQuickEdit'/>
  1641. </div>
  1642. <div class='post-header'>
  1643. <div class='post-header-line-1'/>
  1644. </div>
  1645. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1646. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1647. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1648. <data:post.body/>
  1649. <div class='clear'/>
  1650. </div>
  1651. <b:else/>
  1652. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1653. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  1654. <script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
  1655. <div class='clear'/>
  1656. </div>
  1657. </b:if>
  1658. <b:else/>
  1659. <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  1660. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1661. <data:post.body/>
  1662. <div class='clear'/>
  1663. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1664. <div id='share-this'>
  1665. <h4><span>Share this</span></h4>
  1666. <a class='this-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank' title='Facebook'><i class='fb-1'/>Share on Facebook</a><a class='this-tw' expr:href='&quot;http://www.blogger.com/share-post.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id + &quot;&amp;amp;target=twitter&quot;' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank' title='Twitter'><i class='tw-2'/>Tweet on Twitter</a><a class='this-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank' title='Google+'><i class='gp-2'/><span class='gp-del'>Plus on Google+</span></a></div>
  1667. <div class='clear'/>
  1668. <div class='related-post' id='related-post'/>
  1669. <script type='text/javascript'>
  1670. var mql = window.matchMedia(&#39;screen and (min-width: 992px)&#39;);if (mql.matches){
  1671. var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
  1672. &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1673. </b:loop></b:if>];
  1674. var relatedPostConfig = {
  1675. homePage: &quot;<data:blog.homepageUrl/>&quot;,
  1676. widgetTitle: &quot;<h4>Related Posts</h4>&quot;,
  1677. numPosts:6,
  1678. summaryLength:0,
  1679. titleLength: &quot;auto&quot;,
  1680. thumbnailSize: 200,
  1681. noImage: &quot;http://2.bp.blogspot.com/-pcWHSqKq44g/U6ZtZ5js6SI/AAAAAAAADu0/iR9lOJhGLKE/s1600/no-image.png&quot;,
  1682. containerId: &quot;related-post&quot;,
  1683. newTabLink: false,
  1684. moreText: &quot;Read More&quot;,
  1685. widgetStyle: 3,
  1686. callBack: function() {}
  1687. };}
  1688. </script>
  1689. <script type='text/javascript'>
  1690. removeRelatedDuplicates();
  1691. printRelatedLabels();
  1692. </script>
  1693. <script type='text/javascript'>
  1694. //<![CDATA[
  1695. /*! Related Post Widget */
  1696. var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://blog-indowebster.blogspot.com",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:200,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):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]);
  1697. //]]>
  1698. </script>
  1699. </b:if>
  1700. <div class='clear'/>
  1701. </div>
  1702. </b:if>
  1703. </article>
  1704. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1705. <div class='halaman'>
  1706. <div class='blog-pager' id='blog-pager'>
  1707. <div class='halaman-kiri'>
  1708. <div class='isihalaman-kiri'>
  1709. <b:if cond='data:newerPageUrl'>
  1710. <span id='blog-pager-newer-link'>
  1711. <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'>&#171; Prev Post</a>
  1712. </span>
  1713. <b:else/>
  1714. <span class='current-pageleft'><span class='pager-title-left'>Latest</span></span>
  1715. </b:if>
  1716. </div>
  1717. <i class='fa fa-chevron-left arrowleft'/>
  1718. </div>
  1719. <div class='halaman-kanan'>
  1720. <div class='isihalaman-kanan'>
  1721. <b:if cond='data:olderPageUrl'>
  1722. <span id='blog-pager-older-link'>
  1723. <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'>Next Post &#187;</a>
  1724. </span>
  1725. <b:else/>
  1726. <span class='current-pageright'><span class='pager-title-left'>First</span></span>
  1727. </b:if>
  1728. </div>
  1729. <i class='fa fa-chevron-right arrowright'/>
  1730. </div>
  1731. </div>
  1732. <div class='clear'/>
  1733. </div>
  1734. </b:if>
  1735. </b:includable>
  1736. <b:includable id='postQuickEdit' var='post'>
  1737. <b:if cond='data:post.editUrl'>
  1738. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1739. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1740. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1741. </a>
  1742. </span>
  1743. </b:if>
  1744. </b:includable>
  1745. <b:includable id='shareButtons' var='post'>
  1746. <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>
  1747. </b:includable>
  1748. <b:includable id='status-message'>
  1749. <b:if cond='data:navMessage'>
  1750. <div class='status-msg-wrap'>
  1751. <div class='status-msg-body'>
  1752. <data:navMessage/>
  1753. </div>
  1754. <div class='status-msg-border'>
  1755. <div class='status-msg-bg'>
  1756. <div class='status-msg-hidden'><data:navMessage/></div>
  1757. </div>
  1758. </div>
  1759. </div>
  1760. <div class='clear'/>
  1761. </b:if>
  1762. </b:includable>
  1763. <b:includable id='threaded-comment-form' var='post'>
  1764. <div class='comment-form'>
  1765. <b:if cond='data:mobile'>
  1766. <p><data:blogCommentMessage/></p>
  1767. <data:blogTeamBlogMessage/>
  1768. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1769. <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%'/>
  1770. <b:else/>
  1771. <p><data:blogCommentMessage/><br/>
  1772. <span class='small-button1'>
  1773. <span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span>
  1774. </span>
  1775. </p>
  1776. <div id='emo-box'><div class='comment_emo_list'/></div>
  1777. <data:blogTeamBlogMessage/>
  1778. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1779. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1780. </b:if>
  1781. <data:post.friendConnectJs/>
  1782. <data:post.cmtfpIframe/>
  1783. <script type='text/javascript'>
  1784. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1785. </script>
  1786. </div>
  1787. </b:includable>
  1788. <b:includable id='threaded_comment_js' var='post'>
  1789. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1790. <script type='text/javascript'>
  1791. (function() {
  1792. var items = <data:post.commentJso/>;
  1793. var msgs = <data:post.commentMsgs/>;
  1794. var config = <data:post.commentConfig/>;
  1795. //<![CDATA[
  1796. var cursor = null;
  1797. if (items && items.length > 0) {
  1798. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1799. }
  1800. var bodyFromEntry = function(entry) {
  1801. if (entry.gd$extendedProperty) {
  1802. for (var k in entry.gd$extendedProperty) {
  1803. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1804. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1805. }
  1806. }
  1807. }
  1808. return entry.content.$t;
  1809. }
  1810. var parse = function(data) {
  1811. cursor = null;
  1812. var comments = [];
  1813. if (data && data.feed && data.feed.entry) {
  1814. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1815. var comment = {};
  1816. // comment ID, parsed out of the original id format
  1817. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1818. comment.id = id ? id[2] : null;
  1819. comment.body = bodyFromEntry(entry);
  1820. comment.timestamp = Date.parse(entry.published.$t) + '';
  1821. if (entry.author && entry.author.constructor === Array) {
  1822. var auth = entry.author[0];
  1823. if (auth) {
  1824. comment.author = {
  1825. name: (auth.name ? auth.name.$t : undefined),
  1826. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1827. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1828. };
  1829. }
  1830. }
  1831. if (entry.link) {
  1832. if (entry.link[2]) {
  1833. comment.link = comment.permalink = entry.link[2].href;
  1834. }
  1835. if (entry.link[3]) {
  1836. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1837. if (pid && pid[1]) {
  1838. comment.parentId = pid[1];
  1839. }
  1840. }
  1841. }
  1842. comment.deleteclass = 'item-control blog-admin';
  1843. if (entry.gd$extendedProperty) {
  1844. for (var k in entry.gd$extendedProperty) {
  1845. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1846. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1847. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1848. comment.displayTime = entry.gd$extendedProperty[k].value;
  1849. }
  1850. }
  1851. }
  1852. comments.push(comment);
  1853. }
  1854. }
  1855. return comments;
  1856. };
  1857. var paginator = function(callback) {
  1858. if (hasMore()) {
  1859. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1860. if (cursor) {
  1861. url += '&published-min=' + new Date(cursor).toISOString();
  1862. }
  1863. window.bloggercomments = function(data) {
  1864. var parsed = parse(data);
  1865. cursor = parsed.length < 50 ? null
  1866. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1867. callback(parsed);
  1868. window.bloggercomments = null;
  1869. }
  1870. url += '&callback=bloggercomments';
  1871. var script = document.createElement('script');
  1872. script.type = 'text/javascript';
  1873. script.src = url;
  1874. document.getElementsByTagName('head')[0].appendChild(script);
  1875. }
  1876. };
  1877. var hasMore = function() {
  1878. return !!cursor;
  1879. };
  1880. var getMeta = function(key, comment) {
  1881. if ('iswriter' == key) {
  1882. var matches = !!comment.author
  1883. && comment.author.name == config.authorName
  1884. && comment.author.profileUrl == config.authorUrl;
  1885. return matches ? 'true' : '';
  1886. } else if ('deletelink' == key) {
  1887. return config.baseUri + '/delete-comment.g?blogID='
  1888. + config.blogId + '&postID=' + comment.id;
  1889. } else if ('deleteclass' == key) {
  1890. return comment.deleteclass;
  1891. }
  1892. return '';
  1893. };
  1894. var replybox = null;
  1895. var replyUrlParts = null;
  1896. var replyParent = undefined;
  1897.  
  1898. var onReply = function(commentId, domId) {
  1899. if (replybox == null) {
  1900. // lazily cache replybox, and adjust to suit this style:
  1901. replybox = document.getElementById('comment-editor');
  1902. if (replybox != null) {
  1903. replybox.height = '250px';
  1904. replybox.style.display = 'block';
  1905. replyUrlParts = replybox.src.split('#');
  1906. }
  1907. }
  1908. if (replybox && (commentId !== replyParent)) {
  1909. replybox.src = '';
  1910. document.getElementById(domId).insertBefore(replybox, null);
  1911. replybox.src = replyUrlParts[0]
  1912. + (commentId ? '&parentID=' + commentId : '')
  1913. + '#' + replyUrlParts[1];
  1914. replyParent = commentId;
  1915. }
  1916. };
  1917. var hash = (window.location.hash || '#').substring(1);
  1918. var startThread, targetComment;
  1919. if (/^comment-form_/.test(hash)) {
  1920. startThread = hash.substring('comment-form_'.length);
  1921. } else if (/^c[0-9]+$/.test(hash)) {
  1922. targetComment = hash.substring(1);
  1923. }
  1924. // Configure commenting API:
  1925. var configJso = {
  1926. 'maxDepth': config.maxThreadDepth
  1927. };
  1928. var provider = {
  1929. 'id': config.postId,
  1930. 'data': items,
  1931. 'loadNext': paginator,
  1932. 'hasMore': hasMore,
  1933. 'getMeta': getMeta,
  1934. 'onReply': onReply,
  1935. 'rendered': true,
  1936. 'initComment': targetComment,
  1937. 'initReplyThread': startThread,
  1938. 'config': configJso,
  1939. 'messages': msgs
  1940. };
  1941. var render = function() {
  1942. if (window.goog && window.goog.comments) {
  1943. var holder = document.getElementById('comment-holder');
  1944. window.goog.comments.render(holder, provider);
  1945. }
  1946. };
  1947. // render now, or queue to render when library loads:
  1948. if (window.goog && window.goog.comments) {
  1949. render();
  1950. } else {
  1951. window.goog = window.goog || {};
  1952. window.goog.comments = window.goog.comments || {};
  1953. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1954. window.goog.comments.loadQueue.push(render);
  1955. }
  1956. })();
  1957. //]]>
  1958. </script>
  1959. </b:includable>
  1960. <b:includable id='threaded_comments' var='post'>
  1961. <div class='comments' id='comments'>
  1962. <a name='comments'/>
  1963. <h4><data:post.commentLabelFull/>:</h4>
  1964. <div class='comments-content'>
  1965. <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  1966. <div id='comment-holder'>
  1967. <data:post.commentHtml/>
  1968. </div>
  1969. </div>
  1970. <p class='comment-footer'>
  1971. <b:if cond='data:post.allowNewComments'>
  1972. <b:include data='post' name='threaded-comment-form'/>
  1973. <b:else/>
  1974. <data:post.noNewCommentsText/>
  1975. </b:if>
  1976. </p>
  1977. <b:if cond='data:showCmtPopup'>
  1978. <div id='comment-popup'>
  1979. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1980. </iframe>
  1981. </div>
  1982. </b:if>
  1983. <div id='backlinks-container'>
  1984. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1985. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  1986. </div>
  1987. </div>
  1988. </div>
  1989. </b:includable>
  1990. </b:widget>
  1991. </b:section>
  1992. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1993. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1994. <div id='main-home'>
  1995. <div id='main-left'>
  1996. <b:section class='gleft' id='gleft'>
  1997. <b:widget id='HTML81' locked='false' title='Kategori' type='HTML'>
  1998. <b:includable id='main'>
  1999. <!-- only display title if it's non-empty -->
  2000. <b:if cond='data:title != &quot;&quot;'>
  2001. <h2 class='title'><span><data:title/></span></h2>
  2002. </b:if>
  2003. <div class='widget-content'>
  2004. <data:content/>
  2005. </div>
  2006. </b:includable>
  2007. </b:widget>
  2008. </b:section>
  2009. </div>
  2010. <div id='main-right'>
  2011. <b:section class='gright' id='gright'>
  2012. <b:widget id='HTML82' locked='false' title='Kategori' type='HTML'>
  2013. <b:includable id='main'>
  2014. <!-- only display title if it's non-empty -->
  2015. <b:if cond='data:title != &quot;&quot;'>
  2016. <h2 class='title'><span><data:title/></span></h2>
  2017. </b:if>
  2018. <div class='widget-content'>
  2019. <data:content/>
  2020. </div>
  2021. </b:includable>
  2022. </b:widget>
  2023. </b:section>
  2024. </div>
  2025. </div>
  2026. </b:if>
  2027. </b:if>
  2028. </div>
  2029. <aside id='sidebar-wrapper'>
  2030. <div class='sidebar-inner'>
  2031. <div class='gvusion-socials-icons mom-socials-widget'>
  2032. <ul>
  2033. <li class='facebook'><a href='#' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/></a></li>
  2034. <li class='twitter'><a href='#' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/></a></li>
  2035. <li class='googleplus'><a href='#' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/></a></li>
  2036. <li class='rss'><a href='#' rel='nofollow' target='_blank' title='Follow us on RSS'><i class='fa fa-rss '/></a></li>
  2037. <li class='youtube'><a href='#' rel='nofollow' target='_blank' title='Follow us on Youtube'><i class='fa fa-youtube '/></a></li>
  2038. <li class='dribbble'><a href='#' rel='nofollow' target='_blank' title='Follow us on Dribble'><i class='fa fa-dribbble '/></a></li>
  2039. <li class='deviantart'><a href='#' rel='nofollow' target='_blank' title='Follow us on DeviantArt'><i class='fa fa-deviantart'/></a></li>
  2040. <li class='pinterest'><a href='#' rel='nofollow' target='_blank' title='Follow us on Pinterest'><i class='fa fa-pinterest '/></a></li>
  2041. <li class='instgram'><a href='#' rel='nofollow' target='_blank' title='Follow us on Instagram'><i class='fa fa-instagram '/></a></li>
  2042. <li class='tumblr'><a href='#' rel='nofollow' target='_blank' title='Follow us on Tumblr'><i class='fa fa-tumblr '/></a></li>
  2043. <li class='linkedin'><a href='#' rel='nofollow' target='_blank' title='Follow us on LinkedIn'><i class='fa fa-linkedin '/></a></li>
  2044. <li class='soundcloud'><a href='#' rel='nofollow' target='_blank' title='Follow us on Soundcloud'><i class='fa fa-soundcloud '/></a></li>
  2045. </ul>
  2046. </div>
  2047. <div class='tabs tabs-1' id='tablatur'>
  2048. <b:section class='tablatur tablatur-1 section' id='tablatur-1' showaddelement='yes'>
  2049. <b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts'>
  2050. <b:includable id='main'>
  2051. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  2052. <div class='widget-content popular-posts'>
  2053. <ul>
  2054. <b:loop values='data:posts' var='post'>
  2055. <li>
  2056. <b:if cond='data:showThumbnails == &quot;false&quot;'>
  2057. <b:if cond='data:showSnippets == &quot;false&quot;'>
  2058. <!-- (1) No snippet/thumbnail -->
  2059. <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
  2060. <b:else/>
  2061. <!-- (2) Show only snippets -->
  2062. <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2063. <div class='item-snippet'><data:post.snippet/></div>
  2064. </b:if>
  2065. <b:else/>
  2066. <b:if cond='data:showSnippets == &quot;false&quot;'>
  2067. <!-- (3) Show only thumbnails -->
  2068. <div class='item-thumbnail-only'>
  2069. <b:if cond='data:post.thumbnail'>
  2070. <div class='item-thumbnail'>
  2071. <a expr:href='data:post.href' target='_blank'>
  2072. <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  2073. </a>
  2074. </div>
  2075. </b:if>
  2076. <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2077. </div>
  2078. <div class='clear'/>
  2079. <b:else/>
  2080. <!-- (4) Show snippets and thumbnails -->
  2081. <div class='item-content'>
  2082. <b:if cond='data:post.thumbnail'>
  2083. <div class='item-thumbnail'>
  2084. <a expr:href='data:post.href' target='_blank'>
  2085. <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  2086. </a>
  2087. </div>
  2088. </b:if>
  2089. <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2090. <div class='item-snippet'><data:post.snippet/></div>
  2091. </div>
  2092. <div class='clear'/>
  2093. </b:if>
  2094. </b:if>
  2095. </li>
  2096. </b:loop>
  2097. </ul>
  2098. </div>
  2099. </b:includable>
  2100. </b:widget>
  2101. </b:section>
  2102. <b:section class='tablatur tablatur-2 section' id='tablatur-2' showaddelement='yes'>
  2103. <b:widget id='Label1' locked='false' title='Label' type='Label'>
  2104. <b:includable id='main'>
  2105. <b:if cond='data:title'>
  2106. <h2><data:title/></h2>
  2107. </b:if>
  2108. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2109. <b:if cond='data:display == &quot;list&quot;'>
  2110. <ul>
  2111. <b:loop values='data:labels' var='label'>
  2112. <li>
  2113. <b:if cond='data:blog.url == data:label.url'>
  2114. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2115. <b:else/>
  2116. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2117. </b:if>
  2118. <b:if cond='data:showFreqNumbers'>
  2119. <span dir='ltr'>(<data:label.count/>)</span>
  2120. </b:if>
  2121. </li>
  2122. </b:loop>
  2123. </ul>
  2124. <b:else/>
  2125. <b:loop values='data:labels' var='label'>
  2126. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2127. <b:if cond='data:blog.url == data:label.url'>
  2128. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2129. <b:else/>
  2130. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2131. </b:if>
  2132. <b:if cond='data:showFreqNumbers'>
  2133. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2134. </b:if>
  2135. </span>
  2136. </b:loop>
  2137. </b:if>
  2138. </div>
  2139. </b:includable>
  2140. </b:widget>
  2141. </b:section>
  2142. <b:section class='tablatur tablatur-3 section' id='tablatur-3' showaddelement='yes'>
  2143. <b:widget id='BlogArchive1' locked='false' title='Arsip' type='BlogArchive'>
  2144. <b:includable id='main'>
  2145. <b:if cond='data:title'>
  2146. <h2><data:title/></h2>
  2147. </b:if>
  2148. <div class='widget-content'>
  2149. <div id='ArchiveList'>
  2150. <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  2151. <b:if cond='data:style == &quot;HIERARCHY&quot;'>
  2152. <b:include data='data' name='interval'/>
  2153. </b:if>
  2154. <b:if cond='data:style == &quot;FLAT&quot;'>
  2155. <b:include data='data' name='flat'/>
  2156. </b:if>
  2157. <b:if cond='data:style == &quot;MENU&quot;'>
  2158. <b:include data='data' name='menu'/>
  2159. </b:if>
  2160. </div>
  2161. </div>
  2162. </div>
  2163. </b:includable>
  2164. <b:includable id='flat' var='data'>
  2165. <ul class='flat'>
  2166. <b:loop values='data:data' var='i'>
  2167. <li class='archivedate'>
  2168. <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  2169. </li>
  2170. </b:loop>
  2171. </ul>
  2172. </b:includable>
  2173. <b:includable id='interval' var='intervalData'>
  2174. <b:loop values='data:intervalData' var='i'>
  2175. <ul class='hierarchy'>
  2176. <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
  2177. <b:include data='i' name='toggle'/>
  2178. <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
  2179. <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
  2180. <b:if cond='data:i.data'>
  2181. <b:include data='i.data' name='interval'/>
  2182. </b:if>
  2183. <b:if cond='data:i.posts'>
  2184. <b:include data='i.posts' name='posts'/>
  2185. </b:if>
  2186. </li>
  2187. </ul>
  2188. </b:loop>
  2189. </b:includable>
  2190. <b:includable id='menu' var='data'>
  2191. <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  2192. <option value=''><data:title/></option>
  2193. <b:loop values='data:data' var='i'>
  2194. <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  2195. </b:loop>
  2196. </select>
  2197. </b:includable>
  2198. <b:includable id='posts' var='posts'>
  2199. <ul class='posts'>
  2200. <b:loop values='data:posts' var='i'>
  2201. <li><a expr:href='data:i.url'><data:i.title/></a></li>
  2202. </b:loop>
  2203. </ul>
  2204. </b:includable>
  2205. <b:includable id='toggle' var='interval'>
  2206. <b:if cond='data:interval.toggleId'>
  2207. <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  2208. <a class='toggle' href='javascript:void(0)'>
  2209. <span class='zippy toggle-open'>&#9660;&#160;</span>
  2210. </a>
  2211. <b:else/>
  2212. <a class='toggle' href='javascript:void(0)'>
  2213. <span class='zippy'>
  2214. <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
  2215. &#9668;&#160;
  2216. <b:else/>
  2217. &#9658;&#160;
  2218. </b:if>
  2219. </span>
  2220. </a>
  2221. </b:if>
  2222. </b:if>
  2223. </b:includable>
  2224. </b:widget>
  2225. </b:section>
  2226. </div>
  2227. <div class='clear'/>
  2228. <b:section class='sidebar section' id='sidebar' preferred='yes'>
  2229. <b:widget id='HTML85' locked='false' title='Recent Comments' type='HTML'>
  2230. <b:includable id='main'>
  2231. <!-- only display title if it's non-empty -->
  2232. <b:if cond='data:title != &quot;&quot;'>
  2233. <h2 class='title'><data:title/></h2>
  2234. </b:if>
  2235. <div class='widget-content'>
  2236. <data:content/>
  2237. </div>
  2238. </b:includable>
  2239. </b:widget>
  2240. <b:widget id='Label2' locked='false' title='Label' type='Label'>
  2241. <b:includable id='main'>
  2242. <b:if cond='data:title != &quot;&quot;'>
  2243. <h2><data:title/></h2>
  2244. </b:if>
  2245. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2246. <b:if cond='data:display == &quot;list&quot;'>
  2247. <ul>
  2248. <b:loop values='data:labels' var='label'>
  2249. <li>
  2250. <b:if cond='data:blog.url == data:label.url'>
  2251. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2252. <b:else/>
  2253. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2254. </b:if>
  2255. <b:if cond='data:showFreqNumbers'>
  2256. <span dir='ltr'>(<data:label.count/>)</span>
  2257. </b:if>
  2258. </li>
  2259. </b:loop>
  2260. </ul>
  2261. <b:else/>
  2262. <b:loop values='data:labels' var='label'>
  2263. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2264. <b:if cond='data:blog.url == data:label.url'>
  2265. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2266. <b:else/>
  2267. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2268. </b:if>
  2269. <b:if cond='data:showFreqNumbers'>
  2270. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2271. </b:if>
  2272. </span>
  2273. </b:loop>
  2274. </b:if>
  2275. </div>
  2276. </b:includable>
  2277. </b:widget>
  2278. </b:section>
  2279. </div>
  2280. </aside>
  2281. </div>
  2282. </div>
  2283. <div class='clear'/>
  2284. <footer id='footer-wrapper'>
  2285. <div class='footer-bottom'>
  2286. <div id='footer-widgetfix'>
  2287. <div class='footer-widget' id='footx1'>
  2288. <b:section class='footer' id='footer1'>
  2289. <b:widget id='HTML4' locked='false' title='Flickr' type='HTML'>
  2290. <b:includable id='main'>
  2291. <!-- only display title if it's non-empty -->
  2292. <b:if cond='data:title != &quot;&quot;'>
  2293. <h2 class='title'><data:title/></h2>
  2294. </b:if>
  2295. <div class='widget-content'>
  2296. <data:content/>
  2297. </div>
  2298. </b:includable>
  2299. </b:widget>
  2300. </b:section>
  2301. </div>
  2302. <div class='footer-widget' id='footx2'>
  2303. <b:section class='footer' id='footer2'>
  2304. <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
  2305. <b:includable id='main'>
  2306. <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  2307. <div class='widget-content'>
  2308. <div class='follow-by-email-inner'>
  2309. <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  2310. <table class='tabletd1'>
  2311. <tr>
  2312. <td>
  2313. <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  2314. </td>
  2315. <td class='tabletd2'>
  2316. <input class='follow-by-email-submit' type='submit' value='Submit'/>
  2317. </td>
  2318. </tr>
  2319. </table>
  2320. <input expr:value='data:feedPath' name='uri' type='hidden'/>
  2321. <input name='loc' type='hidden' value='en_US'/>
  2322. </form>
  2323. </div>
  2324. </div>
  2325. <span class='item-control blog-admin'>
  2326. </span>
  2327. </b:includable>
  2328. </b:widget>
  2329. <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm'>
  2330. <b:includable id='main'>
  2331. <b:if cond='data:title != &quot;&quot;'>
  2332. <h2 class='title'><data:title/></h2>
  2333. </b:if>
  2334. <div class='contact-form-widget'>
  2335. <div class='form'>
  2336. <form name='contact-form'>
  2337. <p/>
  2338. <data:contactFormNameMsg/>
  2339. <br/>
  2340. <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
  2341. <p/>
  2342. <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
  2343. <br/>
  2344. <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
  2345. <p/>
  2346. <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
  2347. <br/>
  2348. <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
  2349. <p/>
  2350. <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
  2351. <p/>
  2352. <div style='text-align: center; max-width: 222px; width: 100%'>
  2353. <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
  2354. <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
  2355. </div>
  2356. </form>
  2357. </div>
  2358. </div>
  2359. </b:includable>
  2360. </b:widget>
  2361. </b:section>
  2362. </div>
  2363. <div class='footer-widget' id='footx3'>
  2364. <b:section class='footer' id='footer3'>
  2365. <b:widget id='Label3' locked='false' title='Label' type='Label'>
  2366. <b:includable id='main'>
  2367. <b:if cond='data:title'>
  2368. <h2><data:title/></h2>
  2369. </b:if>
  2370. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2371. <b:if cond='data:display == &quot;list&quot;'>
  2372. <ul>
  2373. <b:loop values='data:labels' var='label'>
  2374. <li>
  2375. <b:if cond='data:blog.url == data:label.url'>
  2376. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2377. <b:else/>
  2378. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2379. </b:if>
  2380. <b:if cond='data:showFreqNumbers'>
  2381. <span dir='ltr'>(<data:label.count/>)</span>
  2382. </b:if>
  2383. </li>
  2384. </b:loop>
  2385. </ul>
  2386. <b:else/>
  2387. <b:loop values='data:labels' var='label'>
  2388. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2389. <b:if cond='data:blog.url == data:label.url'>
  2390. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2391. <b:else/>
  2392. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2393. </b:if>
  2394. <b:if cond='data:showFreqNumbers'>
  2395. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2396. </b:if>
  2397. </span>
  2398. </b:loop>
  2399. </b:if>
  2400. </div>
  2401. </b:includable>
  2402. </b:widget>
  2403. </b:section>
  2404. </div>
  2405. </div>
  2406. </div>
  2407. <span id='back-to-top'><i class='fa fa-angle-up'/></span>
  2408. <div id='footerfix'>
  2409. <div id='credit'>
  2410. <div class='cpleft'>
  2411. Copyright &#169; 2015 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - Template by <a class='creditlagi' href='//www.arlinadzgn.com/' target='_blank' title='Arlina Design'>Arlina Design</a> - Sponsored by <a class='creditlagiiu' href='//www.caramenghilangkanmembuat.com/' target='_blank' title='caramenghilangkanmembuat'>Caramenghilangkanmembuat</a> | Distributed By <a href='https://gooyaabitemplates.com/' rel='dofollow' target='_blank'>Gooyaabi Templates</a>
  2412. </div>
  2413. </div>
  2414. </div>
  2415. </footer>
  2416. <script type='text/javascript'>
  2417. //<![CDATA[
  2418. // Menu 1
  2419. $(document).ready(function(){var o=$("#menu-wrapper").offset().top,n=function(){var n=$(window).scrollTop();n>o?$("#menu-wrapper").css({position:"fixed",top:0,left:0,right:0,"z-index":99}):$("#menu-wrapper").css({position:"relative"})};n(),$(window).scroll(function(){n()})});
  2420. // Menu 2
  2421. $(document).ready(function(){var str=location.href.toLowerCase();$('.mainin-nav ul li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highlight").removeClass("highlight");$(this).parent().addClass("highlight")}})})
  2422. $(function(){var pull=$('#pull');menu=$('.mainin-nav ul');menuHeight=menu.height();$(pull).on('click',function(e){e.preventDefault();menu.slideToggle()});$(window).resize(function(){var w=$(window).width();if(w>320&&menu.is(':hidden')){menu.removeAttr('style')}})});
  2423. // Back to Top
  2424. $(function(){$("#back-to-top").backToTop()});
  2425. !function(n){n.fn.backToTop=function(o){var c=n(this);c.hide().click(function(){n("body, html").animate({scrollTop:"0px"})});var i=n(window);return i.scroll(function(){i.scrollTop()>0?c.fadeIn():c.fadeOut()}),this}}(jQuery);
  2426. // Tab Menu
  2427. !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:"tab-contents",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);
  2428. //]]>
  2429. </script>
  2430. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  2431. <script type='text/javascript'>
  2432. // Pager
  2433. $(document).ready(function(){var e=$(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);$(&quot;a.blog-pager-older-link&quot;).load(e+&quot; .post-title:first&quot;,function(){var e=$(&quot;a.blog-pager-older-link&quot;).text();$(&quot;a.blog-pager-older-link&quot;).text(e)});var r=$(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);$(&quot;a.blog-pager-newer-link&quot;).load(r+&quot; .post-title:first&quot;,function(){var e=$(&quot;a.blog-pager-newer-link:first&quot;).text();$(&quot;a.blog-pager-newer-link&quot;).text(e)})});
  2434. $(&#39;i[rel=&quot;pre&quot;]&#39;).replaceWith(function() {
  2435. return $(&#39;<pre><code>&#39; + $(this).html() + &#39;</code></pre>&#39;);
  2436. });
  2437. //<![CDATA[
  2438. // Pre Selection
  2439. for(var pres=document.querySelectorAll("pre,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
  2440. // Replace Comments
  2441. function cdClear(){var e=document.getElementById("codes");e.value="",e.focus(),document.getElementById("cvrt").disabled=!1}function cdConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt1"),d=document.getElementById("opt2"),l=document.getElementById("opt3"),n=document.getElementById("opt4"),o=document.getElementById("opt5");t=t.replace(/\t/g," "),c.checked&&(t=t.replace(/&/g,"&amp;")),d.checked&&(t=t.replace(/'/g,"&#039;")),l.checked&&(t=t.replace(/"/g,"&quot;")),n.checked&&(t=t.replace(/</g,"&lt;")),o.checked&&(t=t.replace(/>/g,"&gt;")),t=-1!=t.lastIndexOf("\n")||t.length>40?t.replace(/^/,'<i rel="pre">'):t.replace(/^/,'<i rel="code">'),t=t.replace(/$/,"</i>"),e.value=t,e.focus(),e.select()}
  2442. //]]>
  2443. </script>
  2444. </b:if>
  2445. <b:include data='blog' name='google-analytics'/>
  2446. </body>
  2447. </HTML>
Advertisement
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!