API tools faq
paste
Khalequzzaman

Vienna Lite 2 - Blogger XML

Khalequzzaman
Mar 20th, 2016
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 157.09 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <!-- [ Meta Tag SEO ] -->
  6. <meta charset='utf-8'/>
  7. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  8. <meta content='blogger' name='generator'/>
  9. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  10. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  11. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  12. <link expr:href='data:blog.url' rel='canonical'/>
  13. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  14. <title><data:blog.pageTitle/></title>
  15. <b:else/>
  16. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  17. <title><data:blog.pageName/> - <data:blog.title/></title>
  18. </b:if></b:if>
  19. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  20. <title>Page Not Found - <data:blog.title/></title>
  21. </b:if>
  22. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  23. <meta content='noindex' name='robots'/>
  24. </b:if>
  25. <b:if cond='data:blog.searchLabel'>
  26. <meta content='noindex,nofollow' name='robots'/>
  27. </b:if>
  28. <b:if cond='data:blog.isMobile'>
  29. <meta content='noindex,nofollow' name='robots'/>
  30. </b:if>
  31. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  32. <meta expr:content='data:blog.metaDescription' name='description'/>
  33. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  34. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
  35. </b:if></b:if>
  36. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  37. <meta content='xxxxx' name='keywords'/></b:if>
  38. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  39. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  40. <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  41. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  42. <b:if cond='data:blog.postImageThumbnailUrl'>
  43. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  44. </b:if></b:if>
  45. <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
  46. <link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
  47. <link href='https://plus.google.com/xxxxx/about' rel='author'/>
  48. <link href='https://plus.google.com/xxxxx' rel='me'/>
  49. <meta content='xxxxx' name='google-site-verification'/>
  50. <meta content='xxxxx' name='msvalidate.01'/>
  51. <meta content='xxxxx' name='alexaVerifyID'/>
  52. <meta content='Indonesia' name='geo.placename'/>
  53. <meta content='xxxxx' name='Author'/>
  54. <meta content='general' name='rating'/>
  55. <meta content='id' name='geo.country'/>
  56.  
  57. <!-- [ Social Media meta tag ] -->
  58. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  59. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  60. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  61. <b:if cond='data:blog.url'>
  62. <meta expr:content='data:blog.url' property='og:url'/>
  63. </b:if>
  64. <meta expr:content='data:blog.title' property='og:site_name'/>
  65. <b:if cond='data:blog.pageName'>
  66. <meta expr:content='data:blog.pageName' property='og:title'/>
  67. </b:if></b:if></b:if></b:if>
  68. <meta expr:content='data:blog.pageTitle' property='og:title'/>
  69. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  70. <meta content='article' property='og:type'/>
  71. <b:else/>
  72. <meta content='website' property='og:type'/>
  73. </b:if>
  74. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  75. <b:if cond='data:blog.postImageUrl'>
  76. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  77. <b:else/>
  78. <b:if cond='data:blog.postImageThumbnailUrl'>
  79. <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  80. <b:else/>
  81. <meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
  82. </b:if></b:if>
  83. <b:if cond='data:blog.metaDescription'>
  84. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  85. <b:else/>
  86. <meta content='xxxxx' property='og:description'/>
  87. </b:if>
  88. <meta expr:content='data:blog.title' property='og:site_name'/>
  89. <meta content='562901580420523' property='fb:app_id'/>
  90. <meta content='100005787193074' property='fb:admins'/>
  91. <meta content='en_US' property='og:locale'/>
  92. <meta content='en_GB' property='og:locale:alternate'/>
  93. <meta content='id_ID' property='og:locale:alternate'/>
  94. <meta content='summary' name='twitter:card'/>
  95. <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  96. <meta content='xxxxx' name='twitter:site'/>
  97. <meta content='xxxxx' name='twitter:creator'/>
  98.  
  99. <b:skin><![CDATA[
  100. /*
  101. Theme Name : Vienna Lite 2
  102. Theme Publish : 30 Juli 2015
  103. Theme Base Color : White and Blue
  104. Theme Layout : 2 Column
  105. Theme Designer : Arlina Design
  106. Designer URL : www.arlinadzgn.com
  107. Thanks to : All supported
  108. Theme License : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
  109. However, to satisfy the &#39;attribution&#39; clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
  110. http://creativecommons.org/licenses/by/3.0/
  111. */
  112. /* CSS Reset */
  113. 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;}
  114. /* CSS HTML5 */
  115. 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;}
  116. /* CSS Framework */
  117. *, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  118. .navbar,.post-feeds,.feed-links{display:none;}
  119. .section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
  120. strong,b{font-weight:bold;padding:0;transition:color 0.2s;}
  121. strong,b:hover{left:-0.1em;content: '[';-webkit-transform: translateX(-100%);transform: translateX(-100%);}
  122. cite,em,i{font-style:italic;}
  123. a:link{color:#cf4d35;text-decoration:none;outline:none;transition:all 0.25s;}
  124. a:visited{color:#303030;text-decoration:none;}
  125. a:link:hover{color:#303030;text-decoration:none;}
  126. a:visited:hover{color:#cf4d35;text-decoration:none;}
  127. a img{border:none;border-width:0;outline:none;}
  128. img{max-width:100%;vertical-align:middle;border:0;}
  129. abbr,acronym{border-bottom:1px dotted;cursor:help;}
  130. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
  131. sub{top:.4em;}small{font-size:86%;}
  132. kbd {display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0.1em 0.5em;margin:0 0.2em;box-shadow:0 1px 0px rgba(0,0,0,0.2), 0 0 0 2px #fff inset;background-color:#f7f7f7;}
  133. mark{background-color:#ffce00;color:#182025;}
  134. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
  135. hr{height:1px;border:none;background-color:#999;}
  136. code,kbd,pre,samp{font-family:monospace,monospace;}
  137. pre{white-space:pre;word-wrap:normal;overflow:auto;}
  138. blockquote{position:relative;line-height:2;margin:15px 0;border-left:3px solid #c69f73;font-weight:400;padding:0 18px;color:#999}
  139. *:focus {outline:0!important;}
  140. kbd,blockquote,pre,pre.code,.post-body table td{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
  141. /* CSS Blog Heading */
  142. h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
  143. h1{font-size:200%}
  144. h2{font-size:180%}
  145. h3{font-size:160%}
  146. h4{font-size:140%}
  147. h5{font-size:120%}
  148. h6{font-size:100%}
  149. /* CSS Form */
  150. input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}
  151. textarea{display:block;box-sizing:border-box;}
  152. input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-moz-placeholder,textarea:-moz-placeholder,input.placeholder_text,textarea.placeholder_text{color:#888}[placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}
  153. /* Print Styling */
  154. @media print {
  155. *{background:transparent!important;color:#000!important;box-shadow:none !important;text-shadow:none !important}
  156. a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}
  157. @page {margin:0.5cm;}
  158. p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
  159. /* CSS List */
  160. ul,dl{margin:.5em 0em .5em 3em}
  161. ol{list-style:decimal outside}
  162. ul{list-style:disc outside}
  163. li{margin:.5em 0}
  164. dt{font-weight:bold}
  165. dd{margin:0 0 .5em 2em}
  166. .post ul li span{position:relative;display:block;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s;}
  167. ol {counter-reset:li;list-style:none;font:15px 'Open Sans', 'lucida sans';padding:0;margin:1.5em 0;text-shadow:0 1px 0 rgba(255,255,255,.5);}
  168. ol ol {margin: 0 0 0 2em;}
  169. .post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out;}
  170. .post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;height:2em;width:2em;text-align:center;}
  171. /* CSS Post Table */
  172. .post-body table td, .post-body table caption{border:1px solid #e6e6e6;padding:10px;text-align:left;vertical-align:top;}
  173. .post-body table th {border:1px solid #009abf;padding:10px;text-align:left;vertical-align:top;}
  174. .post-body table.tr-caption-container {border:1px solid #eee;}
  175. .post-body th{font-weight:700;}
  176. .post-body table caption{border:none;font-style:italic;}
  177. .post-body table{}
  178. .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;}
  179. .post-body th{background:#00acd6;color:#fff;}
  180. .post-body th:hover{background:#009fc6;}
  181. .post-body td a{color:#444;}
  182. .post-body td a:hover{color:#cf4d35;}
  183. .post-body table.tr-caption-container td {border:none;padding:8px;}
  184. .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
  185. .post-body li {list-style-type:square;}
  186. .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
  187. img {max-width:100%;height:auto;border:none;}
  188. table {max-width:100%;width:100%;margin:1.5em auto;}
  189. table.section-columns td.first.columns-cell{border-left:none}
  190. table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
  191. table.columns-2 td.columns-cell{width:50%}
  192. table.columns-3 td.columns-cell{width:33.33%}
  193. table.columns-4 td.columns-cell{width:25%}
  194. table.section-columns td.columns-cell{vertical-align:top}
  195. table.tr-caption-container{padding:4px;margin-bottom:.5em}
  196. td.tr-caption{font-size:80%}
  197. .widget ul {padding:0;}
  198. /* CSS Global Wrapper */
  199. body {background:#2f3440 none repeat scroll top left;margin:0;padding:0;color:#404040;font-family:'Open Sans';font-size:14px;font-weight:400;text-align:left;}
  200. #viennalite-wrapper {max-width:1060px;margin:0 auto;padding:0;overflow:hidden;}
  201. #header-wrapper {margin:20px;overflow:hidden;}
  202. #header {float:left;width:100%;max-width:257px;}
  203. .header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
  204. max-width:728px;}
  205. .header-wrapper2 {position:relative;z-index:999;}
  206. .viennalitetop-wrapper {overflow:hidden;position:relative;}
  207. #footer-wrapper {text-align:left;overflow:hidden;margin:0;}
  208. .footer {padding-bottom:.2em;}
  209. .footer-bottom {min-height:40px;}
  210. #footx1,#footx2,#footx3 {margin:0 .2%}
  211. #footer-widgetpro .footer-widget {width:30.2%;float:left;margin-left:20px;}
  212. #footer-widgetpro {max-width:1060px;overflow:hidden;margin:0 auto;}
  213. #footer-wrapper .widget-content li {margin-left:-14px;}
  214. #footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 15px;display:block;}
  215. ]]></b:skin>
  216.  
  217. <b:template-skin>
  218. <![CDATA[
  219. /* CSS Body Layout */
  220. #layout ul,body#layout div.section h4,#layout div.section h4,body#layout ul,body#layout .top-tab-widget-menu ul {display:none;}
  221. #layout,#layout .widget-content,#layout .add_widget {border:none;}
  222. #layout .add_widget a {color:#444;}
  223. #layout:before {content:'Vienna Lite 2';text-transform:uppercase;font-size:20px;color:#999;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
  224. #layout #header-wrapper{min-height:0px;width:100%;margin:10px 0 0 0;}
  225. #layout #footer-wrapper{padding:20px 0;overflow:visible;background:#fdfdfd;border-top:1px solid #ccc;}
  226. #layout #footer-wrapper .add_widget {background-color:#8b9898;border:none;}
  227. #layout #footer-wrapper .add_widget a,#layout div#mag-wrapper .add_widget a,#layout div#mag-wrapper2 .add_widget a {color:#fff;}
  228. #layout #footer-wrapper .footer-column{width:33.33%;float:left}
  229. #layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}
  230. #layout #footer-wrapper:before {content:'Footer Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
  231. #layout div#post-wrapper:before {content:'Post Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
  232. #layout #main-wrapper{width:70%;float:left}
  233. #layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
  234. #layout #sidebar-wrapper:before {content:'Sidebar Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
  235. #layout .draggable-widget .widget-wrap2 {background:#c1cfd9;}
  236. #layout #banner,#layout #banner2 {background-color:#5f6868;padding:20px 0!important;margin-bottom:20px;}
  237. #layout #banner:before,#layout #banner2:before{content:'Ad Slot 970x90';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}
  238. #layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
  239. #layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
  240. #layout div#mag-wrapper .add_widget,#layout div#mag-wrapper2 .add_widget{background-color:#649fd0;border:none}
  241. iframe#editorframe,#editorframe {width:1000px!important;;}
  242. body#layout div#post-wrapper,body#layout #post-wrapper,#layout #post-wrapper {float:left;width:70%;}
  243. body#layout div.section,#layout div.section{background-color:transparent;border:0;font-family:sans-serif;margin:0;overflow:visible;padding:0;position:relative}
  244. body#layout #viennalite-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar-two,body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0;}
  245. body#layout #main{position:relative;background-color:#636798;padding:20px 10px!important;margin-bottom:20px;clear:both}
  246. body#layout #main:before{content:'Recent Post';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:block;font-weight:400;font-family:sans-serif}
  247. body#layout .vita-list {float:left;width:79px;}
  248. body#layout .header-wrapper {margin-top:0;}
  249. body#layout #navigation {float:left;width:100%;}
  250. body#layout .vita-list {float:left;width:100%;}
  251. body#layout #header-wrapper {min-height:0px;width:100%;}
  252. body#layout #header {width:30%;}
  253. body#layout #header-right {width:70%;}
  254. body#layout #vita-list-1, body#layout #vita-list-2 {width:50%;float:left;}
  255. body#layout .add_widget {border:1px solid #ddd;}
  256. body#layout #carousel {background-color:#f9aa4f;padding:20px 0!important;margin-bottom:20px;}
  257. body#layout #carousel:before{content:'Slider';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}
  258. body#layout div#mag-wrapper,body#layout div#mag-wrapper2{width:100%;position:relative;display:inline-block;background-color:#78b9ef;padding:20px 0 !important;margin-bottom:20px;clear:both}
  259. body#layout div#mag-wrapper:before,body#layout div#mag-wrapper2:before{content:'Mag Section';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:block;font-weight:400;font-family:sans-serif}
  260. body#layout #viennaprobox-1,body#layout #viennaprobox-2,body#layout #viennaprobox-3,body#layout #viennaprobox-4,body#layout #viennaprobox-5,body#layout #viennaprobox-6{width:48%;margin:4px;float:left;display:list-item;list-style:none}
  261. body#layout #main,body#layout #main2{position:relative;background-color:#636798;padding:20px 10px !important;margin-bottom:20px;clear:both}
  262. body#layout #main2{background-color:#84c0a0}
  263. ]]></b:template-skin>
  264.  
  265. <style type='text/css'>
  266. /* CSS Fix */
  267. #navbar-iframe,#ContactForm1,#ContactForm1 br,.quickedit,#Attribution1 {display:none;visibility:hidden}
  268. .clear {clear:both;}
  269. .clear:after {visibility:hidden;display:block;font-size:0;content:&quot; &quot;;clear:both;height:0;}
  270. header,nav,section,aside,article,footer {display:block;}
  271. form.searchform {margin:0;}
  272. .widget ul {line-height:1.4em;}
  273. .rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #e6e6e6;font-size:12px;}
  274. .status-msg-wrap {width:100%;margin:auto;}
  275. .status-msg-body {padding:20px 2%;width:96%;background:#fff;}
  276. .status-msg-border {border:none;opacity:1;width:auto;}
  277. .status-msg-bg {background-color:#fff;}
  278. .status-msg-hidden {padding:20px 2%;}
  279. .rich-snippet {padding:10px;margin:15px 0 0;border:none;font-size:12px;}
  280. span.post-count {font-size:11px;color:#666;}
  281. .CSS_LIGHTBOX {z-index:999999!important;}
  282. .CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}
  283.  
  284. /* CSS Outer Wrapper */
  285. #viennalite-wrapper {background:#fefefe;max-width:1060px;margin:0 auto 20px auto;padding:0;overflow:hidden;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;box-shadow:0 0 0 1px rgba(0,0,0,.1);}
  286.  
  287. /* CSS Content Wrapper */
  288. #content-wrapper {margin:auto;padding:0;word-wrap:break-word;}
  289.  
  290. /* CSS Top Menu Wrapper */
  291. .vitop-wrapper {padding:0;position:relative;max-width:1060px;margin:0 auto;}
  292. .viennalitetop-wrapper{background:#21252d;border-bottom:1px solid #3a404f;position:relative;overflow:hidden;padding:10px 0}
  293. .header-wrapper2 {margin:0 auto;padding:0}
  294. .top-menulite {display:block;margin:0 auto;float:left;padding:0;width:100%;background:transparent;}
  295. .top-menulite ul {width:100%;padding:0;margin:0;text-align:left;}
  296. .top-menulite li {list-style-type:none;float:left;padding:0;margin:0;}
  297. .top-menulite li a{position:relative;color:#fff;display:block;margin:0;padding:10px 14px;line-height:100%;transition:all .3s}
  298. .top-menulite ul li a:active, .top-menulite ul li.highlight a {text-decoration:none;}
  299. .top-menulite ul li a:hover{background:#3f414a;color:#fff;text-decoration:none}
  300. .top-menulite li.doremifa {float:right;margin-left:3px;}
  301. .top-menulite li.doremifa a{padding:0;width:32px;height:32px;line-height:32px;text-align:center}
  302. .top-menulite li.doremifa a i{text-align:center;color:#fff;}
  303. .top-menulite li.doremifa a:hover i{color:#fff;}
  304. .top-menulite li.doremifa.join{background:#f29400;}
  305. .top-menulite li.doremifa.deviantart{background:#617767;}
  306. .top-menulite li.doremifa.gplus{background:#f20000;}
  307. .top-menulite li.doremifa.twitter{background:#00baff;}
  308. .top-menulite li.doremifa.facebook{background:#516ca4;}
  309. .top-menulite li.doremifa a i,.top-menulite li.doremifa a:hover i{color:#fff;}
  310. .top-menulite a#pull {display:none;}
  311.  
  312. /* CSS Header Wrapper */
  313. #header-wrapper {margin:auto;padding:0;overflow:hidden;background:#272b35;}
  314. .header-wrapp {margin:auto;padding:20px 0 40px 0;max-width:1060px;overflow:hidden;}
  315. #header {float:left;width:100%;max-width:30%;color:#fff;margin:0;}
  316. #header h1, #header h2, #header p {font-family:&#39;Roboto Condensed&#39;;font-size:280%;font-weight:700;color:#fff;}
  317. #header a {color:#fff;text-decoration:none;transition:all 0.3s ease-out;}
  318. #header a:hover {color:#eee;}
  319. #header .description {font-size:100%;font-weight:400;color:#eee;line-height:normal;margin:0;}
  320. .header img {display:block;}
  321. .header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
  322. max-width:728px;}
  323. .header-right img {display:block;border:1px solid rgba(0,0,0,.5);}
  324. .Header h1,.Header h2 {margin-bottom:10px;}
  325.  
  326. /* CSS Main Menu */
  327. .slide-menu {display:none;background:#3a89b9;padding:0 15px;height:60px;line-height:60px;color:#fff!important;}
  328. .slide-menu:hover {background:#3a89b9;}
  329. #nav{font-family:&#39;Roboto Condensed&#39;;font-weight:700;text-transform:uppercase;letter-spacing:.2px;background:#272b35;height:60px;line-height:60px;margin:0 auto;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
  330. #nav2{max-width:1060px;margin:0 auto;background:#4399cd;height:60px;line-height:60px}
  331. .vienna-menulite {background:#4399cd;list-style:none;margin:0;float:left;}
  332. .vienna-menulite:before,.vienna-menulite:after {content: &quot; &quot;;display:table;}
  333. .vienna-menulite:after {clear:both;}
  334. .vienna-menulite a {display:block;padding:0 15px;}
  335. .vienna-menulite li {position:relative;margin:0;}
  336. .vienna-menulite &gt; li {float:left;}
  337. .vienna-menulite &gt; li &gt; a {display:block;height:60px;line-height:60px;color:#fff;}
  338. .vienna-menulite &gt; li &gt; a.active {background:#4fa8dc;padding:0 20px;}
  339. .vienna-menulite &gt; li:hover &gt; a,.vienna-menulite &gt; li:hover &gt; a.active {background:#4fa8dc;color:#fff;}
  340. .vienna-menulite &gt; li &gt; a.active i {transform:scale(1.0);backface-visibility:hidden;vertical-align:middle;}
  341. .vienna-menulite &gt; li &gt; a.active i:hover {transform:scale(0.95);}
  342. .vienna-menulite ul {list-style:none;margin:0;min-width:10em;}
  343. .vienna-menulite li ul {background:#fafafa;display:block;position:absolute;left:0;top:80%;z-index:10;visibility:hidden;opacity:0;transition:all .3s;}
  344. .vienna-menulite li li ul {left:110%;top:0;}
  345. .vienna-menulite li ul li{position:relative;margin:0;}
  346. .vienna-menulite &gt; li.hover &gt; ul {visibility:visible;opacity:1;top:100%;}
  347. .vienna-menulite li li.hover ul {visibility:visible;opacity:1;left:100%;}
  348. .vienna-menulite li li a {display:block;color:#666;position:relative;z-index:100;height:42px;line-height:42px;font-weight:400;text-transform:none;transition:all .3s;;}
  349. .vienna-menulite li li a:hover {background:#4399cd;color:#fff;}
  350. .vienna-menulite li li li a {z-index:20;}
  351. .vienna-menulite li .parent:after{content:&quot;\f107&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;transition:all .3s;}
  352. .vienna-menulite li:hover .parent:after{content:&quot;\f106&quot;;color:#fff;}
  353. .vienna-menulite li:hover ul li .parent:after {content: &quot;\f105&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;color:#4399cd;float:right;transition:all .3s;}
  354. .vienna-menulite li ul li .parent:hover:after {content: &quot;\f105&quot;;color:#fff;}
  355. #search-form {float:right;margin:0 10px;width:230px;}
  356. #search-form table {width:100%;margin:0 0 0 0;}
  357. #search-form td.search-box {padding-right:30px;}
  358. #search-form input#search-box[type=&quot;text&quot;] {background:transparent;height:36px;line-height:36px;margin:5px 0 5px 10px;padding:0 10px;width:100%;color:#fff;border:0;font-size:95%;transition:all .5s;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;}
  359. #search-form input#search-button[type=&quot;submit&quot;]{font-family:FontAwesome;background:transparent;color:#fff;line-height:38px;padding:0 16px;border:0;outline:none;font-size:14px;transition:all .25s;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
  360. #search-form input#search-button[type=&quot;submit&quot;]:hover{cursor:pointer;}
  361. #search-form input#search-box[type=&quot;text&quot;]:focus {background:#fff;color:#444;outline:none;}
  362.  
  363. /* CSS Post Wrapper */
  364. #post-wrapper {background:#fff;color:#444;float:left;width:68%;border-right:1px solid #e9e9e9;}
  365. .post-inner {padding:0;}
  366. .breadcrumbs{position:relative;background:none repeat scroll 0 0 #fff;border-bottom:1px solid #e3e3e3;border-radius:2px;font-size:80%;height:22px;line-height:22px;margin-top:1px;overflow:hidden;padding:5px;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
  367. .breadcrumbs&gt;span {position:relative;padding:10px 15px;}
  368. .breadcrumbs&gt;span:last-child{background:none repeat scroll 0 0 transparent;color:#333}
  369. .breadcrumbs a{color:#333}
  370. .breadcrumbs a:hover{color:#7fa8f0}
  371. .breadcrumbs&gt;span:before, .breadcrumbs&gt;span:after {z-index:1;content: &quot; &quot;;border:19px solid transparent;height:0;width:0;right:-26px;top:-1px;position:absolute;border-left-color:#e3e3e3;}
  372. .breadcrumbs&gt;span:before {border-left-color:#e9e9e9;}
  373. .breadcrumbs&gt;span:after {float:left;border-left-color:#fff;right:-24px;border-width:18px;top:0;}
  374. .post {background:#fff;margin:0;padding:20px;}
  375. .post-body{line-height:1.7em;color:#444;margin-top:15px;font-size:15px}
  376. .post-body img {max-width:95%;margin:0 auto;height:auto;}
  377. h3.post-title, h2.post-title, h1.post-title {font-family:&#39;Roboto Condensed&#39;,sans-serif;font-size:20px;font-weight:400;text-align:center;padding:15px;}
  378. h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#999;}
  379. h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#cf4d35!important;}
  380. .viennalite-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;text-align:left;padding:0;box-shadow:none;}
  381. .viennalite-info a {display:inline;background:transparent;color:#666;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
  382. .viennalite-info a:hover {color:#cf4d35;}
  383. .author-info, .time-info, .comment-info, .label-info, .review-info {margin-right:0;display:inline-block;color:#666;padding:10px 5px;}
  384. .timestamp-link abbr {border-bottom:none;}
  385. #blog-pager-newer-link{float:left;padding:0 0 0 15px;}
  386. #blog-pager-older-link{float:right;padding:0 15px 0 0;}
  387. .blog-pager,#blog-pager{clear:both;text-align:center}
  388. .feed-links{clear:both;line-height:2.5em;}
  389. span.post-author.vcard {visibility:hidden;width:0;height:0;}
  390. .post-header, .post-footer {line-height:initial;width:0;height:0;}
  391.  
  392. /* CSS Sidebar Wrapper */
  393. #sidebar-wrapper {background:#fff;float:right;width:32%;margin:auto;border-bottom:1px solid #e9e9e9;}
  394. .sidebar-inner {padding:20px;}
  395. .sidebar .widget-content,.sidebar-two .widget-content {padding:20px 0;}
  396. .sidebar h2,.sidebar-two h2,.sidebar h3,.sidebar-two h3{overflow:hidden;position:relative;font-family:&#39;Roboto Condensed&#39;;font-size:16px;font-weight:700;padding:10px 0;margin:0;text-transform:uppercase;display:block;background:#fff;border-bottom:2px solid #444;transition:All .3s ease-out}
  397. .sidebar h2:after,.sidebar-two h2:after,.sidebar h3:after,.sidebar-two h3:after{content:&#39;&#39;;display:inline-block;position:absolute;height:14px;top:0;margin:12px 0 12px 10px;width:100%;background:url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat}
  398. .sidebar .widget,.sidebar-two .widget {background:#fff;margin:0 0 20px;}
  399. .sidebar ul, .sidebar ol,.sidebar-two ul, .sidebar-two ol {list-style-type:none;margin:0;padding:0;}
  400. .sidebar li,.sidebar-two li {margin:5px 0;padding:0;}
  401.  
  402. /* CSS Popular Post */
  403. .item-snippet {display:none;}
  404. .PopularPosts .item-thumbnail{margin:0;}
  405. #PopularPosts1 h2,#PopularPosts2 h2 {margin:0;}
  406. .PopularPosts .popular-posts ul li{list-style:none;overflow:hidden;margin:0 0 10px;padding:10px 0 0;border-top:1px solid #e3e3e3;}
  407. .PopularPosts .popular-posts ul li:first-child{border-top:0}
  408. #PopularPosts1 .popular-posts,#PopularPosts2 .popular-posts {position:relative;}
  409. .PopularPosts .popular-posts ul li a {color:#444;transition:all .3s}
  410. .PopularPosts .popular-posts ul li a:hover {color:#444;text-decoration:underline}
  411. .PopularPosts .item-title{display:table-cell;vertical-align:middle;line-height:normal;text-overflow:ellipsis;padding:0 0 0 10px}
  412. .PopularPosts .item-thumbnail img {display:block;float:left;width:72px;height:auto;padding:0;}
  413. .popular-posts ul {padding-left:0;}
  414.  
  415. /* CSS Footer Wrapper */
  416. #footer-wrapper{position:relative;z-index:21;text-align:center;overflow:hidden;}
  417. #footer-last{overflow:hidden;background:#21252d;padding:30px;margin:15px 0 0}
  418. #footer-last2 {max-width:1060px;margin:auto;}
  419. #virightcredit,.vieleftcredit {display:inline-block;margin:0;color:#8f9aa1;}
  420. #virightcredit a,.vieleftcredit a {color:#8f9aa1;text-decoration:none;}
  421. #virightcredit a:hover,.vieleftcredit a:hover {color:#c0ccd3;text-decoration:underline;}
  422.  
  423. /* CSS label */
  424. .widget-content.cloud-label-widget-content {display:inline-block;width:100%;}
  425. .widget-content.cloud-label-widget-content {display:inline-block;}
  426. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
  427. .cloud-label-widget-content{text-align:left;padding:10px;}
  428. .label-count {white-space:nowrap;display:inline-block;}
  429. #sidebar-wrapper .Label li{position:relative;background:#fff;color:#444;padding:0;margin:0;text-align:left;width:100%;transition:all .3s ease-out}
  430. #sidebar-wrapper .Label li:hover {background:#fff;color:#cf4d35;}
  431. #sidebar-wrapper .Label li:before {content:&quot;&quot;;position:absolute;width:0;height:100%;background:#4fafe9;transition:all .2s ease-in-out;}
  432. #sidebar-wrapper .Label li:hover:before {width:100%;}
  433. #sidebar-wrapper .Label li a{padding:0 0 0 20px;display:block;position:relative;line-height:42px;color:#787878;text-decoration:none;transition:all .3s ease-out}
  434. #sidebar-wrapper .Label li a:hover {color:#fff;}
  435. #sidebar-wrapper .Label li span{float:right;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#4fafe9;color:#FFF;position:absolute;top:0;right:0;z-index:2}
  436. #sidebar-wrapper .Label li:nth-child(1) span,#sidebar-wrapper .Label li:nth-child(1):before,#sidebar-wrapper .Label li:nth-child(7) span,#sidebar-wrapper .Label li:nth-child(7):before {background:#ca85ca;}
  437. #sidebar-wrapper .Label li:nth-child(2) span,#sidebar-wrapper .Label li:nth-child(2):before,#sidebar-wrapper .Label li:nth-child(8) span,#sidebar-wrapper .Label li:nth-child(8):before {background:#e54e7e;}
  438. #sidebar-wrapper .Label li:nth-child(3) span,#sidebar-wrapper .Label li:nth-child(3):before,#sidebar-wrapper .Label li:nth-child(9) span,#sidebar-wrapper .Label li:nth-child(9):before {background:#61c436;}
  439. #sidebar-wrapper .Label li:nth-child(4) span,#sidebar-wrapper .Label li:nth-child(4):before,#sidebar-wrapper .Label li:nth-child(10) span,#sidebar-wrapper .Label li:nth-child(10):before {background:#f4b23f;}
  440. #sidebar-wrapper .Label li:nth-child(5) span,#sidebar-wrapper .Label li:nth-child(5):before,#sidebar-wrapper .Label li:nth-child(11) span,#sidebar-wrapper .Label li:nth-child(11):before {background:#46c49c;}
  441. #sidebar-wrapper .Label li:nth-child(6) span,#sidebar-wrapper .Label li:nth-child(6):before,#sidebar-wrapper .Label li:nth-child(12) span,#sidebar-wrapper .Label li:nth-child(12):before {background:#607ec7;}
  442. #sidebar-wrapper .label-size{position:relative;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all 0.3s;}
  443. #sidebar-wrapper .label-size a{background:#fff;display:inline-block;color:#444;padding:5px 8px;font-weight:400;border:1px solid #ccc;transition:all .3s}
  444. #sidebar-wrapper .label-count{backface-visibility:hidden;opacity:0;visibility:hidden;font-size:85%;display:inline-block;position:absolute;top:-5px;right:-10px;background:#4fafe9;color:#fff;white-space:nowrap;padding:0;width:25px;height:22px;line-height:22px;border-radius:4px;text-align:center;z-index:1;transition:all .3s}
  445. #sidebar-wrapper .label-size:hover .label-count{opacity:1;visibility:visible;right:-15px}
  446. #sidebar-wrapper .label-size a:hover{color:#444;border-color:#4fafe9}
  447.  
  448. /* CSS Ad Slot Wrapper */
  449. .banner,.banner2 {margin:0 auto;text-align:center;overflow:hidden;}
  450. .banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
  451. .banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:0 auto;text-align:center;}
  452. .kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;}
  453. .kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;}
  454. .kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
  455. .kotak_iklan img {background:#fff;text-align:center;margin:0 auto;padding:4px;border:1px solid transparent!important;transition:all 0.6s ease-out;}
  456. .kotak_iklan img:hover {background:#fdfdfd;border:1px solid #e6e6e6;}
  457. .kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
  458. .kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
  459. .kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;}
  460. .kotak_iklan2 img {text-align:center;transition:all 1s ease-out;}
  461. .kotak_iklan2 img:hover {transition:all .5s ease-out;}
  462.  
  463. /* CSS Page Navigation */
  464. .pagenav{background-color:#fff;clear:both;margin:20px;padding:15px;text-align:left;font-size:13px;font-weight:400}
  465. .pagenav .pages {background-color:transparent;color:#999;font-weight:400;text-transform:uppercase;font-size:10px;border:none;}
  466. .pagenav span,.pagenav a{display:inline-block;background-color:#4399cd;color:#fff;margin:0 2px;line-height:35px;height:35px;padding:0 12px;transition:all .2s}
  467. .pagenav .current,.pagenav a:hover{background:#3a89b9;color:#fff;}
  468.  
  469. /* CSS Back To Top */
  470. #backtotop{overflow:hidden;position:fixed;z-index:90;right:30px;bottom:0;display:none;width:42px;height:40px;line-height:34px;color:#eee;text-align:center;background-color:#4399cd;font-size:20px;text-indent:0;cursor:pointer;-webkit-transform:translateZ(0);padding:4px 0 0;text-align:center;border-radius:5px 5px 0 0;transition:all .5s}
  471. #backtotop:hover {background-color:#3a89b9;color:#fff;}
  472.  
  473. /* CSS Global Responsive */
  474. @media screen and (max-width:1066px) {
  475. .vitop-wrapper {padding:0 10px;}
  476. #viennalite-wrapper {margin:0 auto;padding:0 10px;}
  477. .header-right {float:right;padding:0;overflow:hidden;margin:0;}
  478. .header-right img {display:block;}
  479. .vienna-socials-icon ul li{width:32px;height:32px;line-height:32px;}
  480. .vienna-socials-icon ul li a{line-height:32px;}
  481. #header-wrapper {padding:0 10px;}
  482. #header {max-width:20%;}
  483. #nav {padding:0 10px;}}
  484.  
  485. @media screen and (max-width:960px) {
  486. #viennalite-wrapper {margin:0 auto;padding:10px;box-shadow:none;}
  487. #header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
  488. #header {margin:20px auto;padding:0 30px;background:transparent;max-width:80%;}
  489. .header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
  490. #header-wrapper{padding:0;margin:auto;}
  491. .header-wrapper2 {padding:0}
  492. .header-wrapp {padding:40px 10px;}
  493. .viennalitetop-wrapper {position:relative;z-index:96;overflow:hidden;margin:0;}
  494. .header-wrapper2 {padding:0}
  495. a.vierightcredit-social {margin:10px 5px 0 5px;}
  496. #search-form {width:100%;}
  497. #search-form td.search-box {padding-right:0;width:100%;}
  498. #search-form input#search-box[type=&quot;text&quot;] {background:#fff;color:#444;}
  499. #search-form input#search-box[type=&quot;text&quot;]:focus {background:#fff;outline:none;}}
  500.  
  501. @media only screen and (max-width:768px) {
  502. #post-wrapper, #sidebar-wrapper {width:100%;max-width:100%}
  503. .post-body img {max-width:90%;}
  504. .sidebar-inner, .post-inner {padding:0;}
  505. .vieleftcredit,#vierightcredit {float:none;text-align:center;margin:10px auto;}
  506. .Profile .profile-datablock {display:inline;float:left;}
  507. .viennalitetop-wrapper {margin:0;}
  508. .vitop-wrapper {margin:0;padding:0;}
  509. .top-menulite {display:block;width:100%;padding:0 10px}
  510. .top-menulite ul {text-align:center;}
  511. .top-menulite ul {display:none;height:auto;}
  512. .top-menulite a#pull {color:#eee;display:inline-block;font-size:12px;padding:10px 3%;position:relative;text-align:right;width:100%;font-weight:700;}
  513. .top-menulite a#pull:after {content:&#39;\f0c9&#39;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#fff;display:inline-block;position:absolute;left:20px;top:0;line-height:30px;}
  514. .top-menulite li {display:block;width:100%;text-align:left;border-right:none;}
  515. .top-menulite li a {padding:15px 20px;display:block;}
  516. .top-menulite li a:hover, nav a:active {color:#fff;}
  517. .top-menulite ul li a:hover {background:#4399cd;color:#fff;}
  518. .top-menulite ul li:first-child a {margin-left:0;}
  519. .nav {float:none;width:100%;max-width:100%}
  520. .active {display:block;}
  521. .vienna-menulite &gt; li &gt; a.active {border-top:4px solid #3a89b9;border-left:0;padding:0 15px;}
  522. #search-form {width:100%;margin:0!important;}
  523. .nav li ul:before,.top-menulite li.doremifa {display:none;}
  524. .nav &gt; li {float:none;overflow:hidden;background:#4399cd;z-index:99;}
  525. .nav ul {display:block;width:100%;float:none;}
  526. .vienna-menulite li ul {background:#f6f6f6;box-shadow:none;}
  527. .vienna-menulite li ul li a{background:#fafafa;color:#444;}
  528. .vienna-menulite li li a:hover {background:#4399cd;}
  529. .nav &gt; li.hover &gt; ul , .nav li li.hover ul {position:static;}
  530. .vienna-menulite li .parent:after,.vienna-menulite li ul li .parent:after {content: &quot;\f107&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px;float:right;color:#fff;}
  531. .vienna-menulite li:active .parent:after,.vienna-menulite li ul li:active .parent:after {color:#fff;}
  532. #search-form {width:100%;background:#fdfdfd;}
  533. #search-form td.search-box {padding:0 10px!important;}
  534. #search-form td.search-button {padding:0 10px;width:1%;}
  535. #search-form input#search-box[type=&quot;text&quot;] {margin:0;background:#fff;color:#666;}
  536. #search-form input#search-button[type=&quot;submit&quot;] {margin:0 0 0 -6px;}
  537. #search-form input#search-box[type=&quot;text&quot;]:focus {background:#fdfdfd;outline:none;}}
  538.  
  539. @media only screen and (min-width:640px){
  540. #menu {display:block;}}
  541.  
  542. @media only screen and (max-width:640px){
  543. .viennalitetop-wrapper {margin:auto;}
  544. .header-wrapper2 {margin:0 auto;padding:0}
  545. #header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
  546. .header-right{float:none;margin:0 auto;text-align:center;}
  547. .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
  548. #header-wrapper{padding:20px 0;margin:auto;}
  549. #header {min-width:initial;background:none;margin:20px auto;padding:0 5px;}
  550. #header .description {font-size:100%;line-height:1.5;}
  551. #backtotop {font-size:20px;}
  552. #footer-wrapper{margin:20px 0 0 0;}
  553. .responsive-menu {margin:0;}
  554. #nav {margin:0;}
  555. .pagenav .pages {display:none;}
  556. .vienna-socials-icon ul li{width:32px;height:32px;line-height:32px;}
  557. .vienna-socials-icon ul li a{line-height:32px;}
  558. #backtotop{right:15px;bottom:0;display:none;width:34px;height:34px;color:#fff;text-align:center;background-color:#303030;font-size:22px;line-height:32px;padding:0;}}
  559.  
  560. @media only screen and (max-width:480px){
  561. #viennalite-wrapper {margin:0 auto;}
  562. .top-menulite a#pull {width:90%;}
  563. .header-right{float:none;margin:0 auto;text-align:center;}
  564. .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
  565. .post {margin:0 0 8px;padding:8px;}
  566. h2.post-title, h1.post-title {font-size:16px;}
  567. .comments .comment-block, .comments .comments-content .inline-thread {
  568. padding:10px !important;}
  569. .comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}
  570. .viennalite-info {font-size:12px;}
  571. .authorLeft{float:none;width:120px;margin:0 auto}
  572. .authorDetails{text-align:center}
  573. .authorDetails h2{float:none}
  574. .authorDetails span{float:none}
  575. .articleAuthor .authorContent p{text-align:center}}
  576.  
  577. @media screen and (max-width:320px){
  578. .header-right{float:none;margin:0 auto;text-align:center;}
  579. .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
  580. .post {padding:6px;}}
  581. </style>
  582.  
  583. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  584. <style type='text/css'>
  585. .post-body img.lock{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;}
  586. .post-body .separator a {margin-left:initial!important;margin-right:initial!important;}
  587. .post img{background:#fafafa;height:auto;max-width:100%;border:0;margin-bottom:2.0px;box-shadow:0 0 0 1px rgba(0,0,0,0.02);opacity:1;transition:all .6s ease;}
  588. .post img:hover {opacity:0.95;}
  589. .post-body a.img {margin-left:0!important;margin-right:0!important;}
  590. h3.post-title, h2.post-title, h1.post-title {margin-top:10px;font-weight:400;font-size:1.4rem;}
  591. .viennalite-info {font-size:small;padding:0;border-top:1px solid #eee;border-bottom:1px solid #eee;}
  592. .author-info, .time-info, .comment-info, .label-info, .review-info, .viennalite-info a {color:#444;}
  593. .viennalite-info a:hover {color:#888;text-decoration:underline}
  594. .label-info {float:right;}
  595. .label-info a {background:#fff;color:#444;border:1px solid #e3e3e3;padding:3px 7px;}
  596. .label-info a:hover{color:#888;border-color:1px solid #4399cd;text-decoration:underline}
  597. #blog-pager {margin:0;}
  598. .bagitiga{position:relative;display:block;-webkit-column-count:3;-moz-column-count:3;column-count:3;}
  599. .bagitiga img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%;}
  600. .bagitiga br {display:none;}
  601.  
  602. /* Share Button */
  603. h2.sharetitle{position:relative;overflow:hidden;margin:20px 0;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all .5s ease-out}
  604. h2.sharetitle:before, h2.sharetitle:after {position:absolute;top:51%;overflow:hidden;width:50%;height:2px;content:&#39;\a0&#39;;background-color:#ccc;}
  605. h2.sharetitle:before{margin-left:-50%;text-align:right;}
  606. h2.sharetitle span{position:relative;display:inline-block;padding:5px 10px;margin:0 10px;}
  607. .sharede,.sharebrow{position:relative;display:inline-block;}
  608. .sharebrow{display:table;margin:auto;text-align:center}
  609. .sharebrow a.fb,.sharebrow a.gp,.sharebrow a.tw,.sharebrow span.pl{text-decoration:none!important;display:inline-block;margin:0 5px 5px 0;font-weight:400;border-radius:2px;color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;padding:4px 10px;opacity:1;transition:all .3s}
  610. .sharebrow a.gp {background:#f20000;}
  611. .sharebrow a.fb {background:#516ca4;}
  612. .sharebrow a.tw {background:#00baff;}
  613. .sharebrow span.pl {background:#ff6600;}
  614. .fbtea,.gotea,.plustea,.twtea{font-size:13px!important;vertical-align:middle}
  615. .sharebrow a.fb:hover,.sharebrow a.gp:hover,.sharebrow a.tw:hover,.sharebrow span.pl:hover{color:#fff;opacity:.9}
  616. .sharebrow a.fb:active,.sharebrow a.gp:active,.sharebrow a.tw:active,.sharebrow span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
  617. span.pl{color:green;cursor:pointer}
  618. #share-menu{display:none}
  619. .dropdown-menu{position:absolute;top:100%;right:5px;z-index:99;float:left;min-width:100px;padding:5px 10px;margin:0;font-size:13px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;}
  620. .dropdown-menu li{list-style:none!important;margin:0!important;padding-left:0!important;line-height:1.8em!important}
  621. .dropdown-menu li a{color:#333!important;font-weight:400;display:block}
  622. .dropdown-menu li a:hover{color:#e8554e!important}
  623. ul#share-menu{margin:10px 0;padding:5px 15px}
  624.  
  625. /* CSS Related Posts */
  626. #related-post {margin:0 auto;padding:0;text-align:center;}
  627. #related-post h4 {position:relative;overflow:hidden;padding:0;margin:10px 0 20px 0;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out;}
  628. #related-post h4:before, #related-post h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:2px;content:&#39;\a0&#39;;background-color:#ccc;}
  629. #related-post h4:before{margin-left:-50%;text-align:right;}
  630. #related-post h4 span{position:relative;display:inline-block;padding:5px 10px;margin:0 10px;}
  631. .relhead {background:#fff;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 0;}
  632. #related-summary .news-text {visibility:hidden;opacity:0;position:absolute;top:-20px;left:0;text-align:left;background:rgba(255,255,255,0.95);color:#333;margin:10px;padding:10px;overflow:hidden;font-size:80%;max-height:110px;text-rendering:optimizeSpeed;text-overflow:ellipsis;}
  633. #related-summary li:hover .news-text {top:0;visibility:visible;opacity:1;}
  634. ul#related-summary {margin:0;padding:0;}
  635. ul#related-summary li {position:relative;float:left;list-style:none outside none;margin:0;padding:0;overflow:hidden;width:25%;}
  636. ul#related-summary li a {display:block;}
  637. ul#related-summary li img{background-color:#fafafa;width:95%;height:auto;max-width:100%;margin:0 auto;vertical-align:middle;transition:all 1s ease-out}
  638. ul#related-summary li img:hover {opacity:0.96;}
  639. ul#related-summary li a.relinkjdulx{color:#444;display:block;font-size:13px;font-weight:bold;line-height:normal;overflow:hidden;text-align:left;padding:10px 5px;text-transform:none}
  640. ul#related-summary li a.relinkjdulx:hover{color:#444;text-decoration:underline}
  641.  
  642. /* CSS Multi Author Box */
  643. .authorboxwrap{background:#f9f9f9;margin:30px 0 20px;padding:20px;overflow:hidden;border:1px solid #e9e9e9;}
  644. .avatar-container {float:left;margin-right:20px;}
  645. .avatar-container img{background:#fff;width:90px;height:auto;padding:5px;box-shadow:3px 3px #ddd}
  646. .author_description_container h4{font-weight:600;font-size:16px;display:block;margin-bottom:10px}
  647. .author_description_container h4 a{color:#333}
  648. .author_description_container p{font-size:13px;line-height:1.7;margin-bottom:15px}
  649.  
  650. /* CSS Follow by email */
  651. .post-body .follow-by-email-inner{position:relative;margin-top:20px;display:block;background:#ffe4ad;padding:20px;color:#908672;box-shadow:inset 0 0 0 5px #ebd099}
  652. .post-body .follow-by-email-inner:before{content:&quot; Never miss our latest news, subscribe here for free &quot;;display:table;font-size:16px;font-weight:400;margin:auto}
  653. .post-body input.follow-by-email-address{position:relative;float:right;background:#fff;color:#444;border:1px solid #ccc;border-right:0;font-size:14px;height:42px;line-height:42px;padding-left:15px;transition:all .2s}
  654. .post-body input.follow-by-email-address:focus {outline:none;color:#444;border-color:#ea5a50;}
  655. input.follow-by-email-submit{background:#ff675c;color:#fff;cursor:pointer;font-size:15px;height:42px;line-height:42px;width:80px;z-index:0;border:1px solid #ea5a50;margin-left:-2px;transition:all .2s}
  656. input.follow-by-email-submit:hover {outline:none;background:#ea5a50;color:#fff;}
  657. .post-body .tabletd1 {width:auto;}
  658. .post-body .tabletd1 td{border:0;padding:0;text-align:center;vertical-align:middle}
  659. .post-body .tabletd2 {width:0;}
  660.  
  661. /* CSS Shortcodes */
  662. .button{list-style:none;text-align:center;border:0;margin:10px;padding:2px;font-size:14px;clear:both;text-decoration:none;color:#fff}
  663. .button ul {margin:0;padding:0}
  664. .button li{display:inline;margin:5px;padding:0;list-style:none;}
  665. .demo,.download{padding:10px 15px!important;color:#fff!important;font-weight:400;font-size:14px;font-family:&#39;Open Sans&#39;,sans-serif;text-align:center;border-radius:2px;border:1px solid #209bbd;letter-spacing:1px;transition:background-color .2s ease-out}
  666. .demo,.download {background-color:#26a8cc;}
  667. .demo:hover,.download:hover {background-color:#fff;color:#26a8cc!important;}
  668. .demo:before {content:&#39;\f135&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transform:rotate(0deg);transition:rotate .2s ease-out;}
  669. .download:before {content:&#39;\f019&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transform:rotate(0deg);transition:rotate .2s ease-out;}
  670. .demo:hover:before,.download:hover:before{transform:rotate(360deg);}
  671. .first-letter{float:left;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
  672. .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
  673. .widget .post-body li{padding:0;line-height:1.5}
  674. #flippy {text-align:center;}
  675. #flippy button {margin:10px auto;cursor:pointer;font-family:&#39;Open Sans&#39;,sans-serif;background-color:#4399cd;color:#fff;padding:10px 15px!important;text-transform:uppercase;border:none;border-radius:3px;opacity:0.9;transition:all 0.3s ease-out;}
  676. #flippy button:hover, #flippy button:focus {outline:none;opacity:1;color:#fff;}
  677. #flippanel {padding:1px;text-align:left;background:#fafafa;border:1px solid #e3e3e3;}
  678. #flippanel {padding:24px;display:none;}
  679. #flippanel img {background:#f5f5f5;margin:10px auto;}
  680.  
  681. /* CSS Navigation */
  682. .pagenext{position:relative;padding:0;background:#fdfdfd;border-bottom:1px solid #e3e3e3;border-top:1px solid #e3e3e3;}
  683. .pagenext-kiri{width:50%;float:left;margin:0;padding:20px 10px 20px 40px;text-align:left;color:#4399cd;transition:all .3s ease-out;}
  684. .pagenext-kanan{width:50%;float:right;margin:0;padding:20px 40px 20px 10px;text-align:right;color:#4399cd;border-left:1px solid #ddd;transition:all .3s ease-out}
  685. .pagenext-kanan:hover .pager-title-left,.pagenext-kiri:hover .pager-title-left{color:#444!important;}
  686. .pagenext-kiri a,.pagenext-kanan a{color:#666;}
  687. .pagenext-kanan a:hover,.pagenext-kiri a:hover{color:#444!important;}
  688. .pagenext-kiri a,.pagenext-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family: &#39;Roboto Condensed&#39;,Helvetica,Arial,sans-serif;font-weight:400;background:none;text-decoration:none}
  689. .current-pageleft{padding:0 0 0 15px;}
  690. .current-pageright{padding:0 15px 0 0;}
  691. .pager-title-left{font-size:22px;font-weight:700;text-transform:uppercase;transition:all .3s ease-out}
  692. .isipagenext-kiri{margin:0}
  693. .isipagenext-kanan{margin:0}
  694. .arrowri,.arrowle{position:absolute;top:50%;margin-top:-9px;color:#666;}
  695. .arrowle{left:20px}
  696. .arrowri{right:20px}
  697.  
  698. /* CSS Comments */
  699. #comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:20px;}
  700. #comments h3{display:inline-block;margin-bottom:20px;font-size:14px;position:absolute;color:#4399cd;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;}
  701. #comments h3:before {font-family:fontawesome;content:&quot;\f086&quot;;margin-right:10px;font-size:20px;padding:10px 15px;position:absolute;left:0;top:0;font-weight:normal;}
  702. #comments .click-comment{color:#4399cd;float:right;text-decoration:none;display:inline-block;font-size:14px;font-weight:700;text-transform:uppercase;padding:10px 20px}
  703. #comments .click-comment:hover{background:#4399cd;color:#fff}
  704. .comment_avatar_wrap{border-radius:10%;width:46px;height:46px;border:none;background:none;text-align:center;padding:0;overflow:hidden;}
  705. #comments .comment_avatar {border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;background:#fdfdfd;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;}
  706. #comments .comment_admin .comment_avatar{border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;}
  707. #comments .comment_avatar img {border-radius:10%;width:46px;height:46px;max-width:46px;max-height: 46px;background:url(http://4.bp.blogspot.com/-hLqBXiTrm0Q/VJ7pie2jM3I/AAAAAAAABwI/aHQypgTLHu8/s1600/avatwisted.png) no-repeat;overflow:hidden;}
  708. .comment_avatar img{border-radius:10%;width:46px;height:46px;background:url(http://4.bp.blogspot.com/-hLqBXiTrm0Q/VJ7pie2jM3I/AAAAAAAABwI/aHQypgTLHu8/s1600/avatwisted.png) no-repeat;overflow:hidden;}
  709. .comment_name a{font-weight:700;font-size:15px;padding:5px 0;color:#666;text-decoration:none}
  710. .comment_child .comment_name a{color:#666;}
  711. .comment_child .comment_name a:hover {color:#cf4d35;}
  712. .comment_admin .comment_name{background:#fff;padding:0 20px 0 65px;left:5px;top:10px;display:inline;font-weight:700;font-size:16px;text-decoration:none;border-radius:3px;}
  713. .comment_admin .comment_date{left:10px;font-weight:700;font-size:11px;}
  714. .comment_name{font-size:16px;background:#fff;font-weight:700;padding:0 20px 0 65px;position:absolute;left:5px;top:10px;display:inline;line-height:35px;border-radius:3px;transition:all .3s ease-out;}
  715. .comment_name:hover,.comment_name a:hover,.comment_admin .comment_name a:hover,.comment_admin .comment_name:hover{color:#cf4d35;}
  716. .comment_service{position:absolute;top:15px;right:0;}
  717. .item-control {display:inline-block;}
  718. .comment_date a{font-size:11px;font-weight:400;text-transform:none;text-decoration:initial;
  719. color:#666!important;text-align:center;padding:1px 6px;opacity:0.9;transition:all .3s ease-out;}
  720. .comment_date a:hover{color:#cf4d35!important;}
  721. .comment-delete{font-size:11px;color:#666!important;opacity:0.9;}
  722. .comment-delete:hover{color:#cf4d35!important;}
  723. .comment_body{margin:20px 0;padding:0;position:relative;}
  724. .comment_body p{line-height:1.6em;color:#666;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;word-wrap:break-word;background:#fff;padding:30px 20px;position:relative;margin-top:25px;border-radius:6px;box-shadow:0 0 0 1px #ccc;transition:all .3s ease-out;}
  725. .comment_body p:before, .comment_body p:after {bottom:100%;left:5%;border:solid transparent;content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;}
  726. .comment_body p:after {border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:8px;margin-left:-8px;}
  727. .comment_body p:before {border-color:rgba(255,225,255,0);border-bottom-color:#bbb;border-width:9px;margin-left:-9px;transition:all .3s ease-out;}
  728. .comment_child .comment_body p{color:#666;}
  729. .comment_body p img{vertical-align:middle;margin:0 5px;}
  730. .comment_body p:hover{box-shadow:0 0 0 1px #aaa;}
  731. .comment_body p:hover:before {border-bottom-color:#999;}
  732. .comment_inner{padding-bottom:5px;margin:5px 0}
  733. .comment_child .comment_wrap{padding-left:7%}
  734. .comment_child .comment_body{margin-top:-15px;}
  735. .comment_reply{display:inline-block;background:#fdfdfd;color:#999!important;text-align:center;
  736. font-size:11px;margin:0;padding:2px 6px 4px 6px;border-radius:2px;border:1px solid #ccc;}
  737. .comment_reply:hover{text-decoration:none!important;background:#fff;color:#6991d8!important;border-color:#7fa8f0;}
  738. .comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0;}
  739. .comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#666}
  740. #comment-editor{width:103%!important;background:url(&#39;http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif&#39;) no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}
  741. .comment-form p{position:relative;background:#fdfdfd;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;padding:15px;border:1px solid #ddd}
  742. .comment-form p:after, .comment-form p:before {top:100%;left:8%;border:solid transparent;content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;}
  743. .comment-form p:after {border-color:rgba(68,68,68,0);border-top-color:#fdfdfd;border-width:9px;margin-left:-9px;}
  744. .comment-form p:before {border-color:rgba(221,221,221,0);border-top-color:#c3c3c3;border-width:10px;margin-left:-10px;transition:all .3s ease-out;}
  745. .comment_reply_form{padding:0 0 0 7%}
  746. .comment_reply_form .comment-form{width:100%}
  747. .comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 0 10px;}
  748. .comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#666}
  749. .comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
  750. .comment_img{max-width:100%!important}
  751. #respond{overflow:hidden;padding-left:10px;clear:both}
  752. .unneeded-paging-control,.comment_author_flag{display:none}
  753. .comment_admin .comment_author_flag{font-family:FontAwesome;display:inline-block;font-size:15px;font-weight:400;color:#7fa8f0;text-align:center;line-height:normal;margin-left:5px}
  754. .spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;
  755. display:inline-block;padding:10px 15px!important;}
  756. .deleted-comment{display:inline-block;color:#999;word-wrap:break-word;background:#fdfdfd;margin-top:20px;padding:10px;font-size:13px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;border-radius:3px;opacity:1;}
  757. iframe{border:none;overflow:hidden}
  758. .paging-control-container{text-align:center;margin:0 0 0 25%;}
  759. .paging-control-container a{text-align:center;margin:0 auto;background:#666;padding:5px 10px;
  760. color:#fff;transition:all .3s ease-out}
  761. .paging-control-container a:hover{background:#e6ae48;color:#fff;}
  762. .comment_header {padding:0;}
  763. .comment_child .comment_header {padding:0;}
  764. #emo-box,#hide-emo {display:none}
  765. .small-button1 a {font-family:fontawesome;font-size:20px;cursor:pointer;font-weight:400;margin:0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;color:#10cfbd;padding:0;cursor:pointer;transition: all 0.3s ease-out;}
  766. .small-button1:hover a{color:#444;}
  767. span.small-button1 {text-align:center;}
  768. img.comment_emo {width:16px;height:16px;}
  769.  
  770. /* CSS Simple Pre Code */
  771. pre{background:#443e50;white-space:pre;word-wrap:break-word;overflow:auto}pre.code{margin:20px 0;border-radius:4px;position:relative}pre.code label{font-family:sans-serif;font-weight:normal;font-size:13px;color:#83cffd;position:absolute;left:1px;top:13px;text-align:center;width:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}pre.code code{font-family:&quot;Inconsolata&quot;,&quot;Monaco&quot;,&quot;Consolas&quot;,&quot;Andale Mono&quot;,&quot;Bitstream Vera Sans Mono&quot;,&quot;Courier New&quot;,Courier,monospace;display:block;margin:0 0 0 60px;padding:15px 16px 14px;border-left:1px solid #645b76;overflow-x:auto;font-size:13px;line-height:19px;color:#8f8fa4}pre.code-css code,pre.code-html code,pre.code-javascript code,pre.code-jquery code{color:#8f8fa4}
  772.  
  773. /* CSS Item Responsive */
  774. @media only screen and (max-width:960px){
  775. .bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}}
  776.  
  777. @media only screen and (max-width:640px){
  778. #content-wrapper {padding:0;}
  779. ul#related-summary li {float:left;list-style:none;overflow:hidden;width:100%;border-bottom:1px solid #e6e6e6;padding:10px 0;}
  780. ul#related-summary li:last-child{border-bottom:none;}
  781. ul#related-summary li img{display:none;}
  782. ul#related-summary li a.relinkjdulx {display:block;font-size:14px;font-weight:700;line-height:normal;overflow:hidden;padding:10px 10px 10px 0;}
  783. #related-summary .news-text {display:none;}
  784. .bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}
  785.  
  786. @media only screen and (max-width:320px){
  787. h3.post-title:before,h1.post-title:before,h3.post-title:after,h1.post-title:after,h3.post-title:after,h1.post-title:after,#comments .click-comment {visibility:hidden;}
  788. #comments .comment_avatar {width:20px;height:20px;max-width:20px;max-height:20px;background:#fcfcfc;padding:0;text-align:center;position:absolute;top:5px;right:5px;opacity:1;}
  789. #comments .comment_admin .comment_avatar{width:20px;height:20px;max-width:20px;max-height:20px;padding:4px 4px 19px;text-align:center;position:absolute;top:0;right:0;opacity:1;}
  790. #comments .comment_avatar img {width:20px;height:20px;max-width:20px;max-height: 20px;background:#fdfdfd;}
  791. .comment_avatar img{width:20px;height:20px;background:#fdfdfd;}}
  792.  
  793. @media print {
  794. body{padding:0}
  795. #viennalite-wrapper {border-right:none;border-left:none;}
  796. #post-wrapper{width:100%;margin:0 auto;}
  797. .viennalite-info {background:#fff;border:none;}
  798. .post {background:#fff;margin:0 0 15px;padding:15px;border:none;}
  799. h1.post-title {border-bottom:none;}
  800. .post blockquote{background:transparent;color:#666;border:none;}
  801. .viennalitetop-wrapper,#nav,.share-post,#backtotop,#search,.breadcrumbs,.pagenext,#blog-pager,.banner,#banner,.banner2,#banner2,#sidebar-wrapper,#related-post,#comments,#footer-wrapper,#header-wrapper,div#banner,div#banner2,.vienna-menulite,.sharebrow,h2.sharetitle,.authorboxwrap,.viennalite-info{opacity:0;display:none;visibility:hidden;width:0;height:0;}
  802. .status-msg-border{border:none;}}
  803. </style>
  804. </b:if>
  805.  
  806. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  807. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  808. <style type='text/css'>
  809. /* CSS Post Wrapper */
  810. .post-inner,.post-outer {padding:0;}
  811. .post {margin:20px 20px 0 20px;padding:0 0 20px 0;border-bottom:1px solid #e3e3e3;transition:all .6s ease-in-out;}
  812. .post-body {line-height:1.6em;padding:0 15px;font-size:13px;text-overflow:ellipsis;}
  813. h2.post-title,h1.post-title{font-family:&#39;Roboto Condensed&#39;;font-size:24px;padding:0;margin:0;font-weight:700;text-transform:none;text-align:left;border-bottom:none;border-top:none;clear:initial}
  814. h2.post-title:hover, h1.post-title:hover {color:#cf4d35;}
  815. h2.post-title a, h1.post-title a {color:#347fad;padding:0;margin:0;}
  816. h2.post-title a:hover, h1.post-title a:hover {color:#347fad!important;text-decoration:underline}
  817. .viennalite-info {margin-top:15px;margin-right:15px;margin-left:15px;margin-bottom:0;padding:0;font-size:12px;}
  818. .viennalite-info a {display:inline;background:transparent;color:#666;padding:5px;padding-left:0;margin-bottom:10px;transition:all .3s ease-out;}
  819. .viennalite-info a:hover {background:transparent;color:#cf4d35;}
  820. .author-info, .time-info, .comment-info, .review-info {display:inline;padding:0;}
  821. .viennalite-info {background:transparent;}
  822. .author-info, .time-info, .comment-info, .review-info, .viennalite-info a {color:#aaa;}
  823. .author-info, .time-info, .comment-info, .review-info {margin-right:8px;}
  824. .img-thumbnail {overflow:hidden;background:#fbfbfb;position:relative;float:left;height:auto;margin:0;margin-right:20px;z-index:1;padding:0;}
  825. .img-thumbnail img {width:100%;height:auto;transform:scale(1.0);backface-visibility:hidden;transition:transform .9s;}
  826. .img-thumbnail:hover img {transform:scale(1.05);transition:transform 1.8s;}
  827. #sidebar-wrapper {margin:0 auto;}
  828.  
  829. /* CSS Label Info */
  830. .post .label-info{margin:0;padding:0;display:inline-block;position:absolute;left:0;top:0;z-index:2}
  831. .label-info a{position:relative;color:#fff;font-size:11px;display:block;text-transform:uppercase;padding:6px 10px;line-height:normal;font-weight:700;margin:0;opacity:0;transition:all .3s ease-out}
  832. .label-info a:hover{background:#dea852;color:#fff;opacity:1;}
  833. .label-info a:nth-child(n+2){display:none;}
  834.  
  835. /* CSS Homepage Responsive */
  836. @media only screen and (max-width:768px){
  837. .img-thumbnail {margin:0 10px 0 0;}}
  838.  
  839. @media only screen and (max-width:640px){
  840. #content-wrapper {padding:0;}
  841. h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;margin:20px 0;clear:both;padding:20px 0 0 0;}
  842. .post {padding:15px;}
  843. .post-body {margin-bottom:10px;padding:0;}
  844. .viennalite-info {margin-left:0;}
  845. .img-thumbnail {width:100%;max-width:100%;height:auto;margin:0;}
  846. .img-thumbnail img {width:100%;height:auto;}
  847. .post .label-info {left:25px;top:25px;}
  848. .label-info a{padding:3px 7px;}}
  849.  
  850. @media only screen and (max-width:480px){
  851. h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:16px;}
  852. .post-body, .comment-info {display:none!important;visibility:hidden;width:0;height:0;}}
  853.  
  854. @media only screen and (max-width:320px){
  855. h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:14px;}}
  856. </style>
  857. </b:if>
  858. </b:if>
  859.  
  860. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  861. <style type='text/css'>
  862. #comments{display:none;}
  863. .post img{background:#f3f3f3;height:auto;max-width:95%;margin-bottom:2.0px;box-shadow:none;transition:all 0.6s ease-out;}
  864. .post img:hover {opacity:0.95;}
  865. .viennalite-info {background:#69bedd;}
  866. .author-info, .time-info, .comment-info, .label-info, .review-info, .viennalite-info a {color:#fff;}
  867.  
  868. @media print {
  869. body{padding:0}
  870. #post-wrapper{width:100%;margin:0 auto;}
  871. .post {background:#fff;margin:0 0 15px;padding:15px;}
  872. .post blockquote{background:transparent;color:#666;border:none;}
  873. nav,.share-post,#backtotop,#search,.breadcrumbs,.pagenext,#blog-pager,#menu-wrap,.banner,#banner,#sidebar-wrapper,#subs-and-redat,#comments,#footer-wrapper,#header-wrapper,div#banner{display:none;visibility:hidden;width:0;height:0;}}
  874. </style>
  875. </b:if>
  876.  
  877. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  878. <style type='text/css'>
  879. #viennalite-wrapper,#nav,.viennalitetop-wrapper {display:none;}
  880. #footer-wrapper,#header-wrapper{visibility:hidden;opacity:0;width:0;height:0}
  881. .error-container{background-image: url(http://1.bp.blogspot.com/-zHS2luoiNTM/VTZJiQmK7RI/AAAAAAAAJxw/D1Kiy-euLXM/s1600/blog-bg.jpg);background-size:cover;}
  882. #footer-wrapper {background-color:transparent;margin:auto;margin-top:-60px;padding:20px;}
  883. #copyright{color:#dcdbe2;}
  884. #copyright a{color:#ed522e;}
  885. #copyright a:hover{color:#dcdbe2;}
  886. .error-header{margin-top:-100px}
  887. .error-title{line-height:42px}
  888. .error-title span{background:#d44929;padding:2px 10px;}
  889. .error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}
  890. .error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}
  891. .error404 .anonymous{margin:0 auto 20px;display:block}
  892. .error-404{background:rgba(0,0,0,.7);display:table-cell;vertical-align:middle}
  893. .error-404 .page-content p{color:#c8c8c8}
  894. .error-title{color:#fff;font-family:&#39;Open Sans&#39;,sans-serif;font-size:42px;font-weight:700;text-transform:uppercase;margin:.67em 0;text-align:center;line-height:normal;}
  895. .search-title{font-size:48px;color:#3f3f46}
  896. .page-content,.page-content p{color:#797979;font-size:18px;text-align:center}
  897. a.btn.back-to-home{background:#4fafe9;color:#fff;font-weight:400;left:40px;line-height:24px;padding:10px 30px;position:absolute;text-transform:capitalize;top:40px;z-index:99;border-radius:4px}
  898. a.back-to-home:hover{background:#459dd3;color:#fff;}
  899. a.back-to-home i{font-size:14px;margin-right:3px}
  900. @media only screen and (max-width:479px){
  901. .back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}
  902. </style>
  903. </b:if>
  904.  
  905. <script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
  906. <script type='text/javascript'>
  907. //<![CDATA[
  908. //CSS Ready
  909. function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
  910. loadCSS("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");loadCSS("http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
  911. //]]>
  912. </script>
  913. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  914. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  915. <script type='text/javascript'>
  916. snippet_count = 120;
  917. //<![CDATA[
  918. var _0x53b7=["\x3C","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x3E","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6A\x6F\x69\x6E","\x20","\x63\x68\x61\x72\x41\x74","\x2E\x2E\x2E","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x6E\x69\x70\x70\x65\x74\x73\x22\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x2F\x64\x69\x76\x3E","\x3C\x69\x6D\x67\x20\x77\x69\x64\x74\x68\x3D\x22","\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22","\x22\x20\x73\x72\x63\x3D\x22","\x2F\x73\x37\x32\x2D\x63\x2F","\x2F\x77","\x2D\x68","\x2D\x63\x2F","\x72\x65\x70\x6C\x61\x63\x65","\x22\x20\x61\x6C\x74\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x2F\x3E","\x6F\x6E\x6C\x6F\x61\x64","\x76\x69\x72\x69\x67\x68\x74\x63\x72\x65\x64\x69\x74","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x6C","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x43\x72\x65\x61\x74\x65\x64\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x27\x20\x72\x65\x6C\x3D\x27\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x3E\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E"];function removeHtmlTag(_0x746ax2,_0x746ax3){if(-1!=_0x746ax2[_0x53b7[1]](_0x53b7[0])){for(var _0x746ax4=_0x746ax2[_0x53b7[2]](_0x53b7[0]),_0x746ax5=0;_0x746ax5<_0x746ax4[_0x53b7[3]];_0x746ax5++){-1!=_0x746ax4[_0x746ax5][_0x53b7[1]](_0x53b7[4])&&(_0x746ax4[_0x746ax5]=_0x746ax4[_0x746ax5][_0x53b7[5]](_0x746ax4[_0x746ax5][_0x53b7[1]](_0x53b7[4])+1,_0x746ax4[_0x746ax5][_0x53b7[3]]))};_0x746ax2=_0x746ax4[_0x53b7[7]](_0x53b7[6]);};for(_0x746ax3=_0x746ax3<_0x746ax2[_0x53b7[3]]-1?_0x746ax3:_0x746ax2[_0x53b7[3]]-2;_0x53b7[8]!=_0x746ax2[_0x53b7[9]](_0x746ax3-1)&&-1!=_0x746ax2[_0x53b7[1]](_0x53b7[8],_0x746ax3);){_0x746ax3++};return _0x746ax2=_0x746ax2[_0x53b7[5]](0,_0x746ax3-1),_0x746ax2+_0x53b7[10];}function createSnippet(_0x746ax2){var _0x746ax3=document[_0x53b7[11]](_0x746ax2),_0x746ax4=snippet_count,_0x746ax5=_0x53b7[12]+removeHtmlTag(_0x746ax3[_0x53b7[13]],_0x746ax4)+_0x53b7[14];_0x746ax3[_0x53b7[13]]=_0x746ax5;}function arlina_thumbnail_resize(_0x746ax3,_0x746ax4){var _0x746ax2=280;var _0x746ax8=180;image_tag=_0x53b7[15]+_0x746ax2+_0x53b7[16]+_0x746ax8+_0x53b7[17]+_0x746ax3[_0x53b7[22]](_0x53b7[18],_0x53b7[19]+_0x746ax2+_0x53b7[20]+_0x746ax8+_0x53b7[21])+_0x53b7[23]+_0x746ax4[_0x53b7[22]](/"/g,_0x53b7[6])+_0x53b7[24]+_0x746ax4[_0x53b7[22]](/"/g,_0x53b7[6])+_0x53b7[25];if(_0x746ax4!=_0x53b7[6]){return image_tag}else {return _0x53b7[6]};}window[_0x53b7[26]]=function(){var _0x746ax3=document[_0x53b7[11]](_0x53b7[27]);if(_0x746ax3==null){window[_0x53b7[29]][_0x53b7[28]]=_0x53b7[30]};_0x746ax3[_0x53b7[31]](_0x53b7[28],_0x53b7[30]);_0x746ax3[_0x53b7[31]](_0x53b7[32],_0x53b7[33]);_0x746ax3[_0x53b7[13]]=_0x53b7[34];};
  919. //]]>
  920. </script>
  921. </b:if>
  922. </b:if>
  923. </head>
  924. <body>
  925. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  926. <div class='error-container'>
  927. <a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>Back to Home</a>
  928. <section class='error-404 not-found text-center'>
  929. <header class='error-header'>
  930. <div class='error-image'>
  931. <img alt='404' src='http://1.bp.blogspot.com/-Gb2gYMW4VC0/VTZJg0pSIrI/AAAAAAAAJxo/CXhWMecSCNI/s1600/anonymous.png'/>
  932. </div>
  933. <h1 class='error-title'><p><span>Oops!</span> That page can&#8217;t be found.</p> </h1>
  934. </header>
  935. <div class='page-content'>
  936. <p>It looks like nothing was found at this location.</p>
  937. </div>
  938. </section>
  939. </div>
  940. </b:if>
  941. <div class='viennalitetop-wrapper'>
  942. <header class='header-wrapper2'>
  943. <div class='vitop-wrapper'>
  944. <nav class='top-menulite'>
  945. <ul>
  946. <li><a href='#' title='About Us'><i class='fa fa-ioxhost'/> About</a></li>
  947. <li><a href='#' title='Our Sitemap'><i class='fa fa-folder-o'/> Sitemap</a></li>
  948. <li><a href='#' title='Contact us'><i class='fa fa-envelope-o'/> Contact</a></li>
  949. <li><a href='#' title='Disclaimer'><i class='fa fa-check-circle-o'/> Disclaimer</a></li>
  950. <li class='doremifa join'><a href='https://www.blogger.com/follow-blog.g?blogID=5659233859857601011' rel='nofollow' target='_blank' title='Join Our Site'><i class='fa fa-plus'/><span class='inv'/></a></li>
  951. <li class='doremifa gplus'><a href='#' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
  952. <li class='doremifa facebook'><a href='#' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/><span class='inv'/></a></li>
  953. <li class='doremifa deviantart'><a href='#' rel='nofollow' target='_blank' title='Follow us on Deviantart'><i class='fa fa-deviantart'/><span class='inv'/></a></li>
  954. <li class='doremifa twitter'><a href='#' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/><span class='inv'/></a></li>
  955. </ul>
  956. <a href='#' id='pull'>MENU</a>
  957. </nav>
  958. </div>
  959. </header>
  960. </div>
  961. <div class='clear'/>
  962.  
  963. <div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  964. <div class='header-wrapp'>
  965. <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
  966. <b:widget id='Header1' locked='true' title='Vienna Lite 2 (Header)' type='Header'>
  967. <b:includable id='main'>
  968. <b:if cond='data:useImage'>
  969. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  970. <!--
  971. Show image as background to text. You can't really calculate the width
  972. reliably in JS because margins are not taken into account by any of
  973. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  974. width if the user is using shrink to fit.
  975. This results in a margin-width's worth of pixels being cropped. If the
  976. user is not using shrink to fit then we expand the header.
  977. -->
  978. <b:if cond='data:mobile'>
  979. <div id='header-inner'>
  980. <div class='titlewrapper' style='background: transparent'>
  981. <b:include name='title'/>
  982. </div>
  983. <b:include name='description'/>
  984. </div>
  985. <b:else/>
  986. <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'>
  987. <div class='titlewrapper' style='background: transparent'>
  988. <b:include name='title'/>
  989. </div>
  990. <b:include name='description'/>
  991. </div>
  992. </b:if>
  993. <b:else/>
  994. <!--Show the image only-->
  995. <div id='header-inner'>
  996. <a expr:href='data:blog.homepageUrl' style='display: block'>
  997. <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'/>
  998. </a>
  999. <!--Show the description-->
  1000. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1001. <b:include name='description'/>
  1002. </b:if>
  1003. </div>
  1004. </b:if>
  1005. <b:else/>
  1006. <!--No header image -->
  1007. <div id='header-inner'>
  1008. <div class='titlewrapper'>
  1009. <b:include name='title'/>
  1010. </div>
  1011. <b:include name='description'/>
  1012. </div>
  1013. </b:if>
  1014. </b:includable>
  1015. <b:includable id='description'>
  1016. <div class='descriptionwrapper'>
  1017. <p class='description'><span><data:description/></span></p>
  1018. </div>
  1019. </b:includable>
  1020. <b:includable id='title'>
  1021. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1022. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1023. <h1 class='title'>
  1024. <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  1025. <span itemprop='name'><data:title/></span>
  1026. </a>
  1027. </h1>
  1028. <b:else/>
  1029. <h2 class='title'>
  1030. <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  1031. <span itemprop='name'><data:title/></span>
  1032. </a>
  1033. </h2>
  1034. </b:if>
  1035. <b:else/>
  1036. <h2 class='title'>
  1037. <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  1038. <span itemprop='name'><data:title/></span>
  1039. </a>
  1040. </h2>
  1041. </b:if>
  1042. </b:includable>
  1043. </b:widget>
  1044. </b:section>
  1045. <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'>
  1046. <b:widget id='HTML1' locked='false' title='' type='HTML'>
  1047. <b:includable id='main'>
  1048. <!-- only display title if it's non-empty -->
  1049. <b:if cond='data:title != &quot;&quot;'>
  1050. <h2 class='title'><data:title/></h2>
  1051. </b:if>
  1052. <div class='widget-content'>
  1053. <data:content/>
  1054. </div>
  1055. </b:includable>
  1056. </b:widget>
  1057. </b:section>
  1058. </div>
  1059. </div>
  1060. <div class='clear'/>
  1061.  
  1062. <nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
  1063. <div id='nav2'>
  1064. <a class='slide-menu' href='#'><i class='fa fa-list'/> Menu</a>
  1065. <ul class='nav vienna-menulite'>
  1066. <li><a class='active' href='/'><span itemprop='name'><i class='fa fa-th-list fa-lg'/></span></a></li>
  1067. <li><a href='#' itemprop='url'><span itemprop='name'>Kategori</span></a>
  1068. <ul>
  1069. <li><a href='#' itemprop='url'><span itemprop='name'>Blogger</span></a></li>
  1070. <li><a href='#' itemprop='url'><span itemprop='name'>Web Design</span></a></li>
  1071. <li><a href='#' itemprop='url'><span itemprop='name'>Portfolio</span></a></li>
  1072. </ul>
  1073. </li>
  1074. <li><a href='#' itemprop='url'><span itemprop='name'>Blogger</span></a></li>
  1075. <li><a href='#' itemprop='url'><span itemprop='name'>Galeri Foto</span></a></li>
  1076. <li><a href='#' itemprop='url'><span itemprop='name'>Info Menarik</span></a></li>
  1077. <li><a href='#' itemprop='url'><span itemprop='name'>Manga</span></a></li>
  1078. <li><a href='#' itemprop='url'><span itemprop='name'>Tutorial</span></a></li>
  1079. <li><a href='#' itemprop='url'><span itemprop='name'>Video</span></a></li>
  1080. </ul>
  1081. <form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/></td>
  1082. <td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
  1083. </div>
  1084. </nav>
  1085. <div class='clear'/>
  1086. <div id='viennalite-wrapper'>
  1087. <div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
  1088. <b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
  1089. <div class='clear'/>
  1090. <div id='post-wrapper'>
  1091. <div class='post-inner'>
  1092. <b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>
  1093. <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
  1094. <b:includable id='main' var='top'>
  1095. <b:include data='posts' name='breadcrumb'/>
  1096. <b:if cond='data:mobile == &quot;false&quot;'>
  1097. <!-- posts -->
  1098. <div class='blog-posts hfeed'>
  1099. <b:include data='top' name='status-message'/>
  1100. <data:defaultAdStart/>
  1101. <b:loop values='data:posts' var='post'>
  1102. <b:if cond='data:post.isDateStart'>
  1103. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1104. &lt;/div&gt;&lt;/div&gt;
  1105. </b:if>
  1106. </b:if>
  1107. <b:if cond='data:post.isDateStart'>
  1108. &lt;div class=&quot;date-outer&quot;&gt;
  1109. </b:if>
  1110. <b:if cond='data:post.isDateStart'>
  1111. &lt;div class=&quot;date-posts&quot;&gt;
  1112. </b:if>
  1113. <div class='post-outer'>
  1114. <b:include data='post' name='post'/>
  1115. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1116. <b:include data='post' name='comments'/>
  1117. </b:if>
  1118. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1119. <b:include data='post' name='comments'/>
  1120. </b:if>
  1121. </div>
  1122. <b:if cond='data:post.includeAd'>
  1123. <b:if cond='data:post.isFirstPost'>
  1124. <data:defaultAdEnd/>
  1125. <b:else/>
  1126. <data:adEnd/>
  1127. </b:if>
  1128. <div class='inline-ad'>
  1129. <data:adCode/>
  1130. </div>
  1131. <data:adStart/>
  1132. </b:if>
  1133. </b:loop>
  1134. <b:if cond='data:numPosts != 0'>
  1135. &lt;/div&gt;&lt;/div&gt;
  1136. </b:if>
  1137. <data:adEnd/>
  1138. </div>
  1139. <!-- navigation -->
  1140. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1141. <b:include name='page-navi'/>
  1142. <b:else/>
  1143. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1144. <b:include name='page-navi'/>
  1145. <b:else/>
  1146. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1147. <!-- navigation -->
  1148. <b:include name='nextprev'/>
  1149. </b:if>
  1150. </b:if>
  1151. </b:if>
  1152. <!-- feed links -->
  1153. <b:include name='feedLinks'/>
  1154. <b:if cond='data:top.showStars'>
  1155. <script src='//www.google.com/jsapi' type='text/javascript'/>
  1156. <script type='text/javascript'>google.load(&quot;annotations&quot;,&quot;1&quot;,{locale:&quot;<data:top.languageCode/>&quot;});function initialize(){google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch()}google.setOnLoadCallback(initialize);</script>
  1157. </b:if>
  1158. <b:else/>
  1159. <b:include name='mobile-main'/>
  1160. </b:if>
  1161. <b:if cond='data:top.showDummy'>
  1162. <data:top.dummyBootstrap/>
  1163. </b:if>
  1164. </b:includable>
  1165. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1166. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1167. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1168. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1169. </a>
  1170. </span>
  1171. </b:includable>
  1172. <b:includable id='backlinks' var='post'>
  1173. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1174. <b:if cond='data:post.numBacklinks != 0'>
  1175. <dl class='comments-block' id='comments-block'>
  1176. <b:loop values='data:post.comments' var='comment'>
  1177. <dt class='comment-author' id='comment-author'>
  1178. <a expr:name='data:comment.anchorName'/>
  1179. <b:if cond='data:comment.authorUrl'>
  1180. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1181. <b:else/>
  1182. <data:comment.author/>
  1183. </b:if>
  1184. <data:commentPostedByMsg/>
  1185. </dt>
  1186. <dd class='comment-body'>
  1187. <b:if cond='data:comment.isDeleted'>
  1188. <span class='deleted-comment'><data:comment.body/></span>
  1189. <b:else/>
  1190. <p><data:comment.body/></p>
  1191. </b:if>
  1192. </dd>
  1193. <dd class='comment-footer'>
  1194. <span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span>
  1195. </dd>
  1196. </b:loop>
  1197. </dl>
  1198. </b:if>
  1199. <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>
  1200. </b:includable>
  1201. <b:includable id='breadcrumb' var='posts'>
  1202. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1203. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1204. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
  1205. </div>
  1206. <b:else/>
  1207. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1208. <b:loop values='data:posts' var='post'>
  1209. <b:if cond='data:post.labels'>
  1210. <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><data:title/></span></a></span> <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> </b:loop> <span><data:post.title/></span>
  1211. </div>
  1212. <b:else/>
  1213. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Uncategories</span> <span><data:post.title/></span></div>
  1214. </b:if>
  1215. </b:loop>
  1216. <b:else/>
  1217. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  1218. <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Archive for <data:blog.pageName/></span>
  1219. </div>
  1220. <b:else/>
  1221. <b:if cond='data:blog.searchQuery'>
  1222. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
  1223. </div>
  1224. <b:else/>
  1225. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1226. <div class='breadcrumbs'>
  1227. <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>All post</span>
  1228. <b:else/>
  1229. <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
  1230. </b:if>
  1231. </div>
  1232. </b:if>
  1233. </b:if>
  1234. </b:if>
  1235. </b:if>
  1236. </b:if>
  1237. </b:if>
  1238. </b:includable>
  1239. <b:includable id='comment-form' var='post'>
  1240. <div class='comment-form'>
  1241. <b:if cond='data:mobile'>
  1242. <h4 id='comment-post-message'>
  1243. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1244. <p><data:blogCommentMessage/></p>
  1245. <data:blogTeamBlogMessage/>
  1246. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1247. <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'/>
  1248. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  1249. </b:if>
  1250. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1251. <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'/>
  1252. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  1253. </b:if>
  1254. <b:else/>
  1255. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1256. <div id='threaded-comment-form'>
  1257. <p><data:blogCommentMessage/>
  1258. <span class='small-button1'>
  1259. <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'><i class='fa fa-smile-o'/></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'><i class='fa fa-smile-o'/></a></span>
  1260. </span>
  1261. </p>
  1262. <div id='emo-box'>
  1263. <div class='comment_emo_list'/>
  1264. </div>
  1265. <data:blogTeamBlogMessage/>
  1266. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1267. <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'/>
  1268. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  1269. </b:if>
  1270. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1271. <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'/>
  1272. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  1273. </b:if>
  1274. </div>
  1275. </b:if>
  1276. <data:post.friendConnectJs/>
  1277. <data:post.cmtfpIframe/>
  1278. <script type='text/javascript'>
  1279. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1280. </script>
  1281. </div>
  1282. </b:includable>
  1283. <b:includable id='commentDeleteIcon' var='comment'>
  1284. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1285. <b:if cond='data:showCmtPopup'>
  1286. <div class='goog-toggle-button'>
  1287. <div class='goog-inline-block comment-action-icon'/>
  1288. </div>
  1289. <b:else/>
  1290. <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'>delete</a>
  1291. </b:if>
  1292. </span>
  1293. </b:includable>
  1294. <b:includable id='comment_count_picker' var='post'>
  1295. <b:if cond='data:post.commentSource == 1'>
  1296. <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'>
  1297. </span>
  1298. <b:else/>
  1299. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1300. <data:post.commentLabelFull/>:
  1301. </a>
  1302. </b:if>
  1303. </b:includable>
  1304. <b:includable id='comment_picker' var='post'>
  1305. <b:if cond='data:post.commentSource == 1'>
  1306. <b:include data='post' name='iframe_comments'/>
  1307. <b:else/>
  1308. <b:if cond='data:post.showThreadedComments'>
  1309. <b:include data='post' name='threaded_comments'/>
  1310. <b:else/>
  1311. <b:include data='post' name='comments'/>
  1312. </b:if>
  1313. </b:if>
  1314. </b:includable>
  1315. <b:includable id='comments' var='post'>
  1316. <div class='comments' id='comments'>
  1317. <b:if cond='data:post.allowComments'>
  1318. <b:if cond='data:post.numComments != 0'>
  1319. <h3>
  1320. <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
  1321. <b:else/>
  1322. <data:post.numComments/> <data:commentLabelPlural/>
  1323. </b:if>
  1324. </h3>
  1325. <a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'><data:commentLabelPlural/></a>
  1326. </b:if>
  1327.  
  1328. <b:if cond='data:post.commentPagingRequired'>
  1329. <span class='paging-control-container'>
  1330. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
  1331. &#160;
  1332. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
  1333. &#160;
  1334. <data:post.commentRangeText/>
  1335. &#160;
  1336. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
  1337. &#160;
  1338. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
  1339. </span>
  1340. </b:if>
  1341.  
  1342. <div class='clear'/>
  1343. <div id='comment_block'>
  1344. <b:loop values='data:post.comments' var='comment'>
  1345.  
  1346. <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>
  1347. <b:if cond='data:post.adminClass == data:comment.adminClass'>
  1348. &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
  1349. <b:else/>
  1350. &lt;div class=&#39;comment_inner&#39;&gt;
  1351. </b:if>
  1352.  
  1353. <div class='comment_body'>
  1354. <div class='comment_header'>
  1355. <div class='comment_avatar_wrap'>
  1356.  
  1357. </div>
  1358.  
  1359. <div class='clear'/>
  1360. </div>
  1361.  
  1362. <div class='comment_name'>
  1363. <b:if cond='data:comment.authorUrl'>
  1364. <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
  1365. <b:else/>
  1366. <data:comment.author/>
  1367. </b:if>
  1368. <div class='comment_author_flag'><i class='fa fa-check-circle'/></div>
  1369. </div>
  1370. <span class='comment_service'>
  1371. <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
  1372. <data:comment.timestamp/>
  1373. </a></span>
  1374. <b:include data='comment' name='commentDeleteIcon'/>
  1375. </span>
  1376. <b:if cond='data:comment.isDeleted'>
  1377. <span class='deleted-comment'><data:comment.body/></span>
  1378. <b:else/>
  1379. <p><data:comment.body/></p>
  1380. <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='Reply'>Reply</a>
  1381. <div class='clear'/>
  1382. </b:if>
  1383. <div class='comment_avatar'>
  1384. <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
  1385. </div>
  1386. </div>
  1387. <div class='clear'/>
  1388. &lt;/div&gt;
  1389. <div class='clear'/>
  1390.  
  1391. <div class='comment_child'/>
  1392. <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
  1393. </div>
  1394. </b:loop>
  1395. </div>
  1396. <div class='clear'/>
  1397. <b:if cond='data:post.commentPagingRequired'>
  1398. <span class='paging-control-container'>
  1399. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
  1400. &#160;
  1401. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
  1402. &#160;
  1403. <data:post.commentRangeText/>
  1404. &#160;
  1405. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
  1406. &#160;
  1407. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
  1408. </span>
  1409. </b:if>
  1410. <div class='clear'/>
  1411. <div class='comment_form' id='comment-form'>
  1412.  
  1413.  
  1414. <b:if cond='data:post.embedCommentForm'>
  1415. <b:if cond='data:post.allowNewComments'>
  1416. <b:include data='post' name='threaded-comment-form'/>
  1417. <b:else/>
  1418. <data:post.noNewCommentsText/>
  1419. </b:if>
  1420. <b:else/>
  1421. <b:if cond='data:post.allowComments'>
  1422. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
  1423. </b:if>
  1424. </b:if>
  1425. </div>
  1426. </b:if>
  1427. </div>
  1428. <script type='text/javascript'>
  1429. //<![CDATA[
  1430. if (typeof(jQuery) == 'undefined') {
  1431. //output the script (load it from google api)
  1432. document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
  1433. }
  1434. //]]>
  1435. </script>
  1436.  
  1437. <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
  1438. <script type='text/javascript'>
  1439.  
  1440. <b:if cond='data:post.numComments != 0'>
  1441. var Items = <data:post.commentJso/>;
  1442. var Msgs = <data:post.commentMsgs/>;
  1443. var Config = <data:post.commentConfig/>;
  1444.  
  1445. <b:else/>
  1446. var Items = {};
  1447. var Msgs = {};
  1448. var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
  1449. </b:if>
  1450. //<![CDATA[
  1451. //Global setting
  1452. Config.maxThreadDepth = 3;
  1453. Display_Emo = true;
  1454. Replace_Youtube_Link = false;
  1455. Replace_Image_Link = false;
  1456. Replace_Force_Tag = false;
  1457. Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];
  1458.  
  1459. //Pengaturan Emoticon
  1460. Emo_List = [
  1461. ':)' ,'http://twemoji.maxcdn.com/36x36/1f600.png',
  1462. ':(' ,'http://twemoji.maxcdn.com/36x36/1f615.png',
  1463. 'hihi' ,'http://twemoji.maxcdn.com/36x36/1f601.png',
  1464. ':-)' ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
  1465. ':D' ,'http://twemoji.maxcdn.com/36x36/1f603.png',
  1466. '=D' ,'http://twemoji.maxcdn.com/36x36/1f62c.png',
  1467. ':-d' ,'http://twemoji.maxcdn.com/36x36/1f604.png',
  1468. ';(' ,'http://twemoji.maxcdn.com/36x36/1f61e.png',
  1469. ';-(' ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
  1470. '@-)' ,'http://twemoji.maxcdn.com/36x36/1f616.png',
  1471. ':P' ,'http://twemoji.maxcdn.com/36x36/1f61c.png',
  1472. ':o' ,'http://twemoji.maxcdn.com/36x36/1f62e.png',
  1473. ':&gt;)','http://twemoji.maxcdn.com/36x36/1f606.png',
  1474. '(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',
  1475. ':p' ,'http://twemoji.maxcdn.com/36x36/1f614.png',
  1476. ':-?' ,'http://twemoji.maxcdn.com/36x36/2753.png',
  1477. '(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png',
  1478. ':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
  1479. '(m)' ,'http://twemoji.maxcdn.com/36x36/1f620.png',
  1480. '8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
  1481. ':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
  1482. ':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
  1483. 'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
  1484. ':-#' ,'http://twemoji.maxcdn.com/36x36/1f637.png',
  1485. '=p~' ,'http://twemoji.maxcdn.com/36x36/1f35c.png',
  1486. '$-)' ,'http://twemoji.maxcdn.com/36x36/1f4b5.png',
  1487. '(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
  1488. '(f)' ,'http://twemoji.maxcdn.com/36x36/1f33a.png',
  1489. 'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
  1490. '(k)' ,'http://twemoji.maxcdn.com/36x36/1f496.png',
  1491. '(h)' ,'http://twemoji.maxcdn.com/36x36/1f44f.png',
  1492. 'cheer' ,'http://twemoji.maxcdn.com/36x36/1f378.png',
  1493. ];
  1494.  
  1495.  
  1496. //Config Force tag list, define all in lower case
  1497. Force_Tag = [
  1498. '[pre]','<pre>',
  1499. '[/pre]','</pre>',
  1500. '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
  1501. '</pre>','</code>'
  1502. ];
  1503.  
  1504. 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,{}))
  1505. var avatar=$("#comments");
  1506. avatar.find('.comment_avatar img').each(function() {
  1507. var ava = $(this).attr('src');
  1508. $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s100-c/"));
  1509. });
  1510. //]]>
  1511. </script>
  1512. </b:includable>
  1513. <b:includable id='feedLinks'>
  1514. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1515. <b:if cond='data:feedLinks'>
  1516. <div class='blog-feeds'>
  1517. <b:include data='feedLinks' name='feedLinksBody'/>
  1518. </div>
  1519. </b:if>
  1520. <b:else/> <!--Post feed links -->
  1521. <div class='post-feeds'>
  1522. <b:loop values='data:posts' var='post'>
  1523. <b:if cond='data:post.allowComments'>
  1524. <b:if cond='data:post.feedLinks'>
  1525. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1526. </b:if>
  1527. </b:if>
  1528. </b:loop>
  1529. </div>
  1530. </b:if>
  1531. </b:includable>
  1532. <b:includable id='feedLinksBody' var='links'>
  1533. <div class='feed-links'>
  1534. <data:feedLinksMsg/>
  1535. <b:loop values='data:links' var='f'>
  1536. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1537. </b:loop>
  1538. </div>
  1539. </b:includable>
  1540. <b:includable id='iframe_comments' var='post'>
  1541. <b:if cond='data:post.allowIframeComments'>
  1542. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1543. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1544. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1545. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1546. </b:if>
  1547. </b:if>
  1548. </b:includable>
  1549. <b:includable id='mobile-index-post' var='post'>
  1550. <!-- index mobile -->
  1551. <div class='mobile-date-outer date-outer'>
  1552. <div class='mobile-post-outer'>
  1553. <div class='mobile-index-contents'>
  1554. <b:if cond='data:post.thumbnailUrl'>
  1555. <div class='mobile-index-thumbnail'>
  1556. <div class='Image'>
  1557. <img expr:src='data:post.thumbnailUrl'/>
  1558. </div>
  1559. </div>
  1560. <b:else/>
  1561. <div class='mobile-index-thumbnail'>
  1562. <div class='Image'>
  1563. <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'/>
  1564. </div>
  1565. </div>
  1566. </b:if>
  1567. <a expr:href='data:post.url'>
  1568. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1569. <data:post.title/>
  1570. </h3>
  1571. </a>
  1572. <div class='viennalite-info'>
  1573. <b:if cond='data:top.showAuthor'>
  1574. <b:if cond='data:post.authorProfileUrl'>
  1575. <span class='author-info'>
  1576. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1577. <a expr:content='data:post.authorProfileUrl' itemprop='author'/>
  1578. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1579. <span itemprop='name'><data:post.author/></span>
  1580. </a>
  1581. </span>
  1582. </span>
  1583. <b:else/>
  1584. <span class='author-info'>
  1585. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1586. <span itemprop='name'><data:post.author/></span>
  1587. </span>
  1588. </span>
  1589. </b:if>
  1590. </b:if>
  1591. <b:if cond='data:top.showTimestamp'>
  1592. <b:if cond='data:post.url'>
  1593. <a expr:content='data:post.canonicalUrl'/>
  1594. <span class='time-info'>
  1595. <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>
  1596. </span>
  1597. </b:if>
  1598. </b:if>
  1599. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1600. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1601. <b:if cond='data:post.allowComments'>
  1602. <span class='comment-info'>
  1603. <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>
  1604. </a>
  1605. </span>
  1606. </b:if>
  1607. </b:if>
  1608. </b:if>
  1609. </div>
  1610. <div class='post-body'>
  1611. </div>
  1612. </div>
  1613. <div style='clear: both;'/>
  1614. </div>
  1615. </div>
  1616. </b:includable>
  1617. <b:includable id='mobile-main' var='top'>
  1618. <!-- posts -->
  1619. <div class='blog-posts hfeed'>
  1620. <b:include data='top' name='status-message'/>
  1621. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1622. <b:loop values='data:posts' var='post'>
  1623. <b:include data='post' name='mobile-index-post'/>
  1624. </b:loop>
  1625. <b:else/>
  1626. <b:loop values='data:posts' var='post'>
  1627. <b:include data='post' name='mobile-post'/>
  1628. </b:loop>
  1629. </b:if>
  1630. </div>
  1631. <b:include name='mobile-nextprev'/>
  1632. </b:includable>
  1633. <b:includable id='mobile-nextprev'>
  1634. <!-- Mobile Page -->
  1635. <div class='blog-pager' id='blog-pager'>
  1636. <b:if cond='data:newerPageUrl'>
  1637. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1638. <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>
  1639. </div>
  1640. </b:if>
  1641. <b:if cond='data:olderPageUrl'>
  1642. <div class='mobile-link-button' id='blog-pager-older-link'>
  1643. <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>
  1644. </div>
  1645. </b:if>
  1646. <div class='mobile-link-button' id='blog-pager-home-link'>
  1647. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1648. </div>
  1649. <div class='mobile-desktop-link'>
  1650. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1651. </div>
  1652. </div>
  1653. <div class='clear'/>
  1654. </b:includable>
  1655. <b:includable id='mobile-post' var='post'>
  1656. <!-- Mobile Post -->
  1657. <div class='date-outer'>
  1658. <div class='date-posts'>
  1659. <div class='post-outer'>
  1660. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1661. <b:if cond='data:post.thumbnailUrl'>
  1662. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1663. </b:if>
  1664. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1665. <meta expr:content='data:post.id' itemprop='postId'/>
  1666.  
  1667. <b:if cond='data:post.title'>
  1668. <h3 class='mobile-post-title entry-title' itemprop='name'>
  1669. <b:if cond='data:post.link'>
  1670. <a expr:href='data:post.link'><data:post.title/></a>
  1671. <b:else/>
  1672. <b:if cond='data:post.url'>
  1673. <b:if cond='data:blog.url != data:post.url'>
  1674. <a expr:href='data:post.url'><data:post.title/></a>
  1675. <b:else/>
  1676. <data:post.title/>
  1677. </b:if>
  1678. <b:else/>
  1679. <data:post.title/>
  1680. </b:if>
  1681. </b:if>
  1682. </h3>
  1683. </b:if>
  1684. <div class='post-header'>
  1685. <div class='post-header-line-1'/>
  1686. </div>
  1687. <div class='viennalite-info' style='margin-bottom:15px;'>
  1688. <b:if cond='data:top.showAuthor'>
  1689. <b:if cond='data:post.authorProfileUrl'>
  1690. <span class='author-info'>
  1691. <i class='fa fa-user'/>
  1692. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1693. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1694. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1695. <span itemprop='name'><data:post.author/></span>
  1696. </a>
  1697. </span>
  1698. </span>
  1699. <b:else/>
  1700. <span class='author-info'>
  1701. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1702. <span itemprop='name'><data:post.author/></span>
  1703. </span>
  1704. </span>
  1705. </b:if>
  1706. </b:if>
  1707. <b:if cond='data:top.showTimestamp'>
  1708. <b:if cond='data:post.url'>
  1709. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1710. <span class='time-info'>
  1711. <i class='fa fa-calendar-o'/> <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>
  1712. </span>
  1713. </b:if>
  1714. </b:if>
  1715. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1716. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1717. <b:if cond='data:post.allowComments'>
  1718. <span class='comment-info'>
  1719. <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>
  1720. </a>
  1721. </span>
  1722. </b:if>
  1723. </b:if>
  1724. </b:if>
  1725. </div>
  1726. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1727. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1728. <div STYLE='display:block;text-align:center;margin:15px auto;'>
  1729. <!-- Kode Banner/Iklan Anda Di sini -->
  1730. </div>
  1731. </b:if>
  1732. <data:post.body/>
  1733. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1734. <div STYLE='display:block;text-align:center;margin:15px auto;'>
  1735. <!-- Kode Banner/Iklan Anda Di sini -->
  1736. </div>
  1737. </b:if>
  1738. <div style='clear: both;'/>
  1739. <div id='share-buttons-mobile'>
  1740. <p>Share : </p>
  1741. <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
  1742. <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
  1743. <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>
  1744. <div class='clear'/>
  1745. </div>
  1746. <div id='related-posts-mobile'>
  1747. <h3>Related Posts :</h3>
  1748. <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=6&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
  1749. </div>
  1750. </div>
  1751. </div>
  1752. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1753. <b:include data='post' name='comment_picker'/>
  1754. </b:if>
  1755. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1756. <b:include data='post' name='comment_picker'/>
  1757. </b:if>
  1758. </div>
  1759. </div>
  1760. </div>
  1761. </b:includable>
  1762. <b:includable id='nextprev'>
  1763. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1764. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1765. <div class='blog-pager' id='blog-pager'>
  1766. <b:if cond='data:newerPageUrl'>
  1767. <span id='blog-pager-newer-link'>
  1768. <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>
  1769. </span>
  1770. </b:if>
  1771. <b:if cond='data:olderPageUrl'>
  1772. <span id='blog-pager-older-link'>
  1773. <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>
  1774. </span>
  1775. </b:if>
  1776. <div class='mobile-link-button' id='blog-pager-home-link'>
  1777. <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
  1778. </div>
  1779. <div class='mobile-desktop-link'>
  1780. <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
  1781. </div>
  1782. </div>
  1783. </b:if>
  1784. </b:if>
  1785. <div class='clear'/>
  1786. </b:includable>
  1787. <b:includable id='page-navi'>
  1788. <div class='pagenav'>
  1789. <script type='text/javascript'>
  1790. var pageNaviConf = {
  1791. perPage: 6,
  1792. numPages: 5,
  1793. firstText: &quot;First&quot;,
  1794. lastText: &quot;Last&quot;,
  1795. nextText: &quot;Next&quot;,
  1796. prevText: &quot;Prev&quot;
  1797. }
  1798. </script>
  1799. <script src='https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/paginavi.js'/>
  1800. <div class='clear'/>
  1801. </div>
  1802. </b:includable>
  1803. <b:includable id='post' var='post'>
  1804. <article class='post hentry'>
  1805. <b:if cond='data:post.firstImageUrl'>
  1806. <a expr:content='data:post.firstImageUrl'/>
  1807. </b:if>
  1808. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1809. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1810. <b:if cond='data:post.thumbnailUrl'>
  1811. <a expr:href='data:post.url'><div class='img-thumbnail'><script type='text/javascript'>
  1812. document.write(arlina_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
  1813. </script>
  1814. </div>
  1815. </a>
  1816. <b:else/>
  1817. <b:if cond='data:post.firstImageUrl'>
  1818. <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
  1819. </a>
  1820. <b:else/>
  1821. <a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:title='data:post.title'/></div>
  1822. </a>
  1823. </b:if>
  1824. </b:if>
  1825. </b:if>
  1826. </b:if>
  1827. <b:if cond='data:post.title'>
  1828. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1829. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1830. <h2 class='post-title entry-title'>
  1831. <b:if cond='data:post.link'>
  1832. <a expr:href='data:post.link' expr:title='data:post.title'>
  1833. <data:post.title/>
  1834. </a>
  1835. <b:else/>
  1836. <b:if cond='data:post.url'>
  1837. <b:if cond='data:blog.url != data:post.url'>
  1838. <a expr:href='data:post.url' expr:title='data:post.title'>
  1839. <data:post.title/>
  1840. </a>
  1841. <b:else/>
  1842. <data:post.title/>
  1843. </b:if>
  1844. <b:else/>
  1845. <data:post.title/>
  1846. </b:if>
  1847. </b:if>
  1848. </h2>
  1849. <b:else/>
  1850. <h1 class='post-title entry-title'>
  1851. <b:if cond='data:post.link'>
  1852. <a expr:href='data:post.link' expr:title='data:post.title'>
  1853. <data:post.title/>
  1854. </a>
  1855. <b:else/>
  1856. <b:if cond='data:post.url'>
  1857. <b:if cond='data:blog.url != data:post.url'>
  1858. <a expr:href='data:post.url' expr:title='data:post.title'>
  1859. <data:post.title/>
  1860. </a>
  1861. <b:else/>
  1862. <data:post.title/>
  1863. </b:if>
  1864. <b:else/>
  1865. <data:post.title/>
  1866. </b:if>
  1867. </b:if>
  1868. </h1>
  1869. </b:if>
  1870. <b:else/>
  1871. <h1 class='post-title entry-title'>
  1872. <b:if cond='data:post.link'>
  1873. <a expr:href='data:post.link' expr:title='data:post.title'>
  1874. <data:post.title/>
  1875. </a>
  1876. <b:else/>
  1877. <b:if cond='data:post.url'>
  1878. <b:if cond='data:blog.url != data:post.url'>
  1879. <a expr:href='data:post.url' expr:title='data:post.title'>
  1880. <data:post.title/>
  1881. </a>
  1882. <b:else/>
  1883. <data:post.title/>
  1884. </b:if>
  1885. <b:else/>
  1886. <data:post.title/>
  1887. </b:if>
  1888. </b:if>
  1889. </h1>
  1890. </b:if>
  1891. </b:if>
  1892. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1893. <b:if cond='data:post.labels'>
  1894. <span class='label-info'>
  1895. <b:loop values='data:post.labels' var='label'>
  1896. <a expr:href='data:label.url + &quot;?max-results=6&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1897. </b:loop>
  1898. </span>
  1899. </b:if>
  1900. </b:if>
  1901. <div class='viennalite-info'>
  1902. <b:if cond='data:top.showAuthor'>
  1903. <b:if cond='data:post.authorProfileUrl'>
  1904. <span class='author-info'>
  1905. <i class='fa fa-user'/>
  1906. <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1907. <span class='fn'>
  1908. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1909. <span itemprop='name'><data:post.author/></span>
  1910. </a>
  1911. </span>
  1912. </span>
  1913. </span>
  1914. <b:else/>
  1915. <span class='author-info'>
  1916. <i class='fa fa-user'/>
  1917. <span class='fn'>
  1918. <span itemprop='name'><data:post.author/></span>
  1919. </span>
  1920. </span>
  1921. </b:if>
  1922. </b:if>
  1923. <b:if cond='data:top.showTimestamp'>
  1924. <b:if cond='data:post.url'>
  1925. <span class='time-info'>
  1926. <i class='fa fa-calendar-o'/> <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>
  1927. </span>
  1928. </b:if>
  1929. </b:if>
  1930. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1931. <b:if cond='data:post.labels'>
  1932. <span class='label-info'>
  1933. <b:loop values='data:post.labels' var='label'>
  1934. <a expr:href='data:label.url + &quot;?max-results=10&quot;' rel='tag'><i class='fa fa-tag'/>&amp;nbsp;&amp;nbsp;<data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1935. </b:loop>
  1936. </span>
  1937. </b:if>
  1938. </b:if>
  1939. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1940. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1941. <b:if cond='data:post.allowComments'>
  1942. <span class='comment-info'>
  1943. <i class='fa fa-comments-o'/> <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>
  1944. </a>
  1945. </span>
  1946. </b:if>
  1947. </b:if>
  1948. </b:if>
  1949. <b:include data='post' name='postQuickEdit'/>
  1950. </div>
  1951.  
  1952. <div class='post-header'>
  1953. <div class='post-header-line-1'/>
  1954. <span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1955. <b:if cond='data:top.showAuthor'>
  1956. <b:if cond='data:post.authorProfileUrl'>
  1957. <span class='fn author'>
  1958. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1959. <span itemprop='name'><data:post.author/></span>
  1960. </a>
  1961. </span>
  1962. <b:else/>
  1963. <span class='fn author'><span itemprop='name'><data:post.author/></span></span>
  1964. </b:if>
  1965. </b:if>
  1966. </span>
  1967. </div>
  1968. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1969. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1970. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1971. <data:post.body/>
  1972. <div style='clear:both;'/>
  1973. </div>
  1974. <b:else/>
  1975. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1976. <div>
  1977. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  1978. <script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
  1979. </div>
  1980. <div style='clear:both'/>
  1981. </div>
  1982. </b:if>
  1983. <b:else/>
  1984. <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  1985. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1986. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1987. &lt;div style=&quot;display:block;text-align:center;margin:15px auto;&quot;&gt;
  1988. <!-- Kode Banner/Iklan Anda Di sini -->
  1989. &lt;/div&gt;
  1990. </b:if>
  1991. <data:post.body/>
  1992. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1993. &lt;div style=&quot;display:block;text-align:center;margin:15px auto;&quot;&gt;
  1994. <!-- Kode Banner/Iklan Anda Di sini -->
  1995. &lt;/div&gt;
  1996. </b:if>
  1997. <div style='clear: both;'/>
  1998. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1999. <div class='authorboxwrap'>
  2000. <div class='authorboxfull'>
  2001. <div class='avatar-container'>
  2002. <a href=''>
  2003. <img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='96' width='96'/>
  2004. </a>
  2005. </div>
  2006. <div class='author_description_container'>
  2007. <h4><a href='#' rel='author'>Author : <data:post.author/></a></h4>
  2008. <p>
  2009. <data:post.authorAboutMe/>
  2010. </p>
  2011. </div>
  2012. </div>
  2013. </div>
  2014. <div style='clear:both'/>
  2015. <h2 class='sharetitle'><span>Share this</span></h2>
  2016. <script type='text/javascript'>
  2017. //<![CDATA[
  2018. var siteurl = window.location.href;
  2019. document.write('<div class="sharebrow"><div class="sharede"> \
  2020. <a class="gp social-popup" href="https://plus.google.com/share?url=' + siteurl + '" target="_blank" title="Share to Google+">\
  2021. <i class="fa fa-google-plus gotea"></i> Google</a> \
  2022. <a class="fb social-popup" href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="Share to Facebook">\
  2023. <i class="fa fa-facebook fbtea"></i> Facebook</a> \
  2024. <a class="tw social-popup" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&url='+siteurl+'" target="_blank" title="Share to Twitter">\
  2025. <i class="fa fa-twitter twtea"></i> Twitter</a> \
  2026. <span class="pl" data-target="#share-menu"><i class="fa fa-plus plustea"></i> More</span> \
  2027. <ul class="dropdown-menu" id="share-menu"> \
  2028. <li><a class="social-popup" href="//www.digg.com/submit?url=' + siteurl + '" target="_blank" title="Share This On Digg">Digg</a></li> \
  2029. <li><a class="social-popup" href="//www.linkedin.com/shareArticle?mini=true&amp;url=' + siteurl + '" target="_blank" title="Share This On Linkedin">Linkedin</a></li> \
  2030. <li><a class="social-popup" href="//www.stumbleupon.com/submit?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Stumbleupon">Stumbleupon</a></li> \
  2031. <li><a class="social-popup" href="//delicious.com/post?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Delicious">Delicious</a></li> \
  2032. <li><a class="social-popup" href="http://www.tumblr.com/share/link?url=' + siteurl + '&name='+encodeURIComponent(document.title)+'&description='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Tumblr">Tumblr</a></li> \
  2033. <li><a class="social-popup" href="http://bufferapp.com/add?text='+encodeURIComponent(document.title)+'&url=' + siteurl + '" target="_blank" title="Share This On BufferApp">BufferApp</a></li> \
  2034. <li><a class="social-popup" href="https://getpocket.com/save?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Pocket">Pocket</a></li> \
  2035. <li><a class="social-popup" href="http://www.evernote.com/clip.action?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Evernote">Evernote</a></li> \
  2036. </ul> \
  2037. </div><div class="clear"></div></div> \
  2038. ');
  2039. $(document).ready(function(){$(".pl").click(function(){$("#share-menu").slideToggle("fast")})});
  2040. //]]>
  2041. </script>
  2042. <div style='clear:both'/>
  2043. <div class='follow-by-email-inner'>
  2044. <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  2045. <table class='tabletd1'>
  2046. <tr>
  2047. <td>
  2048. <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  2049. </td>
  2050. <td class='tabletd2'>
  2051. <input class='follow-by-email-submit' type='submit' value='Submit'/>
  2052. </td>
  2053. </tr>
  2054. </table>
  2055. <input expr:value='data:feedPath' name='uri' type='hidden'/>
  2056. <input name='loc' type='hidden' value='en_US'/>
  2057. </form>
  2058. </div>
  2059. <div style='clear:both'/>
  2060. <script type='text/javascript'>
  2061. //<![CDATA[
  2062. //Related Post
  2063. var relnojudul = 0;
  2064. var relmaxtampil = 4;
  2065. var numchars = 90;
  2066. 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}}};
  2067. //]]>
  2068. </script>
  2069. <div id='related-post'>
  2070. <div class='relhead'>
  2071. <h4><span>Related Posts</span></h4>
  2072. <div class='clear'/>
  2073. <b:loop values='data:post.labels' var='label'>
  2074. <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'/>
  2075. </b:loop>
  2076. <ul id='related-summary'>
  2077. <script type='text/javascript'>artikelterkait();</script>
  2078. </ul>
  2079. </div>
  2080. </div>
  2081. </b:if>
  2082. <div style='clear:both;'/>
  2083. </div>
  2084. </b:if>
  2085. </article>
  2086. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2087. <div class='pagenext'>
  2088. <div class='blog-pager' id='blog-pager'>
  2089. <div class='pagenext-kiri'>
  2090. <i class='fa fa-chevron-left arrowle'/>
  2091. <div class='isipagenext-kiri'>
  2092. <b:if cond='data:newerPageUrl'>
  2093. <span id='blog-pager-newer-link'>
  2094. <span class='pager-title-left'>Next</span><br/>
  2095. <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>
  2096. </span>
  2097. <b:else/>
  2098. <span class='current-pageleft'><span class='pager-title-left'>Latest</span></span>
  2099. </b:if>
  2100. </div>
  2101. </div>
  2102. <div class='pagenext-kanan'>
  2103. <i class='fa fa-chevron-right arrowri'/>
  2104. <div class='isipagenext-kanan'>
  2105. <b:if cond='data:olderPageUrl'>
  2106. <span id='blog-pager-older-link'>
  2107. <span class='pager-title-left'>Previous</span><br/>
  2108. <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>
  2109. </span>
  2110. <b:else/>
  2111. <span class='current-pageright'><span class='pager-title-left'>First</span></span>
  2112. </b:if>
  2113. </div>
  2114. </div>
  2115. </div>
  2116. <div style='clear: both;'/>
  2117. </div>
  2118. </b:if>
  2119. </b:includable>
  2120. <b:includable id='postQuickEdit' var='post'>
  2121. <b:if cond='data:post.editUrl'>
  2122. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2123. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2124. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2125. </a>
  2126. </span>
  2127. </b:if>
  2128. </b:includable>
  2129. <b:includable id='shareButtons' var='post'>
  2130. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.share-postUrl + &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.share-postUrl + &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.share-postUrl + &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.share-postUrl + &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.share-postUrl + &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>
  2131. </b:includable>
  2132. <b:includable id='status-message'>
  2133. <b:if cond='data:navMessage'>
  2134. <div class='status-msg-wrap'>
  2135. <div class='status-msg-body'>
  2136. <data:navMessage/>
  2137. </div>
  2138. <div class='status-msg-border'>
  2139. <div class='status-msg-bg'>
  2140. <div class='status-msg-hidden'><data:navMessage/></div>
  2141. </div>
  2142. </div>
  2143. </div>
  2144. <div style='clear: both;'/>
  2145. </b:if>
  2146. </b:includable>
  2147. <b:includable id='threaded-comment-form' var='post'>
  2148. <div class='comment-form'>
  2149. <div id='form-wrapper'>
  2150. <b:if cond='data:mobile'>
  2151. <p><data:blogCommentMessage/></p>
  2152. <data:blogTeamBlogMessage/>
  2153.  
  2154. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2155.  
  2156. <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'/>
  2157.  
  2158. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2159.  
  2160. </b:if>
  2161.  
  2162. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2163.  
  2164. <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'/>
  2165.  
  2166. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2167.  
  2168. </b:if>
  2169. <b:else/>
  2170. <div id='threaded-comment-form'>
  2171. <p><data:blogCommentMessage/>
  2172. <span class='small-button1'>
  2173. <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'><i class='fa fa-smile-o'/></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'><i class='fa fa-smile-o'/></a></span>
  2174. </span>
  2175. </p>
  2176. <div id='emo-box'>
  2177. <div class='comment_emo_list'/>
  2178. </div>
  2179. <data:blogTeamBlogMessage/>
  2180.  
  2181. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2182.  
  2183. <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'/>
  2184.  
  2185. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2186.  
  2187. </b:if>
  2188.  
  2189. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2190.  
  2191. <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'/>
  2192.  
  2193. <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2194.  
  2195. </b:if>
  2196. </div>
  2197. </b:if>
  2198. </div>
  2199. <data:post.friendConnectJs/>
  2200. <data:post.cmtfpIframe/>
  2201. <script type='text/javascript'>
  2202. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2203. </script>
  2204. </div>
  2205. </b:includable>
  2206. <b:includable id='threaded_comment_js' var='post'>
  2207. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  2208. <script type='text/javascript'>
  2209. (function() {
  2210. var items = <data:post.commentJso/>;
  2211. var msgs = <data:post.commentMsgs/>;
  2212. var config = <data:post.commentConfig/>;
  2213.  
  2214. // <![CDATA[
  2215. var cursor = null;
  2216. if (items && items.length > 0) {
  2217. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  2218. }
  2219.  
  2220. var bodyFromEntry = function(entry) {
  2221. if (entry.gd$extendedProperty) {
  2222. for (var k in entry.gd$extendedProperty) {
  2223. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  2224. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  2225. }
  2226. }
  2227. }
  2228. return entry.content.$t;
  2229. }
  2230.  
  2231. var parse = function(data) {
  2232. cursor = null;
  2233. var comments = [];
  2234. if (data && data.feed && data.feed.entry) {
  2235. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  2236. var comment = {};
  2237. // comment ID, parsed out of the original id format
  2238. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  2239. comment.id = id ? id[2] : null;
  2240. comment.body = bodyFromEntry(entry);
  2241. comment.timestamp = Date.parse(entry.published.$t) + '';
  2242. if (entry.author && entry.author.constructor === Array) {
  2243. var auth = entry.author[0];
  2244.  
  2245. if (auth) {
  2246. comment.author = {
  2247. name: (auth.name ? auth.name.$t : undefined),
  2248. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  2249. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  2250. };
  2251. }
  2252. }
  2253. if (entry.link) {
  2254. if (entry.link[2]) {
  2255. comment.link = comment.permalink = entry.link[2].href;
  2256. }
  2257. if (entry.link[3]) {
  2258. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  2259. if (pid && pid[1]) {
  2260. comment.parentId = pid[1];
  2261. }
  2262. }
  2263. }
  2264. comment.deleteclass = 'item-control blog-admin';
  2265. if (entry.gd$extendedProperty) {
  2266. for (var k in entry.gd$extendedProperty) {
  2267. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  2268. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  2269. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  2270. comment.displayTime = entry.gd$extendedProperty[k].value;
  2271. }
  2272. }
  2273. }
  2274. comments.push(comment);
  2275. }
  2276. }
  2277. return comments;
  2278. };
  2279.  
  2280. var paginator = function(callback) {
  2281. if (hasMore()) {
  2282. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2283. if (cursor) {
  2284. url += '&published-min=' + new Date(cursor).toISOString();
  2285. }
  2286. window.bloggercomments = function(data) {
  2287. var parsed = parse(data);
  2288. cursor = parsed.length < 50 ? null
  2289. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2290. callback(parsed);
  2291. window.bloggercomments = null;
  2292. }
  2293. url += '&callback=bloggercomments';
  2294. var script = document.createElement('script');
  2295. script.type = 'text/javascript';
  2296. script.src = url;
  2297. document.getElementsByTagName('head')[0].appendChild(script);
  2298. }
  2299. };
  2300. var hasMore = function() {
  2301. return !!cursor;
  2302. };
  2303. var getMeta = function(key, comment) {
  2304. if ('iswriter' == key) {
  2305. var matches = !!comment.author
  2306. && comment.author.name == config.authorName
  2307. && comment.author.profileUrl == config.authorUrl;
  2308. return matches ? 'true' : '';
  2309. } else if ('deletelink' == key) {
  2310. return config.baseUri + '/delete-comment.g?blogID='
  2311. + config.blogId + '&postID=' + comment.id;
  2312. } else if ('deleteclass' == key) {
  2313. return comment.deleteclass;
  2314. }
  2315. return '';
  2316. };
  2317.  
  2318. var replybox = null;
  2319. var replyUrlParts = null;
  2320. var replyParent = undefined;
  2321.  
  2322. var onReply = function(commentId, domId) {
  2323. if (replybox == null) {
  2324. // lazily cache replybox, and adjust to suit this style:
  2325. replybox = document.getElementById('comment-editor');
  2326. if (replybox != null) {
  2327. replybox.height = '250px';
  2328. replybox.style.display = 'block';
  2329. replyUrlParts = replybox.src.split('#');
  2330. }
  2331. }
  2332. if (replybox && (commentId !== replyParent)) {
  2333. document.getElementById(domId).insertBefore(replybox.parentNode, null);
  2334. replybox.src = replyUrlParts[0]
  2335. + (commentId ? '&parentID=' + commentId : '')
  2336. + '#' + replyUrlParts[1];
  2337. replyParent = commentId;
  2338. }
  2339. };
  2340.  
  2341. var hash = (window.location.hash || '#').substring(1);
  2342. var startThread, targetComment;
  2343. if (/^comment-form_/.test(hash)) {
  2344. startThread = hash.substring('comment-form_'.length);
  2345. } else if (/^c[0-9]+$/.test(hash)) {
  2346. targetComment = hash.substring(1);
  2347. }
  2348.  
  2349. // Configure commenting API:
  2350. var configJso = {
  2351. 'maxDepth': config.maxThreadDepth
  2352. };
  2353. var provider = {
  2354. 'id': config.postId,
  2355. 'data': items,
  2356. 'loadNext': paginator,
  2357. 'hasMore': hasMore,
  2358. 'getMeta': getMeta,
  2359. 'onReply': onReply,
  2360. 'rendered': true,
  2361. 'initComment': targetComment,
  2362. 'initReplyThread': startThread,
  2363. 'config': configJso,
  2364. 'messages': msgs
  2365. };
  2366.  
  2367. var render = function() {
  2368. if (window.goog && window.goog.comments) {
  2369. var holder = document.getElementById('comment-holder');
  2370. window.goog.comments.render(holder, provider);
  2371. }
  2372. };
  2373.  
  2374. // render now, or queue to render when library loads:
  2375. if (window.goog && window.goog.comments) {
  2376. render();
  2377. } else {
  2378. window.goog = window.goog || {};
  2379. window.goog.comments = window.goog.comments || {};
  2380. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2381. window.goog.comments.loadQueue.push(render);
  2382. }
  2383. })();
  2384. // ]]>
  2385. </script>
  2386. </b:includable>
  2387. <b:includable id='threaded_comments' var='post'>
  2388. <div class='comments' id='comments'>
  2389. <a name='comments'/>
  2390. <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>
  2391. <div class='comments-content'>
  2392. <b:if cond='data:post.embedCommentForm'>
  2393. <b:include data='post' name='threaded_comment_js'/>
  2394. </b:if>
  2395. <div id='comment-holder'>
  2396. <data:post.commentHtml/>
  2397. </div>
  2398. </div>
  2399. <p class='comment-footer'>
  2400. <b:if cond='data:post.allowNewComments'>
  2401. <b:include data='post' name='threaded-comment-form'/>
  2402. <b:else/>
  2403. <data:post.noNewCommentsText/>
  2404. </b:if>
  2405. </p>
  2406. <b:if cond='data:showCmtPopup'>
  2407. <div id='comment-popup'>
  2408. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2409. </iframe>
  2410. </div>
  2411. </b:if>
  2412. <div id='backlinks-container'>
  2413. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2414. <b:if cond='data:post.showBacklinks'>
  2415. <b:include data='post' name='backlinks'/>
  2416. </b:if>
  2417. </div>
  2418. </div>
  2419. </div>
  2420. </b:includable>
  2421. </b:widget>
  2422. </b:section>
  2423. <b:section class='main2 section' id='main2' maxwidgets='1' showaddelement='yes'/>
  2424. </div>
  2425. <div class='clear'/>
  2426. </div>
  2427.  
  2428. <aside id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
  2429. <div class='sidebar-inner'>
  2430. <b:section class='sidebar-two section' id='sidebar-two' preferred='yes'>
  2431. <b:widget id='PopularPosts2' locked='false' title='Paling Dilihat' type='PopularPosts'>
  2432. <b:includable id='main'>
  2433. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  2434. <div class='widget-content popular-posts'>
  2435. <ul>
  2436. <b:loop values='data:posts' var='post'>
  2437. <li>
  2438. <b:if cond='data:showThumbnails == &quot;false&quot;'>
  2439. <b:if cond='data:showSnippets == &quot;false&quot;'>
  2440. <!-- (1) No snippet/thumbnail -->
  2441. <a expr:href='data:post.href'><data:post.title/></a>
  2442. <b:else/>
  2443. <!-- (2) Show only snippets -->
  2444. <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2445. <div class='item-snippet'><data:post.snippet/></div>
  2446. </b:if>
  2447. <b:else/>
  2448. <b:if cond='data:showSnippets == &quot;false&quot;'>
  2449. <!-- (3) Show only thumbnails -->
  2450. <div class='item-thumbnail-only'>
  2451. <b:if cond='data:post.thumbnail'>
  2452. <div class='item-thumbnail'>
  2453. <a expr:href='data:post.href' target='_blank'>
  2454. <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  2455. </a>
  2456. </div>
  2457. </b:if>
  2458. <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2459. </div>
  2460. <div style='clear: both;'/>
  2461. <b:else/>
  2462. <!-- (4) Show snippets and thumbnails -->
  2463. <div class='item-content'>
  2464. <b:if cond='data:post.thumbnail'>
  2465.  
  2466. <div class='item-thumbnail'>
  2467. <a expr:href='data:post.href' target='_blank'>
  2468. <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
  2469. </a>
  2470. </div>
  2471. </b:if>
  2472. <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
  2473. <div class='item-snippet'><data:post.snippet/></div>
  2474. </div>
  2475. <div style='clear: both;'/>
  2476. </b:if>
  2477. </b:if>
  2478. </li>
  2479. </b:loop>
  2480. </ul>
  2481. </div>
  2482. </b:includable>
  2483. </b:widget>
  2484. </b:section>
  2485. <div class='clear'/>
  2486. <b:section class='sidebar section' id='sidebar' preferred='yes'>
  2487. <b:widget id='HTML4' locked='false' title='Komentar' type='HTML'>
  2488. <b:includable id='main'>
  2489. <!-- only display title if it's non-empty -->
  2490. <b:if cond='data:title != &quot;&quot;'>
  2491. <h2 class='title'><data:title/></h2>
  2492. </b:if>
  2493. <div class='widget-content'>
  2494. <data:content/>
  2495. </div>
  2496. </b:includable>
  2497. </b:widget>
  2498. <b:widget id='Label1' locked='false' title='Label Pilihan' type='Label'>
  2499. <b:includable id='main'>
  2500. <b:if cond='data:title'>
  2501. <h3><data:title/></h3>
  2502. </b:if>
  2503. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2504. <b:if cond='data:display == &quot;list&quot;'>
  2505. <ul>
  2506. <b:loop values='data:labels' var='label'>
  2507. <li>
  2508. <b:if cond='data:blog.url == data:label.url'>
  2509. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2510. <b:else/>
  2511. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;'><data:label.name/></a>
  2512. </b:if>
  2513. <b:if cond='data:showFreqNumbers'>
  2514. <span dir='ltr'><data:label.count/></span>
  2515. </b:if>
  2516. </li>
  2517. </b:loop>
  2518. </ul>
  2519. <b:else/>
  2520. <b:loop values='data:labels' var='label'>
  2521. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2522. <b:if cond='data:blog.url == data:label.url'>
  2523. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2524. <b:else/>
  2525. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;'><data:label.name/></a>
  2526. </b:if>
  2527. <b:if cond='data:showFreqNumbers'>
  2528. <span class='label-count' dir='ltr'><data:label.count/></span>
  2529. </b:if>
  2530. </span>
  2531. </b:loop>
  2532. </b:if>
  2533. </div>
  2534. </b:includable>
  2535. </b:widget>
  2536. <b:widget id='ContactForm1' locked='false' mobile='yes' title='Formulir Kontak' type='ContactForm'>
  2537. <b:includable id='main'>
  2538. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2539. <b:if cond='data:title != &quot;&quot;'>
  2540. <h2 class='title'><data:title/></h2>
  2541. </b:if>
  2542. <div class='contact-form-widget'>
  2543. <div class='form'>
  2544. <form name='contact-form'>
  2545. <p/>
  2546. <data:contactFormNameMsg/>
  2547. <br/>
  2548. <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
  2549. <p/>
  2550. <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
  2551. <br/>
  2552. <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
  2553. <p/>
  2554. <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
  2555. <br/>
  2556. <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
  2557. <p/>
  2558. <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
  2559. <p/>
  2560. <div style='text-align: center; max-width: 222px; width: 100%'>
  2561. <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
  2562. <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
  2563. </div>
  2564. </form>
  2565. </div>
  2566. </div>
  2567. </b:if>
  2568. </b:includable>
  2569. </b:widget>
  2570. </b:section>
  2571. </div>
  2572. </aside>
  2573. </div>
  2574. <div class='clear'/>
  2575.  
  2576. <b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'/>
  2577. <div class='clear'/>
  2578. </div>
  2579.  
  2580. <footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
  2581. <div id='footer-last'>
  2582. <div id='footer-last2'>
  2583. <div class='vieleftcredit'>
  2584. Copyright &#169; <span id='current-year'/> <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> All Right Reserved |
  2585. </div>
  2586. <div id='virightcredit'>
  2587. Created by <a href='http://www.arlinadzgn.com' id='virightcredit' rel='nofollow' target='_blank'>Arlina Design</a>
  2588. </div> | Distributed By <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank'>Gooyaabi Templates</a>
  2589. </div>
  2590. </div>
  2591. </footer>
  2592. <div class='clear'/>
  2593.  
  2594. <a href='#' id='backtotop'><i class='fa fa-angle-up'/></a>
  2595. <script type='text/javascript'>
  2596. // Current year
  2597. function getCurrentYear(){var e=new Date;return e.getFullYear()}el=document.getElementById(&quot;current-year&quot;),el.innerHTML=getCurrentYear();
  2598. // Back to top
  2599. jQuery(document).ready(function(e){var t=e(&quot;#backtotop&quot;);e(window).scroll(function(){e(this).scrollTop()&gt;=800?t.show(10).animate({opacity:&quot;1&quot;},10):t.animate({opacity:&quot;0&quot;},10)});t.click(function(t){t.preventDefault();e(&quot;html,body&quot;).animate({scrollTop:0},400)})})
  2600. //<![CDATA[
  2601. // Menu Top
  2602. $(document).ready(function(){var str=location.href.toLowerCase();$('.top-menulite ul li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highlight").removeClass("highlight");$(this).parent().addClass("highlight")}})})
  2603. $(function(){var pull=$('#pull');menu=$('.top-menulite 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')}})});
  2604. // Main Menu
  2605. var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".slide-menu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".slide-menu").css("display","inline-block");if(!$(".slide-menu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".slide-menu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
  2606. //]]>
  2607. </script>
  2608. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  2609. <script type='text/javascript'>
  2610. //Pager
  2611. $(document).ready(function(){var e=$(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);$(&quot;a.blog-pager-older-link&quot;).load(e+&quot; .post-title:first&quot;,function(){var e=$(&quot;a.blog-pager-older-link&quot;).text();$(&quot;a.blog-pager-older-link&quot;).text(e)});var r=$(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);$(&quot;a.blog-pager-newer-link&quot;).load(r+&quot; .post-title:first&quot;,function(){var e=$(&quot;a.blog-pager-newer-link:first&quot;).text();$(&quot;a.blog-pager-newer-link&quot;).text(e)})});
  2612. //Related Post Thumb
  2613. $(&quot;ul#related-summary li img&quot;).each(function(){$(this).attr(&quot;src&quot;,$(this).attr(&quot;src&quot;).replace(/\/s[0-9]+(\-c)?\//,&quot;/w150-h120-c/&quot;))});
  2614. //Spoiler
  2615. $(document).ready(function(){$(&quot;#flippy&quot;).click(function(){$(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;)})});
  2616. //<![CDATA[
  2617. // Pop up
  2618. var postEl=document.getElementsByClassName("social-popup"),postCount=postEl.length;for(i=0;i<postCount;i++)postEl[i].addEventListener("click",function(e){var t=this.getAttribute("href"),o=screen.width/2-250,s=screen.height/2-250;window.open(t,"popUpWindow","width=500,height=500,left="+o+",top="+s+",resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes")});
  2619. //Pre Auto Selection
  2620. $('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
  2621. // Hargai kreativitas orang lain
  2622. var _0x7976=["\x6F\x6E\x6C\x6F\x61\x64","\x76\x69\x72\x69\x67\x68\x74\x63\x72\x65\x64\x69\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x6C","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x43\x72\x65\x61\x74\x65\x64\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x27\x20\x72\x65\x6C\x3D\x27\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x3E\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E"];window[_0x7976[0]]=function(){var _0xe8b3x1=document[_0x7976[2]](_0x7976[1]);if(_0xe8b3x1==null){window[_0x7976[4]][_0x7976[3]]=_0x7976[5]};_0xe8b3x1[_0x7976[6]](_0x7976[3],_0x7976[5]);_0xe8b3x1[_0x7976[6]](_0x7976[7],_0x7976[8]);_0xe8b3x1[_0x7976[9]]=_0x7976[10];};
  2623. //]]>
  2624. </script>
  2625. </b:if>
  2626. <b:include data='blog' name='google-analytics'/>
  2627. </body>
  2628. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!