API tools faq
paste
Advertisement
MSupian

Template Blogger G-Vusion www.priv-code.com

MSupian
May 21st, 2017
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 177.53 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML>
  4. <head>
  5. <meta charset='utf-8'/>
  6. <b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/107409700863535168089' rel='author'/></b:if>
  7. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  8.     <title><data:blog.pageTitle/></title>
  9. <b:else/>
  10.     <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  11.         <title>404: Page Not Found ~ <data:blog.title/></title>
  12.     <b:else/>
  13.         <title><data:blog.pageName/> ~ <data:blog.title/></title>
  14.     </b:if>
  15. </b:if>
  16. <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
  17. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  18. <meta content='blogger' name='generator'/>
  19. <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
  20. <link expr:href='data:blog.url' rel='canonical'/>
  21. <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'/>
  22. <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'/>
  23. <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'/>
  24. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  25. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  26. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  27. <b:if cond='data:blog.postImageThumbnailUrl'>
  28. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  29. </b:if>
  30. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  31. <meta expr:content='data:blog.metaDescription' name='description'/>
  32. <b:else/>
  33. <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
  34. </b:if>
  35. </b:if>
  36. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  37.     <meta content='DESCRIPTION HERE' name='description'/>
  38.     <meta content='KEYWORDS HERE' name='keywords'/>
  39. </b:if>
  40. <meta content='YOURFBAPPSID' property='fb:app_id'/>
  41. <meta content='354455111423622' property='fb:admins'/>
  42. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  43. <title>Page Not Found</title>
  44. <meta content='5;/' http-equiv='refresh'/>
  45. </b:if>
  46.  
  47. <link href='https://googledrive.com/host/0Bxyf5AC_ilPwZFpoRVdjVDhVcjQ' rel='stylesheet' type='text/css'/>
  48.  
  49. &lt;style type=&quot;text/css&quot;&gt;
  50. &lt;!-- /*<b:skin><![CDATA[
  51.  
  52. /* CSS Reset */
  53. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
  54.  
  55. /* CSS HTML5 */
  56. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
  57.  
  58. /* CSS Framework */
  59. .navbar,.post-feeds,.feed-links{display:none;}
  60. .section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
  61. strong,b{font-weight:bold;}
  62. cite,em,i{font-style:italic;}
  63. a:link{color:#f97e76;text-decoration:none;outline:none;transition:all 0.25s;}
  64. a:visited{color:#637182;text-decoration:none;}
  65. a:link:hover{color:#46515e;text-decoration:none;}
  66. a:visited:hover{color:#46515e;text-decoration:none;}
  67. a img{border:none;border-width:0;outline:none;}
  68. img{max-width:100%;vertical-align:middle;border:0;}
  69. abbr,acronym{border-bottom:1px dotted;cursor:help;}
  70. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
  71. sub{top:.4em;}small{font-size:86%;}
  72. kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2px;}
  73. mark{background-color:#ffce00;color:#182025;}
  74. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
  75. hr{height:1px;border:none;background-color:#46515e;}
  76.  
  77. /* CSS Blog Heading */
  78. h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
  79. h1{font-size:200%}
  80. h2{font-size:180%}
  81. h3{font-size:160%}
  82. h4{font-size:140%}
  83. h5{font-size:120%}
  84. h6{font-size:100%}
  85.  
  86. /* CSS List */
  87. ol,ul,dl{margin:.5em 0em .5em 3em}
  88. ol{list-style:decimal outside}
  89. ul{list-style:disc outside}
  90. li{margin:.5em 0}
  91. dt{font-weight:bold}
  92. dd{margin:0 0 .5em 2em}
  93.  
  94. /* CSS Form */
  95. input,button,select,textarea{font:'Open Sans';font-size:100%;line-height:normal;vertical-align:baseline;}
  96. textarea{display:block;box-sizing:border-box;}
  97. pre,code{font-family:'Open Sans';color:#46515e;}
  98. pre{white-space:pre;word-wrap:normal;overflow:auto;}
  99. blockquote{background:#f5f5f5;margin-left:2em;margin-right:2em;padding:1em 1em;font-style:italic;font-size:110%;border:1px solid #e5e5e5;border-left:3px solid #ddd;}
  100. .awal{float:left;color:#f97e76;background:#fff;line-height:30px;padding-top:1px;padding-right:5px;font-family:times;font-size:50px;}
  101. .post ul li {list-style-image:url('http://4.bp.blogspot.com/-L8BSFTqZfx0/U6wkY3I6sgI/AAAAAAAAECg/yZy-784eMoA/s1600/bullet.png');transition:all 0.5s ease 0s;}
  102. .post ul li:hover {list-style-image:url('http://1.bp.blogspot.com/-kXBgIU3WeTs/U6wkY68vkhI/AAAAAAAAECk/T9R6QUmrLk0/s1600/bulleth.png');}
  103.  
  104. /* CSS Post Table */
  105. body {background:#f1f3f4 none repeat scroll top left;margin:0 0 0 0;padding:0 0 0 0;
  106. color:#444;font-family:'Open Sans';font-size:13px;font-weight:400;text-align:left;}
  107. body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar {
  108. padding:0 0 0 0;}
  109. body#layout .top-tab-widget-menu ul {display:none;}
  110. .post-body table th, .post-body table td, .post-body table caption{border:1px solid #d8dde1;padding:.2em .5em;text-align:left;vertical-align:top;}
  111. .post-body table.tr-caption-container {border:1px solid #d8dde1;}
  112. .post-body th{font-weight:700;}
  113. .post-body table caption{border:none;font-style:italic;}
  114. .post-body table{}
  115. .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #d8dde1;}
  116. .post-body th{background:#ecf0f1;}
  117. .post-body table.tr-caption-container td {border:none;padding:8px;}
  118. .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
  119. .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
  120. img {max-width:100%;height:auto;border:0;}
  121. table {max-width:100%;}
  122. body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {
  123. padding:0 0 0 0;}
  124. body#layout .tably {float:left;width:79px;}
  125. body#layout .header-wrapper {margin-top:40px;}
  126. body#layout #navigation {float:right;width:50%;}
  127. body#layout .tably {float:left;width:100%;}
  128. .ct-wrapper {margin:0;padding:0;}
  129. .clear {clear:both;}
  130. .clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;
  131. height:0;}
  132. #navbar-iframe {display:none !important;}
  133. header,nav,section,aside,article,footer {display:block;}
  134.  
  135. /* CSS Global Wrapper */
  136. #outer-wrapper {max-width:1000px;margin:20px auto;padding:20px;overflow:hidden;}
  137. #post-wrapper {float:left;width:70%;max-width:700px;margin:0 0 10px;}
  138. .post-inner {padding:15px 15px 0 0;}
  139. .blogouter-wrapper {overflow:hidden;position:relative;width:100%;}
  140. .ct-wrapper {padding:0 20px;position:relative;max-width:1024px;margin:0 auto;}
  141. #header-wrapper {width:100%;margin:0 auto;margin-bottom:15px;overflow:hidden;}
  142. #header {float:left;width:100%;max-width:257px;}
  143. .header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
  144. max-width:728px;}
  145. .header-wrapper2 {position:relative;z-index:999;}
  146. .logo{float:left;margin:0;overflow:hidden;text-align:center;}
  147. .logo a {color:#fff;font-family:'Roboto';margin:0;}
  148. .logo img{border:0;background:none;width:auto;height:auto;margin:0 auto;}
  149. #sidebar-wrapper {float:right;width:30%;max-width:300px;margin:0 auto;}
  150. .sidebar-inner {padding:15px 0;}
  151. #footer-wrapper {width:100%;text-align:left;overflow:hidden;margin:20px 0px 0px 0px}
  152. #footer-widgetfix .footer-widget {width:30.6%;float:left;margin-left:20px;}
  153. #footer-widgetfix {max-width:1000px;overflow:hidden;margin:0 auto;}
  154. #footer-wrapper .widget-content {text-align:left;margin:20px 0 15px;}
  155. #footer-wrapper .widget-content li {margin-left:-14px;}
  156. #footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 15px;display:block;}
  157. #credit {width:98%;margin:0 auto;}
  158. .credit-left {text-align:center}
  159. .credit-right {float:right;margin:9px 0 0}
  160. .footer-bottom {min-height:40px;}
  161. #footx1,#footx2,#footx3 {margin:0 .2%}
  162. .footer {padding-bottom:.2em;}
  163. #social_networks{width:100%;display:block;margin:0 auto;text-align:center;}
  164. #social_networks ul {list-style:none;}
  165. #main-home{width:100%;height:auto;padding:20px 0;margin:20px 0 0;margin-bottom:30px;overflow:hidden}
  166. #main-left{float:left;width:46%;}
  167. #main-right{float:right;width:46%;}
  168. #gleft .widget {padding:20px;margin:0;overflow-wrap:break-word;}
  169. #gright .widget {padding:20px;margin:0;overflow-wrap:break-word;}
  170.  
  171. ]]></b:skin>
  172.  
  173. <style type='text/css'>
  174.  
  175. /* CSS Fonts */
  176. @font-face {font-family:&#39;Open Sans&#39;;font-style:normal;font-weight:400;
  177. src: local(&#39;Open Sans&#39;), local(&#39;OpenSans&#39;), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format(&#39;woff&#39;);}
  178.  
  179. @font-face {font-family:&#39;Open Sans&#39;;font-style:normal;font-weight:600;
  180. src: local(&#39;Open Sans Semibold&#39;), local(&#39;OpenSans-Semibold&#39;), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format(&#39;woff&#39;);}
  181.  
  182. @font-face {font-family:&#39;Open Sans&#39;;font-style:italic;font-weight:400;
  183. src: local(&#39;Open Sans Italic&#39;), local(&#39;OpenSans-Italic&#39;), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format(&#39;woff&#39;);}
  184.  
  185. @font-face {font-family:&#39;Roboto&#39;;font-style:normal;font-weight:300;
  186. src: local(&#39;Roboto Light&#39;), local(&#39;Roboto-Light&#39;), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format(&#39;woff&#39;);}
  187.  
  188. @font-face {font-family:&#39;Oswald&#39;;font-style:normal;font-weight:400;
  189. src: local(&#39;Oswald Regular&#39;), local(&#39;Oswald-Regular&#39;), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format(&#39;woff&#39;);}
  190.  
  191. /* CSS Outer Wrapper */
  192. #outer-wrapper {background:#f1f3f4;max-width:1000px;margin:20px auto;padding:20px;overflow:hidden;}
  193.  
  194. /* CSS Content Wrapper */
  195. #content-wrapper {background-color:#f1f3f4;margin:0 auto;padding:5px 0 0;
  196. word-wrap:break-word;}
  197.  
  198. /* CSS Loading Page */
  199. #page-loader {position:fixed!important;position:absolute;top:0;right:0;bottom:0;
  200. left:0;z-index:9999;background:#fff url(&#39;http://2.bp.blogspot.com/-t2gSISF0Sdc/U4XzAzFl5qI/AAAAAAAADVY/nYmOzAOnbus/s1600/Loader3.gif&#39;) no-repeat 50% 50%;color:#fcfcfc;padding:1em 1.2em;display:none;}
  201.  
  202. /* CSS Header Wrapper */
  203. #header-wrapper {width:100%;margin:0 auto;margin-bottom:15px;overflow:hidden;padding:0;}
  204. #header {float:left;width:100%;max-width:257px;color:#46515e;margin:0;}
  205. #header h1, #header p {font-family:&#39;Roboto&#39;;font-size:250%;font-weight:300;color:#46515e;text-transform:uppercase;}
  206. #header a {color:#46515e;text-decoration:none;transition:all 0.3s ease-in-out;}
  207. #header a:hover {color:#f97e76;}
  208. #header .description {font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:400;color:#5b686a;text-transform:none;}
  209. .header img {display:block;}
  210. .header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
  211. max-width:728px;}
  212. .header-right img {display:block;}
  213.  
  214. /* CSS Header 2 Wrapper */
  215. .blogouter-wrapper {background:#182025;position:relative;top:0;left:0;z-index:999;overflow:hidden;width:100%;}
  216. .ct-wrapper {padding:0 20px;position:static;max-width:1000px;margin:0 auto;}
  217. .header-wrapper2 {margin:0 auto;padding:0}
  218. .logo{float:left;margin:0;overflow:hidden;text-align:center;}
  219. .logo a {color:#fff;margin:0;}
  220. .logo img{border:0;background:none;width:auto;height:auto;margin:0 auto;}
  221.  
  222. /* CSS Top Menu */
  223. .main-nav {display:block;margin:0 auto;float:right;padding:0;padding-top:5px;background:#182025;}
  224. .main-nav ul {width:100%;padding:0;margin:0;text-align:right;}
  225. .main-nav li {list-style-type:none;float:left;padding:0;}
  226. .main-nav li a {font-family:&#39;Oswald&#39;;font-size:16px;font-weight:400;background:#35444e;color:#fff;display:block;margin:0;padding:20px 25px;text-transform:uppercase;line-height:100%;}
  227. .main-nav ul li a:active, .main-nav ul li.highlight a {line-height:100%;text-decoration:none;}
  228. .main-nav ul li a:hover {background:#3c4550;color:#fff;border-bottom:4px solid #5c6a7a;text-decoration:none;}
  229. .main-nav a#pull {display:none;}
  230. .main-nav .home1 a {background:#667fb3;border-bottom:4px solid #566b97;}
  231. .main-nav .home2 a {background:#46515e;border-bottom:4px solid #343c46;}
  232. .main-nav .home3 a {background:#b7c866;border-bottom:4px solid #99a756;}
  233. .main-nav .home4 a {background:#477a8b;border-bottom:4px solid #3a6371;}
  234. .main-nav .home5 a {background:#f97e76;border-bottom:4px solid #d26b64;}
  235.  
  236. /* CSS Main Menu */
  237. #menu-wrapper{background:#fff;height:50px;width:100%;position:relative;border-bottom:4px solid #e1e2e4;}
  238. #menu{background:#fff;color:#53606f;height:50px;}
  239. #menu ul,#menu li{margin:0;padding:0;list-style:none;}
  240. #menu ul{height:50px}
  241. #menu li{float:left;display:inline;position:relative;font-family:&#39;Open Sans&#39;;font-size:14px;font-weight:400;}
  242. #menu li a{color:#53606f;}
  243. #menu a{display:block;line-height:50px;padding:0 20px;text-decoration:none;color:#53606f;transition:all 0.2s ease-in-out;}
  244. #menu li:hover &gt; a{background:#e1e2e4;color:#46515e;border-bottom:4px solid #d2d3d5;}
  245. #menu li a:hover{background:#e1e2e4;color:#46515e;}
  246. #menu input{display:none;margin:0;padding:0;width:80px;height:50px;opacity:0;cursor:pointer}
  247. #menu label{font-family:&#39;Open Sans&#39;;font-size:30px;font-weight:400;display:none;width:35px;height:51px;line-height:51px;text-align:center}
  248. #menu label span{font-size:13px;position:absolute;left:35px}
  249. #menu ul.menus{height:auto;overflow:hidden;width:166px;background:#46515e;position:absolute;z-index:99;display:none;color:#dadce0;transition:all 0.3s ease-in-out;}
  250. #menu ul.menus a{background:#46515e;color:#dadce0;border-bottom:1px solid #3f4954;border-top:1px solid #505c6b;}
  251. #menu ul.menus a:hover{background:#53606f;padding-left:25px;color:#fff;box-shadow:none;}
  252. #menu ul.menus li{display:block;width:100%;font-family:&#39;Open Sans&#39;;font-size:13px;font-weight:400;text-transform:none;transition:all 0.1s ease-in-out;}
  253. #menu ul.menus li:hover{width:100%;}
  254. #menu ul.menus li:last-child {border-bottom:4px solid #38414b;}
  255. #menu ul.menus li:first-child a{border-top:none;}
  256. #menu ul.menus li:last-child a{border-bottom:none;}
  257. #menu ul.menus li:hover a {background:#53606f;color:#fff;}
  258. #menu li:hover ul.menus{display:block;}
  259. #menu .homers a{background:#f97e76;color:#fff;border-bottom:4px solid #d26b64;}
  260. #menu .homers a:hover{background:#b3c5d1;color:#fff;border-bottom:4px solid #9eaeba;}
  261. #menu .downhere a{background:#fff;color:#f97e76;border-bottom:4px solid #e1e2e4;}
  262. #menu .downhere a:hover{background:#f97e76;color:#fff;border-bottom:4px solid #d26b64;}
  263.  
  264. /* CSS Post Wrapper */
  265. #post-wrapper {background:transparent;color:#7b8996;float:left;width:70%;max-width:700px;margin:0 0 10px;}
  266. .post-inner {padding:15px 15px 0 0;}
  267. .breadcrumbs {background:transparent;font-size:100%;height:50px;overflow:hidden;padding:0;}
  268. .breadcrumbs &gt; span {background:transparent;padding:0;}
  269. .breadcrumbs &gt; span:last-child {background:#fff;color:#5b686a;border-bottom:3px solid #e1e2e4;font-family:&#39;Roboto&#39;;font-size:14px;font-weight:300;padding:5px 10px 5px 10px;line-height:50px;}
  270. .breadcrumbs a {color:#5b686a;font-family:&#39;Roboto&#39;;
  271. font-size:14px;font-weight:normal;line-height:50px;}
  272. .breadcrumbs span a {background:#fff;color:#5b686a;padding:5px 10px 5px 10px;}
  273. .breadcrumbs span:first-child  a{border-bottom:3px solid #e1e2e4;}
  274. .breadcrumbs span:nth-child(2) a{border-bottom:3px solid #e1e2e4;}
  275. .breadcrumbs span:nth-child(3) a{border-bottom:3px solid #e1e2e4;}
  276. .breadcrumbs span:nth-child(4) a{border-bottom:3px solid #e1e2e4;}
  277. .breadcrumbs span:nth-child(5) a{border-bottom:3px solid #e1e2e4;}
  278. .breadcrumbs span a:hover {border-bottom:3px solid #d26b64;background:#f97e76;color:#fff;}
  279. .post {background:#fff;margin:0 0 15px;padding:15px;border-bottom:4px solid #e1e2e4;}
  280. .post-body {line-height:1.6em;color:#252f31;margin-top:15px;margin-right:0;font-size:13px;}
  281. .post-body img {max-width:95%;margin:0 auto;height:auto;}
  282. h2.post-title, h1.post-title {font-family:&#39;Roboto&#39;,sans-serif;font-size:20px;font-weight:300;}
  283. h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {text-transform:uppercase;color:#7b8996;}
  284. h2.post-title a:hover, h1.post-title a:hover {color:#83a878!important;}
  285. .post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:11px;}
  286. .post-info a {display:inline;background:#fff;color:#7b8996;padding:4px 6px 4px 6px;transition:all .3s ease-in-out;}
  287. .post-info a:hover {background:transparent;background:#f97e76;color:#fff;}
  288. .author-info, .time-info, .comment-info, .label-info, .review-info {
  289. margin-right:1px!important;display:inline;}
  290. .halaman{margin-top:20px;padding:0;background:#fff;border-bottom:4px solid #e1e2e4;}
  291. .halaman-kiri{width:50%;background:#fff;float:left;margin:0;padding-bottom:10px;text-align:left;color:#888;transition:all .3s ease-in-out;}
  292. .halaman-kanan{width:50%;background:#fff;float:right;margin:0;padding-bottom:10px;text-align:right;color:#888;transition:all .3s ease-in-out}
  293. .halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#f97e76!important;}
  294. .halaman-kanan a:hover,.halaman-kiri a:hover{color:#f97e76!important;}
  295. .halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:14px; font-family: &#39;Open Sans&#39;,Helvetica,Arial,sans-serif;font-weight:300;background:none;text-decoration:none}
  296. .halaman-kiri a,.halaman-kanan a{color:#888;}
  297. .pager-title-left{font-family: &#39;Oswald&#39;,sans-serif;font-size:22px;text-transform:uppercase;font-weight:400;transition:all .3s ease-in-out}
  298. .isihalaman-kiri{margin:5px 10px 10px}
  299. .isihalaman-kanan{margin:5px 10px 10px}
  300. #blog-pager-newer-link{float:left}
  301. #blog-pager-older-link{float:right}
  302. .blog-pager,#blog-pager{clear:both;text-align:center}
  303. .feed-links{clear:both;line-height:2.5em}
  304.  
  305. /* CSS Comments */
  306. #comments{background:#fff;clear:both;margin:10px auto 0;line-height:1em;padding:20px;border-bottom:4px solid #e1e2e4;}
  307. #comments h3{background:#f97e76;display:inline;padding:10px;line-height:20px;margin-bottom:15px;margin-top:0;font-family:&#39;Oswald&#39;,sans-serif;font-size:18px;position:absolute;color:#fff;font-weight:400}
  308. #comments h3:after{content:&quot;&quot;;position:absolute;bottom:-10px;left:10px;border-top:10px solid #f97e76;border-right:20px solid transparent;width:0;height:0;line-height:0}
  309. #comments .click-comment{float:right;display:inline-block;margin-bottom:15px;padding:0;font-family:&#39;Oswald&#39;,sans-serif;font-size:16px;text-transform:none;position:relative;color:#7b8996;font-weight:400;text-decoration:none}
  310. #comments .click-comment:hover{color:#f97e76}
  311. .comment_avatar_wrap{width:0;height:35px;border:none;background:none;text-align:center;margin-bottom:10px;padding:0;}
  312. #comments .comment_avatar {width:42px;height:42px;max-width:42px;max-height:42px;background:#fcfcfc;padding:0;border-radius:2px;text-align:center;position:absolute;top:0;right:0;opacity:0.6;transition:all .3s ease-in-out}
  313. #comments .comment_admin .comment_avatar{width:42px;height:42px;max-width:42px;max-height:42px;padding:4px 4px 19px;border-radius:2px;text-align:center;position:absolute;top:0;right:0;opacity:0.6;transition:all .3s ease-in-out}
  314. #comments .comment_body:hover .comment_avatar{opacity:1;}
  315. #comments .comment_avatar 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;}
  316. .comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
  317. .comment_name a{font-family:&#39;Oswald&#39;,sans-serif;font-weight:400;font-size:20px;text-transform:uppercase;padding:5px 0;color:#111;text-decoration:none}
  318. .comment_name a:hover{color:#f97e76}
  319. .comment_admin .comment_name{font-weight:400;font-size:20px;font-family:&#39;Oswald&#39;,sans-serif;text-decoration:none;background:none;padding:5px 0;text-transform:uppercase}
  320. .comment_admin .comment_date{font-weight:400;font-size:11px;}
  321. .comment_name{background:none;font-size:22px;font-family:&#39;Trebuchet MS&#39;, sans-serif;font-weight:700;padding:5px 0;position:absolute;top:10px;left:0;text-transform:uppercase;display:inline}
  322. .comment_name,.comment_admin .comment_name{left:0;top:10px}
  323. .comment_service{position:absolute;top:35px;left:0;}
  324. .comment_date a{font-size:11px;font-weight:400;text-transform:none;color:#666;text-decoration:none}
  325. .comment_body{margin-top:20px;background:none;border:none;padding:10px 0;position:relative;transition:all .3s ease-in-out}
  326. .comment_body p{line-height:1.6em;color:#53606f;border-bottom:1px solid #e9eaed;font-size:14px; font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;word-wrap:break-word;background:#fff;margin-top:10px;padding:10px}
  327. .comment_child .comment_body p{background:#fff;border-bottom:1px solid #e9eaed}
  328. .comment_body p img{vertical-align:middle}
  329. .comment_inner{padding-bottom:5px;margin:5px 0}
  330. .comment_child .comment_wrap{padding-left:7%}
  331. .comment_child .comment_body{margin-top:-15px;background:none;border:none}
  332. .comment_reply{float:left;display:inline-block;margin-top:-8px;border-bottom:2px solid #2e3641;color:#fff!important;text-align:center;text-decoration:none;background:#46515e;font:11px/18px sans-serif;padding:1px 11px}
  333. .comment_reply:hover{text-decoration:none!important;background:#f97e76;border-bottom:2px solid #d26b64;color:#fff!important;text-shadow:none}
  334. .comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0}
  335. .comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial, Helvetica, Garuda, sans-serif;font-size:15px;color:#5b686a}
  336. #comment-editor{width:103%!important;background:#fff url(&#39;http://3.bp.blogspot.com/-a2y0eGqlJvM/U6a5DFwQJeI/AAAAAAAADww/6-Q5DN7roNQ/s1600/loading.gif&#39;) no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}
  337. .comment-form p{background:#fff;border:1px solid #e5e5e5;color:#444;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;line-height:1.2em;margin-bottom:15px;padding:7px 10px;}
  338. .comment_reply_form{padding:0 0 0 7%}
  339. .comment_reply_form .comment-form{width:100%}
  340. .comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 0 10px;}
  341. .comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#444}
  342. .comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
  343. .comment_img{max-width:100%!important}
  344. #respond{overflow:hidden;padding-left:10px;clear:both}
  345. .comment-delete{position:absolute;display:none;top:0;right:-25px;color:red!important;text-align:center;text-decoration:none;font-family: Arial;font-size:20px;font-weight:700;padding:0;transition:all .3s ease-in-out}
  346. .comment_body:hover .comment-delete{display:inline-block;}
  347. .comment-delete:hover{color:#5b686a!important}
  348. .unneeded-paging-control,.comment_author_flag{display:none}
  349. .comment_admin .comment_author_flag {display:block;background:#444;font-family: &#39;Trebuchet MS&#39;,sans-serif;font-size:12px;font-weight:400;width:42px;height:15px;line-height:15px;position:absolute;right:4px;bottom:4px;color:#fff;text-align:center;text-transform:uppercase;}
  350. .spammer-detected{font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial, sans-serif;}
  351. .deleted-comment{display:block;color:#fff;word-wrap:break-word;background:#f97e76;margin-top:10px;padding:10px;font-size:14px;font-family: &#39;Open Sans&#39;,Helvetica,Arial,sans-serif}
  352. iframe{border:none;overflow:hidden}
  353. .paging-control-container{text-align:center;margin:0 0 0 25%;}
  354. .paging-control-container a{text-align:center;margin:0 auto;background:#ccc;border:1px solid #bbb;border-radius:3px;padding:3px 10px}
  355.  
  356. #konversi-box, #hide-konversi,#emo-box,#hide-emo {display:none}
  357. #konversi-box {width:100%;color:#eee;background:none;line-height:1.6em;margin-bottom:20px;padding:0;text-align:left;}
  358. .checkbox{font:11px Tahoma,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee;}
  359. #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;}
  360. #codes:focus{background-color:#46515e;color:#fff;border:1px solid #263138;outline:none;transition:all 0.3s linear;}
  361. .button-group{float:right;text-align:left;margin:0 auto}
  362. button,button[disabled]:active{border:none;font-size:12px;font-family:&#39;Roboto&#39;;font-weight:normal;border-radius:1px;border-bottom:3px solid #a0ad64;padding:4px 10px;text-decoration:none;background:#b6c472;color:#fff;display:inline-block;box-shadow:0 1px 3px 0px rgba(0,0,0,0.1);transition:all 0.5s linear;cursor:pointer}
  363. button:hover{background:#a0ad64;border-bottom:3px solid #8b9656;color:#fff;transition:all 0.2s linear;}
  364. button:active{background:#a0ad64;border-bottom:3px solid #8b9656;color:#fff}
  365. button[disabled],button[disabled]:active{background:#a0ad64;border-bottom:3px solid #8b9656;color:#fff;cursor:default}
  366. #opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;vertical-align:middle;border:none;outline:none;margin:0 10px 0 0}
  367.  
  368. .small-button a,.small-button1 a {border-bottom:3px solid #d26b64;color:#fff;font-size:13px;font-family:&#39;Roboto&#39;;cursor:pointer;font-weight:300;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:1px;display:inline-block;background-color:#f97e76;padding:4px 10px;cursor:pointer}
  369. .small-button:hover a,.small-button1:hover a{color:#fff;text-shadow:none;border-bottom:3px solid #b45d57;border-radius:1px;display:inline-block;background-color:#d26b64;}
  370.  
  371. /* CSS Image Lightbox White */
  372. #jquery-overlay{position:absolute;top:0;left:0;z-index:91;width:100%;height:500px;}
  373. #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
  374. #jquery-lightbox a,#jquery-lightbox a:hover{border:none;}
  375. #jquery-lightbox a img{border:none;}
  376. #lightbox-container-image-box{position:relative;background-color:#fff;width: 250px;height:250px;margin:0 auto;}
  377. #lightbox-container-image{padding:10px;box-shadow: 0px -10px 34px 0px rgba(0,0,0,0.15);}
  378. #lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
  379. #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
  380. #lightbox-container-image-box &gt; #lightbox-nav{left:0;}
  381. #lightbox-nav a{outline:none;}
  382. #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;display:block;}
  383. #lightbox-nav-btnPrev{left:10%;float:left;}
  384. #lightbox-nav-btnNext{right:10%;float:right;}
  385. #lightbox-container-image-data-box{font-family:&#39;Open Sans&#39;;font-size:10px;font-weight:400;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;max-width:100%;padding:0 10px 0;box-shadow: 0px 25px 34px -18px rgba(0,0,0,0.15);}
  386. #lightbox-container-image-data{padding:0 10px;color:#8f8f8f;}
  387. #lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
  388. #lightbox-image-details-caption{font-weight:400;}
  389. #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
  390. #lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}
  391.  
  392. /* CSS Syntax Highlighter */
  393. pre {background:#fff;color:#888;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 #d8dde1;border-left:3px solid #b7c866;}
  394. pre .comment {color:#A57A4C;}
  395. pre .variable.global, pre .variable.class, pre .variable.instance {color:#DC3958;}
  396. pre .constant.numeric, pre .constant.language, pre .constant.hex-color, pre .keyword.unit {color:#F79A32;}
  397. pre .constant, pre .entity, pre .entity.class, pre .support {color:#F06431;}
  398. pre .constant.symbol, pre .string {color:#889B4A;}
  399. pre .entity.function, pre .support.css-property, pre .selector {
  400. color:#8AB1B0;}
  401. pre .keyword, pre .storage {color:#98676A;}
  402.  
  403. /* CSS Button */
  404. .quote.center {color:#7b8996;font-size:17px;font-style:italic;line-height:24px;margin:30px 60px;}
  405. .quote.left {color:#7b8996;float:left;font-size:17px;font-style:italic;line-height:24px;margin:15px 20px;padding:20px;width:33%;}
  406. .quote.right {color:#7b8996;float:right;font-size:17px;font-style:italic;line-height:24px;margin:15px 20px;padding:20px;width:33%;}
  407. .button {border:none;color:#fff;cursor:pointer;display:inline-block;font-family:&#39;Oswald&#39;,sans-serif;font-size:14px;font-weight:normal;line-height:1;margin:10px 10px 10px 0;padding:1em 1.5em 0.75em;text-decoration:none;text-transform:uppercase;border-radius:5px;}
  408. a.button {color:#fff;font-weight:normal;text-decoration:none;}
  409. a.button:hover {color:#fff;}
  410. .button a {color:#fff;}
  411. .button a:hover {color:#fff;}
  412. .button.blue {background-color:#93D0EA;border-bottom:3px solid #85bad1;}
  413. .button.blue:hover {background-color:#82bcd5;border-bottom:3px solid #75a6bb;}
  414. .button.green {background-color:#A5D16D;border-bottom:3px solid #90b85c;}
  415. .button.green:hover {background-color:#90b85c;border-bottom:3px solid #78994e;}
  416. .button.red {background-color:#F4836A;border-bottom:3px solid #d2705a;}
  417. .button.red:hover {background-color:#d2705a;border-bottom:3px solid #b4614e;}
  418. .button.orange {background-color:#FF8B62;border-bottom:3px solid #d97855;}
  419. .button.orange:hover {background-color:#d97855;border-bottom:3px solid #be6a4b;}
  420. .button.pink {background-color:#F05791;border-bottom:3px solid #d04d7e;}
  421. .button.pink:hover {background-color:#d04d7e;border-bottom:3px solid #b4446e;}
  422. .button.yellow {background-color:#EADC8E;border-bottom:3px solid #d2c680;}
  423. .button.yellow:hover {background-color:#d2c680;border-bottom:3px solid #b3a96f;}
  424. .button.dark {background-color:#3c536b;border-bottom:3px solid #2e4052;}
  425. .button.dark:hover {background-color:#2e4052;border-bottom:3px solid #202c38;}
  426.  
  427. /* CSS Recents Post with Label */
  428. #main-home{width:100%;height:auto;padding:20px 0;margin-bottom:20px;margin-top:0;overflow:hidden}
  429. #main-home li {list-style:none;}
  430. #main-left h2, #main-right h2{background:#46515e;color:#fff;font-family:&#39;Roboto&#39;,Arial,sans-serif;font-size:16px;font-weight:300;position:relative;margin:-20px -20px 15px -20px;padding:10px 15px 11px 15px;margin-bottom:0;}
  431. #main-left{float:left;background:#fff;width:46%;border-bottom:4px solid #e1e2e4;border-radius: 0px 0px 7px 7px;}
  432. #main-right{float:right;background:#fff;width:46%;border-bottom:4px solid #e1e2e4;border-radius: 0px 0px 7px 7px;}
  433. img.label_thumb{float:left;margin-right:10px;margin-left:-20px;margin-bottom:5px;margin-top:2px;height:70px;width:70px;}
  434. .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0;padding:0;line-height:1.3em}
  435. ul.label_with_thumbs li{min-height:70px;margin:2px 0;padding:7px 0;}
  436. .label_with_thumbs li{font-size:10px;color:#b1b8bd;list-style:none;padding-left:0!important}
  437. .label_with_thumbs a{font-family:&#39;Open Sans&#39;,Calibri,sans-serif;font-size:13px;font-weight:400;color:#5b686a;line-height:1.4em;margin-bottom:8px}
  438. .label_with_thumbs a:hover{opacity:.9;color:#f97e76}
  439. .label_with_thumbs strong{padding-left:0}
  440. #gleft .widget {background:#fff;padding:20px;margin:0;overflow-wrap:break-word;}
  441. #gright .widget {background:#fff;padding:20px;margin:0;overflow-wrap:break-word;}
  442.  
  443. /* CSS Social Network */
  444. #social_networks{text-align:center;display:block;margin:0 auto;padding-bottom:15px;margin-bottom:15px;}
  445. #social_networks ul {display:block;height:36px;margin:0 auto;list-style:none;}
  446. #social_networks li{text-align:center;display:inline-block;margin:0 auto;margin-left:2px;margin-right:2px;width:48px;height:48px;opacity:0.9;transition:All 0.2s ease;}
  447. #social_networks li:hover{opacity:1;}
  448. #social_networks li a{display:inline-block;width:48px;height:48px;padding-top:5px;padding-bottom:5px;}
  449. #social_networks li a:hover{background:transparent;color:#ddd;box-shadow:none;}
  450. #social_networks li a span{display:none;}
  451. #social_networks li.facebook{background-image:url(http://4.bp.blogspot.com/-d4ofE48-Oc8/U6xkL7HRytI/AAAAAAAAEDY/KUPWmEfkBrY/s1600/Facebook.png);}
  452. #social_networks li.twitter{background-image:url(http://1.bp.blogspot.com/-qCdql7X3Osk/U6xkM2kNtMI/AAAAAAAAEDs/NSo5zsiAkWY/s1600/Twitter.png);}
  453. #social_networks li.youtube{background-image:url(http://4.bp.blogspot.com/-o_nM4N8zCcE/U6xkNEpc85I/AAAAAAAAED8/z-NjQOneSQg/s1600/Youtube.png);}
  454. #social_networks li.googleplus{background-image:url(http://4.bp.blogspot.com/-wa1_NgpvCVQ/U6xkL4LoAqI/AAAAAAAAEDg/ImHEGc3TPQg/s1600/Google.png);}
  455. #social_networks li.linkedin{background-image:url(http://3.bp.blogspot.com/--IvRgtTHKPk/U6xkLyCj-iI/AAAAAAAAEDc/3Nz1I3iNRu8/s1600/Linkedin.png);}
  456.  
  457. /* CSS Search */
  458. #search {position:relative;font-size:13px;font-family:&#39;Open Sans&#39;,sans-serif;width:auto;height:100%;margin:0 auto;text-align:center;}
  459. #search-form {border-radius:2px;margin:0 auto;background:#f97e76 url(&#39;http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png&#39;) 96% 50% no-repeat;border:0 none;height:36px;line-height:13px;width:92%;font-family:&#39;Open Sans&#39;,sans-serif;font-size:13px;font-weight:400;color:#fff;padding:0 10px;transition:all 0.5s ease 0s;}
  460. #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;}
  461. #search-form:hover{background:#d26a64 url(&#39;http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png&#39;) 90% 50% no-repeat;}
  462. #search-form:focus{background:#46515e url(&#39;http://1.bp.blogspot.com/-hol8u-tMI4o/U6a5GKy8xbI/AAAAAAAADxA/axfPxABLUlA/s1600/search.png&#39;) -10% 50% no-repeat;text-shadow:none!important;outline:none;color:#fff;}
  463. #box {display:none}
  464. .search-text {font-size:13px;font-family:&#39;Open Sans&#39;;float:right;cursor:pointer;}
  465. .search-text:hover {color:#fff}
  466.  
  467. /* CSS Ads */
  468. .banner {margin:0 auto;text-align:center;overflow:hidden;}
  469. .banner .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
  470. .banner img, .banner iframe{display:block;margin:0 auto;text-align:center;}
  471. .kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;animation:BounceRate 3s;}
  472. .kotak_iklan .sidebar .widget-content{padding:0;background:#333;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
  473. .kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
  474. .kotak_iklan  img {margin-bottom:2px;margin-top:2px;text-align:center;transition:all 1s ease-out;animation:BounceRate 3s;}
  475. .kotak_iklan  img:hover {transition:all .5s ease-out;}
  476. .kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;animation:BounceRate 3s;}
  477. .kotak_iklan2 .sidebar .widget-content{padding:0;background:#f0f0f0;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
  478. .kotak_iklan2 .sidebar .widget {margin-bottom:0;padding:0;}
  479. .kotak_iklan2  img {text-align:center;transition:all 1s ease-out;animation:BounceRate 3s;}
  480. .kotak_iklan2  img:hover {transition:all .5s ease-out;}
  481.  
  482. /* CSS Widget */
  483. .widget ul {line-height:1.4em;}
  484. .profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
  485. #ArchiveList ul li:before {content:&quot;&quot; !important;padding-right:0px !important;}
  486. .rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}
  487. #Attribution1 {height:0px;visibility:hidden;display:none}
  488. #Label1 .tabs-content .widget {margin-bottom:15px}
  489. #Label2 li {float:left;width:44%;margin-left:5px}
  490.  
  491. /* CSS Sidebar Wrapper */
  492. #sidebar-wrapper {background:transparent;float:right;width:30%;max-width:300px;
  493. margin:0 auto;}
  494. .sidebar-inner {padding:15px 0;}
  495. .sidebar h2, .tably h2 {background:#46515e;color:#fff;font-family:&#39;Roboto&#39;,sans-serif;font-size:16px;font-weight:300;margin:0 0 10px 0;padding:10px 15px;position:relative;transition:all .5s ease-out;}
  496. .sidebar .widget {background:#fff;margin:0 0 15px;border-bottom:4px solid #e1e2e4;border-radius: 0px 0px 7px 7px;}
  497. .sidebar ul, .sidebar ol {list-style-type:none;margin:0 0 0 0;padding:10px;padding-top:0;}
  498. .sidebar li {margin:5px 0;padding:0 0 0 0;}
  499.  
  500. /* CSS Tabs */
  501. .tabs, .tably {margin:0 0;}
  502. .tabs .tably {padding:0 0;}
  503. .tabs-menu {color:#fff;padding:0 0;margin:0;margin-bottom:0;}
  504. .tabs-menu li {margin-bottom:0;font-size:14px;font-family:&#39;Roboto&#39;;font-weight:300;height:40px;line-height:40px;width:33.0%;list-style:none;text-align:center;display:inline-block;padding:0;background:#46515e;color:#fff;cursor:pointer;position:relative;transition:all 0.1s linear;}
  505. .tabs-menu li:hover {background:#53606f;color:#fff;}
  506. .tabs-menu .active-tab {background:#fff;color:#53606f;}
  507. .tabs-menu .active-tab:hover {background:#fff;color:#f97e76;}
  508. .tabs-content {padding:10px;background:#fff;border-bottom:4px solid #e1e2e4;margin-bottom:15px;border-radius: 0px 0px 7px 7px;}
  509. .tabs-content .sidebar li {margin:0 0;padding:0 0 0 0;}
  510. .tabs-content .widget li {background:#fff;color:#5b686a;float:none!important;}
  511. .tabs-content .widget ul {background:#fff;color:#5b686a;overflow:visible;}
  512.  
  513. /* CSS Popular Post */
  514. .PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,
  515. .PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;
  516. background:none;outline:none;}
  517. .PopularPosts ul {margin:.5em 0;list-style:none;color:#7b8996;counter-reset:num;}
  518. .PopularPosts ul li img {display:block;margin:0 .5em 0 0;width:60px;height:60px;
  519. float:left;}
  520. .PopularPosts ul li {background-color:#fff;margin:0 0 .4em 0 !important;padding:.5em 1.5em .5em .5em !important;position:relative;transition:all 1s ease-out;animation:BounceRate 3s;}
  521. .PopularPosts ul li:hover {background-color:#fff;}
  522. .PopularPosts ul li a:hover {color:#b3c5d1!important;}
  523. .PopularPosts ul li:before,.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:400;color:#f97e76;text-decoration:none;transition:all 1s ease-out;animation:BounceRate 3s;}
  524. .PopularPosts ul li:before {display:none;list-style:none;}
  525. .PopularPosts .item-thumbnail {margin:0 0 0 0;}
  526. .PopularPosts .item-snippet {font-size:11px;}
  527. .profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
  528.  
  529. /* CSS Footer */
  530. #footer-wrapper {width:100%;text-align:left;overflow:hidden;background-color:#263138;
  531. margin:0px 0px 0px 0px;border-top:5px solid #f97e76;border-bottom:3px solid #3a4b55;}
  532. #footer-widgetfix .footer-widget {width:30.6%;float:left;margin-left:20px;padding-top:10px;padding-bottom:15px;}
  533. #footer-widgetfix {max-width:1000px;overflow:hidden;margin:0 auto;}
  534. #footer-wrapper .widget {color:#dee2e5}
  535. #footer-wrapper h2 {font-family:&#39;Roboto&#39;;font-size:16px;font-weight:300;color:#dee2e5;padding:5px 10px;}
  536. #footer-wrapper h2 span {background:#263138;position:relative;
  537. padding:5px 0}
  538. #footer-wrapper .widget-content {text-align:left;font-family:&#39;Open Sans&#39;,Helvetica;
  539. margin:20px 0 15px;color:#dee2e5}
  540. #footer-wrapper .widget-content li {margin-left:-14px;color:#dee2e5}
  541. #footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 15px;display:block;}
  542. .footer li a {padding-top:0;padding-right:0;line-height:2em;font-size:13px;
  543. font-weight:400;font-family:&#39;Open Sans&#39;,Helvetica;color:#dee2e5;margin:0}
  544. #footerfix {overflow:hidden;background:#182025;padding:10px 5px;border-top:2px solid #181f23;border-bottom:3px solid #263138;}
  545. #credit {color:#dee2e5;width:98%;font-size:12px;font-family:&#39;Roboto&#39;,Helvetica;margin:0 auto;font-weight:300;max-width:1000px;}
  546. #credit a {color:#f97e76;text-decoration:none}
  547. #credit a:hover {color:#fff;text-decoration:none}
  548. .cpleft {float:left;margin:10px;}
  549. .cpright {float:right;margin:10px;}
  550. .footer-bottom {min-height:40px;}
  551. #footx1,#footx2,#footx3 {margin:0 .2%}
  552. .footer {font-weight:400;padding-bottom:.2em;}
  553.  
  554. /* CSS Back to Top */
  555. #back-to-top {text-align:center;background:#f97e76;color:#fff;overflow:hidden;
  556. text-align:center;width:60px;height:30px;display:block;margin:0 auto;border-radius:5px 5px 0 0;border-top:3px solid #d26b64;cursor:pointer;background-image:url(&quot;http://4.bp.blogspot.com/-YQ-kX3Ifzb4/U6a5HhEhlLI/AAAAAAAADxI/wT_VI6RLrHM/s1600/totop.png&quot;);background-repeat:no-repeat;background-position:center;}
  557. #back-to-top a {color:#fff;}
  558. #back-to-top a:hover {color:#f0f0f0;}
  559.  
  560. /* CSS Follow by email */
  561. .FollowByEmail .follow-by-email-inner {position:relative;color:#dee2e5;}
  562. .follow-by-email-inner {background:none repeat scroll 0 0 #182025;padding:15px;color:#dee2e5;}
  563. .follow-by-email-inner:before {
  564. color:#dee2e5;content: &quot; Enter Your Email and Join Our Email Subscriber List, Its Spam Free Secure Email System &quot;;font-family:&#39;Open Sans&#39;;font-size:10px;font-weight:normal;padding-bottom:10px;}
  565. .FollowByEmail .follow-by-email-inner .follow-by-email-address {background:#263138;
  566. border:none;color:#dee2e5;font-size:13px;height:28px;
  567. padding-left:2px;width:100%}
  568. .FollowByEmail .follow-by-email-inner .follow-by-email-submit {background:#82939e;
  569. border:0 none;color:#fff;cursor:pointer;font-size:13px;height:28px;margin:0 3px;
  570. width:60px;z-index:0;border-radius:0;transition:all 0.6s ease-in-out;}
  571. .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
  572. background:#5e6a71;}
  573. .tabletd1 {width:100%;}
  574. .tabletd2 {width:64px;}
  575.  
  576. /* CSS label */
  577. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
  578. font-size:100%;opacity:1}
  579. .cloud-label-widget-content{text-align:left;}
  580. .label-size {background:#f97e76;display:block;float:left;margin:0 2px 2px 0;
  581. color:#fff;font-size:11px;border-bottom:3px solid #d26b64;transition:.8s linear;}
  582. .label-size a,.label-size span{display:inline-block;color:#fff;padding:8px 10px;
  583. font-weight:400;}
  584. .label-size:hover {background:#d26b64;border-bottom:3px solid #b45d57;}
  585. .label-size a:hover {color:#fff!important;}
  586. .label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;
  587. background:#d26b64;color:#fff;transition:.8s linear;}
  588. .label-count:hover {background:#b45d57;color:#fff;}
  589. .label-size {line-height:1.2}
  590. #sidebar-wrapper .Label li {background:#fff;color:#7b8996;float:left;padding:5px;text-align:left;width:44%;border:1px solid #d8dde1;transition:.3s linear;}
  591. #sidebar-wrapper .Label li:hover {background:#ea6153;color:#fff;border:1px solid #92bf84;}
  592. #sidebar-wrapper .Label li a {color:#7b8996;transition:.3s linear;}
  593. #sidebar-wrapper .Label li a:hover {background:transparent url(http://3.bp.blogspot.com/-CRLUvrDlBF8/U4xIYqoehXI/AAAAAAAADi4/35Og2ZvKZNs/s1600/bullet2hover.png) no-repeat 0 5px;padding-left:12px;padding-right:0;color:#fff;}
  594. #footer-wrapper .label-size{background:#182025;color:#dee2e5;border-bottom:3px solid #374650;display:block;float:left;margin:0 2px 2px 0;
  595. font-size:11px;transition:all 1s linear;}
  596. #footer-wrapper .label-size a {display:inline-block;color:#dee2e5;padding:8px 10px;
  597. font-weight:400;transition:all 1s linear;}
  598. #footer-wrapper .label-size a:hover {background:#f97e76;color:#fff;transition:all 1s linear;}
  599. #footer-wrapper .label-size:hover, #footer-wrapper-inner .label-size:hover{background:#f97e76;color:#fff;border-bottom:3px solid #d26b64;transition:all 1s linear;}
  600. #footer-wrapper .label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;
  601. background:#f97e76;color:#fff!important;}
  602.  
  603. /* CSS Fixed Inner */
  604. .status-msg-wrap {font-size:120%;font-weight:700;width:100%;margin:20px auto;}
  605. .status-msg-body {padding:20px 2%;width:96%;}
  606. .status-msg-border {border:1px solid #d8dde1;opacity:1;width:auto;}
  607. .status-msg-bg {background-color:#fff;}
  608. .status-msg-hidden {padding:20px 2%;}
  609. #ArchiveList ul li:before {content:&quot;&quot;!important;padding-right:0px!important;}
  610. .rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}
  611.  
  612. /* CSS Social Share */
  613. .share-box{background-color:#f97e76;font-size:14px;padding:10px 0 11px;position:relative;margin-top:10px;color:#fff;}
  614. a.more{background:#fff;font-size:16px;font-weight:700;color:#f97e76;text-align:center;padding:0 6px;margin-top:-6px;}
  615. a.more:hover{background:#46515e;color:#fff;}
  616.  
  617. /* CSS Print */
  618. .printfriendly{float:right;right:10px;background:transparent;color:#777;text-decoration:none;padding:3px 5px 3px 0;font-family:&#39;Open Sans&#39;;font-size:12px;font-weight:400;}
  619. .printfriendly span.print{background:url(http://2.bp.blogspot.com/-HyUpHEqmQn8/U6lqy_KlumI/AAAAAAAAD3M/ZDRcjiSHeJo/s1600/print.png) no-repeat;border:none;box-shadow:none;margin:3px 6px -3px;padding-left:20px}
  620. .printfriendly span.pdf{background:url(http://2.bp.blogspot.com/-8EdRBsEboLo/U6lqypJbFmI/AAAAAAAAD3I/KPIqzxlvpP4/s1600/PDF.png) no-repeat;border:none;box-shadow:none;margin:3px 0 -3px;padding-left:20px}
  621.  
  622. /* CSS Page Navigation */
  623. .pagenav {clear:both;margin:-5px 0 10px;margin-top:10px;padding:5px;text-align:center;font-size:13px;
  624. font-family:&#39;Open Sans&#39;;font-weight:700;text-transform:uppercase;}
  625. .pagenav span,.pagenav a {padding:10px 15px;display:inline-block;background-color:#f97e76;color:#fff;border-bottom:4px solid #d26b64;transition:all 1s linear;}
  626. .pagenav .pages {background-color:#f97e76;color:#fff;border-bottom:3px solid #d26b64;transition:all .2s linear;}
  627. .pagenav a:hover {background-color:#fff;color:#f97e76;border-bottom:4px solid #e1e2e4;transition:all .2s linear;}
  628. .pagenav .current {background-color:#fff;color:#f97e76;border-bottom:4px solid #e1e2e4;transition:all .2s linear;}
  629. .pagenav .pages {display:none;}
  630.  
  631. /* CSS Custom Error Page */
  632. #oopss {color:#fff;text-align:center;margin-bottom:50px;font-weight:400;font-size:45px;font-family:&#39;Oswald&#39;,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;background:#f97e76;}
  633. #error-text {display:none;top:30%;position:relative;}
  634. #error-view {
  635. background-image:url(http://1.bp.blogspot.com/-1oMJ-wQZI8I/U6lmN0aZ4SI/AAAAAAAAD28/vxRugbuyc9M/s1600/404+Custom+Error+Page.png)!important;
  636. background-repeat:no-repeat;background-size:100%;height:380px;margin:0 auto;
  637. width:570px;top:20%;position:relative;}
  638.  
  639. /* CSS Sitemap */
  640. #bp_toc {background:#fff;width:100%;color:#5f6f7b;margin-top:10px;margin:0 auto;padding:5px;}
  641. .toc-header-col1 {padding:10px;padding-left:10px;background-color:#5f6f7b;width:250px;transition:all 0.8s ease-in-out;}
  642. .toc-header-col2 {padding:10px;padding-left:10px;background-color:#5f6f7b;width:75px;transition:all 0.8s ease-in-out;}
  643. .toc-header-col3 {padding:10px;padding-left:10px;background-color:#5f6f7b;width:125px;transition:all 0.8s ease-in-out;}
  644. .toc-header-col1:hover, .toc-header-col2:hover, .toc-header-col3:hover {background-color:#f97e76;box-shadow:inset 0 0 2px rgba(0,0,0,0.1);}
  645. .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
  646. font-size:96%;text-decoration:none;color:white;}
  647. .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  648. font-size:96%;text-decoration:none;}
  649. .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fafafa;padding:5px;padding-left:5px;font-size:89%}
  650.  
  651. /* CSS Flicker Image Gallery */
  652. .flickr_plugin {width:300px;}
  653. .flickr_badge_image {float:left;height:62px;padding:1px;width:62px;}
  654. .flickr_badge_image a {display:block;background:transparent;padding:1px;transition:all 1s ease-out;}
  655. .flickr_badge_image a img {display:block;width:100%;height:auto;opacity:.8;transition: opacity 100ms linear;}
  656. .flickr_badge_image a img:hover {opacity:1;}
  657. .d-header {margin-top:-1px;}
  658. .ccounter {margin-top:-1px;}
  659. .quickedit{display:none;}
  660.  
  661. /* CSS Contact */
  662. #ContactForm1{display:none;}
  663. #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
  664. width:300px;height:auto;margin:5px auto;padding:10px;background:#ecf0f1;border:none;color:#7b8996;border:2px solid #fff;transition:all 1s ease-in-out;}
  665. #ContactForm1_contact-form-email-message{width:450px;height:175px;margin:5px auto;padding:10px;background:#ecf0f1;border:none;color:#7b8996;font-family:&#39;Open Sans&#39;,sans-serif;border:2px solid #fff;transition:all 1s ease-in-out;}
  666. #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border:2px solid #d8dde1;}
  667. #ContactForm1_contact-form-submit {font-family:&#39;Oswald&#39;;font-size:16px;width:101px;height:35px;float:left;color:#fff;padding:0;margin:10px 0 3px 0;cursor:pointer;background:#bac0c4;border:none;text-transform:uppercase;transition:background 0.4s linear;}
  668. #ContactForm1_contact-form-submit:hover {background:#f48064;}
  669. #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
  670. width:450px;margin-top:35px;}
  671.  
  672. /* CSS Comment Notification  */
  673. #show-total {position:absolute;top:15px;left:310px;z-index:9999;cursor:pointer;
  674. float:right;}
  675. .total-show {background-color:#f97e76;color:#fff;padding:2px 6px;font-size:11px;
  676. border-radius:2px;font-weight:normal;}
  677. #notif {cursor:pointer;}
  678. #notif:before {content: url(&#39;http://3.bp.blogspot.com/-XTG95ALcO4Y/U6wQKfUKdJI/AAAAAAAAEBo/I1ae0Yf1PvU/s1600/notif.png&#39;);display:block;
  679. position:absolute;top:22px;left:300px;opacity:0.6;z-index:9997;transition:all 0.3s ease-in-out;}
  680. #notif:hover:before {opacity:1;}
  681. #notif2 {cursor:pointer;display:none}
  682. #notif2:before {content: url(&#39;http://3.bp.blogspot.com/-XTG95ALcO4Y/U6wQKfUKdJI/AAAAAAAAEBo/I1ae0Yf1PvU/s1600/notif.png&#39;);display:block;
  683. position:fixed;top:22px;left:300px;opacity:1;z-index:9997;transition:all 0.3s ease-in-out;}
  684. #notif2:hover:before {opacity:1;}
  685. #cm-wrapper {width:310px;position:fixed;top:65px;left:-381px;z-index:9999;
  686. background-color:#fff;padding:15px 13px 25px 15px;color:#46515e;font-family:&#39;Roboto&#39;,Sans-serif;border-top:8px solid #f97e76;transition:all 0.3s ease-in-out;}
  687. #cm-wrapper:before {content:&quot;&quot;;width:0;height:0;position:absolute;top:-24px;
  688. left:303px;border:10px solid transparent;border-color:transparent transparent #f97e76;}
  689. #cm-scroll {width:100%;height:600px;overflow:auto;position:relative;}
  690. #comments-container {color:#46515e;font-family:&#39;Open Sans&#39;,Sans-serif;opacity:1;}
  691. #comments-container.cm-active {position:fixed;left:0;top:61px;}
  692. .scrollgeneric {line-height:1px;font-size:1px;position:absolute;top:0;left:0;}
  693. .vscrollerbase {width:5px;background-color:#fafafa;}
  694. .vscrollerbar {width:5px;background-color:#e1e2e4;}
  695. .vscrollerbar:hover {width:5px;background-color:#bdbec1;}
  696. .vscrollerbar:focus {width:5px;background-color:#b7c866;}
  697. .hscrollerbase {height:10px;background-color:#fafafa;}
  698. .hscrollerbar {height:10px;background-color:#fafafa;border-radius:2px;}
  699. .scrollerjogbox {width:10px;height:10px;top:auto;left:auto;bottom:0px;right:0px;
  700. background-color:transparent;transition:0.3s ease-in-out;}
  701. .cm-outer {margin:0 auto;padding:0;font-size:11px;text-align:left;}
  702. .cm-outer pre {background-color:#fff;color:#46515e;border:1px solid #e1e2e4;border-left:3px solid #b7c866;font-size:11px;}
  703. .vscrollerbar .cm-outer pre {width:5px;background-color:#e1e2e4;}
  704. .cm-outer li {padding:7px 10px 12px;list-style:none;clear:both;position:relative;
  705. border-bottom:3px solid #e1e2e4;border-radius:5px;margin-right:10px;}
  706. .cm-outer code {color:#f97e76;font-size:11px;}
  707. .cm-outer li.selected {border-left:4px solid #f97e76;}
  708. .cm-outer li:first-child {border-top:none;}
  709. .cm-outer li:last-child {border-bottom:none;}
  710. .cm-text {color:#6c7075;}
  711. .cm-outer {margin:0 0 5px}
  712. .cm-header {margin: 4px 0 8px 60px;font-size:13px;font-weight:normal!important;}
  713. .cm-header a {color:#5d6b6b;font-family:&#39;Roboto&#39;;text-decoration:none;font-size:13px;font-weight:300;}
  714. .cm-header a:hover {color:#f97e76;text-decoration:none;}
  715. .cm-outer .cm-content {overflow:hidden}
  716. .cm-content {margin-left:60px}
  717. .cm-outer img {display:block;float:left;background:#fff url(&#39;http://1.bp.blogspot.com/-21HK5HI5YEM/U6wYCTGPkKI/AAAAAAAAECQ/_R2ECAxKrug/s1600/anonim.png&#39;) no-repeat 50% 50%;
  718. overflow:hidden;border-radius:100px;position:absolute;top:10px;left:0;
  719. border:2px solid #e1e2e4;transition:all 0.3s ease-in-out;}
  720. .cm-outer img:hover {border:2px solid #f97e76;}
  721. .cm-footer {margin-top:7px;}
  722. .cm-footer a {color:#a5aab1;text-decoration:none;}
  723. .cm-footer a:hover {color:#f97e76;text-decoration:none;}
  724. div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {
  725. content: url(http://1.bp.blogspot.com/-21HK5HI5YEM/U6wYCTGPkKI/AAAAAAAAECQ/_R2ECAxKrug/s1600/anonim.png);}
  726. .bg_hitam{display:none;position:absolute;position:fixed;top:0%;right:0%;width:100%;
  727. height:100%;background-color:#182025;z-index:99;opacity:0.3;transition:all 0.3s ease-in-out;}
  728. .sticky {position:fixed;top:42px;z-index:100;}
  729.  
  730. /* CSS Global Responsive */
  731. @media screen and (max-width:1066px) {
  732. #outer-wrapper {margin:0 auto;}
  733. .opt-in .inner .ct-wrapper {padding:0 48px;}
  734. .header-right {float:right;padding:0;overflow:hidden;margin:0;max-width:640px!important;}
  735. .header-right img {display:block;}}
  736.  
  737. @media screen and (max-width:960px) {
  738. .blogouter-wrapper {border-bottom:none;}
  739. #header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
  740. #header{margin-bottom:10px;}
  741. .header-right{margin-top:0px;}
  742. .header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
  743. #header-wrapper{width:100%!important;padding:0 10px;}
  744. .logo {float:none;}
  745. .logo a {text-align:center;}
  746. .ct-wrapper{padding:0 10px;}
  747. .header-wrapper2 {padding:0}
  748. .main-nav {display:block;width:100%;padding:0}
  749. .main-nav ul {text-align:center;}
  750. .main-nav ul {display:none;height:auto;}
  751. .main-nav a#pull {background-color:#2e3641;color:#fff;display:inline-block;font-family:&#39;Open Sans&#39;;font-size:12px;font-weight:bold;padding:10px 3%;height:30px;line-height:30px;position:relative;text-align:left;text-transform:uppercase;width:94%;}
  752. .main-nav a#pull:after {content:&quot;&quot;;background:url(&#39;http://2.bp.blogspot.com/-LwR9Bn5wyRQ/U10FzXsJXMI/AAAAAAAAC8M/ng-HiAmed9Q/s1600/nav-icon.png&#39;) no-repeat; width:30px;height:30px;line-height:30px;display:inline-block;position:absolute;right:15px;top:15px;}
  753. .main-nav li {display:block;width:100%;text-align:left;border-bottom:none;}
  754. .main-nav li a {background:#53606f;color:#fff;padding:15px 20px;display:block;border-bottom:none;}
  755. .main-nav li a:hover, nav a:active {background:#53606f;border:none;color:#fff;border-bottom:none;}
  756. .main-nav ul li a:hover {color:#fff;border-bottom:none;}
  757. .main-nav .home1 a {background:#46515e;border-bottom:none;}
  758. .main-nav .home2 a {background:#46515e;border-bottom:none;}
  759. .main-nav .home3 a {background:#46515e;border-bottom:none;}
  760. .main-nav .home4 a {background:#46515e;border-bottom:none;}
  761. .main-nav .home5 a {background:#46515e;border-bottom:none;}
  762. #menu{position:relative;background:#2e3641;color:#fff;}
  763. #menu ul{background:#46515e;position:absolute;top:100%;right:0;left:0;z-index:5;height:auto;display:none;}
  764. #menu ul.menus{width:100%;position:static;border:none;}
  765. #menu li{display:block;width:100%;text-align:left;}
  766. #menu li a{color:#fff}
  767. #menu li a:hover{background:#53606f;color:#fff}
  768. #menu li:hover{background:#53606f;color:#fff;border-bottom:none;border-top:none;}
  769. #menu li:hover &gt; a.ai,#menu a.ai:hover{background:#53606f;color:#fff;border-bottom:none;border-top:none;}
  770. #menu li:hover &gt; a,#menu li a:hover{background:#53606f;color:#fff;box-shadow:none;transition: .3s linear;border-bottom:none;border-top:none;}
  771. #menu ul.menus a{background:#2e3641;color:#fff;border-bottom:none;border-top:none;}
  772. #menu ul.menus a:hover{background:#3c4654;color:#fff;padding-left:20px;border-bottom:none;border-top:none;}
  773. #menu input,#menu label{display:inline-block;position:absolute;right:0;top:0;}
  774. #menu input:after,#menu label:after {content:&quot;&quot;;background:url(&#39;http://2.bp.blogspot.com/-LwR9Bn5wyRQ/U10FzXsJXMI/AAAAAAAAC8M/ng-HiAmed9Q/s1600/nav-icon.png&#39;) no-repeat; width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:17px;}
  775. #menu input{z-index:4}
  776. #menu input:checked + label{color:#fff;font-weight:700}
  777. #menu input:checked ~ ul{display:block}
  778. #menu .homers a{background:#46515e;color:#fff;border-bottom:none;}
  779. #menu .homers a:hover{background:#53606f;color:#fff;border-bottom:none;}
  780. #menu .downhere a{background:#46515e;color:#fff;border-bottom:none;}
  781. #menu .downhere a:hover{background:#53606f;color:#fff;border-bottom:none;}
  782. #footer-widgetfix {width:100%;overflow:hidden;}
  783. #footer-widgetfix .footer-widget {width:46%;float:left;margin-left:20px;}
  784. .flickr_badge_image {float:left;height:60px;margin:2px;width:60px;}}
  785.  
  786. @media only screen and (max-width:768px){
  787. #outer-wrapper {padding:0 12px;}
  788. #post-wrapper, #sidebar-wrapper {width:100%;max-width:100%}
  789. .post-body img {max-width:90%;}
  790. .img-thumbnail {margin:0 10px 0 0;}
  791. .sidebar-inner, .post-inner {padding:15px 0 0px;}
  792. ul#relpost_img_sum li {width:100%}
  793. #main-left h2, #main-right h2,#main-left, #main-right{width:100%;float:left}
  794. #credit {float:none;margin:0 auto;text-align:center;}
  795. .cpleft,.cpright {float:none;text-align:center;margin:10px;}}
  796.  
  797. @media only screen and (max-width:640px){
  798. #header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
  799. #header{margin-bottom:10px;margin-top:10px;}
  800. .header-right{float:none;margin-top:0px;margin:0 auto;text-align:center;}
  801. .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
  802. #header-wrapper{width:100%!important;padding:0;}
  803. #outer-wrapper {padding:0 10px;}
  804. #post-wrapper,#sidebar-wrapper,#footer-col1,#footer-col2,#footer-col3 {width:100%;max-width:100%}
  805. h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;}
  806. .logo img {margin:0 auto;text-align:center;padding-top:10px;padding-bottom:10px}
  807. .opt-in .inner .ct-wrapper {padding:0 10px;}
  808. .sidebar-inner, .post-inner{padding:10px 0 0px;}
  809. .post {margin:0 0 10px;padding:10px;}
  810. #footer-widgetfix {width:100%;overflow:hidden;}
  811. #footer-widgetfix .footer-widget {width:92%;float:left;margin-left:20px;}
  812. #credit {float:none;margin:0 auto;text-align:center;}
  813. .cpleft,.cpright {float:none;text-align:center;margin:10px;}
  814. #social_networks{text-align:center;margin:0 auto;}
  815. .flickr_plugin {text-align:center;margin:0 auto;}}
  816.  
  817. @media only screen and (max-width:480px){
  818. .header-right{float:none;margin-top:0px;margin:0 auto;text-align:center;}
  819. .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
  820. #outer-wrapper {padding:0 8px;}
  821. .post {margin:0 0 8px;padding:8px;}
  822. h2.post-title, h1.post-title {font-size:16px;}
  823. .img-thumbnail, .img-thumbnail img {width:120px;height:90px;}
  824. .img-thumbnail {margin:0 8px 0 0;}
  825. .comments .comment-block, .comments .comments-content .inline-thread {
  826. padding:10px !important;}
  827. .comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}
  828. #related_posts {margin:20px 20px 20px 0;padding:0;}
  829. .post-info {font-size:12px;}
  830. .flickr_badge_image {height:55px;width:55px;}
  831. #notif,#notif2 {display:none;}}
  832.  
  833. @media screen and (max-width:320px){
  834. .header-right{float:none;margin-top:0px;margin:0 auto;text-align:center;}
  835. .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
  836. #outer-wrapper {padding:0 6px;}
  837. .post {padding:6px;}
  838. .img-thumbnail, .img-thumbnail img {width:100px;height:80px;}
  839. #footer-widgetfix {width:100%;overflow:hidden;}
  840. #footer-widgetfix .footer-widget {width:87%;float:left;margin-left:20px;}}
  841.  
  842. </style>
  843.  
  844. <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  845. <style type='text/css'>
  846. /* CSS Post Wrapper */
  847. .post {background:#fff;color:#b1b8bd;margin:0 0 15px;padding:0;box-shadow:none;border:none;border-bottom:4px solid #e1e2e4;border-radius: 0px 0px 7px 0px;transition:all 1s linear;}
  848. .post:hover {transition:.3s linear;}
  849. .post-body {line-height:1.6em;color:#b1b8bd;margin-top:10px;margin-right:10px;font-size:11px;}
  850. h2.post-title, h1.post-title {font-family:&#39;Oswald&#39;,sans-serif;font-size:20px;font-weight:400;padding:10px;padding-bottom:0;background:#fff;z-index:0;}
  851. h2.post-title:hover, h1.post-title:hover {color:#f97e76;}
  852. h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#4b5557;z-index:0;text-transform:uppercase;}
  853. h2.post-title a:hover, h1.post-title a:hover {color:#f97e76!important;}
  854. .post-info {background:#fff;margin-top:0;margin-bottom:0;padding:0;color:#5b686a;font-size:11px;}
  855. .post-info a {display:inline;background:transparent;color:#5b686a;padding:0;padding-right:5px;margin-bottom:10px;transition:all .3s ease-in-out;}
  856. .post-info a:hover {background:transparent;color:#f97e76;}
  857. .author-info, .time-info, .comment-info, .label-info, .review-info {
  858. margin-right:1px!important;display:inline;}
  859. a.read-more {position:absolute;display:inline-block;margin:15px 0 0;background-color:#fff;color:#b1b8bd;padding:3px 12px;line-height:26px;
  860. font-family:&#39;Open Sans&#39;,Verdana,Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;opacity:0;right:80px;bottom:0;border-radius: 0px 0px 3px 0px;transition:all .3s ease-in-out;animation:BounceRate 3s;}
  861. a.read-more:hover {background-color:#f97e76;color:#fff;}
  862. a.read-more:active {background-color:#fff;color:#f97e76;}
  863. .post:hover a.read-more{opacity:1;right:0;}
  864. .img-thumbnail {background:#fcfcfc url(http://4.bp.blogspot.com/-mj8tRKB7gU8/U6a5E68I5DI/AAAAAAAADw4/MDNUrXlP5Jg/s1600/no-image.png) no-repeat center center;position:relative;float:left;width:220px;height:180px;
  865. margin:0 15px 0 0;z-index:1;}
  866. .img-thumbnail img {width:220px;height:180px;z-index:1;}
  867. span.overlay {opacity:0;transition:all .2s;background:#1a1717;cursor:pointer;position:absolute;right:-40px;left:0;
  868. bottom:0;top:0;z-index:2;opacity:0;}
  869. span.overlay:before {content:&quot;&quot;;position:absolute;
  870. background:url(http://4.bp.blogspot.com/-ewjbxdJu8pg/U4jFUrXD5wI/AAAAAAAADf8/4xIDVFK0YjA/s1600/view.png) 50% 50% no-repeat;width:32px;height:32px;top:50%;left:50%;margin:-20px;padding:5px;}
  871. span.overlay:hover {opacity:0.56;right:0;transition:all .3s;}
  872.  
  873. /* CSS Homepage Responsive */
  874. @media only screen and (max-width:640px){
  875. h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;}}
  876.  
  877. @media only screen and (max-width:480px){
  878. h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:16px;}}
  879.  
  880. @media only screen and (max-width:320px){
  881. h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:14px;}}
  882.  
  883. </style>
  884. </b:if>
  885. </b:if>
  886.  
  887. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  888. <style type='text/css'>
  889.  
  890. .post img{height:auto;max-width:95%;border:0;transition:all 0.5s ease-in-out;}
  891. .post img:hover{box-shadow:0 1px 2px rgba(0,0,0,0.1);}
  892. .quickedit{display:none;}
  893.  
  894. /* CSS Related Posts */
  895. #related_posts h4 {font-family:&#39;Oswald&#39;;color:#999;padding:0;margin:0;text-transform:uppercase;font-size:140%;float:left;font-weight:400;}
  896. #related_posts {margin:0;padding:0;margin-bottom:10px;}
  897. .relhead {background:#fff;color:#999;font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 15px;text-transform:uppercase;}
  898. #relpost_img_sum .news-text {display:none;}
  899. ul#relpost_img_sum {margin:0;padding:0;}
  900. ul#relpost_img_sum li {float:left;list-style: none outside none;margin:0 14px 0 0;padding:10px 5px 5px 0;overflow:hidden;width:45%;}
  901. ul#relpost_img_sum li a {display:block;}
  902. ul#relpost_img_sum li img {background-color:#f0f0f0;float:left;margin-right:10px;background: none repeat scroll 0 0 #f0f0f0;padding:3px;transition:all 1s ease-out;animation:BounceRate 3s;}
  903. ul#relpost_img_sum li img:hover {background-color:#fff;opacity:0.9;}
  904. ul#relpost_img_sum li a.relinkjdulx {background-image:none;color:#999;
  905. display:block;font-family:&#39;Open Sans&#39;;font-size:13px;font-weight:normal;overflow:hidden;padding:10px 5px;text-transform:none;}
  906.  
  907. /* CSS Item Responsive */
  908. @media only screen and (max-width:640px){
  909. ul#relpost_img_sum li {float:left;list-style:none;overflow:hidden;width:90%;}}
  910.  
  911. </style>
  912. </b:if>
  913.  
  914. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  915. <style type='text/css'>
  916. .post img{height:auto;max-width:95%;border:0;transition:all 0.5s ease-in-out;}
  917. .post img:hover{box-shadow:0 1px 2px rgba(0,0,0,0.1);}
  918. </style>
  919. </b:if>
  920.  
  921. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  922. <style type='text/css'>
  923. .ct-wrapper, .header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #sidebar-wrapper, #credit, #social_networks {display:none;}
  924. </style>
  925. </b:if>
  926.  
  927. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  928. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  929. <script type='text/javascript'>
  930. //<![CDATA[
  931. function bp_thumbnail_resize(image_url,post_title)
  932. {
  933. var image_width=220;
  934. var image_height=180;
  935. 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,"")+'"/>';
  936. if(post_title!="") return image_tag; else return "";
  937. }
  938. //]]>
  939. </script>
  940. </b:if>
  941. </b:if>
  942.  
  943. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  944. <script type='text/javascript'>
  945. //<![CDATA[
  946. var relnojudul = 0;
  947. var relmaxtampil = 6;
  948. var numchars = 100;
  949. var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'></div><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
  950. //]]>
  951. </script>
  952. </b:if>
  953.  
  954. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  955. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  956. <script type='text/javascript'>
  957. //<![CDATA[
  958. 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>")}
  959. //]]>
  960. </script>
  961. </b:if>
  962. </b:if>
  963.  
  964. <script src='https://aisuka-project.googlecode.com/svn/modernizr-2.6.2.min.js'/>
  965. <script src='https://aisuka-project.googlecode.com/svn/selectivizr.js'/>
  966. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
  967. <b:include data='blog' name='google-analytics'/>
  968. <script type='text/javascript'>
  969. $(function() {
  970. $(&quot;.tabs-1&quot;).mtabs();                                
  971. });
  972. </script>
  973. </head>
  974. <body>
  975.  
  976. <div id='fb-root'/>
  977. <script type='text/javascript'>
  978. //<![CDATA[
  979. window.fbAsyncInit = function() {
  980. FB.init({
  981. appId : 'YOURFBAPPSID',
  982. status : true, // check login status
  983. cookie : true, // enable cookies
  984. xfbml : true // parse XFBML
  985. });
  986. };
  987. (function() {
  988. var e = document.createElement('script');
  989. e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
  990. e.async = true;
  991. document.getElementById('fb-root').appendChild(e);
  992. }());
  993. //]]>
  994. </script>
  995.  
  996. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  997. <div id='oopss'>
  998.   <div id='error-view'/>
  999. <div id='error-text'>
  1000.   <span>Ooppss..!</span>
  1001.   <p>Page Not FOUND!</p>
  1002.   </div>
  1003.   </div>
  1004.   </b:if>
  1005.  
  1006.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  1007.     <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar' version='1'>
  1008.       <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  1009.     function setAttributeOnload(object, attribute, val) {
  1010.       if(window.addEventListener) {
  1011.         window.addEventListener(&#39;load&#39;,
  1012.           function(){ object[attribute] = val; }, false);
  1013.       } else {
  1014.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  1015.       }
  1016.     }
  1017.   &lt;/script&gt;
  1018. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  1019. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  1020. &lt;script type=&quot;text/javascript&quot;&gt;
  1021.       gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  1022.         if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  1023.           gapi.iframes.getContext().openChild({
  1024.               url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d7815628102875802378\x26blogName\x3dPriv+Code+Lab\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttp://www.priv-code.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://www.priv-code.com/\x26vt\x3d7353150144419113539&#39;,
  1025.               where: document.getElementById(&quot;navbar-iframe-container&quot;),
  1026.               id: &quot;navbar-iframe&quot;
  1027.           });
  1028.         }
  1029.       });
  1030.     &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  1031. (function() {
  1032. var script = document.createElement(&#39;script&#39;);
  1033. script.type = &#39;text/javascript&#39;;
  1034. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  1035. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  1036. if (head) {
  1037. head.appendChild(script);
  1038. }})();
  1039. &lt;/script&gt;
  1040. </b:includable>
  1041.     </b:widget>
  1042.   </b:section>
  1043.  
  1044. <div class='blogouter-wrapper'>
  1045.   <header class='header-wrapper2'>
  1046.   <div class='ct-wrapper'>
  1047. <div class='logo'>
  1048.   <a href='/'><img alt='G Vusion' src='http://4.bp.blogspot.com/-VquSRxRmrXY/U6lgcVwnm5I/AAAAAAAAD2s/ihGX9OqZO78/s1600/G+Vusion.png'/></a>
  1049.   </div>
  1050.     <b:section class='navigation' id='navigation' maxwidgets='1' showaddelement='no'>
  1051.       <b:widget id='HTML99' locked='true' title='Navigation-Menus (Do Not Edit Here!)' type='HTML' version='1'>
  1052.         <b:widget-settings>
  1053.           <b:widget-setting name='content'/>
  1054.         </b:widget-settings>
  1055.         <b:includable id='main'>
  1056.           <nav class='main-nav'>
  1057.             <!-- Main menu -->
  1058.             <ul>
  1059.               <li class='home1'><a href='mailto:privcodelab@gmail.com'>Advertise</a></li>
  1060.               <li class='home2'><a href='p/sitemap.html'>Sitemap</a></li>
  1061.               <li class='home3'><a href='#'>About</a></li>
  1062.               <li class='home4'><a href='mailto:privcodelab@gmail.com'>Contact</a></li>
  1063.               <li class='home5'><a expr:href='data:blog.homepageUrl'>Home</a></li>
  1064.             </ul>
  1065.             <a href='#' id='pull'>MENU</a>
  1066.           </nav><!-- /main-nav -->
  1067.         </b:includable>
  1068.       </b:widget>
  1069.     </b:section>
  1070.     <div class='clear'/>
  1071.   </div>
  1072.   </header>
  1073. </div>
  1074.     <div class='clear'/>
  1075.  
  1076. <div id='outer-wrapper'>
  1077.  
  1078. <div class='clear'/>
  1079. <div id='header-wrapper'>
  1080.   <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
  1081.     <b:widget id='Header1' locked='true' title='Priv Code Lab (Header)' type='Header' version='1'>
  1082.       <b:widget-settings>
  1083.         <b:widget-setting name='displayUrl'/>
  1084.         <b:widget-setting name='displayHeight'>0</b:widget-setting>
  1085.         <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
  1086.         <b:widget-setting name='useImage'>false</b:widget-setting>
  1087.         <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  1088.         <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  1089.         <b:widget-setting name='displayWidth'>0</b:widget-setting>
  1090.       </b:widget-settings>
  1091.       <b:includable id='main'>
  1092.  
  1093.   <b:if cond='data:useImage'>
  1094.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1095.       <!--
  1096.      Show image as background to text. You can't really calculate the width
  1097.      reliably in JS because margins are not taken into account by any of
  1098.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1099.      width if the user is using shrink to fit.
  1100.      This results in a margin-width's worth of pixels being cropped. If the
  1101.      user is not using shrink to fit then we expand the header.
  1102.      -->
  1103.       <b:if cond='data:mobile'>
  1104.           <div id='header-inner'>
  1105.             <div class='titlewrapper' style='background: transparent'>
  1106.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1107.                 <b:include name='title'/>
  1108.               </h1>
  1109.             </div>
  1110.             <b:include name='description'/>
  1111.           </div>
  1112.         <b:else/>
  1113.           <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'>
  1114.             <div class='titlewrapper' style='background: transparent'>
  1115.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1116.                 <b:include name='title'/>
  1117.               </h1>
  1118.             </div>
  1119.             <b:include name='description'/>
  1120.           </div>
  1121.         </b:if>
  1122.     <b:else/>
  1123.       <!--Show the image only-->
  1124.       <div id='header-inner'>
  1125.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  1126.           <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'/>
  1127.         </a>
  1128.         <!--Show the description-->
  1129.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1130.           <b:include name='description'/>
  1131.         </b:if>
  1132.       </div>
  1133.     </b:if>
  1134.   <b:else/>
  1135.     <!--No header image -->
  1136.     <div id='header-inner'>
  1137.       <div class='titlewrapper'>
  1138.         <h1 class='title'>
  1139.           <b:include name='title'/>
  1140.         </h1>
  1141.  
  1142.       </div>
  1143.       <b:include name='description'/>
  1144.     </div>
  1145.   </b:if>
  1146. </b:includable>
  1147.       <b:includable id='description'>
  1148.   <div class='descriptionwrapper'>
  1149.     <p class='description'><span><data:description/></span></p>
  1150.   </div>
  1151. </b:includable>
  1152.       <b:includable id='title'>
  1153.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1154.     <data:title/>
  1155.   <b:else/>
  1156.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  1157.   </b:if>
  1158. </b:includable>
  1159.     </b:widget>
  1160.   </b:section>
  1161.   <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'>
  1162.     <b:widget id='HTML1' locked='false' title='' type='HTML'>
  1163.       <b:widget-settings>
  1164.         <b:widget-setting name='content'>&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
  1165. &lt;script&gt;
  1166.   (adsbygoogle = window.adsbygoogle || []).push({
  1167.     google_ad_client: &quot;ca-pub-8566373614681533&quot;,
  1168.     enable_page_level_ads: true
  1169.   });
  1170. &lt;/script&gt;</b:widget-setting>
  1171.       </b:widget-settings>
  1172.       <b:includable id='main'>
  1173.   <!-- only display title if it's non-empty -->
  1174.   <b:if cond='data:title != &quot;&quot;'>
  1175.     <h2 class='title'><data:title/></h2>
  1176.   </b:if>
  1177.   <div class='widget-content'>
  1178.     <data:content/>
  1179.   </div>
  1180.  
  1181.   <b:include name='quickedit'/>
  1182. </b:includable>
  1183.     </b:widget>
  1184.   </b:section>
  1185. </div>
  1186. <div class='clear'/>
  1187.  
  1188. <div id='menu-wrapper'>
  1189. <div class='content-wrapper'>
  1190.             <nav id='menu'>
  1191. <input type='checkbox'/>
  1192. <label/>
  1193. <ul>
  1194. <li class='homers'><a href='/'>Home</a></li>
  1195. <li><a href='#'>Static Page</a></li>
  1196. <li><a class='ai' href='#'>Drop Menu</a>
  1197. <ul class='menus'>
  1198. <li><a href='#'>Drop Menu a</a></li>
  1199. <li><a href='#'>Drop Menu b</a></li>
  1200. <li><a href='#'>Drop Menu c</a></li>
  1201. </ul>
  1202. </li>
  1203. <li><a href='#'>Button</a></li>
  1204. <li><a class='ai' href='#'>Drop Menu</a>
  1205. <ul class='menus'>
  1206. <li><a href='#'>Drop Menu a</a></li>
  1207. <li><a href='#'>Drop Menu b</a></li>
  1208. <li><a href='#'>Drop Menu c</a></li>
  1209. </ul>
  1210. </li>
  1211. <li><a href='#'>Error</a></li>
  1212. <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>
  1213. </ul>
  1214. </nav>
  1215. </div>
  1216. </div>
  1217.     <div class='clear'/>
  1218.  
  1219. <div class='clear'/>
  1220.   <b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
  1221. <div class='clear'/>
  1222.  
  1223. <div id='content-wrapper'>
  1224.   <div id='post-wrapper'>
  1225.   <div class='post-inner'>
  1226.   <b:section class='main' id='main' showaddelement='no'>
  1227.     <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
  1228.       <b:widget-settings>
  1229.         <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  1230.         <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  1231.         <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  1232.         <b:widget-setting name='authorLabel'>By</b:widget-setting>
  1233.         <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  1234.         <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  1235.         <b:widget-setting name='showAuthor'>false</b:widget-setting>
  1236.         <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  1237.         <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  1238.         <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  1239.         <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  1240.         <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  1241.         <b:widget-setting name='showLabels'>true</b:widget-setting>
  1242.         <b:widget-setting name='showLocation'>true</b:widget-setting>
  1243.         <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  1244.         <b:widget-setting name='postsPerAd'>2</b:widget-setting>
  1245.         <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  1246.         <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  1247.         <b:widget-setting name='showInlineAds'>true</b:widget-setting>
  1248.         <b:widget-setting name='showReactions'>false</b:widget-setting>
  1249.       </b:widget-settings>
  1250.       <b:includable id='main' var='top'>
  1251.       <b:include data='posts' name='breadcrumb'/>
  1252.   <b:if cond='data:mobile == &quot;false&quot;'>
  1253.  
  1254.     <!-- posts -->
  1255.     <div class='blog-posts hfeed'>
  1256.  
  1257.       <b:include data='top' name='status-message'/>
  1258.  
  1259.       <data:defaultAdStart/>
  1260.       <b:loop values='data:posts' var='post'>
  1261.         <b:if cond='data:post.isDateStart'>
  1262.           <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1263.             &lt;/div&gt;&lt;/div&gt;
  1264.           </b:if>
  1265.         </b:if>
  1266.         <b:if cond='data:post.isDateStart'>
  1267.           &lt;div class=&quot;date-outer&quot;&gt;
  1268.         </b:if>
  1269.         <b:if cond='data:post.isDateStart'>
  1270.           &lt;div class=&quot;date-posts&quot;&gt;
  1271.         </b:if>
  1272.         <div class='post-outer'>
  1273.         <b:include data='post' name='post'/>
  1274.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1275.           <b:include data='post' name='comments'/>
  1276.         </b:if>
  1277.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1278.           <b:include data='post' name='comments'/>
  1279.         </b:if>
  1280.         </div>
  1281.         <b:if cond='data:post.includeAd'>
  1282.           <b:if cond='data:post.isFirstPost'>
  1283.             <data:defaultAdEnd/>
  1284.           <b:else/>
  1285.             <data:adEnd/>
  1286.           </b:if>
  1287.           <div class='inline-ad'>
  1288.             <data:adCode/>
  1289.  
  1290.           </div>
  1291.           <data:adStart/>
  1292.         </b:if>
  1293.       </b:loop>
  1294.       <b:if cond='data:numPosts != 0'>
  1295.         &lt;/div&gt;&lt;/div&gt;
  1296.       </b:if>
  1297.       <data:adEnd/>
  1298.     </div>
  1299.  
  1300.     <!-- navigation -->
  1301.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1302.         <b:include name='page-navi'/>
  1303.     <b:else/>
  1304.     <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1305.         <b:include name='page-navi'/>
  1306.     <b:else/>
  1307.         <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1308. <!-- navigation -->
  1309. <b:include name='nextprev'/>
  1310. </b:if>
  1311.     </b:if>
  1312.     </b:if>
  1313.    
  1314.  
  1315.     <!-- feed links -->
  1316.     <b:include name='feedLinks'/>
  1317.  
  1318.     <b:if cond='data:top.showStars'>
  1319.       <script src='//www.google.com/jsapi' type='text/javascript'/>
  1320.       <script type='text/javascript'>
  1321.         google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1322.         function initialize() {
  1323.           google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1324.           google.annotations.createAll();
  1325.           google.annotations.fetch();
  1326.         }
  1327.         google.setOnLoadCallback(initialize);
  1328.       </script>
  1329.     </b:if>
  1330.  
  1331.   <b:else/>
  1332.     <b:include name='mobile-main'/>
  1333.   </b:if>
  1334.  
  1335.   <b:if cond='data:top.showDummy'>
  1336.     <data:top.dummyBootstrap/>
  1337.   </b:if>
  1338.  
  1339. </b:includable>
  1340.       <b:includable id='backlinkDeleteIcon' var='backlink'>
  1341.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1342.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1343.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1344.     </a>
  1345.   </span>
  1346. </b:includable>
  1347.       <b:includable id='backlinks' var='post'>
  1348.        <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1349.        <b:if cond='data:post.numBacklinks != 0'>
  1350.         <dl class='comments-block' id='comments-block'>
  1351.          <b:loop values='data:post.comments' var='comment'>
  1352.           <dt class='comment-author' id='comment-author'>
  1353.            <a expr:name='data:comment.anchorName'/>
  1354.             <b:if cond='data:comment.authorUrl'>
  1355.              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1356.              <b:else/>
  1357.              <data:comment.author/>
  1358.             </b:if>
  1359.            <data:commentPostedByMsg/>
  1360.           </dt>
  1361.           <dd class='comment-body'>
  1362.            <b:if cond='data:comment.isDeleted'>
  1363.             <span class='deleted-comment'><data:comment.body/></span>
  1364.             <b:else/>
  1365.             <p><data:comment.body/></p>
  1366.            </b:if>
  1367.           </dd>
  1368.           <dd class='comment-footer'>
  1369.            <span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span>
  1370.           </dd>
  1371.          </b:loop>
  1372.         </dl>
  1373.        </b:if>
  1374.        <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>
  1375.       </b:includable>
  1376.       <b:includable id='breadcrumb' var='posts'>
  1377.       <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1378.       <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1379.         <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span>  <span><data:blog.pageName/></span>
  1380.         </div>
  1381.       <b:else/>
  1382.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1383.         <b:loop values='data:posts' var='post'>
  1384.         <b:if cond='data:post.labels'>
  1385.         <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>  <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=4&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>
  1386.         </div>
  1387.         <b:else/>
  1388.         <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span>  <span>Uncategories</span>  <span><data:post.title/></span></div>
  1389.         </b:if>
  1390.         </b:loop>
  1391.       <b:else/>
  1392.         <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1393.         <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span>  <span>Archive for <data:blog.pageName/></span>
  1394.         </div>
  1395.       <b:else/>
  1396.         <b:if cond='data:blog.searchQuery'>
  1397.         <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span>  <span><data:blog.pageName/></span>
  1398.         </div>
  1399.       <b:else/>
  1400.         <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1401.         <div class='breadcrumbs'>
  1402.         <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span>  <span>All post</span>
  1403.         <b:else/>
  1404.         <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span>  <span><data:blog.pageName/></span>
  1405.         </b:if>
  1406.         </div>
  1407.       </b:if>
  1408.       </b:if>
  1409.       </b:if>
  1410.       </b:if>
  1411.       </b:if>
  1412.       </b:if>
  1413. </b:includable>
  1414.       <b:includable id='comment-form' var='post'>
  1415.   <div class='comment-form'>
  1416.     <b:if cond='data:mobile'>
  1417.       <h4 id='comment-post-message'>
  1418.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1419.       <p><data:blogCommentMessage/></p>
  1420.       <data:blogTeamBlogMessage/>
  1421.      
  1422.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1423.  
  1424.         <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
  1425.  
  1426.       <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  1427.  
  1428.         </b:if>
  1429.  
  1430.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1431.  
  1432.         <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
  1433.  
  1434.       <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  1435.  
  1436.         </b:if>
  1437.     <b:else/>
  1438.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1439. <div id='threaded-comment-form'>
  1440.       <p><data:blogCommentMessage/>
  1441. <span class='small-button1'>
  1442.         <a href='#' target='_blank' title='Out Of Topic'>Out Of Topic</a>
  1443.   </span>
  1444. <span class='small-button'>
  1445. <span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;none&apos;' title='Show Konversi Kode'>Show Konversi Kode</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;inline-block&apos;' title='Hide Konversi Kode'>Hide Konversi Kode</a></span>
  1446. </span>
  1447. <span class='small-button'>
  1448. <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'>Show 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'>Hide Emoticon</a></span>
  1449. </span>
  1450.   </p>
  1451. <div id='konversi-box'>
  1452.     <textarea id='codes' placeholder='Tulis/paste kode di sini lalu klik &apos;Konversi&apos;' spellcheck='false'/>
  1453. <span class='button-group'>
  1454. <button id='cvrt' onclick='cdConvert();this.disabled = true;'>Konversi</button>
  1455. <button onclick='cdClear();'>Bersihkan</button>
  1456. </span>
  1457. <span class='checkbox'>
  1458. <input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/> <input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/> <input checked='' id='opt5' type='checkbox'/></span>
  1459. </div>
  1460. <div id='emo-box'>
  1461.   <div class='comment_emo_list'/>
  1462. </div>
  1463.       <data:blogTeamBlogMessage/>
  1464.      
  1465.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1466.  
  1467.         <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
  1468.  
  1469.       <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  1470.  
  1471.         </b:if>
  1472.  
  1473.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1474.  
  1475.         <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
  1476.  
  1477.       <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  1478.  
  1479.         </b:if>
  1480.       </div>
  1481.     </b:if>
  1482.     <data:post.friendConnectJs/>
  1483.     <data:post.cmtfpIframe/>
  1484.     <script type='text/javascript'>
  1485.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1486.     </script>
  1487.   </div>
  1488. </b:includable>
  1489.       <b:includable id='commentDeleteIcon' var='comment'>
  1490.  
  1491.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1492.  
  1493.     <b:if cond='data:showCmtPopup'>
  1494.  
  1495.       <div class='goog-toggle-button'>
  1496.  
  1497.         <div class='goog-inline-block comment-action-icon'/>
  1498.  
  1499.       </div>
  1500.  
  1501.     <b:else/>
  1502.  
  1503.       <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' title='delete comment'>&#215;</a>
  1504.  
  1505.     </b:if>
  1506.  
  1507.   </span>
  1508.  
  1509. </b:includable>
  1510.       <b:includable id='comment_count_picker' var='post'>
  1511.   <b:if cond='data:post.commentSource == 1'>
  1512.     <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'>
  1513.     </span>
  1514.   <b:else/>
  1515.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1516.       <data:post.commentLabelFull/>:
  1517.     </a>
  1518.   </b:if>
  1519. </b:includable>
  1520.       <b:includable id='comment_picker' var='post'>
  1521.   <b:if cond='data:post.commentSource == 1'>
  1522.     <b:include data='post' name='iframe_comments'/>
  1523.   <b:else/>
  1524.     <b:if cond='data:post.showThreadedComments'>
  1525.       <b:include data='post' name='threaded_comments'/>
  1526.     <b:else/>
  1527.       <b:include data='post' name='comments'/>
  1528.     </b:if>
  1529.   </b:if>
  1530. </b:includable>
  1531.       <b:includable id='comments' var='post'>
  1532. <div class='comments' id='comments'>
  1533. <b:if cond='data:post.allowComments'>
  1534.   <b:if cond='data:post.numComments != 0'>
  1535.    <h3>
  1536.     <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
  1537.      <b:else/>
  1538.      <data:post.numComments/> <data:commentLabelPlural/>
  1539.     </b:if>
  1540.    </h3>
  1541. <a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'>Click here for <data:commentLabelPlural/></a>
  1542.   </b:if>
  1543.                
  1544.   <b:if cond='data:post.commentPagingRequired'>
  1545.    <span class='paging-control-container'>
  1546.     <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
  1547.     &#160;
  1548.     <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
  1549.     &#160;
  1550.     <data:post.commentRangeText/>
  1551.     &#160;
  1552.     <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
  1553.     &#160;
  1554.     <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
  1555.    </span>
  1556.   </b:if>
  1557.                        
  1558.   <div class='clear'/>
  1559.   <div id='comment_block'>
  1560.    <b:loop values='data:post.comments' var='comment'>
  1561.                                                                              
  1562.    <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                      
  1563.       <b:if cond='data:post.adminClass == data:comment.adminClass'>
  1564.        &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
  1565.        <b:else/>
  1566.                             &lt;div class=&#39;comment_inner&#39;&gt;
  1567.       </b:if>
  1568.          
  1569.     <div class='comment_body'>
  1570.     <div class='comment_header'>
  1571.      <div class='comment_avatar_wrap'>
  1572.    
  1573.      </div>
  1574.                          
  1575.      <div class='clear'/>
  1576.     </div>
  1577.  
  1578.      <div class='comment_name'>
  1579.       <b:if cond='data:comment.authorUrl'>
  1580.        <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
  1581.        <b:else/>
  1582.        <data:comment.author/>
  1583.       </b:if>
  1584. </div>
  1585. <span class='comment_service'>
  1586.       <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
  1587.                   <data:comment.timestamp/>
  1588.                 </a></span>
  1589. <b:include data='comment' name='commentDeleteIcon'/>
  1590.   </span>
  1591.      <b:if cond='data:comment.isDeleted'>
  1592.       <span class='deleted-comment'><data:comment.body/></span>
  1593.       <b:else/>
  1594.       <p><data:comment.body/></p>
  1595. <b:if cond='data:post.numComments == 1'>
  1596.   <div expr:class='&quot;item-control &quot; + data:comment.adminClass' style='margin:-7px 0 10px;border:1px solid #c94a36;background:#e55e48;padding:5px 10px;color:#FFF;border-radius:2px'>Selamat <b><data:comment.author/></b> dapat PERTAMAX...! Silahkan antri di pom terdekat heheheh...</div>
  1597. </b:if>
  1598. <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>
  1599.                         <div class='clear'/>
  1600.                     </b:if>
  1601.                  <div class='comment_avatar'>
  1602.       <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
  1603. <div class='comment_author_flag'>admin</div>
  1604.               </div>                                        
  1605.     </div>                        
  1606.      <div class='clear'/>
  1607.      &lt;/div&gt;
  1608.      <div class='clear'/>
  1609.            
  1610.     <div class='comment_child'/>
  1611.     <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>              
  1612.     </div>
  1613.    </b:loop>              
  1614.    </div>    
  1615.     <div class='clear'/>
  1616.     <b:if cond='data:post.commentPagingRequired'>
  1617.      <span class='paging-control-container'>
  1618.        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
  1619.        &#160;
  1620.        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
  1621.        &#160;
  1622.        <data:post.commentRangeText/>
  1623.        &#160;
  1624.        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
  1625.        &#160;
  1626.        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
  1627.      </span>
  1628.     </b:if>
  1629.     <div class='clear'/>
  1630.   <div class='comment_form' id='comment-form'>        
  1631.          
  1632.    <b:if cond='data:post.embedCommentForm'>
  1633.     <b:if cond='data:post.allowNewComments'>  
  1634.      <b:include data='post' name='threaded-comment-form'/>
  1635.        <b:else/>
  1636.        <data:post.noNewCommentsText/>
  1637.     </b:if>
  1638.     <b:else/>
  1639.     <b:if cond='data:post.allowComments'>
  1640.      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
  1641.     </b:if>
  1642.    </b:if>
  1643.     <div class='thanks' style='float:right;margin-top:-54px;margin-right:2px;padding:7px 10px;border-bottom:1px solid #e9eaed;border-radius:2px;position:relative;background:#fff'>Thanks for your comment</div>
  1644.   </div>
  1645.  </b:if>
  1646. </div>                
  1647.        <script type='text/javascript'>
  1648.        //<![CDATA[
  1649.       if (typeof(jQuery) == 'undefined') {
  1650. //output the script (load it from google api)
  1651. document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
  1652. }
  1653.       //]]>
  1654.        </script>
  1655.      
  1656.        <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
  1657.        <script type='text/javascript'>
  1658.      
  1659.          <b:if cond='data:post.numComments != 0'>
  1660.          var Items = <data:post.commentJso/>;
  1661.          var Msgs = <data:post.commentMsgs/>;
  1662.          var Config = <data:post.commentConfig/>;
  1663.         <b:else/>
  1664.          var Items = {};
  1665.          var Msgs = {};
  1666.          var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
  1667.         </b:if>
  1668.        //<![CDATA[
  1669.       //Global setting
  1670.        Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
  1671.        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
  1672.        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
  1673.        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
  1674.        Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
  1675.        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
  1676.      
  1677.        //Pengaturan Emoticon
  1678.        Emo_List = [
  1679.        ':)'  ,'http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png',
  1680.        ':('  ,'http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png',
  1681.        ' =('  ,'http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif',
  1682.        '^_^'  ,'http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif',
  1683.        ' :D'  ,'http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png',
  1684.        '=D'  ,'http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png',
  1685.        '=)D' ,'http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png',
  1686.        '|o|'  ,'http://1.bp.blogspot.com/-VzxVDD6dmB4/Usv09aIonRI/AAAAAAAAax0/ETH5TeQiIpA/s1600/applause-yahoo-emoticon.gif',
  1687.        '@@,'  ,'http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif',
  1688.        ' ;)'  ,'http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png',
  1689.        ':-bd'  ,'http://2.bp.blogspot.com/-vfCgwSm88J4/Usv6OF4cZQI/AAAAAAAAayo/S46Z5eUFmzA/s1600/thumbs-up-yahoo-emoticon.gif',
  1690.        ':-d'  ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
  1691.        ' :p'  ,'http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif',
  1692.        ':ng'  ,'http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif',
  1693.        ':lv'  ,'http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png',  
  1694.        ];
  1695.      
  1696.                            
  1697.                                //Config Force tag list, define all in lower case
  1698.                                Force_Tag = [
  1699.                                    '[pre]','<pre>',
  1700.                                    '[/pre]','</pre>',
  1701.                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
  1702.                                    '</pre>','</code>'
  1703.                                ];
  1704.    
  1705. 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,{}))  
  1706. var avatar=$("#comments");
  1707. avatar.find('.comment_avatar img').each(function() {
  1708.        var ava = $(this).attr('src');
  1709.        $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));
  1710. });      
  1711.    //]]>
  1712. </script>
  1713. </b:includable>
  1714.       <b:includable id='feedLinks'>
  1715.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1716.     <b:if cond='data:feedLinks'>
  1717.       <div class='blog-feeds'>
  1718.         <b:include data='feedLinks' name='feedLinksBody'/>
  1719.       </div>
  1720.     </b:if>
  1721.  
  1722.     <b:else/> <!--Post feed links -->
  1723.     <div class='post-feeds'>
  1724.       <b:loop values='data:posts' var='post'>
  1725.         <b:if cond='data:post.allowComments'>
  1726.           <b:if cond='data:post.feedLinks'>
  1727.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  1728.           </b:if>
  1729.         </b:if>
  1730.       </b:loop>
  1731.     </div>
  1732.   </b:if>
  1733. </b:includable>
  1734.       <b:includable id='feedLinksBody' var='links'>
  1735.   <div class='feed-links'>
  1736.   <data:feedLinksMsg/>
  1737.   <b:loop values='data:links' var='f'>
  1738.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1739.   </b:loop>
  1740.   </div>
  1741. </b:includable>
  1742.       <b:includable id='iframe_comments' var='post'>
  1743.  
  1744.   <b:if cond='data:post.allowIframeComments'>
  1745.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1746.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1747.  
  1748.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1749.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1750.     </b:if>
  1751.   </b:if>
  1752. </b:includable>
  1753.       <b:includable id='mobile-index-post' var='post'>
  1754. <!-- index mobile -->
  1755.   <div class='mobile-date-outer date-outer'>
  1756.     <div class='mobile-post-outer'>
  1757.         <div class='mobile-index-contents'>
  1758.           <b:if cond='data:post.thumbnailUrl'>
  1759.             <div class='mobile-index-thumbnail'>
  1760.               <div class='Image'>
  1761.                 <img expr:src='data:post.thumbnailUrl'/>
  1762.               </div>
  1763.             </div>
  1764.             <b:else/>
  1765.             <div class='mobile-index-thumbnail'>
  1766.               <div class='Image'>
  1767.                 <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'/>
  1768.               </div>
  1769.             </div>
  1770.           </b:if>
  1771.  
  1772.       <a expr:href='data:post.url'>
  1773.         <h3 class='mobile-index-title entry-title' itemprop='name'>
  1774.           <data:post.title/>
  1775.         </h3>
  1776.       </a>       
  1777.  
  1778.             <div class='post-info'>
  1779.                 <b:if cond='data:top.showAuthor'>
  1780.                     <b:if cond='data:post.authorProfileUrl'>
  1781.                       <span class='author-info'>
  1782.                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1783.                         <a expr:content='data:post.authorProfileUrl' itemprop='author'/>
  1784.                         <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1785.                           <span itemprop='name'><data:post.author/></span>
  1786.                         </a>
  1787.                       </span>
  1788.                       </span>
  1789.                     <b:else/>
  1790.                       <span class='author-info'>
  1791.                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1792.                         <span itemprop='name'><data:post.author/></span>
  1793.                       </span>
  1794.                       </span>
  1795.                     </b:if>
  1796.                 </b:if>
  1797.                 <b:if cond='data:top.showTimestamp'>
  1798.                 <b:if cond='data:post.url'>
  1799.                   <a expr:content='data:post.canonicalUrl'/>
  1800.                   <span class='time-info'>
  1801.                   <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>
  1802.                   </span>
  1803.                 </b:if>
  1804.                 </b:if>
  1805.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1806.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1807.                     <b:if cond='data:post.allowComments'>
  1808.                       <span class='comment-info'>
  1809.                       <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>
  1810.                       </a>
  1811.                       </span>
  1812.                     </b:if>
  1813.                   </b:if>
  1814.                 </b:if>
  1815.             </div>
  1816.  
  1817.           <div class='post-body'>
  1818.  
  1819.           </div>
  1820.         </div>
  1821.  
  1822.         <div style='clear: both;'/>
  1823.  
  1824.     </div>
  1825.    
  1826.   </div>
  1827. </b:includable>
  1828.       <b:includable id='mobile-main' var='top'>
  1829.     <!-- posts -->
  1830.     <div class='blog-posts hfeed'>
  1831.  
  1832.       <b:include data='top' name='status-message'/>
  1833.  
  1834.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1835.         <b:loop values='data:posts' var='post'>
  1836.           <b:include data='post' name='mobile-index-post'/>
  1837.         </b:loop>
  1838.       <b:else/>
  1839.         <b:loop values='data:posts' var='post'>
  1840.           <b:include data='post' name='mobile-post'/>
  1841.         </b:loop>
  1842.       </b:if>
  1843.     </div>
  1844.  
  1845.    <b:include name='mobile-nextprev'/>
  1846. </b:includable>
  1847.       <b:includable id='mobile-nextprev'>
  1848. <!-- Mobile Page -->
  1849.   <div class='blog-pager' id='blog-pager'>
  1850.     <b:if cond='data:newerPageUrl'>
  1851.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  1852.       <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>
  1853.       </div>
  1854.     </b:if>
  1855.  
  1856.     <b:if cond='data:olderPageUrl'>
  1857.       <div class='mobile-link-button' id='blog-pager-older-link'>
  1858.       <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>
  1859.       </div>
  1860.     </b:if>
  1861.  
  1862.     <div class='mobile-link-button' id='blog-pager-home-link'>
  1863.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1864.     </div>
  1865.  
  1866.     <div class='mobile-desktop-link'>
  1867.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1868.     </div>
  1869.  
  1870.   </div>
  1871.   <div class='clear'/>
  1872. </b:includable>
  1873.       <b:includable id='mobile-post' var='post'>
  1874. <!-- Mobile Post -->
  1875.   <div class='date-outer'>
  1876.     <div class='date-posts'>
  1877.       <div class='post-outer'>
  1878.  
  1879.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1880.           <b:if cond='data:post.thumbnailUrl'>
  1881.             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1882.           </b:if>
  1883.           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1884.           <meta expr:content='data:post.id' itemprop='postId'/>
  1885.  
  1886.           <b:if cond='data:post.title'>
  1887.             <h3 class='mobile-post-title entry-title' itemprop='name'>
  1888.               <b:if cond='data:post.link'>
  1889.                 <a expr:href='data:post.link'><data:post.title/></a>
  1890.               <b:else/>
  1891.                 <b:if cond='data:post.url'>
  1892.                   <b:if cond='data:blog.url != data:post.url'>
  1893.                     <a expr:href='data:post.url'><data:post.title/></a>
  1894.                   <b:else/>
  1895.                     <data:post.title/>
  1896.                   </b:if>
  1897.                 <b:else/>
  1898.                   <data:post.title/>
  1899.                 </b:if>
  1900.               </b:if>
  1901.             </h3>
  1902.           </b:if>
  1903.  
  1904.           <div class='post-header'>
  1905.             <div class='post-header-line-1'/>
  1906.           </div>
  1907.  
  1908.           <div class='post-info' style='margin-bottom:15px;'>
  1909.                 <b:if cond='data:top.showAuthor'>
  1910.                     <b:if cond='data:post.authorProfileUrl'>
  1911.                       <span class='author-info'>
  1912.                       <i class='fa fa-user'/>
  1913.                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1914.                         <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1915.                         <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1916.                           <span itemprop='name'><data:post.author/></span>
  1917.                         </a>
  1918.                       </span>
  1919.                       </span>
  1920.                     <b:else/>
  1921.                       <span class='author-info'>
  1922.                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1923.                         <span itemprop='name'><data:post.author/></span>
  1924.                       </span>
  1925.                       </span>
  1926.                     </b:if>
  1927.                 </b:if>
  1928.                 <b:if cond='data:top.showTimestamp'>
  1929.                 <b:if cond='data:post.url'>
  1930.                   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1931.                   <span class='time-info'>
  1932.                   <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>
  1933.                   </span>
  1934.                 </b:if>
  1935.                 </b:if>
  1936.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1937.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1938.                     <b:if cond='data:post.allowComments'>
  1939.                       <span class='comment-info'>
  1940.                       <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>
  1941.                       </a>
  1942.                       </span>
  1943.                     </b:if>
  1944.                   </b:if>
  1945.                 </b:if>
  1946.             </div>       
  1947.          
  1948.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1949.          
  1950.             <data:post.body/>
  1951.            
  1952.             <div style='clear: both;'/>
  1953.            
  1954.                 <div id='share-buttons-mobile'>
  1955.                 <p>Share : </p>
  1956.                 <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
  1957.                 <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
  1958.                 <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>
  1959.                 <div class='clear'/>
  1960.                 </div>
  1961.                 <div id='related-posts-mobile'>
  1962.                 <h3>Related Posts :</h3>
  1963.                 <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;amp;max-results=4&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
  1964.                 </div>
  1965.                
  1966.           </div>
  1967.          
  1968.         </div>
  1969.  
  1970.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1971.           <b:include data='post' name='comment_picker'/>
  1972.         </b:if>
  1973.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1974.           <b:include data='post' name='comment_picker'/>
  1975.         </b:if>
  1976.       </div>
  1977.     </div>
  1978.   </div>
  1979. </b:includable>
  1980.       <b:includable id='nextprev'>
  1981. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1982. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1983.       <div class='blog-pager' id='blog-pager'>
  1984.     <b:if cond='data:newerPageUrl'>
  1985.       <span id='blog-pager-newer-link'>
  1986.       <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>
  1987.       </span>
  1988.     </b:if>
  1989.     <b:if cond='data:olderPageUrl'>
  1990.       <span id='blog-pager-older-link'>
  1991.       <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>
  1992.       </span>
  1993.     </b:if>
  1994.      <div class='mobile-link-button' id='blog-pager-home-link'>
  1995.     <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
  1996.     </div>
  1997.     <div class='mobile-desktop-link'>
  1998.       <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
  1999.     </div>
  2000.   </div>
  2001.   </b:if>
  2002. </b:if>
  2003.   <div class='clear'/>
  2004. </b:includable>
  2005.       <b:includable id='page-navi'>
  2006.     <div class='pagenav'>
  2007.         <script type='text/javascript'>
  2008.         var pageNaviConf = {
  2009.             perPage: 4,
  2010.             numPages: 5,
  2011.             firstText: &quot;First&quot;,
  2012.             lastText: &quot;Last&quot;,
  2013.             nextText: &quot;Next&quot;,
  2014.             prevText: &quot;Prev&quot;
  2015.         }
  2016.         </script>
  2017.         <script type='text/javascript'>
  2018.         //<![CDATA[
  2019.         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>')}})();
  2020.         //]]>
  2021.         </script>
  2022.         <div class='clear'/>
  2023.     </div>
  2024.     </b:includable>
  2025.       <b:includable id='post' var='post'>
  2026.   <article class='post hentry'>
  2027.     <b:if cond='data:post.firstImageUrl'>
  2028.       <a expr:content='data:post.firstImageUrl'/>
  2029.     </b:if>
  2030.    
  2031.     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2032.     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2033.     <b:if cond='data:post.thumbnailUrl'>
  2034.         <a expr:href='data:post.url'><div class='img-thumbnail'><span class='overlay'/><script type='text/javascript'>
  2035.         document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
  2036.         </script></div>
  2037.         </a>
  2038.     <b:else/>
  2039.         <b:if cond='data:post.firstImageUrl'>
  2040.         <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>
  2041.         </a>
  2042.     <b:else/>
  2043.         <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>
  2044.         </a>
  2045.     </b:if>
  2046.     </b:if>
  2047.     </b:if>
  2048.     </b:if>
  2049.    
  2050.     <b:if cond='data:post.title'>
  2051.       <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2052.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2053.           <h1 class='post-title entry-title'>
  2054.             <b:if cond='data:post.link'>
  2055.               <a expr:href='data:post.link'><data:post.title/></a>
  2056.             <b:else/>
  2057.               <b:if cond='data:post.url'>
  2058.                 <b:if cond='data:blog.url != data:post.url'>
  2059.                   <a expr:href='data:post.url'><data:post.title/></a>
  2060.                 <b:else/>
  2061.                   <data:post.title/>
  2062.                 </b:if>
  2063.                 <b:else/>
  2064.                   <data:post.title/>
  2065.               </b:if>
  2066.             </b:if>
  2067.           </h1>
  2068.         <b:else/>
  2069.           <h2 class='post-title entry-title'>
  2070.             <b:if cond='data:post.link'>
  2071.               <a expr:href='data:post.link'><data:post.title/></a>
  2072.             <b:else/>
  2073.               <b:if cond='data:post.url'>
  2074.                 <b:if cond='data:blog.url != data:post.url'>
  2075.                   <a expr:href='data:post.url'><data:post.title/></a>
  2076.                 <b:else/>
  2077.                   <data:post.title/>
  2078.                 </b:if>
  2079.                 <b:else/>
  2080.                   <data:post.title/>
  2081.               </b:if>
  2082.             </b:if>
  2083.           </h2>
  2084.         </b:if>
  2085.       <b:else/>
  2086.         <h1 class='post-title entry-title'>
  2087.           <b:if cond='data:post.link'>
  2088.             <a expr:href='data:post.link'><data:post.title/></a>
  2089.           <b:else/>
  2090.             <b:if cond='data:post.url'>
  2091.               <b:if cond='data:blog.url != data:post.url'>
  2092.                 <a expr:href='data:post.url'><data:post.title/></a>
  2093.               <b:else/>
  2094.                 <data:post.title/>
  2095.               </b:if>
  2096.               <b:else/>
  2097.                 <data:post.title/>
  2098.             </b:if>
  2099.           </b:if>
  2100.         </h1>
  2101.       </b:if>
  2102.     </b:if>
  2103.  
  2104.     <div class='post-info'>
  2105. <b:if cond='data:top.showAuthor'>
  2106.             <b:if cond='data:post.authorProfileUrl'>
  2107.               <span class='author-info'>
  2108.               <span class='vcard'>
  2109.               <span class='fn'>
  2110.                 <a expr:content='data:post.authorProfileUrl'/>
  2111.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2112.                   <span><data:post.author/></span>
  2113.                 </a>
  2114.               </span>
  2115.               </span>
  2116.               </span>
  2117.             <b:else/>
  2118.               <span class='author-info'>
  2119.               <span class='fn'>
  2120.                 <span><data:post.author/></span>
  2121.               </span>
  2122.               </span>
  2123.             </b:if>
  2124.         </b:if>
  2125.         <b:if cond='data:top.showTimestamp'>
  2126.         <b:if cond='data:post.url'>
  2127.           <a expr:content='data:post.canonicalUrl'/>
  2128.           <span class='time-info'>
  2129.           <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>
  2130.           </span>
  2131.         </b:if>
  2132.         </b:if>
  2133.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2134.           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2135.             <b:if cond='data:post.allowComments'>
  2136.               <span class='comment-info'>
  2137.               <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>
  2138.               </a>
  2139.               </span>
  2140.             </b:if>
  2141.           </b:if>
  2142.         </b:if>
  2143.         <b:if cond='data:post.labels'>
  2144.           <span class='label-info'>
  2145.           <b:loop values='data:post.labels' var='label'>
  2146.             <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;'/>
  2147.           </b:loop>
  2148.           </span>
  2149.         </b:if>
  2150.         <b:include data='post' name='postQuickEdit'/>
  2151.     </div>
  2152.  
  2153.     <div class='post-header'>
  2154.     <div class='post-header-line-1'/>
  2155.     </div>
  2156.  
  2157.     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2158.     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2159.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2160.         <data:post.body/>
  2161.         <div style='clear:both;'/>
  2162.       </div>
  2163.     <b:else/>
  2164.  
  2165.  
  2166.         <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2167.             <div>
  2168.             <data:post.snippet/>
  2169.             </div>
  2170.             <a class='read-more' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>Read More </a>
  2171.             <div style='clear:both;'/>  
  2172.         </div> 
  2173.     </b:if>
  2174.    
  2175.     <b:else/>
  2176.    
  2177.       <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  2178.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2179.          
  2180.         <data:post.body/>
  2181.        
  2182.         <div style='clear: both;'/>
  2183.        
  2184. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2185.  
  2186. <div class='share-box'>
  2187. <span style='float:left;margin-left:10px;margin-right:10px;font-size:18px;font-family:Oswald;color:#fff;text-transform:uppercase'>Share : </span>
  2188. <div style='margin-right:30px;float:left;'>
  2189. <span class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/>
  2190. </div>
  2191. <div style='float:left;'>
  2192. <a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' title='Share via Twitter'>Tweet</a>
  2193. <script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
  2194. </div>
  2195. <div style='float:left;'>
  2196. <div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/>
  2197. </div>
  2198. <a class='a2a_dd more' href='http://www.addtoany.com/share_save' title='More Share'>&#10010;</a>
  2199. <script async='async' src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>
  2200. <a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print();return false;' title='Printer Friendly and PDF'><span class='print'/> <span class='pdf'/></a>
  2201. </div>
  2202. </b:if>
  2203.            
  2204. <div id='related_posts'>
  2205. <div class='relhead'>
  2206.           <h4>Related Post</h4>
  2207. <div class='clear'/>
  2208.           <b:loop values='data:post.labels' var='label'>
  2209.                <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/>
  2210.           </b:loop>
  2211.           <ul id='relpost_img_sum'>
  2212.                <script type='text/javascript'>artikelterkait();</script>
  2213.           </ul>
  2214.      </div>
  2215. </div>
  2216. <div style='clear:both;'/>
  2217.  
  2218.       </div>
  2219.  
  2220.     </b:if>
  2221.    
  2222.   </article>
  2223.  
  2224. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2225. <div class='halaman'>
  2226.   <div class='blog-pager' id='blog-pager'>
  2227. <div class='halaman-kiri'>
  2228. <div class='isihalaman-kiri'>
  2229.     <b:if cond='data:newerPageUrl'>
  2230.       <span id='blog-pager-newer-link'>
  2231.         <span class='pager-title-left'>Next</span><br/>
  2232.       <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>
  2233.       </span>
  2234. <b:else/>
  2235.       <span class='current-pageleft'><span class='pager-title-left'>Next</span><br/>This is the current newest page</span>
  2236.     </b:if>
  2237. </div>
  2238. </div>
  2239. <div class='halaman-kanan'>
  2240. <div class='isihalaman-kanan'>
  2241.     <b:if cond='data:olderPageUrl'>
  2242.       <span id='blog-pager-older-link'>
  2243. <span class='pager-title-left'>Previous</span><br/>
  2244.       <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>
  2245.       </span>
  2246. <b:else/>
  2247. <span class='current-pageright'><span class='pager-title-left'>Previous</span><br/>This is the oldest page</span>
  2248.     </b:if>
  2249. </div>
  2250. </div>
  2251.   </div>
  2252. <div style='clear: both;'/>
  2253. </div>
  2254. </b:if>  
  2255. </b:includable>
  2256.       <b:includable id='postQuickEdit' var='post'>
  2257.   <b:if cond='data:post.editUrl'>
  2258.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2259.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2260.         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2261.       </a>
  2262.     </span>
  2263.   </b:if>
  2264. </b:includable>
  2265.       <b:includable id='shareButtons' var='post'>
  2266.   <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>
  2267. </b:includable>
  2268.       <b:includable id='status-message'>
  2269.   <b:if cond='data:navMessage'>
  2270.   <div class='status-msg-wrap'>
  2271.     <div class='status-msg-body'>
  2272.       <data:navMessage/>
  2273.     </div>
  2274.     <div class='status-msg-border'>
  2275.       <div class='status-msg-bg'>
  2276.         <div class='status-msg-hidden'><data:navMessage/></div>
  2277.       </div>
  2278.     </div>
  2279.   </div>
  2280.   <div style='clear: both;'/>
  2281.   </b:if>
  2282. </b:includable>
  2283.       <b:includable id='threaded-comment-form' var='post'>
  2284.   <div class='comment-form'>
  2285. <div id='form-wrapper'>
  2286.     <b:if cond='data:mobile'>
  2287.       <p><data:blogCommentMessage/></p>
  2288.       <data:blogTeamBlogMessage/>
  2289.      
  2290.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2291.  
  2292.         <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
  2293.  
  2294.       <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2295.  
  2296.         </b:if>
  2297.  
  2298.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2299.  
  2300.         <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
  2301.  
  2302.       <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2303.  
  2304.         </b:if>
  2305.     <b:else/>
  2306. <div id='threaded-comment-form'>
  2307.       <p><data:blogCommentMessage/>
  2308. <span class='small-button1'>
  2309.         <a href='#' target='_blank' title='Out Of Topic'>Out Of Topic</a>
  2310.         </span>
  2311. <span class='small-button'>
  2312. <span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;none&apos;' title='Show Konversi Kode'>Show Konversi Kode</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;inline-block&apos;' title='Hide Konversi Kode'>Hide Konversi Kode</a></span>
  2313. </span>
  2314. <span class='small-button'>
  2315. <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'>Show 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'>Hide Emoticon</a></span>
  2316. </span>
  2317.   </p>
  2318. <div id='konversi-box'>
  2319.     <textarea id='codes' placeholder='Tulis/paste kode di sini lalu klik &apos;Konversi&apos;' spellcheck='false'/>
  2320. <span class='button-group'>
  2321. <button id='cvrt' onclick='cdConvert();this.disabled = true;'>Konversi</button>
  2322. <button onclick='cdClear();'>Bersihkan</button>
  2323. </span>
  2324. <span class='checkbox'>
  2325. <input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/> <input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/> <input checked='' id='opt5' type='checkbox'/></span>
  2326. </div>
  2327. <div id='emo-box'>
  2328.   <div class='comment_emo_list'/>
  2329. </div>
  2330.       <data:blogTeamBlogMessage/>
  2331.      
  2332.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2333.  
  2334.         <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
  2335.  
  2336.       <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2337.  
  2338.         </b:if>
  2339.  
  2340.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2341.  
  2342.         <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>
  2343.  
  2344.       <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2345.  
  2346.         </b:if>
  2347.       </div>
  2348.     </b:if>
  2349. </div>
  2350.     <data:post.friendConnectJs/>
  2351.     <data:post.cmtfpIframe/>
  2352.     <script type='text/javascript'>
  2353.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2354.     </script>
  2355.   </div>
  2356. </b:includable>
  2357.       <b:includable id='threaded_comment_js' var='post'>
  2358.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  2359.  
  2360.   <script type='text/javascript'>
  2361.     (function() {
  2362.       var items = <data:post.commentJso/>;
  2363.       var msgs = <data:post.commentMsgs/>;
  2364.       var config = <data:post.commentConfig/>;
  2365.  
  2366. // <![CDATA[
  2367.      var cursor = null;
  2368.      if (items && items.length > 0) {
  2369.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  2370.      }
  2371.  
  2372.      var bodyFromEntry = function(entry) {
  2373.        if (entry.gd$extendedProperty) {
  2374.          for (var k in entry.gd$extendedProperty) {
  2375.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  2376.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  2377.            }
  2378.          }
  2379.        }
  2380.        return entry.content.$t;
  2381.      }
  2382.  
  2383.      var parse = function(data) {
  2384.        cursor = null;
  2385.        var comments = [];
  2386.        if (data && data.feed && data.feed.entry) {
  2387.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  2388.            var comment = {};
  2389.            // comment ID, parsed out of the original id format
  2390.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  2391.            comment.id = id ? id[2] : null;
  2392.            comment.body = bodyFromEntry(entry);
  2393.            comment.timestamp = Date.parse(entry.published.$t) + '';
  2394.            if (entry.author && entry.author.constructor === Array) {
  2395.              var auth = entry.author[0];
  2396.  
  2397.              if (auth) {
  2398.                comment.author = {
  2399.                  name: (auth.name ? auth.name.$t : undefined),
  2400.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  2401.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  2402.                };
  2403.              }
  2404.            }
  2405.            if (entry.link) {
  2406.              if (entry.link[2]) {
  2407.                comment.link = comment.permalink = entry.link[2].href;
  2408.              }
  2409.              if (entry.link[3]) {
  2410.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  2411.                if (pid && pid[1]) {
  2412.                  comment.parentId = pid[1];
  2413.                }
  2414.              }
  2415.            }
  2416.            comment.deleteclass = 'item-control blog-admin';
  2417.            if (entry.gd$extendedProperty) {
  2418.              for (var k in entry.gd$extendedProperty) {
  2419.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  2420.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  2421.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  2422.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  2423.                }
  2424.              }
  2425.            }
  2426.            comments.push(comment);
  2427.          }
  2428.        }
  2429.        return comments;
  2430.      };
  2431.  
  2432.      var paginator = function(callback) {
  2433.        if (hasMore()) {
  2434.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2435.          if (cursor) {
  2436.            url += '&published-min=' + new Date(cursor).toISOString();
  2437.          }
  2438.          window.bloggercomments = function(data) {
  2439.            var parsed = parse(data);
  2440.            cursor = parsed.length < 50 ? null
  2441.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2442.            callback(parsed);
  2443.            window.bloggercomments = null;
  2444.          }
  2445.          url += '&callback=bloggercomments';
  2446.          var script = document.createElement('script');
  2447.          script.type = 'text/javascript';
  2448.          script.src = url;
  2449.          document.getElementsByTagName('head')[0].appendChild(script);
  2450.        }
  2451.      };
  2452.      var hasMore = function() {
  2453.        return !!cursor;
  2454.      };
  2455.      var getMeta = function(key, comment) {
  2456.        if ('iswriter' == key) {
  2457.          var matches = !!comment.author
  2458.              && comment.author.name == config.authorName
  2459.              && comment.author.profileUrl == config.authorUrl;
  2460.          return matches ? 'true' : '';
  2461.        } else if ('deletelink' == key) {
  2462.          return config.baseUri + '/delete-comment.g?blogID='
  2463.               + config.blogId + '&postID=' + comment.id;
  2464.        } else if ('deleteclass' == key) {
  2465.          return comment.deleteclass;
  2466.        }
  2467.        return '';
  2468.      };
  2469.  
  2470.      var replybox = null;
  2471.      var replyUrlParts = null;
  2472.      var replyParent = undefined;
  2473.  
  2474.      var onReply = function(commentId, domId) {
  2475.        if (replybox == null) {
  2476.          // lazily cache replybox, and adjust to suit this style:
  2477.          replybox = document.getElementById('comment-editor');
  2478.          if (replybox != null) {
  2479.            replybox.height = '250px';
  2480.            replybox.style.display = 'block';
  2481.            replyUrlParts = replybox.src.split('#');
  2482.          }
  2483.        }
  2484.        if (replybox && (commentId !== replyParent)) {
  2485.          document.getElementById(domId).insertBefore(replybox.parentNode, null);
  2486.          replybox.src = replyUrlParts[0]
  2487.              + (commentId ? '&parentID=' + commentId : '')
  2488.              + '#' + replyUrlParts[1];
  2489.          replyParent = commentId;
  2490.        }
  2491.      };
  2492.  
  2493.      var hash = (window.location.hash || '#').substring(1);
  2494.      var startThread, targetComment;
  2495.      if (/^comment-form_/.test(hash)) {
  2496.        startThread = hash.substring('comment-form_'.length);
  2497.      } else if (/^c[0-9]+$/.test(hash)) {
  2498.        targetComment = hash.substring(1);
  2499.      }
  2500.  
  2501.      // Configure commenting API:
  2502.      var configJso = {
  2503.        'maxDepth': config.maxThreadDepth
  2504.      };
  2505.      var provider = {
  2506.        'id': config.postId,
  2507.        'data': items,
  2508.        'loadNext': paginator,
  2509.        'hasMore': hasMore,
  2510.        'getMeta': getMeta,
  2511.        'onReply': onReply,
  2512.        'rendered': true,
  2513.        'initComment': targetComment,
  2514.        'initReplyThread': startThread,
  2515.        'config': configJso,
  2516.        'messages': msgs
  2517.      };
  2518.  
  2519.      var render = function() {
  2520.        if (window.goog && window.goog.comments) {
  2521.          var holder = document.getElementById('comment-holder');
  2522.          window.goog.comments.render(holder, provider);
  2523.        }
  2524.      };
  2525.  
  2526.      // render now, or queue to render when library loads:
  2527.      if (window.goog && window.goog.comments) {
  2528.        render();
  2529.      } else {
  2530.        window.goog = window.goog || {};
  2531.        window.goog.comments = window.goog.comments || {};
  2532.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2533.        window.goog.comments.loadQueue.push(render);
  2534.      }
  2535.    })();
  2536. // ]]>
  2537.   </script>
  2538. </b:includable>
  2539.       <b:includable id='threaded_comments' var='post'>
  2540.   <div class='comments' id='comments'>
  2541.     <a name='comments'/>
  2542.       <h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if></h3>
  2543.  
  2544.     <div class='comments-content'>
  2545.       <b:if cond='data:post.embedCommentForm'>
  2546.         <b:include data='post' name='threaded_comment_js'/>
  2547.       </b:if>
  2548.       <div id='comment-holder'>
  2549.          <data:post.commentHtml/>
  2550.       </div>
  2551.     </div>
  2552.  
  2553.     <p class='comment-footer'>
  2554.       <b:if cond='data:post.allowNewComments'>
  2555.         <b:include data='post' name='threaded-comment-form'/>
  2556.       <b:else/>
  2557.         <data:post.noNewCommentsText/>
  2558.       </b:if>
  2559.     </p>
  2560.  
  2561.     <b:if cond='data:showCmtPopup'>
  2562.       <div id='comment-popup'>
  2563.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2564.         </iframe>
  2565.       </div>
  2566.     </b:if>
  2567.  
  2568.     <div id='backlinks-container'>
  2569.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2570.        <b:if cond='data:post.showBacklinks'>
  2571.          <b:include data='post' name='backlinks'/>
  2572.        </b:if>
  2573.     </div>
  2574.     </div>
  2575.   </div>
  2576. </b:includable>
  2577.     </b:widget>
  2578.   </b:section>
  2579.  
  2580. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2581. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2582. <div id='main-home'>
  2583. <div id='main-left'>
  2584.   <b:section class='gleft' id='gleft'/>
  2585. </div>
  2586.  
  2587. <div id='main-right'>
  2588.   <b:section class='gright' id='gright'/>
  2589. </div>
  2590.  
  2591. </div>
  2592. </b:if>
  2593. </b:if>
  2594.  
  2595. </div>
  2596. <div class='clear'/>
  2597. </div>
  2598.  
  2599. <aside id='sidebar-wrapper'>
  2600. <div class='sidebar-inner'>
  2601.  
  2602. <div id='social_networks'>
  2603. <ul><!--Social Icons Started Started-->
  2604. <li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>
  2605. <!--Replase With Facebook URL-->
  2606. <li class='sorting-02 twitter'><a href='#'><span class='inv'>twitter</span></a></li>
  2607. <!--Replase With Twitter URL-->
  2608. <li class='sorting-03 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>
  2609. <!--Replase With Google Plus URL-->
  2610. <li class='sorting-06 linkedin'><a href='#'><span class='inv'>linkedin</span></a></li>
  2611. <!--Replase With Linked In URL-->
  2612. <li class='sorting-04 youtube'><a href='#'><span class='inv'>youtube</span></a></li>
  2613. <!--Replase With Youtube URL-->
  2614. </ul><!--Social Icons Started End-->
  2615. </div>
  2616. <div class='clear'/>
  2617.  
  2618. <div id='search'>
  2619. <div class='content-wrapper'>
  2620. <form action='/search' id='searchform' method='get'>
  2621. <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 ...'/>
  2622. </form>
  2623. </div>
  2624. </div>
  2625. <div class='clear'/>
  2626.  
  2627. <div class='tabs tabs-1'>
  2628. <b:section class='tably tably-1 section' id='tably-1' showaddelement='yes'>
  2629.   <b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts' version='1'>
  2630.     <b:widget-settings>
  2631.       <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
  2632.       <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  2633.       <b:widget-setting name='showSnippets'>true</b:widget-setting>
  2634.       <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  2635.     </b:widget-settings>
  2636.     <b:includable id='main'>
  2637.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  2638.   <div class='widget-content popular-posts'>
  2639.     <ul>
  2640.       <b:loop values='data:posts' var='post'>
  2641.       <li>
  2642.         <b:if cond='data:showThumbnails == &quot;false&quot;'>
  2643.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  2644.             <!-- (1) No snippet/thumbnail -->
  2645.             <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
  2646.           <b:else/>
  2647.             <!-- (2) Show only snippets -->
  2648.             <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2649.             <div class='item-snippet'><data:post.snippet/></div>
  2650.           </b:if>
  2651.         <b:else/>
  2652.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  2653.             <!-- (3) Show only thumbnails -->
  2654.             <div class='item-thumbnail-only'>
  2655.               <b:if cond='data:post.thumbnail'>
  2656.                 <div class='item-thumbnail'>
  2657.                   <a expr:href='data:post.href' target='_blank'>
  2658.                     <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  2659.                   </a>
  2660.                 </div>
  2661.               </b:if>
  2662.               <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2663.             </div>
  2664.             <div style='clear: both;'/>
  2665.           <b:else/>
  2666.             <!-- (4) Show snippets and thumbnails -->
  2667.             <div class='item-content'>
  2668.               <b:if cond='data:post.thumbnail'>
  2669.                 <div class='item-thumbnail'>
  2670.                   <a expr:href='data:post.href' target='_blank'>
  2671.                     <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  2672.                   </a>
  2673.                 </div>
  2674.               </b:if>
  2675.               <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2676.               <div class='item-snippet'><data:post.snippet/></div>
  2677.             </div>
  2678.             <div style='clear: both;'/>
  2679.           </b:if>
  2680.         </b:if>
  2681.       </li>
  2682.       </b:loop>
  2683.     </ul>
  2684.   </div>
  2685. </b:includable>
  2686.   </b:widget>
  2687. </b:section>
  2688. <b:section class='tably tably-2 section' id='tably-2' showaddelement='yes'>
  2689.   <b:widget id='Label1' locked='false' title='Label' type='Label' version='1'>
  2690.     <b:widget-settings>
  2691.       <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  2692.       <b:widget-setting name='display'>CLOUD</b:widget-setting>
  2693.       <b:widget-setting name='selectedLabelsList'/>
  2694.       <b:widget-setting name='showType'>ALL</b:widget-setting>
  2695.       <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  2696.     </b:widget-settings>
  2697.     <b:includable id='main'>
  2698.   <b:if cond='data:title'>
  2699.     <h2><data:title/></h2>
  2700.   </b:if>
  2701.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2702.     <b:if cond='data:display == &quot;list&quot;'>
  2703.       <ul>
  2704.       <b:loop values='data:labels' var='label'>
  2705.         <li>
  2706.           <b:if cond='data:blog.url == data:label.url'>
  2707.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2708.           <b:else/>
  2709.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2710.           </b:if>
  2711.           <b:if cond='data:showFreqNumbers'>
  2712.             <span dir='ltr'>(<data:label.count/>)</span>
  2713.           </b:if>
  2714.         </li>
  2715.       </b:loop>
  2716.       </ul>
  2717.     <b:else/>
  2718.       <b:loop values='data:labels' var='label'>
  2719.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2720.           <b:if cond='data:blog.url == data:label.url'>
  2721.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2722.           <b:else/>
  2723.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2724.           </b:if>
  2725.           <b:if cond='data:showFreqNumbers'>
  2726.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2727.           </b:if>
  2728.         </span>
  2729.       </b:loop>
  2730.     </b:if>
  2731.   </div>
  2732. </b:includable>
  2733.   </b:widget>
  2734. </b:section>
  2735. <b:section class='tably tably-3 section' id='tably-3' showaddelement='yes'>
  2736.   <b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive' version='1'>
  2737.     <b:widget-settings>
  2738.       <b:widget-setting name='showStyle'>FLAT</b:widget-setting>
  2739.       <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
  2740.       <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
  2741.       <b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>
  2742.       <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
  2743.       <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
  2744.       <b:widget-setting name='chronological'>false</b:widget-setting>
  2745.       <b:widget-setting name='showPosts'>false</b:widget-setting>
  2746.       <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
  2747.     </b:widget-settings>
  2748.     <b:includable id='main'>
  2749.   <b:if cond='data:title'>
  2750.     <h2><data:title/></h2>
  2751.   </b:if>
  2752.   <div class='widget-content'>
  2753.   <div id='ArchiveList'>
  2754.   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  2755.     <b:if cond='data:style == &quot;HIERARCHY&quot;'>
  2756.      <b:include data='data' name='interval'/>
  2757.     </b:if>
  2758.     <b:if cond='data:style == &quot;FLAT&quot;'>
  2759.       <b:include data='data' name='flat'/>
  2760.     </b:if>
  2761.     <b:if cond='data:style == &quot;MENU&quot;'>
  2762.       <b:include data='data' name='menu'/>
  2763.     </b:if>
  2764.   </div>
  2765.   </div>
  2766.   </div>
  2767. </b:includable>
  2768.     <b:includable id='flat' var='data'>
  2769.   <ul class='flat'>
  2770.     <b:loop values='data:data' var='i'>
  2771.       <li class='archivedate'>
  2772.         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  2773.       </li>
  2774.     </b:loop>
  2775.   </ul>
  2776. </b:includable>
  2777.     <b:includable id='interval' var='intervalData'>
  2778.   <b:loop values='data:intervalData' var='i'>
  2779.       <ul class='hierarchy'>
  2780.         <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
  2781.           <b:include data='i' name='toggle'/>
  2782.           <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
  2783.             <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
  2784.           <b:if cond='data:i.data'>
  2785.             <b:include data='i.data' name='interval'/>
  2786.           </b:if>
  2787.           <b:if cond='data:i.posts'>
  2788.             <b:include data='i.posts' name='posts'/>
  2789.           </b:if>
  2790.         </li>
  2791.       </ul>
  2792.   </b:loop>
  2793. </b:includable>
  2794.     <b:includable id='menu' var='data'>
  2795.   <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  2796.     <option value=''><data:title/></option>
  2797.     <b:loop values='data:data' var='i'>
  2798.       <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  2799.     </b:loop>
  2800.   </select>
  2801. </b:includable>
  2802.     <b:includable id='posts' var='posts'>
  2803.   <ul class='posts'>
  2804.     <b:loop values='data:posts' var='i'>
  2805.       <li><a expr:href='data:i.url'><data:i.title/></a></li>
  2806.     </b:loop>
  2807.   </ul>
  2808. </b:includable>
  2809.     <b:includable id='toggle' var='interval'>
  2810.   <b:if cond='data:interval.toggleId'>
  2811.   <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  2812.     <a class='toggle' href='javascript:void(0)'>
  2813.       <span class='zippy toggle-open'>&#9660;&#160;</span>
  2814.     </a>
  2815.   <b:else/>
  2816.     <a class='toggle' href='javascript:void(0)'>
  2817.       <span class='zippy'>
  2818.         <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
  2819.           &#9668;&#160;
  2820.         <b:else/>
  2821.           &#9658;&#160;
  2822.         </b:if>
  2823.       </span>
  2824.     </a>
  2825.   </b:if>
  2826.  </b:if>
  2827. </b:includable>
  2828.   </b:widget>
  2829. </b:section>
  2830.    
  2831. </div>
  2832. <div class='clear'/>
  2833.  
  2834. <b:section class='sidebar section' id='sidebar' preferred='yes'/>
  2835. </div>
  2836. </aside>
  2837. <div class='clear'/>
  2838. </div>
  2839. </div>
  2840.  
  2841. <span id='back-to-top'/>
  2842.  
  2843. <footer id='footer-wrapper'>
  2844. <div class='footer-bottom'>
  2845. <div id='footer-widgetfix'>
  2846. <div class='footer-widget' id='footx1'>
  2847. <b:section class='footer' id='footer1'>
  2848.   <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
  2849.     <b:widget-settings>
  2850.       <b:widget-setting name='showaboutme'>true</b:widget-setting>
  2851.       <b:widget-setting name='showlocation'>false</b:widget-setting>
  2852.     </b:widget-settings>
  2853.     <b:includable id='main'>
  2854.     <b:if cond='data:title != &quot;&quot;'>
  2855.       <h2><data:title/></h2>
  2856.     </b:if>
  2857.     <div class='widget-content'>
  2858.     <b:if cond='data:team'> <!-- team blog profile -->
  2859.       <ul>
  2860.         <b:loop values='data:authors' var='i'>
  2861.           <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
  2862.         </b:loop>
  2863.       </ul>
  2864.  
  2865.     <b:else/> <!-- normal blog profile -->
  2866.  
  2867.       <b:if cond='data:photo.url != &quot;&quot;'>
  2868.         <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
  2869.       </b:if>
  2870.  
  2871.       <dl class='profile-datablock'>
  2872.         <dt class='profile-data'>
  2873.           <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
  2874.             <data:displayname/>
  2875.           </a>
  2876.           <b:if cond='data:hasgoogleprofile'>
  2877.             <br/>
  2878.             <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
  2879.           </b:if>
  2880.         </dt>
  2881.  
  2882.         <b:if cond='data:showlocation'>
  2883.           <dd class='profile-data'><data:location/></dd>
  2884.         </b:if>
  2885.  
  2886.         <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
  2887.       </dl>
  2888.       <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
  2889.     </b:if>
  2890.  
  2891.      <b:include name='quickedit'/>
  2892.     </div>
  2893.   </b:includable>
  2894.   </b:widget>
  2895. </b:section>
  2896. </div>
  2897. <div class='footer-widget' id='footx2'>
  2898. <b:section class='footer' id='footer2'>
  2899.   <b:widget id='FollowByEmail2' locked='false' title='Follow by Email' type='FollowByEmail'>
  2900.     <b:includable id='main'>
  2901.   <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  2902.   <div class='widget-content'>
  2903.     <div class='follow-by-email-inner'>
  2904.       <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  2905.         <table width='100%'>
  2906.           <tr>
  2907.             <td>
  2908.               <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  2909.             </td>
  2910.             <td width='64px'>
  2911.               <input class='follow-by-email-submit' type='submit' value='Submit'/>
  2912.             </td>
  2913.           </tr>
  2914.         </table>
  2915.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  2916.         <input name='loc' type='hidden' value='en_US'/>
  2917.       </form>
  2918.     </div>
  2919.   </div>
  2920.   <span class='item-control blog-admin'>
  2921.     <b:include name='quickedit'/>
  2922.   </span>
  2923. </b:includable>
  2924.   </b:widget>
  2925. </b:section>
  2926. </div>
  2927. <div class='footer-widget' id='footx3'>
  2928. <b:section class='footer' id='footer3'>
  2929.   <b:widget id='Label3' locked='false' title='Label' type='Label' version='1'>
  2930.     <b:widget-settings>
  2931.       <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  2932.       <b:widget-setting name='display'>CLOUD</b:widget-setting>
  2933.       <b:widget-setting name='selectedLabelsList'/>
  2934.       <b:widget-setting name='showType'>ALL</b:widget-setting>
  2935.       <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  2936.     </b:widget-settings>
  2937.     <b:includable id='main'>
  2938.   <b:if cond='data:title'>
  2939.     <h2><data:title/></h2>
  2940.   </b:if>
  2941.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2942.     <b:if cond='data:display == &quot;list&quot;'>
  2943.       <ul>
  2944.       <b:loop values='data:labels' var='label'>
  2945.         <li>
  2946.           <b:if cond='data:blog.url == data:label.url'>
  2947.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2948.           <b:else/>
  2949.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2950.           </b:if>
  2951.           <b:if cond='data:showFreqNumbers'>
  2952.             <span dir='ltr'>(<data:label.count/>)</span>
  2953.           </b:if>
  2954.         </li>
  2955.       </b:loop>
  2956.       </ul>
  2957.     <b:else/>
  2958.       <b:loop values='data:labels' var='label'>
  2959.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2960.           <b:if cond='data:blog.url == data:label.url'>
  2961.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2962.           <b:else/>
  2963.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2964.           </b:if>
  2965.           <b:if cond='data:showFreqNumbers'>
  2966.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2967.           </b:if>
  2968.         </span>
  2969.       </b:loop>
  2970.     </b:if>
  2971.   </div>
  2972. </b:includable>
  2973.   </b:widget>
  2974. </b:section>
  2975. </div>
  2976.  
  2977. </div>
  2978. </div>
  2979. <div id='footerfix'>
  2980. <div id='credit'>
  2981. <div id='creditfix'>
  2982. <div class='cpleft'>
  2983. Copyright &#169; 2017 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Right Reserved
  2984. </div>
  2985. <div class='creditfix'>
  2986. <div class='cpright'>
  2987. Managed by <a href='#' rel='nofollow'>Supian M</a> Powered by <a href='http://www.blogger.com/' title='Blogger'>Blogger</a>
  2988. </div>
  2989. </div></div>
  2990. </div>
  2991. </div>
  2992. </footer>
  2993.  
  2994. <script type='text/javascript'>
  2995. //<![CDATA[
  2996. $(document).ready(function(){var str=location.href.toLowerCase();$('.main-nav ul li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highlight").removeClass("highlight");$(this).parent().addClass("highlight")}})})
  2997. $(function(){var pull=$('#pull');menu=$('.main-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')}})});
  2998. //]]>
  2999. </script>
  3000.  
  3001. <script type='text/javascript'>
  3002. //<![CDATA[
  3003. var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'none';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();
  3004. //]]>
  3005. </script>
  3006.  
  3007. <script type='text/javascript'>
  3008. //<![CDATA[
  3009. !function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
  3010. //]]>
  3011. </script>
  3012.  
  3013. <script type='text/javascript'>
  3014.   (function() {
  3015.     var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
  3016.     po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
  3017.     var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  3018.   })();
  3019. </script>
  3020.  
  3021. <script type='text/javascript'>
  3022. //<![CDATA[
  3023. function blockLinks(parentID, children) {
  3024.    var parent = document.getElementById(parentID),
  3025.        content = parent.getElementsByTagName(children);
  3026.    for(var i = 0; i < content.length; i++) {
  3027.        if(content[i].innerHTML.indexOf('</a>') !== -1) {
  3028.            content[i].innerHTML = "Maaf <span style='background-color:red;color: white;padding:3px;border-radius:2px'><b>link hidup</b></span> tidak akan tampil di sini!";
  3029.            content[i].className = "spammer-detected";
  3030.        }
  3031.    }
  3032. }
  3033. blockLinks('comment-holder', 'p');
  3034. //]]>
  3035. </script>
  3036.  
  3037. <script type='text/javascript'>
  3038. $(&#39;i[rel=&quot;pre&quot;]&#39;).replaceWith(function() {
  3039.     return $(&#39;<pre><code>&#39; + $(this).html() + &#39;</code></pre>&#39;);
  3040. });
  3041. </script>
  3042. <script type='text/javascript'>
  3043. var pres = document.getElementsByTagName(&quot;pre&quot;);
  3044. for (var i = 0; i &lt; pres.length; i++) {
  3045.   pres[i].addEventListener(&quot;dblclick&quot;, function () {
  3046.     var selection = getSelection();
  3047.     var range = document.createRange();
  3048.     range.selectNodeContents(this);
  3049.     selection.removeAllRanges();
  3050.     selection.addRange(range);
  3051.   }, false);
  3052. }
  3053. </script>
  3054.  
  3055. <script src='https://aisuka-project.googlecode.com/svn/aisuka-lightbox-putih1.js' type='text/javascript'/>
  3056.  
  3057. <script type='text/javascript'>
  3058. //<![CDATA[
  3059. function cdClear() {
  3060.    var wtarea = document.getElementById('codes');
  3061.    wtarea.value = '';
  3062.    wtarea.focus();
  3063.    document.getElementById('cvrt').disabled = false;
  3064. }
  3065. function cdConvert() {
  3066.    var ctarea = document.getElementById('codes'),
  3067.        cv = ctarea.value,
  3068.        opt1 = document.getElementById('opt1'),
  3069.        opt2 = document.getElementById('opt2'),
  3070.        opt3 = document.getElementById('opt3'),
  3071.        opt4 = document.getElementById('opt4'),
  3072.        opt5 = document.getElementById('opt5');
  3073.    cv = cv.replace(/\t/g, "    ");
  3074.    if (opt1.checked) cv = cv.replace(/&/g, "&amp;");
  3075.    if (opt2.checked) cv = cv.replace(/'/g, "&#039;");
  3076.    if (opt3.checked) cv = cv.replace(/"/g, "&quot;");
  3077.    if (opt4.checked) cv = cv.replace(/</g, "&lt;");
  3078.    if (opt5.checked) cv = cv.replace(/>/g, "&gt;");
  3079.    if (cv.lastIndexOf('\n') != -1 || cv.length > 40) {
  3080.        cv = cv.replace(/^/, "<i rel=\"pre\">");
  3081.    } else {
  3082.        cv = cv.replace(/^/, "<i rel=\"code\">");
  3083.    }
  3084.    cv = cv.replace(/$/, "</i>");
  3085.    ctarea.value = cv;
  3086.    ctarea.focus();
  3087.    ctarea.select();
  3088. };
  3089. //]]>
  3090. </script>
  3091.  
  3092. <script type='text/javascript'>
  3093.         //<![CDATA[
  3094. $(function () {
  3095. $("#back-to-top").backToTop();
  3096. });
  3097. //]]></script>
  3098.  
  3099. <script type='text/javascript'>
  3100. //<![CDATA[
  3101. (function ($) {
  3102.  
  3103.    $.fn.backToTop = function (options) {
  3104.  
  3105.        var $this = $(this);
  3106.        $this
  3107.        .hide()
  3108.        .click(function () {
  3109.            $("body, html").animate({
  3110.                scrollTop: "0px"
  3111.            });
  3112.        });
  3113.  
  3114.        var $window = $(window);
  3115.        $window.scroll(function () {
  3116.            if ($window.scrollTop() > 0) {
  3117.                $this.fadeIn();
  3118.            } else {
  3119.                $this.fadeOut();
  3120.            }
  3121.        });
  3122.  
  3123.        return this;
  3124.  
  3125.    };
  3126.  
  3127. })(jQuery);
  3128.  
  3129. //]]></script>
  3130.  
  3131. <script type='text/javascript'>
  3132. //<![CDATA[
  3133. $(document.body).append('<div id="page-loader">Loading...</div>');
  3134. $(window).on("beforeunload", function() {
  3135.    $('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
  3136. });
  3137. //]]>
  3138. </script>
  3139.  
  3140. <script type='text/javascript'>
  3141. $(document).ready(function(){
  3142. var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
  3143. $(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {
  3144. var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();
  3145. $(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle);//rgt
  3146. });
  3147. var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
  3148. $(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {
  3149. var newerLinkTitle = $(&quot;a.blog-pager-newer-link:first&quot;).text();
  3150. $(&quot;a.blog-pager-newer-link&quot;).text(newerLinkTitle);
  3151. });
  3152. });
  3153. </script>
  3154.  
  3155. <script src='https://aisuka-project.googlecode.com/svn/flexcroll.js' type='text/javascript'/>
  3156. <div id='notif' title='Notification'/>
  3157.     <div id='notif2' title='Notification'/>
  3158.     <div class='bg_hitam' id='bg'/>
  3159.     <div id='cm-wrapper'>
  3160.     <div class='flexcroll' id='cm-scroll'>
  3161.     <div id='comments-container'/>
  3162.     </div>
  3163.     </div>
  3164.     <div id='show-total'/>
  3165.     <script type='text/javascript'>
  3166.     //<![CDATA[
  3167.    var originalTitle = document.title;
  3168.    var cm_config = {
  3169.        home_page: "http://www.priv-code.com",
  3170.        max_result: 18,
  3171.        t_w: 50,
  3172.        t_h: 50,
  3173.        summary: 9999,
  3174.        new_tab_link: false,
  3175.        ct_id: "comments-container",
  3176.        new_cm: " New Comments!",
  3177.        interval: 30000,
  3178.        alert: true,
  3179.        alert: function(total) {
  3180.            document.getElementById("show-total").innerHTML = '<strong class=\'total-show\'>'+total+'</strong>';
  3181.            document.title = '(' + total + ') ' + originalTitle;
  3182.        }
  3183.    };
  3184.    $('#notif').click(function(){$("#cm-wrapper").css({left: "0px"});$("#bg, #notif2").show();$("#notif").hide();});$('#notif2').click(function(){$("#cm-wrapper").css({left: "-381px"});$("#bg, #notif2").hide();$("#notif").show();});$('#bg').click(function(){$("#cm-wrapper").css({left: "-381px"});$("#bg, #notif2").hide();$("#notif").show();});document.getElementById('notif').onclick = function() {document.title = originalTitle;$('#show-total').hide();};document.getElementById('show-total').onclick = function() {document.title = originalTitle;$('#show-total').hide();$("#cm-wrapper").css({left: "0px"});$("#bg").show();};setTimeout(function() {$('.myframe').each(function() {$(this).replaceWith('<iframe class="myframe" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen"></iframe>');});}, 5000);$(document).ready(function() {
  3185.    var stickyNavTop = $('#HTML001').offset().top; var stickyNav = function(){var scrollTop = $(window).scrollTop();     if (scrollTop > stickyNavTop) { $('#HTML001').addClass('sticky');} else {$('#HTML001').removeClass('sticky'); }};stickyNav();$(window).scroll(function() {stickyNav();});});
  3186.    setTimeout(function() {
  3187.            $('.jsfiddle-demo').each(function() {
  3188.            $(this).replaceWith('<iframe class="jsfiddle-demo loader" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen"></iframe>');
  3189.        });
  3190.    }, 5000);var cm_config_defaults={home_page:"http://gvusion.blogspot.com",max_result:15,t_w:50,t_h:50,summary:9999,new_tab_link:false,ct_id:"comments-container",new_cm:" New Comments!",interval:30000,alert:true,},_cookie={set:function(g,f,j){var i,h;if(j){i=new Date();i.setTime(i.getTime()+(j*24*60*60*1000));h="; expires="+i.toGMTString()}else{h=""}document.cookie=g+"="+f+h+"; path=/"},get:function(f){var e=f+"=",h=document.cookie.split(";"),j;for(var g=0;g<h.length;g++){j=h[g];while(j.charAt(0)==" "){j=j.substring(1,j.length)}if(j.indexOf(e)==0){return j.substring(e.length,j.length)}}return null},del:function(b){this.set(b,"",-1)}},tt_cm=(_cookie.get("tt_cm"))?_cookie.get("tt_cm"):0,doc_title=document.title;for(var i in cm_config_defaults){cm_config_defaults[i]=(typeof(cm_config[i])=="undefined")?cm_config_defaults[i]:cm_config[i]}function showRecentComments(json){var entry=json.feed.entry,total=parseInt(json.feed.openSearch$totalResults.$t,10),skeleton="",oldCount=tt_cm,co=cm_config_defaults;var totalComments=total-oldCount>50?'50+':total-oldCount;if(oldCount<total){if(cm_config.alert===true){alert((total-oldCount)+cm_config.new_cm)}else{if(cm_config.alert===false){document.title="("+(total-oldCount)+cm_config.new_cm+") "+document.title}else{cm_config.alert((total-oldCount),cm_config.new_cm)}}}skeleton='<ul class="cm-outer">';for(var i=0;i<entry.length;i++){for(var j=0;j<entry[i].link.length;j++){if(entry[i].link[j].rel=="alternate"){link=entry[i].link[j].href;break}}var dash=link.lastIndexOf("/")+1,dot=link.lastIndexOf("."),title=link.split("-").join(" ").substring(dash,dot)+"&hellip;";author=entry[i].author[0],name=author.name.$t,avatar=author.gd$image.src.replace(/\/s[0-9]+(\-c|\/)/,"/s"+co.t_w+"$1").replace(/http\:\/\/www.google.com\/url\?source\=imglanding(.*?)q\=/i,"").replace(/\.(jpg|jpeg|png|bmp|gif)(.*?)$/i,".$1"),profile=(author.uri)?author.uri.$t:"#nope",u=entry[i].id.$t.replace(/^.*?blog\-([0-9]+).*?post\-([0-9]+)/,"http://www.blogger.com/delete-comment.g?blogID=$1&postID=$2"),r=entry[i]["thr$in-reply-to"].source.split("default/")[1],d=entry[i].id.$t.replace(/^.*?blog\-([0-9]+).*?post\-([0-9]+)/,"http://www.blogger.com/comment-iframe.g?blogID=$1&postID="+r+"&parentID=$2"),date=entry[i].gd$extendedProperty[1].value,content=("content"in entry[i])?entry[i].content.$t.replace(/<i rel="pre">(.*?)<\/i>/ig,"<pre>$1</pre>").replace(/<i rel="code">(.*?)<\/i>/ig,"<code>$1</code>").replace(/<i rel="linku">(.*?)<\/i>/ig,"<a class='allow' href='$1'>\{link\}</a>").replace(/:D/ig,"<img src='http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png' alt='' class='cm-smiley'/>").replace(/:\)/ig,"<img src='http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png' alt='smile' class='cm-smiley'/>"):"",nt=(co.new_tab_link)?' target="_blank"':"";content=(content.length>co.summary)?content.substring(0,co.summary)+"&hellip;":content;skeleton+="<li>";skeleton+='<div class="cm-header"><a href="'+profile+'" title="'+name+'"'+nt+'><img alt="Loading..." style="width:'+co.t_w+"px;height:"+co.t_h+'px;" src="'+avatar+'"></a><span class="author"><a href="'+profile+'" rel="nofollow">'+name+'</a> on <a href="'+link+'" title="'+title+'"'+nt+" rel=>"+title+"</a></div></span>";skeleton+='<div class="cm-content">';skeleton+='<span class="cm-text">'+content+"</span>";skeleton+='<div class="cm-footer">'+date+' <a href="'+d+'" onclick="window.open(this.href,&#39;_cf&#39;,&#39;scrollbars=1,width=470,height=250,left=355,top=135&#39;);return false;" title="Reply Comment">Reply</a> <a href="'+u+'"  title="Delete Comment" target="_blank">Delete</a></span> </span>';skeleton+="</div></li>"}skeleton+="</ul>";document.getElementById(co.ct_id).innerHTML=skeleton;_cookie.set("tt_cm",total,7000);tt_cm=total}(function(){var head=document.getElementsByTagName("head")[0],script=document.createElement("script"),co=cm_config_defaults;script.type="text/javascript";script.id="cm-feed-script";script.src=co.home_page+"/feeds/comments/default?alt=json-in-script&redirect=false&max-results="+co.max_result+"&callback=showRecentComments";head.appendChild(script);setInterval(function(){var newScript=document.createElement("script");newScript.type="text/javascript";newScript.id="cm-feed-script";newScript.src=co.home_page+"/feeds/comments/default?alt=json-in-script&redirect=false&max-results="+co.max_result+"&callback=showRecentComments";var oldScript=document.getElementById("cm-feed-script");oldScript.parentNode.removeChild(oldScript);head.appendChild(newScript)},co.interval)})();
  3191.    //]]>
  3192.     </script>
  3193.     <script>
  3194.         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  3195.             (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  3196.             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  3197.         })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  3198.  
  3199.         ga('create', 'UA-99586487-1', 'auto');
  3200.         ga('send', 'pageview');
  3201.     </script>
  3202. &lt;!--</body>--&gt;&lt;/body&gt;
  3203. </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!