API tools faq
paste
Advertisement
diegodcpbr

TEMA

diegodcpbr
Nov 12th, 2015
373
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 168.93 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML expr:dir='data:blog.languageDirection' lang='id' xmlns='http://www.w3.org/1999/xhtml'>
  4.   <head>
  5. <script src='http://code.jquery.com/jquery-1.11.1.min.js'/>
  6.     <!--[if IE]>
  7. </script> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
  8. <![endif]-->
  9.     <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
  10.     <link expr:title='data:blog.title + &quot; - Atom&quot;' href='/feeds/posts/default' rel='alternate' type='application/atom+xml'/>
  11.     <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  12.     <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  13.     <link expr:href='data:blog.url' rel='canonical'/>
  14.     <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  15.     <b:if cond='data:blog.isMobile'>
  16.       <meta content='width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0' name='viewport'/>
  17.     </b:if>
  18.     <b:if cond='data:blog.homepageUrl == data:blog.url'>
  19.       <meta content='The Coolest Responsive Blogger Template' name='description'/>
  20.       <meta expr:content='data:blog.title' name='keywords'/>
  21.       <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  22.         <meta expr:content='data:blog.metaDescription' name='description'/>
  23.         <meta expr:content='data:blog.title' name='keywords'/>
  24.       </b:if>
  25.       <b:else/>
  26.       <meta expr:content='data:blog.title' name='description'/>
  27.       <meta expr:content='data:blog.title' name='keywords'/>
  28.       <b:if cond='data:blog.pageType == &quot;item&quot;'>
  29.         <link href='https://plus.google.com/YOUR-USERNAME?rel=author'/>
  30.         <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  31.           <meta expr:content='data:blog.metaDescription' name='description'/>
  32.           <meta expr:content='data:blog.pageName' name='keywords'/>
  33.         </b:if>
  34.       </b:if>
  35.     </b:if>
  36.     <b:if cond='data:blog.searchLabel'>
  37.       <meta content='noindex,nofollow' name='robots'/>
  38.     </b:if>
  39.     <b:if cond='data:blog.isMobile'>
  40.       <meta content='noindex,nofollow' name='robots'/>
  41.       <b:else/>
  42.       <meta content='index,follow' name='robots'/>
  43.     </b:if>
  44.     <meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
  45.     <meta content='blogger' name='generator'/>
  46.     <meta content='general' name='rating'/>
  47.     <!-- SEO Title Tag -->
  48.     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  49.       <title>
  50.         <data:blog.pageName/>
  51.       </title>
  52.       <b:else/>
  53.       <title>
  54.         <data:blog.pageTitle/>
  55.       </title>
  56.     </b:if>
  57.     <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  58.       <title>
  59.         Archive for
  60.         <data:blog.pageName/>
  61.       </title>
  62.       <meta content='noindex,nofollow,noarchive' name='robots'/>
  63.     </b:if>
  64.     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  65.       <meta content='YOUR-USERNAME' property='fb:admins'/>
  66.       <meta content='YOUR-APP-ID' property='fb:app_id'/>
  67.       <b:if cond='data:blog.url'>
  68.         <meta expr:content='data:blog.url' property='og:url'/>
  69.       </b:if>
  70.       <meta expr:content='data:blog.title' property='og:site_name'/>
  71.       <b:if cond='data:blog.pageName'>
  72.         <meta expr:content='data:blog.pageName' property='og:title'/>
  73.       </b:if>
  74.       <meta content='website' property='og:type'/>
  75.       <b:if cond='data:blog.postImageThumbnailUrl'>
  76.         <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  77.         <b:else/>
  78.         <meta content='http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s120-c/default.png' property='og:image'/>
  79.       </b:if>
  80.     </b:if>
  81.     <meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
  82.     <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
  83.     <b:include data='blog' name='all-head-content'/>
  84.     <b:include data='blog' name='google-analytics'/>
  85.     <link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
  86.     <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'/>
  87.     <b:skin><![CDATA[
  88.      
  89. /*-----------------------------------------------
  90. Traduzido Por: http://maistemplate.blogspot.com.br
  91. Blogger Template Style
  92. Name            : B-Con
  93. Designer        : Noval Bintang
  94. URL                     : http://www.noval.web
  95. ----------------------------------------------- */
  96. /* Variable definitions
  97. ====================
  98. <Group description="Body Edit" selector="body">
  99. <Variable name="body.font" description="Font" type="font"
  100. default="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  101. <Variable name="body.background" description="Body Background" type="color" default="#C0E8FF" value="#C0E8FF"/>
  102. </Group>
  103. <Group description="Links" selector="a">
  104. <Variable name="link.color" description="Link Color" type="color" default="#2980b9" value="#2980b9"/>
  105. <Variable name="link.hover.color" description="Link Hover" type="color" default="#e74c3c" value="#e74c3c"/>
  106. <Variable name="link.visited.color" description="Link Visited" type="color" default="#2980b9" value="#2980b9"/>
  107. </Group>
  108. <Group description="Navigation" selector="#ngepet2">
  109. <Variable name="nav.background" description="Menu Background" type="color" default="#1E2B38" value="#1E2B38"/>
  110. <Variable name="navsel.background" description="Selected Menu" type="color" default="#3498db" value="#3498db"/>
  111. <Variable name="navhov.background" description="Menu Hover" type="color" default="#2980b9" value="#2980b9"/>
  112. <Variable name="nav.color" description="Text Color" type="color" default="#fff" value="#ffffff"/>
  113. </Group>
  114. <Group description="Wrapper" selector="#ngerap">
  115. <Variable name="wrap.background" description="Wrapper Background" type="color" default="#ffffff" value="#ffffff"/>
  116. <Variable name="wrap.shadow" description="Selected Menu" type="color" default="#C7C7C7" value="#C7C7C7"/>
  117. </Group>
  118. <Group description="DropDown Menu" selector="#napigate">
  119. <Variable name="drop.background" description="Dropdown Background" type="color" default="#3498db" value="#3498db"/>
  120. <Variable name="drop.hover" description="Dropdown Hover" type="color" default="#34495e" value="#34495e"/>
  121. </Group>
  122. <Group description="Sidebar" selector="#right-sidebar">
  123. <Variable name="sidebar.background" description="Sidebar Title" type="color" default="#2980b9" value="#2980b9"/>
  124. <Variable name="sidebar.color" description="Sidebar Title Color" type="color" default="#ffffff" value="#ffffff"/>
  125. </Group>
  126. <Group description="Footer" selector="#footer-wrapper">
  127. <Variable name="footer.background" description="Footer Title" type="color" default="#C4C4C4" value="#C4C4C4"/>
  128. <Variable name="footer.color" description="Footer Title Color" type="color" default="#333333" value="#333333"/>
  129. </Group>
  130. */
  131. body{
  132. background:$(body.background) !important;
  133. font:$(body.font);
  134. }
  135. a:link{
  136. color:$(link.color);
  137. }
  138. a:visited{
  139. color:$(link.visited.color);
  140. }
  141. a:hover{
  142. color:$(link.hover.color);
  143. }
  144. #ngepet2{
  145. background:$(nav.background) !important;
  146. }
  147. #ngepet ul li.selected a{
  148. background:$(navsel.background) !important;
  149. }
  150. #ngepet ul li a:hover{
  151. background:$(navhov.background) !important;
  152. }
  153. #ngepet ul li a{
  154. color:$(nav.color) !important;
  155. }
  156. #ngerap{
  157. background:$(wrap.background) !important;
  158. box-shadow:0 0 5px 1px $(wrap.shadow) !important;
  159. }
  160. #napigate{
  161. background:$(drop.background) !important;
  162. }
  163. #napigate ul li a:hover{
  164. background:$(drop.hover);
  165. }
  166. .sidebar h2{
  167. background:$(sidebar.background) !important;
  168. color:$(sidebar.color) !important;
  169. }
  170. .sidebar h2:before{
  171. color:$(sidebar.background) !important;
  172. }
  173. .footer h2{
  174. background:$(footer.background) !important;
  175. color:$(footer.color) !important;
  176. }
  177. .footer h2:before{
  178. color:$(footer.background) !important;
  179. }
  180. #ngerap{max-width:1050px;overflow:hidden;}
  181. #header-left {float: left;overflow: hidden;width: 25.67%;}
  182. #header-right {float: right;overflow: hidden;width: 69.33%;}
  183. #iklan970 {overflow: hidden;clear: both;}
  184. #main-article {overflow: hidden;float: left;width: 67.6%;}
  185. #bawahnya1, #bawahnya2 {float: left;width: 50%;}
  186. #right-bar {float: right;width: 32.4%;overflow: hidden;}
  187. #footer-wrapper{overflow:hidden;width:100%;clear:both;}
  188. #footer1,#footer2,#footer3,#footer4{width:25%;overflow:hidden;}
  189. #footer1,#footer2,#footer3{float:left;}#footer4{float:right;}
  190. a:link, a:visited{text-decoration:none;transition:all 0.2s ease-in-out;}
  191.  
  192.    ]]></b:skin>
  193.     <style type='text/css'>
  194.       .navbar,.post-feeds,.feed-links{display:none;
  195.       }
  196.       .section,.widget{margin:0 0 0 0;padding:0 0 0 0;
  197.       }
  198.       strong,b{font-weight:bold;
  199.       }
  200.       cite,em,i{font-style:italic;
  201.       }
  202.       a img{border:none;border-width:0;outline:none;
  203.       }
  204.       abbr,acronym{border-bottom:1px dotted;cursor:help;
  205.       }
  206.       sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
  207.       }
  208.       sub{top:.4em;}small{font-size:86%;
  209.       }
  210.       kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;
  211.       }
  212.       mark{background-color:#ffce00;color:black;
  213.       }
  214.       p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;
  215.       }
  216.       hr{height:1px;border:none;background-color:#666;
  217.       }
  218.       /* heading */
  219.       h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em;
  220.       }
  221.       h1{font-size:200%
  222.       }
  223.       h2{font-size:180%
  224.       }
  225.       h3{font-size:160%
  226.       }
  227.       h4{font-size:140%
  228.       }
  229.       h5{font-size:120%
  230.       }
  231.       h6{font-size:100%
  232.       }
  233.       /* list */
  234.       ol,ul,dl{margin:.5em 0em .5em 3em
  235.       }
  236.       ol{list-style:decimal outside
  237.       }
  238.       ul{list-style:disc outside
  239.       }
  240.       li{margin:.5em 0
  241.       }
  242.       dt{font-weight:bold
  243.       }
  244.       dd{margin:0 0 .5em 2em
  245.       }
  246.       /* form */
  247.       input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;
  248.       }
  249.       textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  250.       }
  251.       /* code blockquote */
  252.       pre,code{font-family:&quot;Courier New&quot;,Courier,Monospace;color:inherit;
  253.       }
  254.       pre{white-space:pre;word-wrap:normal;overflow:auto;
  255.       }
  256.       blockquote{background:#f8f8f8;margin-left:2em;margin-right:2em;border-left:4px solid #ccc;padding:1em 1em;font-style:italic;
  257.       }
  258.       /* table */
  259.       .post-body table[border=&quot;1&quot;] th, .post-body table[border=&quot;1&quot;] td, .post-body table[border=&quot;1&quot;] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;
  260.       }
  261.       .post-body table.tr-caption-container {border:1px solid #ddd;
  262.       }
  263.       .post-body th{font-weight:bold;
  264.       }
  265.       .post-body table[border=&quot;1&quot;] caption{border:none;font-style:italic;
  266.       }
  267.       .post-body table{background:#f6f6f6;
  268.       }
  269.       .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #ddd;
  270.       }
  271.       .post-body th{background:#eee;
  272.       }
  273.       .post-body table.tr-caption-container td {background:#f6f6f6;border:none;padding:8px;
  274.       }
  275.       .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:440px;height:auto;
  276.       }
  277.       .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;
  278.       }
  279.       body#layout #wrapper {
  280.         padding:0 0 0 0;
  281.       }
  282.       .clear {
  283.         clear:both;
  284.       }
  285.       .clear:after {
  286.         visibility:hidden;
  287.         display:block;
  288.         font-size:0;
  289.         content:&quot; &quot;;
  290.         clear:both;
  291.         height:0;
  292.       }
  293.     </style>
  294.     <style type='text/css'>
  295.       @font-face{font-family:&#39;Oswald&#39;;font-style:normal;font-weight:400;src:local(&#39;Oswald Regular&#39;), local(&#39;Oswald-Regular&#39;), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format(&#39;woff&#39;);}
  296.       @font-face{font-family:&#39;Oswald&#39;;font-style:normal;font-weight:700;src:local(&#39;Oswald Bold&#39;), local(&#39;Oswald-Bold&#39;), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format(&#39;woff&#39;);}
  297.       ol, ul {
  298.         margin: 0px;
  299.       }
  300.       img {
  301.         max-width: 100% !important;
  302.         height: auto;
  303.       }
  304.       body{margin:0px;padding:0px;}
  305.       .clear{clear:both;}
  306.       .nyelect{color:#3498db !important;}
  307.       .widget {
  308.         overflow: hidden;
  309.       }
  310.       /* Sidebar */
  311.       .sidebar h2 {
  312.         font-family: &#39;Oswald&#39;,sans-serif;
  313.         font-size: 17px;
  314.         background: #2980b9;
  315.         color: #fff;
  316.         position: relative;
  317.         padding: 5px 10px;
  318.         border-radius: 5px;
  319.         margin-bottom: 15px;
  320.       }
  321.       /* KOMENTAR */
  322.       #comments {
  323.         line-height: 1em;
  324.         position: relative;
  325.         border-radius: 6px;
  326.         margin-top: 20px;
  327.         padding: 10px;
  328.       }
  329.       .comment_avatar_wrap{width:42px;height:42px;text-align:center;margin-bottom:20px}#comments .avatar-image-container{float:left;margin:0 10px 0 0;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;margin-bottom:10px}#comments .avatar-image-container img{width:42px;height:42px;max-width:42px;max-height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}.comment_name a{color:rgb(33, 126, 211);font-family:Oswald,Arial,Sans-serif;padding-bottom:10px;font-size:14px;text-decoration:none}.comment_admin .comment_name{font-family:Oswald,Arial,Sans-serif;padding-bottom:10px;font-size:14px;text-decoration:none}.comment_admin .comment_date{font-weight:normal;font-size:11px}.comment_name{font-family:Oswald,Arial,Sans-serif;padding-bottom:10px;font-size:14px;font-weight:normal;position:relative}.comment_service{margin-top:5px}.comment_date{color:#999;float:right;font-size:11px;font-weight:normal}.comment_date a{color:#a9a9a9;float:right;font-size:11px;font-weight:normal}.comment_date a:hover{color:#a9a9a9;text-decoration:none}.comment_body{position: relative;border-radius: 10px;margin-left:65px;background:#2c3e50;border:1px solid #1d2630;border-top:1px solid #171f28;border-left:1px solid #171f28;padding:15px}.comment_body p{line-height:1.5em;margin:5px 0 0 0;color:#fff;font-size:13px;word-wrap:break-word;padding-bottom:10px}.comment_inner{padding:15px;position:relative;}.comment_reply{color:#2980b9!important;}.comment_reply:hover{color:#2c3e50;}.unneeded-paging-control{display:none}#comment-editor{width:100%!important;background:#e1e3e6 url(&#39;http://4.bp.blogspot.com/-TIf6ayZW9R4/UkxBo2beCQI/AAAAAAAAFsA/XR2DBWD3YG4/s1600/kangis-loader.gif&#39;) no-repeat 50% 30%;border-radius:4px;margin-bottom:20px;position:relative}.comment-form{max-width:100%!important}.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:bold;font-family:Arial,Helvetica,Garuda,sans-serif;font-size:15px}.comment_form a:hover{text-decoration:underline}.comment_reply_form{padding:0 0 0 70px}.comment_reply_form .comment-form{width:99%}img.comment_emo{margin:0;padding:0;vertical-align:middle}.comment_emo_list {overflow: hidden;text-align: center;background: #1191DA;color: #666;display:none;}.comment_emo_list .item{float:left;text-align:center;margin:10px 10px 0 0;height:40px;width:41px}.comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px}.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}.comment_img{max-width:100%!important}.comment_header{width:50px;position:absolute;top:25px;}#respond{overflow:hidden;padding-left:10px;clear:both}.comment_avatar img{border-radius:100%;width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}.comment-delete img{float:right;margin-left:15px;margin-top:3px}.comment_admin .comment_author_flag{display:inline;font-size:0;font-weight:normal;padding:3px 3px;right:-23px;margin-top:-17px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:30px}iframe{border:none;overflow:hidden}.deleted-comment{background:#db6161 url(http://4.bp.blogspot.com/-Yj5ewidrX5Q/UkrG9s3fS5I/AAAAAAAAFrQ/rhhaMJwHDoc/s1600/tempat-sampah.png) no-repeat 2% 50%;color:#efd4d4;line-height:22px;border:1px solid #c44d4d;padding:12px 15px 12px 45px;margin:5px 0;display:block}.comment-form p{background:#54687c;padding:15px 15px 14px 15px;margin:5px 0 5px 0;color:#f4f4f4;font-size:13px;line-height:20px;border-radius:4px;position:relative}div.comment_avatar img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;]{content:url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s45-c/gravatar.png)}div:target .comment_inner{background:#ccc;transition:all 5s ease-out}div:target .comment_child .comment_wrap .comment_inner{background:#404c5c}iframe{border:none;overflow:hidden}.comment_admin .comment_name a {color: #2c3e50;}.comment_admin .comment_body {margin-left: 0px;margin-right: 65px;background: #2980b9;border: 1px solid #0C6FB1;}.comment_admin .comment_header {right: 5px;}
  330.       .comment_emo_list{
  331.         background:transparent !important;
  332.       }
  333.       #comments h3{border-radius:4px;text-align:center;font-size:14px;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase;font-weight:normal;left:0;top:-53px;background:#5498C9;color:#fff;padding:14px;}
  334.       #comments .pencet {
  335.         color : #fff;
  336.         margin-right : 10px;
  337.         padding : 4px 15px;
  338.         background-color : #e74c3c;
  339.         font-size : 12px;
  340.         font-weight : 400;
  341.         text-transform : none;
  342.         border-radius : 4px;
  343.         text-decoration : none;
  344.         outline : none;
  345.         box-shadow : 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px #333;
  346.         text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3);
  347.         transition : background-color 1s 0s ease-out;
  348.         cursor : pointer;
  349.       }
  350.       #comments .pencet a {
  351.         color : #fff !important ;
  352.       }
  353.       .my-konversi {
  354.         display : none;
  355.         background : none;
  356.         width : 100%;
  357.         margin-bottom : 15px;
  358.         overflow: hidden;
  359.       }
  360.     </style>
  361.    
  362.     <b:if cond='data:blog.isMobile'>
  363.       <style type='text/css'>
  364.         .sidebar .widget {
  365.           margin: 10px;
  366.           overflow: hidden;
  367.         }
  368.         .PageList select {
  369.           width: 100%;
  370.         }
  371.         .pagelist-arrow {
  372.           display: none;
  373.         }
  374.         #header-right {
  375.           float: none !important;
  376.           width: auto !important;
  377.           margin: 5px !important;
  378.           clear: both !important;
  379.           display: inline-block !important;
  380.         }
  381.         #share-button{margin:0 0 8px;padding:0;overflow:hidden}#share-button p{float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:hover{top:1px;
  382.           left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}
  383.         body{background:#cfcfcf;}
  384.         #ngerap{max-width:600px;overflow:hidden;margin:0 auto;background:#fff;position:relative;}
  385.         #header-left {
  386.           background: #3498db;
  387.           color: #fff;
  388.           font-family: &#39;Oswald&#39;, sans-serif;
  389.           overflow:hidden;
  390.           position:relative;
  391.         }
  392.         #nyari-mobile {
  393.           position: absolute;
  394.           display: block;
  395.           font-size: 17px;
  396.           cursor: pointer;
  397.           top: 0px;
  398.           right: 0px;
  399.           color: #fff;
  400.           padding: 4px 10px;
  401.         }
  402.         #mobile-nyari form {
  403.           margin: 0px;
  404.           padding: 10px;
  405.         }
  406.         #mobile-nyari {
  407.           background: #eee;
  408.         }
  409.         .descriptionwrapper {
  410.           display: none;
  411.         }
  412.         #header-left {
  413.           width: 100%;
  414.         }
  415.         #main-article, #right-bar {
  416.           float: none;
  417.           width: 100%;
  418.         }
  419.         #hidding1, #hidding2 {
  420.           position: absolute;
  421.           display: block;
  422.           padding: 1px 10px;
  423.           font-size: 22px;
  424.           cursor: pointer;
  425.         }
  426.         #hidding2{display:none;}
  427.         h1.title, p.title {
  428.           text-align: center;
  429.           font-size: 18px !important;
  430.           padding: 4px;
  431.           margin: 0px;
  432.           font-weight: normal;
  433.         }
  434.         .mobile-post-outer {
  435.           padding: 10px;
  436.           border-bottom: 1px solid #CECECE;
  437.         }
  438.         .mobile-thumbnail {
  439.           float: left;
  440.           margin: 0 5px 0 0;
  441.         }
  442.         h3.mobile-index-title.entry-title {
  443.           font-size: 17px;
  444.           margin: 0px;
  445.         }
  446.         .comment-link {
  447.           display: none;
  448.         }
  449.         .mobile-thumbnail img {
  450.           border: 1px solid #B8B8B8;
  451.           width: 72px;
  452.           height: 72px;
  453.         }
  454.         .breadcrumbs {
  455.           padding: 10px;
  456.           border-bottom: 1px dotted #ccc;
  457.         }
  458.         #comments h3 {
  459.           font-size: 17px;
  460.           font-family: &#39;Oswald&#39;, sans-serif;
  461.           font-weight: normal;
  462.           border-radius: 0 0 10px 10px;
  463.           margin-top: 20px;
  464.         }
  465.         #comments {
  466.           margin: 10px;
  467.         }
  468.         .comment_avatar img {
  469.           border-radius: 0px !important;
  470.         }
  471.         .comment_header {
  472.           top: 5px !important;
  473.           padding: 5px;
  474.         }
  475.         .comment_body {
  476.           border-radius: 0px !important;
  477.           border: 0px !important;
  478.           background: #fff !important;
  479.           padding: 0px !important;
  480.         }
  481.         .comment_body p {
  482.           color: #666 !important;
  483.         }
  484.         .my-konversi {
  485.           display: none;
  486.         }
  487.         .date-header {
  488.           display: none;
  489.         }
  490.         .ngopy{
  491.           text-align:center;
  492.           background:#3498db;
  493.           font-size:11px;
  494.           padding:10px;
  495.           color:#fff;
  496.         }
  497.         .ngopy p {
  498.           margin: 0px;
  499.           padding: 0px;
  500.         }
  501.         .ngopy a{color:#fff;}
  502.         .comment_emo_list {
  503.           background: transparent !important;
  504.           color: #666 !important;
  505.           display:none;
  506.         }
  507.         #comment-editor {
  508.           display: block !important;
  509.         }
  510.         .comment_reply {
  511.           color: #2c3e50 !important;
  512.         }
  513.         .pencet {
  514.           display: none;
  515.         }
  516.         .comment_inner {padding: 10px 5px !important;
  517.           border-top: 1px solid rgba(204, 204, 204, 0.53);
  518.         }
  519.         .related-post ul {
  520.           padding: 0px;
  521.           margin: 0 0 0 10px;
  522.           list-style: none;
  523.         }
  524.         .related-post ul li {
  525.           font-size: 15px;
  526.           margin: 0 10px 0 0;
  527.           padding: 5px 0;
  528.           border-bottom: 1px dotted #E4E4E4;
  529.         }
  530.         .related-post h5:before {
  531.           content: &quot; &quot;;
  532.           width: 200px;
  533.           background: #000;
  534.           height: 2px;
  535.           position: absolute;
  536.           bottom: -2px;
  537.         }
  538.         .related-post h5 {
  539.           margin: 0 10px 10px 10px;
  540.           font-family: &#39;Oswald&#39;, sans-serif;
  541.           font-weight: normal;
  542.           font-size: 17px;
  543.           border-bottom: 2px solid #ccc;
  544.           position: relative;
  545.         }
  546.         .related-post {
  547.           overflow: hidden;
  548.           margin: 10px 0;
  549.           border: 1px solid rgba(204, 204, 204, 0.53);
  550.           padding: 10px 5px;
  551.         }
  552.         ul#pagelizt li a:hover {
  553.           background: #34495e;
  554.           color: #fff;
  555.         }
  556.         ul#pagelizt li {
  557.           margin: 0px;
  558.           padding: 0px;
  559.           position: relative;
  560.         }
  561.         ul#pagelizt li a {
  562.           display: block;
  563.           font-size: 13px;
  564.           color: #ccc;
  565.           padding: 11px 20px;
  566.           border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  567.           border-top: 1px solid rgba(52, 73, 94, 0.25);
  568.         }
  569.         ul#pagelizt {
  570.           list-style: none;
  571.           padding: 0px;
  572.           margin: 0px;
  573.           position: absolute;
  574.           width: 160px;
  575.           background: #2c3e50;
  576.           z-index: 999;
  577.           height: 100%;
  578.           box-shadow: 0 0 5px;
  579.           left: -165px;
  580.         }
  581.         .minggir {
  582.           overflow: hidden;
  583.         }
  584.         .hilangin{display:none !important;}
  585.         .displaying{display:inherit !important;}
  586.         .icon-mail-reply-all:before{display:none !important;}
  587.         #blog-pager {
  588.           padding: 10px 20px;
  589.         }
  590.       </style>
  591.       <b:if cond='data:blog.pageType == &quot;item&quot;'>
  592.         <style>
  593.           h3.post-title.entry-title {
  594.             margin: 0 0 20px 0;
  595.             text-align: center;
  596.           }
  597.           .post-footer-line-1 {
  598.             visibility: hidden;
  599.           }
  600.         </style>
  601.       </b:if>
  602.       <b:else/>
  603.       <style type='text/css'>
  604.         #opFace {
  605.           cursor: pointer;
  606.           background: #eee;
  607.           color: #707070;
  608.           padding: 3px 10px;
  609.           border-radius: 3px;
  610.           font-size: 13px;
  611.           transition:all 0.4s ease-in-out;
  612.         }
  613.         #opFace:hover{
  614.           background:#3498db;
  615.           color:#fff;
  616.         }
  617.         #PageList2{display:none;}
  618.         body{background:rgba(52, 152, 219, 0.2);margin:0px;padding:0px;font-family:&#39;PT Sans Narrow&#39;,sans-serif;}
  619.         .textLeft{text-align:left !important;}
  620.         .textCenter{text-align:center !important;}
  621.         .textRight{text-align:right !important;}
  622.         .textJustify{text-align:justify !important;}
  623.         .breadcrumbs {
  624.           visibility: hidden;
  625.         }
  626.         /* Wrapper */
  627.         #ngerap {
  628.           max-width: 1050px;
  629.           margin: 20px auto;
  630.           overflow: hidden;
  631.           padding: 15px;
  632.           background: #fff;
  633.           box-shadow: 0 0 5px 1px #C7C7C7;
  634.           margin-top: 96px;
  635.         }
  636.         #ngepet2 .cutter {
  637.           padding: 15px 0;
  638.         }
  639.         .cutter{
  640.           max-width:1050px;
  641.           margin:0 auto;
  642.           overflow:hidden;
  643.         }
  644.         #main-article {
  645.           overflow: hidden;
  646.           clear: both;
  647.           background:#fff;
  648.         }
  649.         #right-bar {
  650.           float: right;
  651.           width: 32.4%;
  652.           overflow: hidden;
  653.         }
  654.         /* Pagelist */
  655.         #hidding4, #hidding5 {
  656.           display: inline-block;
  657.           color: #fff;
  658.           padding: 0px 10px;
  659.           font-size: 28px;
  660.           margin: 2px 3px;
  661.           border: 2px solid #eee;
  662.           cursor: pointer;
  663.           display: none;
  664.         }
  665.         #ngepet2 {
  666.           box-shadow: 0 0 3px #666;
  667.           overflow: hidden;
  668.           margin-bottom: 10px;
  669.           background: #1E2B38;
  670.           position: fixed;
  671.           width: 100%;
  672.           top: 0px;
  673.           z-index: 9999;
  674.           opacity: 0.89;
  675.           transition: all 0.4s ease-in-out;
  676.         }
  677.         #ngepet2:hover{
  678.           opacity:1;
  679.         }
  680.         #ngepet ul {
  681.           margin: 0px;
  682.           list-style: none;
  683.           padding: 0px;
  684.         }
  685.         #ngepet ul li {
  686.           padding: 0px;
  687.           margin: 0px;
  688.           display: block;
  689.           float: left;
  690.         }
  691.         #ngepet ul li.selected a {
  692.           color: #fff;
  693.           background: #3498db;
  694.         }
  695.         #ngepet ul li a:hover {
  696.           color: #fff;
  697.           background: #2980b9;
  698.         }
  699.         #ngepet ul li a {
  700.           padding: 9px 13px;
  701.           display: block;
  702.           color: #bdc3c7;
  703.           margin: 4px;
  704.         }
  705.         #search-button-top {
  706.           border: 0px;
  707.           float: right;
  708.           margin: 3px 7px 0 0;
  709.           padding: 10px;
  710.           width: 40px;
  711.           background-image: url(&quot;&quot;);
  712.           background-size: 30px;
  713.           background-repeat: no-repeat;
  714.           background-color: #2980b9;
  715.           background-position: 14px -224px;
  716.           cursor: pointer;
  717.           transition: all 0.4s ease-in-out;
  718.         }
  719.         #search-button-top:hover {
  720.           background-color: #2980b9;
  721.         }
  722.         #diklik {
  723.           margin: 3px 0;
  724.           padding: 10px;
  725.           border: 0px;
  726.           background: rgba(255, 255, 255, 0.14);
  727.           color: #fff;
  728.           transition: all 0.5s ease-in-out;
  729.         }
  730.         #diklik:focus {
  731.           background: rgba(0, 0, 0, 0.34);
  732.         }
  733.         #nyarinya form {
  734.           margin: 0px;
  735.           padding: 0px;
  736.         }
  737.         #ngepet {
  738.           float: left;
  739.         }
  740.         #nyarinya {
  741.           float: right;
  742.         }
  743.         /* Header */
  744.         #header-left {
  745.           float: left;
  746.           overflow: hidden;
  747.           width: 25.67%;
  748.         }
  749.         #header-right {
  750.           float:right;
  751.           overflow:hidden;
  752.           width:69.33%;
  753.         }
  754.         #header-left, #header-right {
  755.           margin-bottom: 20px;
  756.         }
  757.         /* Dropdown */
  758.         #hilang {
  759.           display: none;
  760.           float: left;
  761.           color: #fff;
  762.           font-size: 21px;
  763.           padding: 10px;
  764.         }
  765.         #napigate {
  766.           overflow: hidden;
  767.           clear: both;
  768.           background: #3498db;
  769.         }
  770.         #napigate ul li {
  771.           display: block;
  772.           float: left;
  773.           margin: 0px;
  774.         }
  775.         #napigate ul {
  776.           list-style: none;
  777.           padding: 0px;
  778.           margin: 0px;
  779.         }
  780.         #napigate ul li a {
  781.           color: #eee;
  782.           padding: 13px 15px;
  783.           font-size: 14px;
  784.           font-family: &#39;PT Sans Narrow&#39;, sans-serif;
  785.           display: block;
  786.           text-transform: uppercase;
  787.           position: relative;
  788.         }
  789.         #napigate ul li a.ngedrop:after {
  790.           content: &quot;\f107&quot;;
  791.           font-family: FontAwesome;
  792.           padding-left: 5px;
  793.         }
  794.         #napigate ul li ul li {
  795.           float: none;
  796.         }
  797.         #napigate ul li:hover ul {
  798.           display: inherit !important;
  799.         }
  800.         #napigate ul li ul {
  801.           position: absolute;
  802.           background: #fff;
  803.           box-shadow: 0 0 1px rgba(204, 204, 204, 0.61);
  804.           border: 1px solid rgba(204, 204, 204, 0.26);
  805.           display: none;
  806.           z-index:10;
  807.         }
  808.         #napigate ul li ul li a {
  809.           padding: 10px 40px 10px 10px;
  810.           font-size: 13px;
  811.           color: #666;
  812.         }
  813.         #napigate ul li ul li a:hover{
  814.           background: rgba(52, 152, 219, 0.07);
  815.         }
  816.         #napigate ul li ul:before {
  817.           content: &quot;\f0d8&quot;;
  818.           font-family: FontAwesome;
  819.           position: absolute;
  820.           top: -17px;
  821.           left: 23px;
  822.           font-size: 23px;
  823.           color: #fff;
  824.           text-shadow: 0 -1px 1px #ccc;
  825.         }
  826.         .iklan970 .widget {
  827.           padding: 10px 40px;
  828.         }
  829.         /* Ngopsi */
  830.         #ngopsi {
  831.           border-top: 1px solid rgba(204, 204, 204, 0.37);
  832.           border-bottom: 1px solid rgba(204, 204, 204, 0.37);
  833.           padding: 5px 0;
  834.           color: #666;
  835.           overflow: hidden;
  836.         }
  837.         #ngopsi i {
  838.           font-size: 20px;
  839.           cursor: pointer;
  840.           margin: 0 3px;
  841.           transition: all 0.4s ease-in-out;
  842.         }
  843.         #ngopsi i:hover {
  844.           color: #3498db;
  845.         }
  846.         #ngopsi .left, #ngopsi .nyenter, #ngopsi .right {
  847.           width: 33.333%;
  848.         }
  849.         #ngopsi .left, #ngopsi .nyenter {
  850.           float: left;
  851.         }
  852.         #ngopsi .right {
  853.           float: right;
  854.           text-align: right;
  855.         }
  856.         #ngopsi .nyenter {
  857.           text-align: center;
  858.         }
  859.         /* Article */
  860.         #main-article {
  861.           overflow: hidden;
  862.           float: left;
  863.           width: 67.6%;
  864.         }
  865.         .post-info { display: block; margin: 10px; padding: 5px 0; color: #999; line-height: 1.4em; border-top: 1px dotted #e2e2e2; border-bottom: 1px dotted #e2e2e2; font-size: 12px; overflow: hidden; } .post-info a { color: #999; } .post-info-icon { background-image: url(&quot;&quot;); background-repeat: no-repeat; } .post-info-icon { display: inline-block; float: left; margin: 0 12px 0 0; } .post-info a:hover { color: #000; } .jam { background-position: 0 -98px; height: 16px; padding: 0 0 0 17px; } .komentar { background-position: 0 -132px; height: 16px; padding: 0 0 0 17px; } .label { background-position: 0 -166px; height: 16px; padding: 0 0 0 17px; } .admin { background-position: 0 1px; height: 16px; padding: 0 0 0 17px; } .tanggal { background-position: 0 -32px; height: 16px; padding: 0 0 0 17px; }
  866.         .ngepot {
  867.           background: #fff;
  868.           padding: 14px;
  869.           border-radius: 0 0 6px 6px;
  870.         }
  871.         .post-body {
  872.           font-family: sans-serif;
  873.           font-size: 17px;
  874.           line-height: 24px;
  875.           color: #444;
  876.         }
  877.         blockquote {
  878.           background: #f5f5f5;
  879.           border-color: #4C6C81;
  880.           margin: 10px 20px 10px 5px;
  881.           font-size: 13px;
  882.           color: #575757;
  883.         }
  884.         h1.post-title a {
  885.           font-size: 23px;
  886.           font-family: calibri;
  887.         }
  888.         h1.post-title {
  889.           margin: 0px;
  890.           padding: 0px;
  891.           text-align:center;
  892.         }
  893.         .horizontal-social-buttons {
  894.           overflow: hidden;
  895.           border-top: 2px solid rgba(204, 204, 204, 0.34);
  896.           border-bottom: 2px solid rgba(204, 204, 204, 0.34);
  897.           margin: 10px 0;
  898.           padding: 10px 0 !important;
  899.         }
  900.         /* Footer */
  901.         .footer ul {
  902.           list-style: none;
  903.           padding: 0px;
  904.           margin: 0px;
  905.         }
  906.         .footer ul li {
  907.           margin: 2px 0;
  908.         }
  909.         .footer h2:before {
  910.           content: &quot;\f0d7&quot;;
  911.           font-family: FontAwesome;
  912.           position: absolute;
  913.           bottom: -12px;
  914.           color: #c4c4c4;
  915.           left: 10px;
  916.           font-size: 19px;
  917.         }
  918.         .footer h2 {
  919.           font-size: 16px;
  920.           background: #C4C4C4;
  921.           padding: 8px;
  922.           border-radius: 5px;
  923.           color: #333;
  924.           position: relative;
  925.         }
  926.         .footer .widget {
  927.           margin: 10px 5px;
  928.         }
  929.         .ngopy {
  930.           overflow: hidden;
  931.           clear: both;
  932.           padding: 10px;
  933.           color: #ACACAC;
  934.           text-align: center;
  935.           font-size: 14px;
  936.           border-top: 1px solid #C9C9C9;
  937.         }
  938.         .ngopy .kiri {
  939.           float: left;
  940.         }
  941.         .ngopy .kanan {
  942.           float: right;
  943.           text-align: right;
  944.         }
  945.         .ngopy p {
  946.           margin: 0px;
  947.         }
  948.         #backtop{cursor:pointer;position:fixed!important;position:absolute;bottom:-70px;z-index:99;background-color:#2980b9;-webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;-moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;width:45px;height:45px;overflow:hidden;text-indent:-999px;-webkit-border-top-left-radius: 30px;
  949.           -moz-border-radius-topleft: 30px;
  950.           border-top-left-radius: 30px;}
  951.         #backtop::after{content:&quot;&quot;;position:absolute;top:-4px;left:15px;width:0;height:0;border-width:18px 7px;border-style:solid;border-color:transparent transparent #f7f7f7 transparent;}
  952.         /* Sidebar */
  953.         .sidebar .widget {
  954.           margin: 10px 5px;
  955.           padding: 1px 0;
  956.         }
  957.         .sidebar .Label ul {
  958.           padding: 0px;
  959.           list-style: none;
  960.         }
  961.         .sidebar .Label ul li:before {
  962.           content: &quot;\f02b&quot;;
  963.           font-family: FontAwesome;
  964.           color: #666;
  965.           padding-right: 7px;
  966.         }
  967.         .sidebar .Label ul li span {
  968.           position: absolute;
  969.           right: 5px;
  970.           font-size: 11px;
  971.           color: #2c3e50;
  972.         }
  973.         .sidebar .Label ul li {
  974.           position: relative;
  975.           background: rgba(127, 140, 141, 0.08);
  976.           padding: 5px;
  977.           margin: 0px;
  978.           border-bottom: 1px solid rgba(204, 204, 204, 0.22);
  979.           font-size: 14px;
  980.         }
  981.         .sidebar .Label ul li:hover {
  982.           background: #bdc3c7;
  983.         }
  984.         #main-left .widget {
  985.           border-radius: 0 5px 5px 0;
  986.         }
  987.         .sidebar ul {
  988.           margin: 0px;
  989.           padding: 0 0 0 20px;
  990.         }
  991.         .sidebar li {
  992.           font-size: 15px;
  993.           line-height: 21px;
  994.           border-bottom: 1px dotted #ccc;
  995.         }
  996.         .PopularPosts ul {
  997.           padding: 0px;
  998.           list-style: none;
  999.         }
  1000.         .PopularPosts .widget-content ul li {
  1001.           padding: 0px;
  1002.           margin: 10px 0;
  1003.         }
  1004.         .PopularPosts .item-snippet {
  1005.           font-size: 13px;
  1006.           line-height: 18px;
  1007.         }
  1008.         .PopularPosts .item-title {
  1009.           font-weight: bold;
  1010.           font-family: sans-serif;
  1011.           font-size: 15px;
  1012.           margin: 0px;
  1013.           line-height: 18px;
  1014.         }
  1015.         .PopularPosts .item-title {
  1016.           padding-bottom: 0px;
  1017.         }
  1018.         .comment_body:before {content: &quot;\f0d9&quot;;font-family: FontAwesome;position: absolute;left: -10px;font-size: 30px;color: #2c3e50;text-shadow: -1px 1px 0 #000;top: 21px;}
  1019.         .comment_body:before {
  1020.           content: &quot;\f0d9&quot;;
  1021.         }
  1022.         .comment_admin .comment_body:before{
  1023.           content: &quot;\f0da&quot;;
  1024.         }
  1025.         .comment_admin .comment_body:before {content: &quot;\f0da&quot;;right: -10px;left: inherit;color: #2980b9;text-shadow: 1px 1px 0px #00568F;}
  1026.         /* Bawah */
  1027.         #bawahnya1{float:left;width:50%;overflow:hidden;}
  1028.         #bawahnya2{float:right;width:50%;overflow:hidden;}
  1029.         .bawahnya .widget {
  1030.           margin: 14px 7px;
  1031.           overflow: hidden;
  1032.           background: #fff;
  1033.           border: 1px solid #E2ECF3;
  1034.           padding: 15px;
  1035.           clear: both;
  1036.         }
  1037.         .labelbox h3, .bawahnya h2{
  1038.           font-family: &#39;Oswald&#39;,sans-serif;
  1039.           font-size: 17px;
  1040.           border-bottom: 3px solid #ecf0f1;
  1041.           color: #3498db;
  1042.           position: relative;
  1043.         }
  1044.         .sidebar h2:before {
  1045.           content: &quot;\f0d7&quot;;
  1046.           font-family: FontAwesome;
  1047.           color: #2980b9;
  1048.           position: absolute;
  1049.           right: 16px;
  1050.           bottom: -14px;
  1051.           font-size: 22px;
  1052.         }
  1053.         .sidebar h2 {
  1054.           font-family: &#39;Oswald&#39;,sans-serif;
  1055.           font-size: 17px;
  1056.           background: #2980b9;
  1057.           color: #fff;
  1058.           position: relative;
  1059.           padding: 5px 10px;
  1060.           border-radius: 5px;
  1061.           margin-bottom: 15px;
  1062.         }
  1063.         i.icon-google-plus-sign {
  1064.           color: #d73d32;
  1065.         }
  1066.         i.icon-linkedin-sign {
  1067.           color: #069;
  1068.         }
  1069.         i.icon-pinterest-sign {
  1070.           color: #ab171e;
  1071.         }
  1072.         i.icon-github-sign {
  1073.           color: #333333;
  1074.         }
  1075.         i.icon-twitter-sign {
  1076.           color: #55acee;
  1077.         }
  1078.         i.icon-facebook-sign {
  1079.           color: #3b5998;
  1080.         }
  1081.         .labelbox ul {
  1082.           padding: 10px;
  1083.           margin: 0px;
  1084.           list-style: none;
  1085.         }
  1086.         .labelbox .entry-thumb img {
  1087.           width: 100%;
  1088.         }
  1089.         .labelbox li.first {
  1090.           margin: 0px;
  1091.         }
  1092.         .labelbox .entry-title {
  1093.           font-family: &#39;Oswald&#39;, sans-serif;
  1094.           font-size: 20px;
  1095.           margin: 0px;
  1096.           text-align: center;
  1097.           border-bottom: 0px;
  1098.         }
  1099.         .labelbox .entry-meta {
  1100.           font-size: 11px;
  1101.         }
  1102.         .labelbox .entry-excerpt p {
  1103.           margin: 5px 0;
  1104.           font-size: 14px;
  1105.         }
  1106.         .labelbox li.catlist {
  1107.           font-size: 14px;
  1108.           padding: 0 0 3px 0;
  1109.           border-bottom: 1px dotted #ccc;
  1110.         }
  1111.         a.buying {
  1112.           background: #c0392b;
  1113.           text-align: center;
  1114.           display: inline-block;
  1115.           color: #eee;
  1116.           padding: 22px;
  1117.           border-radius: 10px;
  1118.           box-shadow: 0 0 5px #000;
  1119.           text-shadow: 1px 1px 3px #851F14;
  1120.         }
  1121.         .labelbox li.catlist a:before {
  1122.           content: &quot;\f00c&quot;;
  1123.           font-family: FontAwesome;
  1124.           padding-right: 8px;
  1125.         }
  1126.         .labelbox h2.entry-title:before {
  1127.           content: &quot; &quot;;
  1128.           width: 0px;
  1129.           height: 0px;
  1130.         }
  1131.         img.label_thumb{float:left;margin-right:5px;}img.label_thumb:hover{background:#f7f6f6}.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}ul.label_with_thumbs {font-size:13px;list-style: none;padding: 0px;margin: 0px;}.bottom-widget ul {list-style: none;padding: 0px;margin: 0px;}.bottom-widget ul li {color: #666;padding: 3px 0;overflow: hidden;clear: both;}.bottom-widget .widget {margin: 10px 5px 10px 5px;overflow: hidden;}
  1132.         .bawahnya .widget-content {
  1133.           background: transparent;
  1134.           padding: 10px;
  1135.           overflow: hidden;
  1136.         }
  1137.         .bawahnya h2:before, .labelbox h3:before{
  1138.           content: &quot; &quot;;
  1139.           width: 106px;
  1140.           height: 3px;
  1141.           background: #7f8c8d;
  1142.           position: absolute;
  1143.           bottom: -3px;
  1144.         }
  1145.         ul.without-thumb li {
  1146.           border-bottom: 1px dotted #ccc;
  1147.           padding-bottom: 3px;
  1148.           font-size: 14px;
  1149.         }
  1150.         ul.label_with_thumbs strong {
  1151.           font-size: 17px;
  1152.         }
  1153.         ul.label_with_thumbs li.clearfix {
  1154.           overflow: hidden;
  1155.           clear: both;
  1156.           float: none;
  1157.           margin: 0;
  1158.           padding: 0 0 5px 0;
  1159.         }
  1160.         ul.without-thumb {
  1161.           padding: 0px;
  1162.           list-style: none;
  1163.           overflow: hidden;
  1164.           clear: both;
  1165.           margin: 0px;
  1166.         }
  1167.         ul.without-thumb li a:before {
  1168.           content: &quot;\f00c&quot;;
  1169.           font-family: FontAwesome;
  1170.           padding-right: 8px;
  1171.         }
  1172.         h1.title, p.title {
  1173.           font-size: 28px;
  1174.           margin: 0px;
  1175.           padding: 0px;
  1176.         }
  1177.         p.description {
  1178.           margin: 0px;
  1179.         }
  1180.         .fb-comments {
  1181.           position: relative;
  1182.           overflow: hidden;
  1183.           margin: 20px auto;
  1184.           text-align: center;
  1185.         }
  1186.         .fb-comments span {
  1187.           border: 1px solid rgba(204, 204, 204, 0.4);
  1188.           padding: 10px;
  1189.         }
  1190.         #facebook div:nth-child(1) div:nth-child(1) div:nth-child(1),#facebook div{
  1191.           width:auto !important;
  1192.         }
  1193.       </style>
  1194.       <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1195.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1196.           <style>
  1197.             .nguli{
  1198.               width:100% !important;
  1199.               float:none !important;
  1200.             }
  1201.             .nguli .post {
  1202.               height: auto !important;
  1203.             }
  1204.             .nguli .post .postt {
  1205.               float: left !important;
  1206.               width: 280px !important;
  1207.               margin-right: 10px !important;
  1208.             }
  1209.             .nguli .post .postt img {
  1210.               height: 160px !important;
  1211.             }
  1212.             .nguli .post .postt:before {
  1213.               height: 160px !important;
  1214.               line-height: 160px !important;
  1215.             }
  1216.             .nguli .post .postt:before {
  1217.               height: 160px !important;
  1218.               line-height: 160px !important;
  1219.             }
  1220.             .date-outer:nth-child(1) .date-posts:nth-child(1) .post-outer:nth-child(1) {
  1221.               width: 100%;
  1222.               float: none;
  1223.             }
  1224.             .date-outer:nth-child(1) .date-posts:nth-child(1) .post-outer:nth-child(1) .post {
  1225.               height: auto;
  1226.             }
  1227.             .date-outer:nth-child(1) .date-posts:nth-child(1) .post-outer:nth-child(1) .post .postt {
  1228.               float: left;
  1229.               width: 280px;
  1230.               margin-right: 10px;
  1231.             }
  1232.             .date-outer:nth-child(1) .date-posts:nth-child(1) .post-outer:nth-child(1) .post .postt img {
  1233.               height: 160px;
  1234.             }
  1235.             .date-outer:nth-child(1) .date-posts:nth-child(1) .post-outer:nth-child(1) .post .postt:before {
  1236.               height: 160px;
  1237.               line-height: 160px;
  1238.             }
  1239.             .date-outer:nth-child(1) .date-posts:nth-child(1) .post-outer:nth-child(1) .post .postt:before {
  1240.               height: 160px;
  1241.               line-height: 160px;
  1242.             }
  1243.             .showpageNum,.showpagePoint,.showpage {
  1244.               display: inline-block !important;
  1245.             }
  1246.             .showpageOf {
  1247.               display: none;
  1248.             }
  1249.             .showpagePoint, .showpageNum a, .showpage a {
  1250.               display: block;
  1251.               color: #ccc;
  1252.               padding: 6px 11px;
  1253.               border-radius: 3px;
  1254.               margin: 0 8px;
  1255.             }
  1256.             .showpageArea {
  1257.               overflow: hidden;
  1258.               padding: 7px;
  1259.               border-radius: 5px;
  1260.               border: 2px solid #ccc;
  1261.             }
  1262.             .showpagePoint, .showpage a {
  1263.               color: #fff;
  1264.               background: rgba(52, 152, 219, 0.89);
  1265.             }
  1266.             .showpagePoint:hover, .showpageNum a:hover, .showpage a:hover {
  1267.               color: #fff;
  1268.               background: #3498db;
  1269.             }
  1270.             .post-outer {
  1271.               width: 50%;
  1272.               overflow: hidden;
  1273.               float: left;
  1274.             }
  1275.             .postt img {
  1276.               width: 100%;
  1277.             }
  1278.             .postt {
  1279.               width: 100%;
  1280.             }
  1281.             .post {
  1282.               margin: 20px;
  1283.               height: 360px;
  1284.               position: relative;
  1285.             }
  1286.             h2.post-title {
  1287.               font-family: &#39;Oswald&#39;,sans-serif;
  1288.               font-weight: normal;
  1289.               font-size: 19px;
  1290.             }
  1291.             .post-info {
  1292.               display: block;
  1293.               padding: 0px;
  1294.               color: #999;
  1295.               line-height: 1.4em;
  1296.               border-top: 1px dotted #e2e2e2;
  1297.               border-bottom: 1px dotted #e2e2e2;
  1298.               font-size: 12px;
  1299.               overflow: hidden;
  1300.               position: absolute;
  1301.               top: 0px;
  1302.               left: 0px;
  1303.               margin:0px;
  1304.             }
  1305.             .post-info-icon.jam {
  1306.               top: 46px;
  1307.             }
  1308.             .post-info-icon {
  1309.               background: rgba(52, 152, 219, 0.83);
  1310.               left: 0px;
  1311.               color: #FFFFFF;
  1312.               padding: 3px;
  1313.               transition: all 0.4s ease-in-out;
  1314.               border: 0px;
  1315.               clear: both;
  1316.               margin-bottom: 1px;
  1317.             }
  1318.             .post:hover .post-info-icon {
  1319.               background: #e74c3c;
  1320.             }
  1321.             .post:hover h2.post-title.entry-title a {
  1322.               color: #e74c3c;
  1323.             }
  1324.             .post-info-icon.komentar {
  1325.               top: 23px;
  1326.             }
  1327.             .post-info-icon.admin {
  1328.               top: 0px;
  1329.             }
  1330.             .post-info-icon.jam:before {
  1331.               content: &quot;\f073&quot;;
  1332.               font-family: FontAwesome;
  1333.               padding-right: 5px;
  1334.             }
  1335.             .post-info-icon.admin:before {
  1336.               content: &quot;\f007&quot;;
  1337.               font-family: FontAwesome;
  1338.               padding-right: 5px;
  1339.             }
  1340.             .post-info-icon.komentar:before {
  1341.               content: &quot;\f075&quot;;
  1342.               font-family: FontAwesome;
  1343.               padding-right: 5px;
  1344.             }
  1345.             .post-info-icon abbr {
  1346.               border: 0px;
  1347.             }
  1348.             .post-info a{
  1349.               color:#fff !important;
  1350.             }
  1351.             .postt{
  1352.               position:relative;
  1353.             }
  1354.             .postt:before {
  1355.               content: &quot;\f00e&quot;;
  1356.               font-family: FontAwesome;
  1357.               font-size: 22px;
  1358.               color: rgba(255, 255, 255, 0.78);
  1359.               position: absolute;
  1360.               width: 100%;
  1361.               line-height: 183px;
  1362.               height: 183px;
  1363.               text-align: center;
  1364.               background: rgba(0, 0, 0, 0.52);
  1365.               opacity: 0;
  1366.               transition: all 0.4s ease-in-out;
  1367.             }
  1368.             .post-info{
  1369.               border:0px;
  1370.             }
  1371.             .post:hover .postt:before{
  1372.               opacity:1;
  1373.             }
  1374.           </style>
  1375.         </b:if>
  1376.       </b:if>
  1377.       <style>
  1378.         @media screen and (max-width:950px){
  1379.           #main-article {
  1380.             width: 73%;
  1381.           }
  1382.           #right-bar {
  1383.             width: 27%;
  1384.           }
  1385.         }
  1386.         @media screen and (max-width:800px){
  1387.           #right-bar, #main-article {
  1388.             width: 100%;
  1389.             float: none;
  1390.           }
  1391.           #ngerap{padding:7px;}
  1392.           .iklan970 .widget {
  1393.             padding: 0px;
  1394.             margin: 10px 0;
  1395.           }
  1396.           #footer1, #footer2, #footer3, #footer4 {
  1397.             width: 50%;
  1398.           }
  1399.           #ngepet2 {
  1400.             position: inherit;
  1401.             opacity: 1;
  1402.           }
  1403.           #ngerap {
  1404.             margin: 0 auto;
  1405.           }
  1406.           #ngepet ul li {
  1407.             float: none;
  1408.           }
  1409.           #ngepet ul {
  1410.             position: absolute;
  1411.             background: #2c3e50;
  1412.             z-index: 999;
  1413.             top: 76px;
  1414.             min-width: 20%;
  1415.             display: none;
  1416.           }
  1417.           #napigate ul li {
  1418.             float: none;
  1419.           }
  1420.           #napigate ul li ul {
  1421.             position: inherit;
  1422.             display: block !important;
  1423.           }
  1424.           #napigate ul {
  1425.             display: none;
  1426.           }
  1427.           #hidding4, #hidding5 {
  1428.             display: inline-block;
  1429.           }
  1430.         }
  1431.         @media screen and (max-width:650px){
  1432.           #header-left, #header-right {
  1433.             float: none;
  1434.             text-align: center;
  1435.             width: 100%;
  1436.           }
  1437.           .post-outer {
  1438.             width: 100%;
  1439.             float: none;
  1440.           }
  1441.           .post {
  1442.             height: auto;
  1443.           }
  1444.           .post .postt {
  1445.             float: left;
  1446.             width: 280px;
  1447.             margin-right: 10px;
  1448.           }
  1449.           .post .postt img {
  1450.             height: 160px;
  1451.           }
  1452.           .post .postt:before {
  1453.             height: 160px;
  1454.             line-height: 160px;
  1455.           }
  1456.           .post .postt:before {
  1457.             height: 160px;
  1458.             line-height: 160px;
  1459.           }
  1460.           #bawahnya2, #bawahnya1 {
  1461.             float: none;
  1462.             width: 100%;
  1463.           }
  1464.         }
  1465.         @media screen and (max-width:600px){
  1466.           #footer1,#footer2,#footer3,#footer4{
  1467.             float:none;
  1468.             width:100%;
  1469.           }
  1470.           .newspic{display:none;}
  1471.         }
  1472.         @media screen and (max-width:500px){
  1473.           .postt {
  1474.             float: none !important;
  1475.             width: 100% !important;
  1476.           }
  1477.           .post {
  1478.             margin: 10px 0;
  1479.           }
  1480.           #backtop{display:none;}
  1481.         }
  1482.         @media screen and (max-width:280px){
  1483.           #diklik {
  1484.             width: 100px;
  1485.             padding: 5px;
  1486.             margin: 8px 0;
  1487.           }
  1488.           #search-button-top {
  1489.             padding: 5px;
  1490.             margin: 8px 5px 0 0;
  1491.             background-position: 14px -228px;
  1492.           }
  1493.         }
  1494.       </style>
  1495.     </b:if>
  1496.     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1497.       <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1498.         <style>
  1499.         </style>
  1500.       </b:if>
  1501.     </b:if>
  1502.     <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  1503.       <style type='text/css'>
  1504.       </style>
  1505.     </b:if>
  1506.     <b:if cond='data:blog.pageType != &quot;index&quot;'>
  1507.       <style type='text/css'>
  1508.         /* Selain di Homepage */
  1509.       </style>
  1510.     </b:if>
  1511.     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1512.       <style type='text/css'>
  1513.         /* Hanya di Artikel */
  1514.       </style>
  1515.     </b:if>
  1516.     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1517.       <style type='text/css'>
  1518.         /* Hanya di Page */
  1519.       </style>
  1520.     </b:if>
  1521.     <b:if cond='data:blog.searchLabel'>
  1522.       <style>
  1523.       </style>
  1524.     </b:if>
  1525.     <b:if cond='data:blog.url != data:blog.homepageUrl'>
  1526.       <style>
  1527.       </style>
  1528.     </b:if>
  1529.     <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
  1530.     <b:if cond='data:blog.isMobile'>
  1531.       <script type='text/javascript'>
  1532.         //<![CDATA[
  1533.      var relatedTitles = new Array();
  1534.      var relatedTitlesNum = 0;
  1535.      var relatedUrls = new Array();
  1536.      function related_results_labels(json) {
  1537.        for (var i = 0; i < json.feed.entry.length; i++) {
  1538.          var entry = json.feed.entry[i];
  1539.          relatedTitles[relatedTitlesNum] = entry.title.$t;
  1540.          for (var k = 0; k < entry.link.length; k++) {
  1541.            if (entry.link[k].rel == 'alternate') {
  1542.              relatedUrls[relatedTitlesNum] = entry.link[k].href;
  1543.              relatedTitlesNum++;
  1544.              break;}}}}
  1545.      function removeRelatedDuplicates() {
  1546.        var tmp = new Array(0);
  1547.        var tmp2 = new Array(0);
  1548.        for(var i = 0; i < relatedUrls.length; i++) {
  1549.          if(!contains(tmp, relatedUrls[i])) {
  1550.            tmp.length += 1;
  1551.            tmp[tmp.length - 1] = relatedUrls[i];
  1552.            tmp2.length += 1;
  1553.            tmp2[tmp2.length - 1] = relatedTitles[i];}}
  1554.        relatedTitles = tmp2;
  1555.        relatedUrls = tmp;}
  1556.      function contains(a, e) {
  1557.        for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
  1558.        return false;}
  1559.      function printRelatedLabels() {
  1560.        var r = Math.floor((relatedTitles.length - 1) * Math.random());
  1561.        var i = 0;
  1562.        document.write('<ul>');
  1563.        while (i < relatedTitles.length && i < 20) {
  1564.          document.write('<li><a href="' + relatedUrls[r] + '">' +
  1565.                         relatedTitles[r] + '</a></li>');
  1566.          if (r < relatedTitles.length - 1) {
  1567.            r++;
  1568.          } else {
  1569.            r = 0;}
  1570.          i++;}
  1571.        document.write('</ul>');}
  1572.      //]]>
  1573.       </script>
  1574.       <b:else/>
  1575.       <script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/>
  1576.       <style type='text/css'>
  1577.         .newspic{float:none;font-weight:bold;font-size:11px;width:100%;overflow:hidden;margin:0;margin:0 0 10px 0;height:34px;line-height:34px;}span.breakingnews {
  1578.           background: #3498db;
  1579.           text-transform: uppercase;
  1580.           color: #fff;
  1581.           float: left;
  1582.           line-height: 25px;
  1583.           margin: 4px 4px 0 0;
  1584.           padding: 0 8px;
  1585.         }.news a:link,.news a:visited{color:#000;text-decoration:none;}.news a:hover{color:#0099cc;text-decoration:underline;}.labelfield{color:#0099cc;font-size:100%;}.datefield{color:#aaa;font-weight:normal;}#example1{font-family:sans-serif;float:left;max-width:380px;overflow:hidden;padding:0;text-align:left;background-color:transparent;}#example1 img{display:none;}code{color:#0099CC;}#example1 a:link,#example1 a:visited{color:#0099cc;text-decoration:none;}#example1 a:hover{color:#555;text-decoration:none;}.tinynav2{display:none;width:590px;margin:0 auto;border-radius:0px;padding:5px 8px;background-color:#393939;color:#eee;font-weight:bold;cursor:pointer;outline:none;}.tinynav1{border-radius:3px;background:#f8f8f8;display:none;width:150px;margin:4px 20px 4px 0px;padding:3px 5px;float:right;border:1px solid #d3d3d3;outline:none;}
  1586.       </style>
  1587.     </b:if>
  1588.     <b:if cond='data:blog.isMobile'>
  1589.       <b:else/>
  1590.       <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1591.         <style>
  1592.           #related_posts h4 {
  1593.             background: none repeat scroll 0 0 #333;
  1594.             color: #FFF;
  1595.             font-family: Arial,Tahoma,Verdana;
  1596.             font-size: 11px;
  1597.             font-weight: bold;
  1598.             margin: 0;
  1599.             padding: 2px 5px 1px 8px;
  1600.             text-shadow: 1px 1px #000000;
  1601.             text-transform: uppercase;
  1602.           }
  1603.           #relpost_img_sum {
  1604.             /* height: 320px;
  1605.             overflow: auto; */
  1606.             margin: 0;
  1607.             padding: 4px;
  1608.             line-height: 16px;
  1609.           }
  1610.           #relpost_img_sum:hover {
  1611.             background: none;
  1612.           }
  1613.           #relpost_img_sum ul {
  1614.             list-style-type: none;
  1615.             margin: 0;
  1616.             padding: 0;
  1617.           }
  1618.           #relpost_img_sum li {
  1619.             border: 1px solid #DDD;
  1620.             margin: 0;
  1621.             padding: 5px;
  1622.             overflow: hidden;
  1623.             list-style: none;
  1624.             line-height: 22px;
  1625.           }
  1626.           #relpost_img_sum li:hover {
  1627.             background-color: #E6E6E6;
  1628.           }
  1629.           #relpost_img_sum .news-title {
  1630.             display: block;
  1631.             font-weight: bold !important;
  1632.             margin-bottom: 4px;
  1633.           }
  1634.           #relpost_img_sum .news-text {
  1635.             display: block;
  1636.             text-align: justify;
  1637.             font-weight: normal;
  1638.             text-transform: none;
  1639.             color: #333;
  1640.           }
  1641.           #relpost_img_sum img {
  1642.             float: left;
  1643.             margin-right: 14px;
  1644.             padding: 4px;
  1645.             border: solid 1px #DDD;
  1646.             width: 55px;
  1647.             height: 55px;
  1648.           }
  1649.         </style>
  1650.         <script type='text/javascript'>
  1651.           //<![CDATA[
  1652.        var relnojudul = 0;
  1653.        var relmaxtampil = 4;
  1654.        var numchars = 200;
  1655.        var morelink = "Leia Mais..";
  1656.        /*
  1657. Related Post with Thumbnail & Summary 1.0 (May 02, 2011)
  1658. copyright (c) 2011 Hendriono from http://modification-blog.blogspot.com/
  1659. */
  1660.        //]]></script>
  1661.       </b:if>
  1662.     </b:if>
  1663.   </head>
  1664.   <body oncontextmenu='return false' ondragstart='return false' onkeydown='return checartecla(event)' onload='mouse();' onselectstart='return false'>
  1665.     <b:if cond='data:blog.isMobile'>
  1666.       <b:else/>
  1667.       <div id='ngepet2'>
  1668.         <div class='cutter'>
  1669.           <label id='hidding4'>
  1670.             &#8801;
  1671.           </label>
  1672.           <div id='nyarinya'>
  1673.             <form action='/search' id='search-top' method='get'>
  1674.               <input id='diklik' name='q' placeholder='Buscar...' type='text'/>
  1675.               <input id='search-button-top' type='submit' value=''/>
  1676.             </form>
  1677.           </div>
  1678.           <b:section class='ngepet' id='ngepet' maxwidgets='1'>
  1679.             <b:widget id='PageList1' locked='true' mobile='no' title='Editar Menu' type='PageList'>
  1680.               <b:includable id='main'>
  1681.                 <div class='widget-content'>
  1682.                   <b:if cond='data:mobile'>
  1683.                     <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
  1684.                       <b:loop values='data:links' var='link'>
  1685.                         <b:if cond='data:link.isCurrentPage'>
  1686.                           <option expr:value='data:link.href' selected='selected'>
  1687.                             <data:link.title/>
  1688.                           </option>
  1689.                           <b:else/>
  1690.                           <option expr:value='data:link.href'>
  1691.                             <data:link.title/>
  1692.                           </option>
  1693.                         </b:if>
  1694.                       </b:loop>
  1695.                     </select>
  1696.                     <span class='pagelist-arrow'>
  1697.                       &amp;#9660;
  1698.                     </span>
  1699.                     <b:else/>
  1700.                     <ul>
  1701.                       <b:loop values='data:links' var='link'>
  1702.                         <b:if cond='data:link.isCurrentPage'>
  1703.                           <li class='selected'>
  1704.                             <a expr:href='data:link.href'>
  1705.                               <data:link.title/>
  1706.                             </a>
  1707.                           </li>
  1708.                           <b:else/>
  1709.                           <li>
  1710.                             <a expr:href='data:link.href'>
  1711.                               <data:link.title/>
  1712.                             </a>
  1713.                           </li>
  1714.                         </b:if>
  1715.                       </b:loop>
  1716.                     </ul>
  1717.                   </b:if>
  1718.                 </div>
  1719.               </b:includable>
  1720.             </b:widget>
  1721.           </b:section>
  1722.         </div>
  1723.       </div>
  1724.     </b:if>
  1725.     <div id='ngerap'>
  1726.       <b:if cond='data:blog.isMobile'>
  1727.         <b:else/>
  1728.         <div class='newspic'>
  1729.           <span class='breakingnews'>
  1730.             Ultimas Postagens
  1731.           </span>
  1732.          
  1733.           <div style='clear:both;'/>
  1734.         </div>
  1735.       </b:if>
  1736.       <b:if cond='data:blog.isMobile'>
  1737.         <ul id='pagelizt'>
  1738.           <li>
  1739.             <a href='/'>
  1740.               Inicio
  1741.             </a>
  1742.           </li>
  1743.           <li>
  1744.             <a href=''>
  1745.               Curiosidades
  1746.             </a>
  1747.           </li>
  1748.           <li>
  1749.             <a href=''>
  1750.               Famosos
  1751.             </a>
  1752.           </li>
  1753.           <li>
  1754.             <a href=''>
  1755.               Vídeos
  1756.             </a>
  1757.           </li>
  1758.         </ul>
  1759.         <b:else/>
  1760.       </b:if>
  1761.       <div class='minggir'>
  1762.         <div id='header-left'>
  1763.           <b:if cond='data:blog.isMobile'>
  1764.             <label id='hidding1'>
  1765.               &#8801;
  1766.             </label>
  1767.             <label id='hidding2'>
  1768.               &#8801;
  1769.             </label>
  1770.           </b:if>
  1771.           <b:section class='header' id='headernya-left' maxwidgets='1'>
  1772.             <b:widget id='Header1' locked='true' title='Ligadão na fofoca (Cabeçalho)' type='Header'>
  1773.               <b:includable id='main'>
  1774.                 <b:if cond='data:useImage'>
  1775.                   <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1776.                    
  1777.                     <b:if cond='data:mobile'>
  1778.                       <div id='header-inner'>
  1779.                         <div class='titlewrapper' style='background: transparent'>
  1780.                           <h1 class='title' style='background: transparent; border-width: 0px'>
  1781.                             <b:include name='title'/>
  1782.                           </h1>
  1783.                         </div>
  1784.                         <b:include name='description'/>
  1785.                       </div>
  1786.                       <b:else/>
  1787.                       <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'>
  1788.                         <div class='titlewrapper' style='background: transparent'>
  1789.                           <h1 class='title' style='background: transparent; border-width: 0px'>
  1790.                             <b:include name='title'/>
  1791.                           </h1>
  1792.                         </div>
  1793.                         <b:include name='description'/>
  1794.                       </div>
  1795.                     </b:if>
  1796.                     <b:else/>
  1797.                     <!--Show the image only-->
  1798.                     <div id='header-inner'>
  1799.                       <a expr:href='data:blog.homepageUrl'>
  1800.                         <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'/>
  1801.                       </a>
  1802.                       <!--Show the description-->
  1803.                       <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1804.                         <b:include name='description'/>
  1805.                       </b:if>
  1806.                     </div>
  1807.                   </b:if>
  1808.                   <b:else/>
  1809.                   <!--No header image -->
  1810.                   <div id='header-inner'>
  1811.                     <div class='titlewrapper'>
  1812.                       <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1813.                         <h1 class='title'>
  1814.                           <data:title/>
  1815.                         </h1>
  1816.                         <b:include name='description'/>
  1817.                         <b:else/>
  1818.                         <p class='title'>
  1819.                           <data:title/>
  1820.                         </p>
  1821.                         <b:include name='description'/>
  1822.                       </b:if>
  1823.                     </div>
  1824.                   </div>
  1825.                 </b:if>
  1826.               </b:includable>
  1827.               <b:includable id='description'>
  1828.                 <div class='descriptionwrapper'>
  1829.                   <p class='description'>
  1830.                     <span>
  1831.                       <data:description/>
  1832.                     </span>
  1833.                   </p>
  1834.                 </div>
  1835.               </b:includable>
  1836.               <b:includable id='title'>
  1837.                 <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1838.                   <data:title/>
  1839.                   <b:else/>
  1840.                   <a expr:href='data:blog.homepageUrl'>
  1841.                     <data:title/>
  1842.                   </a>
  1843.                 </b:if>
  1844.               </b:includable>
  1845.             </b:widget>
  1846.           </b:section>
  1847.           <b:if cond='data:blog.isMobile'>
  1848.             <a href='#mobile-nyari' title='Search'>
  1849.               <div id='nyari-mobile'>
  1850.                 ?
  1851.               </div>
  1852.             </a>
  1853.           </b:if>
  1854.         </div>
  1855.         <div id='header-right'>
  1856.           <b:section class='header' id='headernya-right' maxwidgets='2'/>
  1857.         </div>
  1858.         <b:if cond='data:blog.isMobile'>
  1859.           <b:else/>
  1860.           <nav id='napigate'>
  1861.             <label id='hidding5'>
  1862.               &#8801;
  1863.             </label>
  1864.             <i class='icon-reorder' id='hilang'>
  1865.               Menu
  1866.             </i>
  1867.             <ul>
  1868.               <li>
  1869.                 <a href='/'>
  1870.                   Inicio
  1871.                 </a>
  1872.               </li>
  1873.               <li>
  1874.                 <a href=''>
  1875.                   CURIOSIDADES
  1876.                 </a>
  1877.               </li>
  1878.               <li>
  1879.                 <a href=''>
  1880.                   FAMOSOS
  1881.                 </a>
  1882.               </li>
  1883.               <li>
  1884.                 <a href=''>
  1885.                   HUMOR
  1886.                 </a>
  1887.               </li>
  1888.               <li>
  1889.                 <a href=''>
  1890.                   NOTÍCIAS
  1891.                 </a>
  1892.               </li>
  1893.               <li>
  1894.                 <a href=''>
  1895.                   DICAS
  1896.                 </a>
  1897.               </li>
  1898.               <li>
  1899.                 <a href=''>
  1900.                   VÍDEO
  1901.                 </a>
  1902.               </li>
  1903.               <li>
  1904.                 <ul>
  1905.                 </ul>
  1906.               </li>
  1907.             </ul>
  1908.           </nav>
  1909.         </b:if>
  1910.         <b:section class='iklan970' id='iklan970' maxwidgets='1'/>
  1911.         <b:if cond='data:blog.isMobile'>
  1912.           <b:else/>
  1913.           <div id='ngopsi'>
  1914.             <div class='left'>
  1915.               <i class='icon-list-ul'/>
  1916.             </div>
  1917.             <div class='nyenter'>
  1918.               <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1919.                 <i class='icon-align-left'/>
  1920.                 <i class='icon-align-center'/>
  1921.                 <i class='icon-align-right'/>
  1922.                 <i class='icon-align-justify'/>
  1923.               </b:if>
  1924.             </div>
  1925.             <div class='right'>
  1926.               <a href='http://facebook.com/'>
  1927.                 <i class='icon-facebook-sign'/>
  1928.               </a>
  1929.               <a href='#'>
  1930.                 <i class='icon-twitter-sign'/>
  1931.               </a>
  1932.               <a href='#'>
  1933.                 <i class='icon-github-sign'/>
  1934.               </a>
  1935.               <a href='#'>
  1936.                 <i class='icon-linkedin-sign'/>
  1937.               </a>
  1938.               <a href='#'>
  1939.                 <i class='icon-pinterest-sign'/>
  1940.               </a>
  1941.               <a href='#'>
  1942.                 <i class='icon-google-plus-sign'/>
  1943.               </a>
  1944.             </div>
  1945.           </div>
  1946.         </b:if>
  1947.         <aside id='main-article'>
  1948.           <b:section class='main' id='main'>
  1949.             <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
  1950.               <b:includable id='main' var='top'>
  1951.                 <b:include data='posts' name='breadcrumb'/>
  1952.                 <b:if cond='data:mobile == &quot;false&quot;'>
  1953.                   <!-- posts -->
  1954.                   <div class='blog-posts hfeed'>
  1955.                     <b:include data='top' name='status-message'/>
  1956.                     <data:defaultAdStart/>
  1957.                     <b:loop values='data:posts' var='post'>
  1958.                       <b:if cond='data:post.isDateStart'>
  1959.                         <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1960.                           &lt;/div&gt;&lt;/div&gt;
  1961.                         </b:if>
  1962.                       </b:if>
  1963.                       <b:if cond='data:post.isDateStart'>
  1964.                         &lt;div class=&quot;date-outer&quot;&gt;
  1965.                       </b:if>
  1966.                       <b:if cond='data:post.isDateStart'>
  1967.                         &lt;div class=&quot;date-posts&quot;&gt;
  1968.                       </b:if>
  1969.                       <div class='post-outer'>
  1970.                         <b:include data='post' name='post'/>
  1971.                         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1972.                           <b:include data='post' name='comment_picker'/>
  1973.                         </b:if>
  1974.                         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1975.                           <b:include data='post' name='comment_picker'/>
  1976.                         </b:if>
  1977.                       </div>
  1978.                       <b:if cond='data:post.includeAd'>
  1979.                         <b:if cond='data:post.isFirstPost'>
  1980.                           <data:defaultAdEnd/>
  1981.                           <b:else/>
  1982.                           <data:adEnd/>
  1983.                         </b:if>
  1984.                         <div class='inline-ad'>
  1985.                           <data:adCode/>
  1986.                         </div>
  1987.                         <data:adStart/>
  1988.                       </b:if>
  1989.                     </b:loop>
  1990.                     <b:if cond='data:numPosts != 0'>
  1991.                       &lt;/div&gt;&lt;/div&gt;
  1992.                     </b:if>
  1993.                     <data:adEnd/>
  1994.                   </div>
  1995.                   <!-- navigation -->
  1996.                   <b:include name='nextprev'/>
  1997.                   <!-- feed links -->
  1998.                   <b:include name='feedLinks'/>
  1999.                   <b:if cond='data:top.showStars'>
  2000.                     <script src='//www.google.com/jsapi' type='text/javascript'/>
  2001.                     <script type='text/javascript'>
  2002.                       google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  2003.                       function initialize() {
  2004.                         google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  2005.                         google.annotations.createAll();
  2006.                         google.annotations.fetch();
  2007.                       }
  2008.                       google.setOnLoadCallback(initialize);
  2009.                     </script>
  2010.                   </b:if>
  2011.                   <b:else/>
  2012.                   <b:include name='mobile-main'/>
  2013.                 </b:if>
  2014.                 <b:if cond='data:top.showDummy'>
  2015.                   <data:top.dummyBootstrap/>
  2016.                 </b:if>
  2017.               </b:includable>
  2018.               <b:includable id='backlinkDeleteIcon' var='backlink'>
  2019.                 <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  2020.                   <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  2021.                     <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2022.                   </a>
  2023.                 </span>
  2024.               </b:includable>
  2025.               <b:includable id='backlinks' var='post'>
  2026.                 <a name='links'/>
  2027.                 <h4>
  2028.                   <data:post.backlinksLabel/>
  2029.                 </h4>
  2030.                 <b:if cond='data:post.numBacklinks != 0'>
  2031.                   <dl class='comments-block' id='comments-block'>
  2032.                     <b:loop values='data:post.backlinks' var='backlink'>
  2033.                       <div class='collapsed-backlink backlink-control'>
  2034.                         <dt class='comment-title'>
  2035.                           <span class='backlink-toggle-zippy'>
  2036.                             &#160;
  2037.                           </span>
  2038.                           <a expr:href='data:backlink.url' rel='nofollow'>
  2039.                             <data:backlink.title/>
  2040.                           </a>
  2041.                           <b:include data='backlink' name='backlinkDeleteIcon'/>
  2042.                         </dt>
  2043.                         <dd class='comment-body collapseable'>
  2044.                           <data:backlink.snippet/>
  2045.                         </dd>
  2046.                         <dd class='comment-footer collapseable'>
  2047.                           <span class='comment-author'>
  2048.                             <data:post.authorLabel/>
  2049.                             <data:backlink.author/>
  2050.                           </span>
  2051.                           <span class='comment-timestamp'>
  2052.                             <data:post.timestampLabel/>
  2053.                             <data:backlink.timestamp/>
  2054.                           </span>
  2055.                         </dd>
  2056.                       </div>
  2057.                     </b:loop>
  2058.                   </dl>
  2059.                 </b:if>
  2060.                 <p class='comment-footer'>
  2061.                   <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
  2062.                     <data:post.createLinkLabel/>
  2063.                   </a>
  2064.                 </p>
  2065.               </b:includable>
  2066.               <b:includable id='breadcrumb' var='posts'>
  2067.                 <b:if cond='data:blog.homepageUrl != data:blog.url'>
  2068.                   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2069.                     <div class='breadcrumbs'>
  2070.                       <span>
  2071.                         <a expr:href='data:blog.homepageUrl' rel='nofollow'>
  2072.                           Home
  2073.                         </a>
  2074.                       </span>
  2075.                       &#187;
  2076.                       <span>
  2077.                         <data:blog.pageName/>
  2078.                       </span>
  2079.                     </div>
  2080.                     <b:else/>
  2081.                     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2082.                       <b:loop values='data:posts' var='post'>
  2083.                         <b:if cond='data:post.labels'>
  2084.                           <div class='breadcrumbs'>
  2085.                             <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
  2086.                               <a expr:href='data:blog.homepageUrl' itemprop='url'>
  2087.                                 <span itemprop='title'>
  2088.                                   Home
  2089.                                 </span>
  2090.                               </a>
  2091.                             </span>
  2092.                             &#187;
  2093.                             <b:loop values='data:post.labels' var='label'>
  2094.                               <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
  2095.                                 <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'>
  2096.                                   <span itemprop='title'>
  2097.                                     <data:label.name/>
  2098.                                   </span>
  2099.                                 </a>
  2100.                               </span>
  2101.                               <b:if cond='data:label.isLast != &quot;true&quot;'>
  2102.                                 &#187;
  2103.                               </b:if>
  2104.                             </b:loop>
  2105.                             &#187;
  2106.                             <span>
  2107.                               <data:post.title/>
  2108.                             </span>
  2109.                           </div>
  2110.                           <b:else/>
  2111.                           <div class='breadcrumbs'>
  2112.                             <span>
  2113.                               <a expr:href='data:blog.homepageUrl' rel='nofollow'>
  2114.                                 Home
  2115.                               </a>
  2116.                             </span>
  2117.                             &#187;
  2118.                             <span>
  2119.                               Uncategories
  2120.                             </span>
  2121.                             &#187;
  2122.                             <span>
  2123.                               <data:post.title/>
  2124.                             </span>
  2125.                           </div>
  2126.                         </b:if>
  2127.                       </b:loop>
  2128.                       <b:else/>
  2129.                       <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2130.                         <div class='breadcrumbs'>
  2131.                           <span>
  2132.                             <a expr:href='data:blog.homepageUrl' rel='nofollow'>
  2133.                               Home
  2134.                             </a>
  2135.                           </span>
  2136.                           &#187;
  2137.                           <span>
  2138.                             Archive for
  2139.                             <data:blog.pageName/>
  2140.                           </span>
  2141.                         </div>
  2142.                         <b:else/>
  2143.                         <b:if cond='data:blog.searchQuery'>
  2144.                           <div class='breadcrumbs'>
  2145.                             <span>
  2146.                               <a expr:href='data:blog.homepageUrl' rel='nofollow'>
  2147.                                 Home
  2148.                               </a>
  2149.                             </span>
  2150.                             &#187;
  2151.                             <span>
  2152.                               <data:blog.pageName/>
  2153.                             </span>
  2154.                           </div>
  2155.                           <b:else/>
  2156.                           <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2157.                             <div class='breadcrumbs'>
  2158.                               <b:if cond='data:blog.pageName == &quot;&quot;'>
  2159.                                 <span>
  2160.                                   <a expr:href='data:blog.homepageUrl' rel='nofollow'>
  2161.                                     Home
  2162.                                   </a>
  2163.                                 </span>
  2164.                                 &#187;
  2165.                                 <span>
  2166.                                   All post
  2167.                                 </span>
  2168.                                 <b:else/>
  2169.                                 <span>
  2170.                                   <a expr:href='data:blog.homepageUrl' rel='nofollow'>
  2171.                                     Home
  2172.                                   </a>
  2173.                                 </span>
  2174.                                 &#187;
  2175.                                 <span>
  2176.                                   <data:blog.pageName/>
  2177.                                 </span>
  2178.                               </b:if>
  2179.                             </div>
  2180.                           </b:if>
  2181.                         </b:if>
  2182.                       </b:if>
  2183.                     </b:if>
  2184.                   </b:if>
  2185.                 </b:if>
  2186.               </b:includable>
  2187.               <b:includable id='comment-form' var='post'>
  2188.                 <div class='comment-form'>
  2189.                   <a name='comment-form'/>
  2190.                   <b:if cond='data:mobile'>
  2191.                     <h4 id='comment-post-message'>
  2192.                       <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>
  2193.                         <data:postCommentMsg/>
  2194.                       </a>
  2195.                     </h4>
  2196.                     <p>
  2197.                       <data:blogCommentMessage/>
  2198.                     </p>
  2199.                     <data:blogTeamBlogMessage/>
  2200.                     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2201.                       <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'/>
  2202.                     </b:if>
  2203.                     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2204.                       <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'/>
  2205.                     </b:if>
  2206.                     <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2207.                     <b:else/>
  2208.                     <p>
  2209.                       <data:blogCommentMessage/>
  2210.                     </p>
  2211.                     <data:blogTeamBlogMessage/>
  2212.                     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2213.                       <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'/>
  2214.                     </b:if>
  2215.                     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2216.                       <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'/>
  2217.                     </b:if>
  2218.                     <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
  2219.                   </b:if>
  2220.                   <data:post.friendConnectJs/>
  2221.                   <data:post.cmtfpIframe/>
  2222.                   <script type='text/javascript'>
  2223.                     BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2224.                   </script>
  2225.                 </div>
  2226.               </b:includable>
  2227.               <b:includable id='commentDeleteIcon' var='comment'>
  2228.                 <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2229.                   <b:if cond='data:showCmtPopup'>
  2230.                     <div class='goog-toggle-button'>
  2231.                       <div class='goog-inline-block comment-action-icon'/>
  2232.                     </div>
  2233.                     <b:else/>
  2234.                     <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2235.                       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2236.                     </a>
  2237.                   </b:if>
  2238.                 </span>
  2239.               </b:includable>
  2240.               <b:includable id='comment_count_picker' var='post'>
  2241.                 <b:if cond='data:post.forceIframeComments'>
  2242.                   <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'>
  2243.                   </span>
  2244.                   <b:else/>
  2245.                   <b:if cond='data:post.commentSource == 1'>
  2246.                     <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'>
  2247.                     </span>
  2248.                     <b:else/>
  2249.                     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2250.                       <data:post.commentLabelFull/>
  2251.                       :
  2252.                     </a>
  2253.                   </b:if>
  2254.                 </b:if>
  2255.               </b:includable>
  2256.               <b:includable id='comment_picker' var='post'>
  2257.                 <b:if cond='data:post.forceIframeComments'>
  2258.                   <b:include data='post' name='iframe_comments'/>
  2259.                   <b:if cond='data:post.showThreadedComments'>
  2260.                     <b:include data='post' name='comments'/>
  2261.                     <b:else/>
  2262.                     <b:include data='post' name='comments'/>
  2263.                   </b:if>
  2264.                   <b:else/>
  2265.                   <b:if cond='data:post.commentSource == 1'>
  2266.                     <b:include data='post' name='iframe_comments'/>
  2267.                     <b:else/>
  2268.                     <b:if cond='data:post.showThreadedComments'>
  2269.                       <b:include data='post' name='comments'/>
  2270.                       <b:else/>
  2271.                       <b:include data='post' name='comments'/>
  2272.                     </b:if>
  2273.                   </b:if>
  2274.                 </b:if>
  2275.               </b:includable>
  2276.               <b:includable id='comments' var='post'>
  2277.                 <div class='comments' id='comments'>
  2278.                  
  2279.                   <b:if cond='data:post.allowComments'>
  2280.                     <b:if cond='data:post.numComments != 0'>
  2281.                       <h3>
  2282.                         <b:if cond='data:post.numComments == 1'>
  2283.                           1 CONVERSA:
  2284.                           <b:else/>
  2285.                           <data:post.numComments/>
  2286.                           CONVERSA
  2287.                         </b:if>
  2288.                       </h3>
  2289.                     </b:if>
  2290.                     <b:if cond='data:post.commentPagingRequired'>
  2291.                       <span class='paging-control-container'>
  2292.                         <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2293.                           <data:post.oldestLinkText/>
  2294.                         </a>
  2295.                         &#160;
  2296.                         <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2297.                           <data:post.olderLinkText/>
  2298.                         </a>
  2299.                         &#160;
  2300.                         <data:post.commentRangeText/>
  2301.                         &#160;
  2302.                         <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2303.                           <data:post.newerLinkText/>
  2304.                         </a>
  2305.                         &#160;
  2306.                         <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2307.                           <data:post.newestLinkText/>
  2308.                         </a>
  2309.                       </span>
  2310.                     </b:if>
  2311.                     <div class='clear'/>
  2312.                     <div id='comment_block'>
  2313.                       <b:loop values='data:post.comments' var='comment'>
  2314.                         <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
  2315.                           <b:if cond='data:post.adminClass == data:comment.adminClass'>
  2316.                             &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
  2317.                             <b:else/>
  2318.                             &lt;div class=&#39;comment_inner&#39;&gt;
  2319.                           </b:if>
  2320.                           <div class='comment_header'>
  2321.                             <div class='comment_avatar_wrap'>
  2322.                               <div class='comment_avatar'>
  2323.                                 <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
  2324.                               </div>
  2325.                               <a class='comment_reply icon-mail-reply-all' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>
  2326.                                 <b:if cond='data:blog.isMobile'>
  2327.                                   reply
  2328.                                 </b:if>
  2329.                               </a>
  2330.                             </div>
  2331.                             <div class='clear'/>
  2332.                           </div>
  2333.                           <div class='comment_body'>
  2334.                             <span class='comment_arrow'/>
  2335.                             <div class='comment_name'>
  2336.                               <b:if cond='data:comment.authorUrl'>
  2337.                                 <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
  2338.                                   <data:comment.author/>
  2339.                                 </a>
  2340.                                 <b:else/>
  2341.                                 <data:comment.author/>
  2342.                               </b:if>
  2343.                               <b:if cond='data:comment.author == data:post.author'>
  2344.                                 <span class='comment_author_flag'>
  2345.                                   Admin
  2346.                                 </span>
  2347.                               </b:if>
  2348.                               <span class='comment_service'>
  2349.                                 <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
  2350.                                   <img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
  2351.                                 </a>
  2352.                                 <span class='comment_date'>
  2353.                                   <a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
  2354.                                     <data:comment.timestamp/>
  2355.                                   </a>
  2356.                                 </span>
  2357.                               </span>
  2358.                             </div>
  2359.                             <b:if cond='data:comment.isDeleted'>
  2360.                               <span class='deleted-comment'>
  2361.                                 <data:comment.body/>
  2362.                               </span>
  2363.                               <b:else/>
  2364.                               <p>
  2365.                                 <data:comment.body/>
  2366.                               </p>
  2367.                               <div class='clear'/>
  2368.                             </b:if>
  2369.                           </div>
  2370.                           <div class='clear'/>
  2371.                           &lt;/div&gt;
  2372.                           <div class='clear'/>
  2373.                           <div class='comment_child'/>
  2374.                           <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
  2375.                         </div>
  2376.                       </b:loop>
  2377.                     </div>
  2378.                     <div class='clear'/>
  2379.                     <b:if cond='data:post.commentPagingRequired'>
  2380.                       <span class='paging-control-container'>
  2381.                         <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2382.                           <data:post.oldestLinkText/>
  2383.                         </a>
  2384.                         &#160;
  2385.                         <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2386.                           <data:post.olderLinkText/>
  2387.                         </a>
  2388.                         &#160;
  2389.                         <data:post.commentRangeText/>
  2390.                         &#160;
  2391.                         <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2392.                           <data:post.newerLinkText/>
  2393.                         </a>
  2394.                         &#160;
  2395.                         <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2396.                           <data:post.newestLinkText/>
  2397.                         </a>
  2398.                       </span>
  2399.                     </b:if>
  2400.                     <div class='clear'/>
  2401.                     <div class='comment_form'>
  2402.                       <b:if cond='data:post.embedCommentForm'>
  2403.                         <b:if cond='data:post.allowNewComments'>
  2404.                           <b:include data='post' name='threaded-comment-form'/>
  2405.                           <b:else/>
  2406.                           <data:post.noNewCommentsText/>
  2407.                         </b:if>
  2408.                         <b:else/>
  2409.                         <b:if cond='data:post.allowComments'>
  2410.                           <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
  2411.                             <data:postCommentMsg/>
  2412.                           </a>
  2413.                         </b:if>
  2414.                       </b:if>
  2415.                     </div>
  2416.                   </b:if>
  2417.                 </div>
  2418.                 <script type='text/javascript'>
  2419.                   //<![CDATA[
  2420.                if (typeof(jQuery) == 'undefined') {
  2421.                  //output the script (load it from google api)
  2422.                  document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
  2423.                }
  2424.                //]]>
  2425.                 </script>
  2426.                 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  2427.                 <script type='text/javascript'>
  2428.                   <b:if cond='data:post.numComments != 0'>
  2429.                     var Items = <data:post.commentJso/>;
  2430.                     var Msgs = <data:post.commentMsgs/>;
  2431.                     var Config = <data:post.commentConfig/>;
  2432.                     <b:else/>
  2433.                       var Items = {};
  2434.                   var Msgs = {};
  2435.                   var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
  2436.                 </b:if>
  2437.                                 //<![CDATA[
  2438.                              //Global setting
  2439.                              Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
  2440.                              Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
  2441.                              Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
  2442.                              Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
  2443.                              Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
  2444.                              Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
  2445.                              //Pengaturan Emoticon
  2446.                              Emo_List = [
  2447.                              ':)'  ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif',
  2448.                              ':('  ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif',
  2449.                              '=('  ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif',
  2450.                              '^_^'  ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif',
  2451.                              ':D'  ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif',
  2452.                              '=D'  ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif',
  2453.                              '|o|'  ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif',
  2454.                              '@@,'  ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif',
  2455.                              ';)'  ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif',
  2456.                              ':-bd'  ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif',
  2457.                              ':-d'  ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
  2458.                              ':p'  ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif',    
  2459.                              ];
  2460.                              //Config Force tag list, define all in lower case
  2461.                              Force_Tag = [
  2462.                              '[pre]','<pre>',
  2463.                              '[/pre]','</pre>',
  2464.                              '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
  2465.                              '</pre>','</code>'
  2466.                              ];
  2467.                              //]]>
  2468.                 </script>
  2469.               </b:includable>
  2470.               <b:includable id='feedLinks'>
  2471.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2472.                   <!-- Blog feed links -->
  2473.                   <b:if cond='data:feedLinks'>
  2474.                     <div class='blog-feeds'>
  2475.                       <b:include data='feedLinks' name='feedLinksBody'/>
  2476.                     </div>
  2477.                   </b:if>
  2478.                   <b:else/>
  2479.                   <!--Post feed links -->
  2480.                   <div class='post-feeds'>
  2481.                     <b:loop values='data:posts' var='post'>
  2482.                       <b:if cond='data:post.allowComments'>
  2483.                         <b:if cond='data:post.feedLinks'>
  2484.                           <b:include data='post.feedLinks' name='feedLinksBody'/>
  2485.                         </b:if>
  2486.                       </b:if>
  2487.                     </b:loop>
  2488.                   </div>
  2489.                 </b:if>
  2490.               </b:includable>
  2491.               <b:includable id='feedLinksBody' var='links'>
  2492.                 <div class='feed-links'>
  2493.                   <data:feedLinksMsg/>
  2494.                   <b:loop values='data:links' var='f'>
  2495.                     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
  2496.                       <data:f.name/>
  2497.                       (
  2498.                       <data:f.feedType/>
  2499.                       )
  2500.                     </a>
  2501.                   </b:loop>
  2502.                 </div>
  2503.               </b:includable>
  2504.               <b:includable id='iframe_comments' var='post'>
  2505.                 <b:if cond='data:post.allowIframeComments'>
  2506.                   <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  2507.                   <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  2508.                   <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  2509.                     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2510.                       <data:postCommentMsg/>
  2511.                     </a>
  2512.                   </b:if>
  2513.                 </b:if>
  2514.               </b:includable>
  2515.               <b:includable id='mobile-index-post' var='post'>
  2516.                 <div class='mobile-date-outer date-outer'>
  2517.                   <b:if cond='data:post.dateHeader'>
  2518.                     <div class='date-header'>
  2519.                       <span>
  2520.                         <data:post.dateHeader/>
  2521.                       </span>
  2522.                     </div>
  2523.                   </b:if>
  2524.                   <div class='mobile-post-outer'>
  2525.                     <div class='mobile-index-contents'>
  2526.                       <b:if cond='data:post.thumbnailUrl'>
  2527.                         <a expr:href='data:post.url'>
  2528.                           <div class='mobile-thumbnail'>
  2529.                             <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
  2530.                           </div>
  2531.                         </a>
  2532.                         <b:else/>
  2533.                         <a expr:href='data:post.url'>
  2534.                           <div class='mobile-thumbnail'>
  2535.                             <img expr:alt='data:post.title' src='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s100/picture_not_available.png'/>
  2536.                           </div>
  2537.                         </a>
  2538.                       </b:if>
  2539.                       <a expr:href='data:post.url'>
  2540.                         <h3 class='mobile-index-title entry-title' itemprop='name'>
  2541.                           <data:post.title/>
  2542.                         </h3>
  2543.                       </a>
  2544.                       <div class='post-body'>
  2545.                         <div class='index-post'>
  2546.                           <b:if cond='data:post.snippet'>
  2547.                             <data:post.snippet/>
  2548.                           </b:if>
  2549.                         </div>
  2550.                       </div>
  2551.                     </div>
  2552.                     <div style='clear: both;'/>
  2553.                     <div class='mobile-index-comment'>
  2554.                       <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2555.                         <b:if cond='data:post.allowComments'>
  2556.                           <b:if cond='data:post.numComments != 0'>
  2557.                             <b:include data='post' name='comment_count_picker'/>
  2558.                           </b:if>
  2559.                         </b:if>
  2560.                       </b:if>
  2561.                     </div>
  2562.                   </div>
  2563.                 </div>
  2564.               </b:includable>
  2565.               <b:includable id='mobile-main' var='top'>
  2566.                 <!-- posts -->
  2567.                 <div class='blog-posts hfeed'>
  2568.                   <b:include data='top' name='status-message'/>
  2569.                   <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2570.                     <b:loop values='data:posts' var='post'>
  2571.                       <b:include data='post' name='mobile-index-post'/>
  2572.                     </b:loop>
  2573.                     <b:else/>
  2574.                     <b:loop values='data:posts' var='post'>
  2575.                       <b:include data='post' name='mobile-post'/>
  2576.                     </b:loop>
  2577.                   </b:if>
  2578.                 </div>
  2579.                 <b:include name='mobile-nextprev'/>
  2580.               </b:includable>
  2581.               <b:includable id='mobile-nextprev'>
  2582.                 <div class='blog-pager' id='blog-pager'>
  2583.                   <b:if cond='data:newerPageUrl'>
  2584.                     <div class='mobile-link-button' id='blog-pager-newer-link'>
  2585.                       <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'>
  2586.                         &amp;lsaquo;
  2587.                       </a>
  2588.                     </div>
  2589.                   </b:if>
  2590.                   <b:if cond='data:olderPageUrl'>
  2591.                     <div class='mobile-link-button' id='blog-pager-older-link'>
  2592.                       <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'>
  2593.                         &amp;rsaquo;
  2594.                       </a>
  2595.                     </div>
  2596.                   </b:if>
  2597.                   <div class='mobile-link-button' id='blog-pager-home-link'>
  2598.                     <a class='home-link' expr:href='data:blog.homepageUrl'>
  2599.                       <data:homeMsg/>
  2600.                     </a>
  2601.                   </div>
  2602.                   <div class='mobile-desktop-link'>
  2603.                     <a class='home-link' expr:href='data:desktopLinkUrl'>
  2604.                       Ver Versão Responsive
  2605.                     </a>
  2606.                   </div>
  2607.                 </div>
  2608.                 <div class='clear'/>
  2609.               </b:includable>
  2610.               <b:includable id='mobile-post' var='post'>
  2611.                 <div class='date-outer'>
  2612.                   <b:if cond='data:post.dateHeader'>
  2613.                     <h2 class='date-header'>
  2614.                       <span>
  2615.                         <data:post.dateHeader/>
  2616.                       </span>
  2617.                     </h2>
  2618.                   </b:if>
  2619.                   <div class='date-posts'>
  2620.                     <div class='post-outer'>
  2621.                       <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  2622.                         <b:if cond='data:post.thumbnailUrl'>
  2623.                           <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  2624.                         </b:if>
  2625.                         <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  2626.                         <meta expr:content='data:post.id' itemprop='postId'/>
  2627.                         <a expr:class='data:post.id'/>
  2628.                         <b:if cond='data:post.title'>
  2629.                           <h3 class='post-title entry-title' itemprop='name'>
  2630.                             <b:if cond='data:post.link'>
  2631.                               <a expr:href='data:post.link'>
  2632.                                 <data:post.title/>
  2633.                               </a>
  2634.                               <b:else/>
  2635.                               <b:if cond='data:post.url'>
  2636.                                 <b:if cond='data:blog.url != data:post.url'>
  2637.                                   <a expr:href='data:post.url'>
  2638.                                     <data:post.title/>
  2639.                                   </a>
  2640.                                   <b:else/>
  2641.                                   <data:post.title/>
  2642.                                 </b:if>
  2643.                                 <b:else/>
  2644.                                 <data:post.title/>
  2645.                               </b:if>
  2646.                             </b:if>
  2647.                           </h3>
  2648.                         </b:if>
  2649.                         <div class='post-header'>
  2650.                           <div class='post-header-line-1'/>
  2651.                         </div>
  2652.                         <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2653.                           <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2654.                             <div style='float:right;padding-right:15px'>
  2655.                             </div>
  2656.                           </b:if>
  2657.                           <data:post.body/>
  2658.                           <div style='clear: both;'/>
  2659.                           <!-- clear for photos floats -->
  2660.                         </div>
  2661.                         <div class='post-footer'>
  2662.                           <div class='post-footer-line post-footer-line-1'>
  2663.                             <span class='post-author vcard'>
  2664.                               <b:if cond='data:top.showAuthor'>
  2665.                                 <b:if cond='data:post.authorProfileUrl'>
  2666.                                   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2667.                                     <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  2668.                                     <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2669.                                       <span itemprop='name'>
  2670.                                         <data:post.author/>
  2671.                                       </span>
  2672.                                     </a>
  2673.                                   </span>
  2674.                                   <b:else/>
  2675.                                   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2676.                                     <span itemprop='name'>
  2677.                                       <data:post.author/>
  2678.                                     </span>
  2679.                                   </span>
  2680.                                 </b:if>
  2681.                               </b:if>
  2682.                             </span>
  2683.                             <span class='post-timestamp'>
  2684.                               <b:if cond='data:top.showTimestamp'>
  2685.                                 <data:top.timestampLabel/>
  2686.                                 <b:if cond='data:post.url'>
  2687.                                   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  2688.                                   <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
  2689.                                     <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
  2690.                                       <data:post.timestamp/>
  2691.                                     </abbr>
  2692.                                   </a>
  2693.                                 </b:if>
  2694.                               </b:if>
  2695.                             </span>
  2696.                             <span class='post-comment-link'>
  2697.                               <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2698.                                 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2699.                                   <b:if cond='data:post.allowComments'>
  2700.                                     <b:include data='post' name='comment_count_picker'/>
  2701.                                   </b:if>
  2702.                                 </b:if>
  2703.                               </b:if>
  2704.                             </span>
  2705.                           </div>
  2706.                           <div class='post-footer-line post-footer-line-2'>
  2707.                             <b:if cond='data:top.showMobileShare'>
  2708.                               <!-- Twitter -->
  2709.                               <script>
  2710.                                 !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
  2711.                               <script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
  2712.                               <!-- Scripts End -->
  2713.                               <!-- Horizontal social buttons Start -->
  2714.                               <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2715.                                 <div id='share-button'>
  2716.                                   <p>
  2717.                                     Share to
  2718.                                   </p>
  2719.                                   <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>
  2720.                                     Facebook
  2721.                                   </a>
  2722.                                   <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>
  2723.                                     Google+
  2724.                                   </a>
  2725.                                   <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;'>
  2726.                                     Twitter
  2727.                                   </a>
  2728.                                   <div class='clear'/>
  2729.                                 </div>
  2730.                               </b:if>
  2731.                               <div style='clear: both;'/>
  2732.                             </b:if>
  2733.                           </div>
  2734.                         </div>
  2735.                         <b:if cond='data:blog.isMobile'>
  2736.                           <b:if cond='data:post.labels'>
  2737.                             <b:loop values='data:post.labels' var='label'>
  2738.                               <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2739.                                 <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
  2740.                               </b:if>
  2741.                             </b:loop>
  2742.                           </b:if>
  2743.                           <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2744.                             <div class='related-post'>
  2745.                               <h5>
  2746.                                 Postagens Relacionadas
  2747.                               </h5>
  2748.                               <script type='text/javascript'>
  2749.                                 removeRelatedDuplicates();
  2750.                                 printRelatedLabels();
  2751.                               </script>
  2752.                             </div>
  2753.                           </b:if>
  2754.                         </b:if>
  2755.                       </div>
  2756.                       <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2757.                         <b:include data='post' name='comment_picker'/>
  2758.                       </b:if>
  2759.                       <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2760.                         <b:include data='post' name='comment_picker'/>
  2761.                       </b:if>
  2762.                     </div>
  2763.                   </div>
  2764.                 </div>
  2765.               </b:includable>
  2766.               <b:includable id='nextprev'>
  2767.                 <div class='clear'/>
  2768.                 <div class='blog-pager' id='blog-pager'>
  2769.                   <b:if cond='data:newerPageUrl'>
  2770.                     <span id='blog-pager-newer-link'>
  2771.                       <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'>
  2772.                         Anterior
  2773.                       </a>
  2774.                     </span>
  2775.                   </b:if>
  2776.                   <b:if cond='data:olderPageUrl'>
  2777.                     <span id='blog-pager-older-link'>
  2778.                       <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'>
  2779.                         Proxima
  2780.                       </a>
  2781.                     </span>
  2782.                   </b:if>
  2783.                   <a class='home-link' expr:href='data:blog.homepageUrl'>
  2784.                     <data:homeMsg/>
  2785.                   </a>
  2786.                   <b:if cond='data:mobileLinkUrl'>
  2787.                     <div class='blog-mobile-link' style='display:none;'>
  2788.                       <a expr:href='data:mobileLinkUrl'>
  2789.                         <data:mobileLinkMsg/>
  2790.                       </a>
  2791.                     </div>
  2792.                   </b:if>
  2793.                  
  2794.                 </div>
  2795.                 <div class='clear'/>
  2796.               </b:includable>
  2797.               <b:includable id='post' var='post'>
  2798.                 <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  2799.                   <a expr:class='data:post.id'/>
  2800.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2801.                     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2802.                       <b:if cond='data:post.thumbnailUrl'>
  2803.                         <script type='text/javascript'>
  2804.                           //<![CDATA[
  2805.                        function bp_thumbnail_resize(image_url,post_title) {var image_size=350;var image_height=200; image_tag='<img  src="'+image_url.replace('/s72-c/','/w'+image_size+'-h'+image_height+'-c/')+'" class="postthumb" alt="'+post_title+'" title="'+post_title+'"/>'; if(image_url!="") return image_tag; else return ""; }
  2806.                        //]]>
  2807.                         </script>
  2808.                         <a expr:href='data:post.url'>
  2809.                           <div class='postt'>
  2810.                             <script type='text/javascript'>
  2811.                               document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
  2812.                             </script>
  2813.                           </div>
  2814.                         </a>
  2815.                         <b:else/>
  2816.                         <a expr:href='data:post.url'>
  2817.                           <div class='postt'>
  2818.                             <img class='postthumb' expr:alt='data:post.title' expr:title='data:post.title' src='http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s600/default.png'/>
  2819.                           </div>
  2820.                         </a>
  2821.                       </b:if>
  2822.                       <b:if cond='data:post.title'>
  2823.                         <h2 class='post-title entry-title' itemprop='name'>
  2824.                           <b:if cond='data:post.link'>
  2825.                             <a expr:href='data:post.link'>
  2826.                               <data:post.title/>
  2827.                             </a>
  2828.                             <b:else/>
  2829.                             <b:if cond='data:post.url'>
  2830.                               <a expr:href='data:post.url'>
  2831.                                 <data:post.title/>
  2832.                               </a>
  2833.                               <b:else/>
  2834.                               <data:post.title/>
  2835.                             </b:if>
  2836.                           </b:if>
  2837.                         </h2>
  2838.                       </b:if>
  2839.                       <b:else/>
  2840.                       <b:if cond='data:post.title'>
  2841.                         <h1 class='post-title entry-title' itemprop='name'>
  2842.                           <b:if cond='data:post.link'>
  2843.                             <a expr:href='data:post.link' expr:title='data:post.title'>
  2844.                               <data:post.title/>
  2845.                             </a>
  2846.                             <b:else/>
  2847.                             <b:if cond='data:post.url'>
  2848.                               <a expr:href='data:post.url' expr:title='data:post.title'>
  2849.                                 <data:post.title/>
  2850.                               </a>
  2851.                               <b:else/>
  2852.                               <data:post.title/>
  2853.                             </b:if>
  2854.                           </b:if>
  2855.                         </h1>
  2856.                       </b:if>
  2857.                     </b:if>
  2858.                   </b:if>
  2859.                   <div class='post-header'>
  2860.                     <div class='post-header-line-1'/>
  2861.                   </div>
  2862.                   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2863.                     <b:if cond='data:post.title'>
  2864.                       <h1 class='post-title entry-title' itemprop='name'>
  2865.                         <b:if cond='data:post.link'>
  2866.                           <a expr:href='data:post.link' expr:title='data:post.title'>
  2867.                             <data:post.title/>
  2868.                           </a>
  2869.                           <b:else/>
  2870.                           <b:if cond='data:post.url'>
  2871.                             <a expr:href='data:post.url' expr:title='data:post.title'>
  2872.                               <data:post.title/>
  2873.                             </a>
  2874.                             <b:else/>
  2875.                             <data:post.title/>
  2876.                           </b:if>
  2877.                         </b:if>
  2878.                       </h1>
  2879.                     </b:if>
  2880.                     <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2881.                       <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2882.                         <div style='float:right;padding-right:15px'>
  2883.                         </div>
  2884.                       </b:if>
  2885.                       <data:post.body/>
  2886.                       <div style='clear: both;'/>
  2887.                       <!-- clear for photos floats -->
  2888.                     </div>
  2889.                   </b:if>
  2890.                   <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2891.                     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2892.                       <div class='post-body' expr:id='&quot;summary&quot; + data:post.id' itemprop='articleBody'>
  2893.                         <div class='post-info'>
  2894.                           <span class='post-info-icon admin fui-user'>
  2895.                             <b:if cond='data:top.showAuthor'>
  2896.                               <span class='vcard'>
  2897.                                 <span class='fn'>
  2898.                                   <data:post.author/>
  2899.                                 </span>
  2900.                               </span>
  2901.                             </b:if>
  2902.                           </span>
  2903.                           <span class='post-info-icon komentar fui-chat'>
  2904.                             <b:if cond='data:post.allowComments'>
  2905.                               <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2906.                                 <b:if cond='data:post.numComments == 0'>
  2907.                                   Comentário
  2908.                                 </b:if>
  2909.                                 <b:if cond='data:post.numComments == 1'>
  2910.                                   1 Comentário
  2911.                                 </b:if>
  2912.                                 <b:if cond='data:post.numComments &gt; 1'>
  2913.                                   <data:post.numComments/>
  2914.                                   Comentários
  2915.                                 </b:if>
  2916.                               </a>
  2917.                             </b:if>
  2918.                           </span>
  2919.                           <span class='post-info-icon jam fui-time'>
  2920.                             <abbr class='updated published' expr:title='data:post.timestampISO8601'>
  2921.                               <data:post.timestamp/>
  2922.                             </abbr>
  2923.                           </span>
  2924.                         </div>
  2925.                         <b:if cond='data:post.snippet'>
  2926.                           <div class='snippetpost  entry-content'>
  2927.                             <data:post.snippet/>
  2928.                             <br/>
  2929.                           </div>
  2930.                         </b:if>
  2931.                         <div style='clear: both;'/>
  2932.                         <!-- clear for photos floats -->
  2933.                         <b:if cond='data:post.hasJumpLink'>
  2934.                           <div class='jump-link' style='display:none;'>
  2935.                             <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
  2936.                               <data:post.jumpText/>
  2937.                             </a>
  2938.                           </div>
  2939.                         </b:if>
  2940.                       </div>
  2941.                     </b:if>
  2942.                   </b:if>
  2943.                   <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2944.                     <div class='ngepot' itemscope='itemscope' itemtype='http://data-vocabulary.org/Review'>
  2945.                       <div class='post-info' style='padding:0 0 0 0 !important;margin:0 0 15px 0 !important;border-top:none !important;border-bottom:none !important;'>
  2946.                         <span class='post-info-icon admin'>
  2947.                           <b:if cond='data:top.showAuthor'>
  2948.                             <span class='vcard'>
  2949.                               <span class='fn'>
  2950.                                 <span itemprop='reviewer'>
  2951.                                   <data:post.author/>
  2952.                                 </span>
  2953.                               </span>
  2954.                             </span>
  2955.                           </b:if>
  2956.                         </span>
  2957.                         <span class='post-info-icon komentar'>
  2958.                           <b:if cond='data:post.allowComments'>
  2959.                             <a expr:onclick='data:post.addCommentOnclick' href='#comments'>
  2960.                               <b:if cond='data:post.numComments == 0'>
  2961.                                 Comentário
  2962.                               </b:if>
  2963.                               <b:if cond='data:post.numComments == 1'>
  2964.                                 1 Comentário
  2965.                               </b:if>
  2966.                               <b:if cond='data:post.numComments &gt; 1'>
  2967.                                 <data:post.numComments/>
  2968.                                 Comentário
  2969.                               </b:if>
  2970.                             </a>
  2971.                           </b:if>
  2972.                         </span>
  2973.                         <b:if cond='data:post.labels'>
  2974.                           <span class='post-info-icon label'>
  2975.                             <b:loop values='data:post.labels' var='label'>
  2976.                               <a expr:href='data:label.url' rel='tag nofollow'>
  2977.                                 <data:label.name/>
  2978.                               </a>
  2979.                               <b:if cond='data:label.isLast != &quot;true&quot;'>
  2980.                                 ,
  2981.                               </b:if>
  2982.                             </b:loop>
  2983.                           </span>
  2984.                         </b:if>
  2985.                         <b:if cond='data:post.dateHeader'>
  2986.                           <span class='post-info-icon tanggal'>
  2987.                             <abbr class='updated published' expr:title='data:post.timestampISO8601'>
  2988.                               <data:post.dateHeader/>
  2989.                             </abbr>
  2990.                           </span>
  2991.                         </b:if>
  2992.                       </div>
  2993.                       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2994.                         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2995.                           <div style='float:right;padding-right:15px'>
  2996.                           </div>
  2997.                         </b:if>
  2998.                         <data:post.body/>
  2999.                         <div style='clear: both;'/>
  3000.                         <!-- clear for photos floats -->
  3001.                       </div>
  3002.                       <script>
  3003.                         !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
  3004.                       <div class='horizontal-social-buttons' style='padding:5px 0 5px;'>
  3005.                         <!-- Twitter -->
  3006.                         <div style='float:left;'>
  3007.                           <a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>
  3008.                             Tweet
  3009.                           </a>
  3010.                         </div>
  3011.                         <!-- Google +1 -->
  3012.                         <div style='float:left;'>
  3013.                           <g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
  3014.                         </div>
  3015.                         <!-- Facebook Like+Send -->
  3016.                         <div style='float:left;'>
  3017.                           <fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
  3018.                         </div>
  3019.                         <script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1' type='text/javascript'/>
  3020.                         <div style='float:right;'>
  3021.                           <div id='opFace'>
  3022.                             Facebook Comentários
  3023.                           </div>
  3024.                         </div>
  3025.                       </div>
  3026.                       <div id='related_posts'>
  3027.                         <h4>
  3028.                           Postagens Relacionadas
  3029.                         </h4>
  3030.                         <b:loop values='data:post.labels' var='label'>
  3031.                           <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;' type='text/javascript'/>
  3032.                         </b:loop>
  3033.                         <ul id='relpost_img_sum'>
  3034.                           <script type='text/javascript'>
  3035.                             artikelterkait();</script>
  3036.                         </ul>
  3037.                       </div>
  3038.                       <div style='text-align:center;'>
  3039.                         <div class='fb-comments' data-colorscheme='light' data-numposts='5' expr:data-href='data:post.url' id='pesbuk' style='display:block;display:none;'/>
  3040.                       </div>
  3041.                       <div class='clear'/>
  3042.                       <div class='clear'/>
  3043.                     </div>
  3044.                     <b:if cond='data:blog.isMobile'>
  3045.                       <div class='related-post' id='related-post'/>
  3046.                       <script type='text/javascript'>
  3047.                         var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
  3048.                                           &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  3049.                       </b:loop></b:if>];
  3050.                                           var relatedPostConfig = {
  3051.                                           homePage: &quot;<data:blog.homepageUrl/>&quot;,
  3052.                                           widgetTitle: &quot;&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;&quot;,
  3053.                                           numPosts: 5,
  3054.                                           titleLength: &quot;auto&quot;,
  3055.                                           containerId: &quot;related-post&quot;,
  3056.                                           newTabLink: false,
  3057.                                           widgetStyle: 1,
  3058.                                           callBack: function() {}
  3059.                                           };
  3060.                       </script>
  3061.                       <b:else/>
  3062.                     </b:if>
  3063.                     <div class='clear'/>
  3064.                   </b:if>
  3065.                 </div>
  3066.               </b:includable>
  3067.               <b:includable id='postQuickEdit' var='post'>
  3068.                 <b:if cond='data:post.editUrl'>
  3069.                   <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  3070.                     <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  3071.                       <img alt='edit' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' title='edit' width='18'/>
  3072.                     </a>
  3073.                   </span>
  3074.                 </b:if>
  3075.               </b:includable>
  3076.               <b:includable id='shareButtons' var='post'>
  3077.                 <b:if cond='data:top.showEmailButton'>
  3078.                   <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
  3079.                     <span class='share-button-link-text'>
  3080.                       <data:top.emailThisMsg/>
  3081.                     </span>
  3082.                   </a>
  3083.                 </b:if>
  3084.                 <b:if cond='data:top.showBlogThisButton'>
  3085.                   <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
  3086.                     <span class='share-button-link-text'>
  3087.                       <data:top.blogThisMsg/>
  3088.                     </span>
  3089.                   </a>
  3090.                 </b:if>
  3091.                 <b:if cond='data:top.showTwitterButton'>
  3092.                   <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
  3093.                     <span class='share-button-link-text'>
  3094.                       <data:top.shareToTwitterMsg/>
  3095.                     </span>
  3096.                   </a>
  3097.                 </b:if>
  3098.                 <b:if cond='data:top.showFacebookButton'>
  3099.                   <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
  3100.                     <span class='share-button-link-text'>
  3101.                       <data:top.shareToFacebookMsg/>
  3102.                     </span>
  3103.                   </a>
  3104.                 </b:if>
  3105.                 <b:if cond='data:top.showOrkutButton'>
  3106.                   <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
  3107.                     <span class='share-button-link-text'>
  3108.                       <data:top.shareToOrkutMsg/>
  3109.                     </span>
  3110.                   </a>
  3111.                 </b:if>
  3112.                 <b:if cond='data:top.showDummy'>
  3113.                   <div class='goog-inline-block dummy-container'>
  3114.                     <data:post.dummyTag/>
  3115.                   </div>
  3116.                 </b:if>
  3117.               </b:includable>
  3118.               <b:includable id='status-message'>
  3119.                 <b:if cond='data:navMessage'>
  3120.                   <div class='status-msg-wrap'>
  3121.                     <div class='status-msg-body'>
  3122.                       <data:navMessage/>
  3123.                     </div>
  3124.                     <div class='status-msg-border'>
  3125.                       <div class='status-msg-bg'>
  3126.                         <div class='status-msg-hidden'>
  3127.                           <data:navMessage/>
  3128.                           </div>
  3129.                       </div>
  3130.                     </div>
  3131.                   </div>
  3132.                   <div style='clear: both;'/>
  3133.                 </b:if>
  3134.               </b:includable>
  3135.               <b:includable id='threaded-comment-form' var='post'>
  3136.                 <div class='comment-form'>
  3137.                   <b:if cond='data:mobile'>
  3138.                     <p>
  3139.                       <data:blogCommentMessage/>
  3140.                       <br/>
  3141.                       <br/>
  3142.                       <span class='konversi pencet'>
  3143.                         Código de Conversão
  3144.                       </span>
  3145.                       <span class='tutup pencet' style='display:none'>
  3146.                         Converter!
  3147.                       </span>
  3148.                       <span class='show_emo pencet'>
  3149.                         Emoticon
  3150.                       </span>
  3151.                     </p>
  3152.                     <script type='text/javascript'>
  3153.                       $(document).ready(function() {
  3154.                         $(&#39;.konversi&#39;).click(function() {
  3155.                           $(&#39;.my-konversi&#39;).show();
  3156.                           $(&#39;.tutup&#39;).show();
  3157.                           $(&#39;.konversi&#39;).hide();
  3158.                           });
  3159.                         $(&#39;.tutup&#39;).click(function() {
  3160.                           $(&#39;.my-konversi&#39;).hide();
  3161.                           $(&#39;.tutup&#39;).hide();
  3162.                           $(&#39;.konversi&#39;).show();
  3163.                           });
  3164.                         $(&#39;.show_emo&#39;).click(function() {
  3165.                           $(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;);
  3166.                           });
  3167.                       });
  3168.                     </script>
  3169.                     <div class='my-konversi'>
  3170.                       <br/>
  3171.                      
  3172.                     </div>
  3173.                     <div class='comment_emo_list'/>
  3174.                     <data:blogTeamBlogMessage/>
  3175.                     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  3176.                       <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'/>
  3177.                     </b:if>
  3178.                     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3179.                       <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'/>
  3180.                     </b:if>
  3181.                     <iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor'/>
  3182.                     <b:else/>
  3183.                     <p>
  3184.                       <data:blogCommentMessage/>
  3185.                       <br/>
  3186.                       <br/>
  3187.                       <span class='konversi pencet'>
  3188.                         Código de Conversão
  3189.                       </span>
  3190.                       <span class='tutup pencet' style='display:none'>
  3191.                         Converter!
  3192.                       </span>
  3193.                       <span class='show_emo pencet'>
  3194.                         Emoticon
  3195.                       </span>
  3196.                     </p>
  3197.                     <script type='text/javascript'>
  3198.                       $(document).ready(function() {
  3199.                         $(&#39;.konversi&#39;).click(function() {
  3200.                           $(&#39;.my-konversi&#39;).show();
  3201.                           $(&#39;.tutup&#39;).show();
  3202.                           $(&#39;.konversi&#39;).hide();
  3203.                           });
  3204.                         $(&#39;.tutup&#39;).click(function() {
  3205.                           $(&#39;.my-konversi&#39;).hide();
  3206.                           $(&#39;.tutup&#39;).hide();
  3207.                           $(&#39;.konversi&#39;).show();
  3208.                           });
  3209.                         $(&#39;.show_emo&#39;).click(function() {
  3210.                           $(&#39;.comment_emo_list&#39;).toggle(&#39;slow&#39;);
  3211.                           });
  3212.                       });
  3213.                     </script>
  3214.                     <div class='my-konversi'>
  3215.                       <br/>
  3216.                       <style type='text/css'>
  3217.                         #codes {
  3218.                           border: none;
  3219.                           width: 98%;
  3220.                           height: 150px;
  3221.                           margin: 10px auto 10px;
  3222.                           display: block;
  3223.                           background-color: #42576c;
  3224.                           padding: 5px;
  3225.                           font: normal 12px &#39;Courier New&#39;,Monospace;
  3226.                         }
  3227.                         #codes:focus {
  3228.                           background-color: #384c60;
  3229.                           color: white;
  3230.                         }
  3231.                         .button-group {
  3232.                           margin: 0px auto 0px;
  3233.                           text-align: center;
  3234.                         }
  3235.                         button,button[disabled]:active {
  3236.                           background-color: #384c60;
  3237.                           font: bold 11px Tahoma,Verdana,Arial,Sans-Serif;
  3238.                           color: #999;
  3239.                           padding: 5px 10px;
  3240.                           border: none;
  3241.                           border-radius: 3px;
  3242.                           cursor: pointer;
  3243.                         }
  3244.                         button:active {
  3245.                           background-color: #21afa4;
  3246.                           color: black;
  3247.                         }
  3248.                         button[disabled],button[disabled]:active {
  3249.                           opacity: 0.4;
  3250.                           cursor: default;
  3251.                         }
  3252.                         #opt1, #opt2, #opt3, #opt4, #opt5 {
  3253.                           display: inline-block;
  3254.                           margin: 0px 10px 0px 0px;
  3255.                           vertical-align: middle;
  3256.                           border: none;
  3257.                           outline: none;
  3258.                         }
  3259.                       </style>
  3260.                       <textarea id='codes' placeholder='Escrever / colar o código aqui e clique no &apos;Conversão&apos;' spellcheck='false'/>
  3261.                       <div class='button-group'>
  3262.                         <button id='cvrt' onclick='cdConvert();this.disabled = true;'>
  3263.                           Conversão
  3264.                         </button>
  3265.                         <button onclick='cdClear();'>
  3266.                           Limpar
  3267.                         </button>
  3268.                       </div>
  3269.                       <input checked='true' id='opt1' type='checkbox'/>
  3270.                       Conversão
  3271.                       <code>
  3272.                         &amp;
  3273.                       </code>
  3274.                       menjadi
  3275.                       <code>
  3276.                         &amp;amp;
  3277.                       </code>
  3278.                       <br/>
  3279.                       <input id='opt2' type='checkbox'/>
  3280.                       Conversão
  3281.                       <code>
  3282.                         &#39;
  3283.                       </code>
  3284.                       menjadi
  3285.                       <code>
  3286.                         &amp;#039;
  3287.                       </code>
  3288.                       <br/>
  3289.                       <input id='opt3' type='checkbox'/>
  3290.                       Conversão
  3291.                       <code>
  3292.                         &quot;
  3293.                       </code>
  3294.                       menjadi
  3295.                       <code>
  3296.                         &amp;quot;
  3297.                       </code>
  3298.                       <br/>
  3299.                       <input checked='true' id='opt4' type='checkbox'/>
  3300.                       Conversão
  3301.                       <code>
  3302.                         &lt;
  3303.                       </code>
  3304.                       menjadi
  3305.                       <code>
  3306.                         &amp;lt;
  3307.                       </code>
  3308.                       <br/>
  3309.                       <input checked='true' id='opt5' type='checkbox'/>
  3310.                       Conversão
  3311.                       <code>
  3312.                         &gt;
  3313.                       </code>
  3314.                       menjadi
  3315.                       <code>
  3316.                         &amp;gt;
  3317.                       </code>
  3318.                      
  3319.                     </div>
  3320.                     <div class='comment_emo_list'/>
  3321.                     <data:blogTeamBlogMessage/>
  3322.                     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  3323.                       <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'/>
  3324.                     </b:if>
  3325.                     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3326.                       <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'/>
  3327.                     </b:if>
  3328.                     <iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor'/>
  3329.                   </b:if>
  3330.                   <data:post.friendConnectJs/>
  3331.                   <data:post.cmtfpIframe/>
  3332.                   <script type='text/javascript'>
  3333.                     BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  3334.                   </script>
  3335.                 </div>
  3336.               </b:includable>
  3337.               <b:includable id='threaded_comment_js' var='post'>
  3338.                 <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  3339.                 <script type='text/javascript'>
  3340.                   (function() {
  3341.                     var items = <data:post.commentJso/>;
  3342.                     var msgs = <data:post.commentMsgs/>;
  3343.                     var config = <data:post.commentConfig/>;
  3344.                     // <![CDATA[
  3345.                  var cursor = null;
  3346.                  if (items && items.length > 0) {
  3347.                    cursor = parseInt(items[items.length - 1].timestamp) + 1;
  3348.                  }
  3349.                  var bodyFromEntry = function(entry) {
  3350.                    if (entry.gd$extendedProperty) {
  3351.                      for (var k in entry.gd$extendedProperty) {
  3352.                        if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  3353.                          return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  3354.                        }
  3355.                      }
  3356.                    }
  3357.                    return entry.content.$t;
  3358.                  }
  3359.                  var parse = function(data) {
  3360.                    cursor = null;
  3361.                    var comments = [];
  3362.                    if (data && data.feed && data.feed.entry) {
  3363.                      for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  3364.                        var comment = {};
  3365.                        // comment ID, parsed out of the original id format
  3366.                        var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  3367.                        comment.id = id ? id[2] : null;
  3368.                        comment.body = bodyFromEntry(entry);
  3369.                        comment.timestamp = Date.parse(entry.published.$t) + '';
  3370.                        if (entry.author && entry.author.constructor === Array) {
  3371.                          var auth = entry.author[0];
  3372.                          if (auth) {
  3373.                            comment.author = {
  3374.                              name: (auth.name ? auth.name.$t : undefined),
  3375.                              profileUrl: (auth.uri ? auth.uri.$t : undefined),
  3376.                              avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  3377.                            };
  3378.                          }
  3379.                        }
  3380.                        if (entry.link) {
  3381.                          if (entry.link[2]) {
  3382.                            comment.link = comment.permalink = entry.link[2].href;
  3383.                          }
  3384.                          if (entry.link[3]) {
  3385.                            var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  3386.                            if (pid && pid[1]) {
  3387.                              comment.parentId = pid[1];
  3388.                            }
  3389.                          }
  3390.                        }
  3391.                        comment.deleteclass = 'item-control blog-admin';
  3392.                        if (entry.gd$extendedProperty) {
  3393.                          for (var k in entry.gd$extendedProperty) {
  3394.                            if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  3395.                              comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  3396.                            } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  3397.                              comment.displayTime = entry.gd$extendedProperty[k].value;
  3398.                            }
  3399.                          }
  3400.                        }
  3401.                        comments.push(comment);
  3402.                      }
  3403.                    }
  3404.                    return comments;
  3405.                  };
  3406.                  var paginator = function(callback) {
  3407.                    if (hasMore()) {
  3408.                      var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  3409.                      if (cursor) {
  3410.                        url += '&published-min=' + new Date(cursor).toISOString();
  3411.                      }
  3412.                      window.bloggercomments = function(data) {
  3413.                        var parsed = parse(data);
  3414.                        cursor = parsed.length < 50 ? null
  3415.                        : parseInt(parsed[parsed.length - 1].timestamp) + 1
  3416.                        callback(parsed);
  3417.                        window.bloggercomments = null;
  3418.                      }
  3419.                      url += '&callback=bloggercomments';
  3420.                      var script = document.createElement('script');
  3421.                      script.type = 'text/javascript';
  3422.                      script.src = url;
  3423.                      document.getElementsByTagName('head')[0].appendChild(script);
  3424.                    }
  3425.                  };
  3426.                  var hasMore = function() {
  3427.                    return !!cursor;
  3428.                  };
  3429.                  var getMeta = function(key, comment) {
  3430.                    if ('iswriter' == key) {
  3431.                      var matches = !!comment.author
  3432.                      && comment.author.name == config.authorName
  3433.                      && comment.author.profileUrl == config.authorUrl;
  3434.                      return matches ? 'true' : '';
  3435.                    } else if ('deletelink' == key) {
  3436.                      return config.baseUri + '/delete-comment.g?blogID='
  3437.                      + config.blogId + '&postID=' + comment.id;
  3438.                    } else if ('deleteclass' == key) {
  3439.                      return comment.deleteclass;
  3440.                    }
  3441.                    return '';
  3442.                  };
  3443.                  var replybox = null;
  3444.                  var replyUrlParts = null;
  3445.                  var replyParent = undefined;
  3446.                  var onReply = function(commentId, domId) {
  3447.                    if (replybox == null) {
  3448.                      // lazily cache replybox, and adjust to suit this style:
  3449.                      replybox = document.getElementById('comment-editor');
  3450.                      if (replybox != null) {
  3451.                        replybox.height = '250px';
  3452.                        replybox.style.display = 'block';
  3453.                        replyUrlParts = replybox.src.split('#');
  3454.                      }
  3455.                    }
  3456.                    if (replybox && (commentId !== replyParent)) {
  3457.                      document.getElementById(domId).insertBefore(replybox, null);
  3458.                      replybox.src = replyUrlParts[0]
  3459.                      + (commentId ? '&parentID=' + commentId : '')
  3460.                      + '#' + replyUrlParts[1];
  3461.                      replyParent = commentId;
  3462.                    }
  3463.                  };
  3464.                  var hash = (window.location.hash || '#').substring(1);
  3465.                  var startThread, targetComment;
  3466.                  if (/^comment-form_/.test(hash)) {
  3467.                    startThread = hash.substring('comment-form_'.length);
  3468.                  } else if (/^c[0-9]+$/.test(hash)) {
  3469.                    targetComment = hash.substring(1);
  3470.                  }
  3471.                  // Configure commenting API:
  3472.                  var configJso = {
  3473.                    'maxDepth': config.maxThreadDepth
  3474.                  };
  3475.                  var provider = {
  3476.                    'id': config.postId,
  3477.                    'data': items,
  3478.                    'loadNext': paginator,
  3479.                    'hasMore': hasMore,
  3480.                    'getMeta': getMeta,
  3481.                    'onReply': onReply,
  3482.                    'rendered': true,
  3483.                    'initComment': targetComment,
  3484.                    'initReplyThread': startThread,
  3485.                    'config': configJso,
  3486.                    'messages': msgs
  3487.                  };
  3488.                  var render = function() {
  3489.                    if (window.goog && window.goog.comments) {
  3490.                      var holder = document.getElementById('comment-holder');
  3491.                      window.goog.comments.render(holder, provider);
  3492.                    }
  3493.                  };
  3494.                  // render now, or queue to render when library loads:
  3495.                  if (window.goog && window.goog.comments) {
  3496.                    render();
  3497.                  } else {
  3498.                    window.goog = window.goog || {};
  3499.                    window.goog.comments = window.goog.comments || {};
  3500.                    window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  3501.                    window.goog.comments.loadQueue.push(render);
  3502.                  }
  3503.                })();
  3504.                // ]]>
  3505.                 </script>
  3506.               </b:includable>
  3507.               <b:includable id='threaded_comments' var='post'>
  3508.                 <div class='comments' id='comments'>
  3509.                  
  3510.                   <a name='comments'/>
  3511.                   <h3>
  3512.                     <b:if cond='data:post.numComments == 0'>
  3513.                       Resposta aos &quot;
  3514.                       <data:blog.pageName/>
  3515.                       &quot;
  3516.                     </b:if>
  3517.                     <b:if cond='data:post.numComments == 1'>
  3518.                       1 Resposta aos &quot;
  3519.                       <data:blog.pageName/>
  3520.                       &quot;
  3521.                     </b:if>
  3522.                     <b:if cond='data:post.numComments &gt; 1'>
  3523.                       <data:post.numComments/>
  3524.                       As respostas às &quot;
  3525.                       <data:blog.pageName/>
  3526.                       &quot;
  3527.                     </b:if>
  3528.                   </h3>
  3529.                   <div class='comments-content'>
  3530.                     <b:if cond='data:post.embedCommentForm'>
  3531.                       <b:include data='post' name='threaded_comment_js'/>
  3532.                     </b:if>
  3533.                     <div id='comment-holder'>
  3534.                       <data:post.commentHtml/>
  3535.                     </div>
  3536.                   </div>
  3537.                   <p class='comment-footer'>
  3538.                     <b:if cond='data:post.allowNewComments'>
  3539.                       <b:include data='post' name='threaded-comment-form'/>
  3540.                       <b:else/>
  3541.                       <data:post.noNewCommentsText/>
  3542.                     </b:if>
  3543.                   </p>
  3544.                   <b:if cond='data:showCmtPopup'>
  3545.                     <div id='comment-popup'>
  3546.                       <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3547.                       </iframe>
  3548.                     </div>
  3549.                   </b:if>
  3550.                   <div id='backlinks-container'>
  3551.                     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  3552.                       <b:if cond='data:post.showBacklinks'>
  3553.                         <b:include data='post' name='backlinks'/>
  3554.                       </b:if>
  3555.                     </div>
  3556.                   </div>
  3557.                 </div>
  3558.               </b:includable>
  3559.             </b:widget>
  3560.           </b:section>
  3561.           <b:if cond='data:blog.url == data:blog.homepageUrl'>
  3562.             <div id='bawahnya'>
  3563.               <b:section class='bawahnya' id='bawahnya1'>
  3564.                 <b:widget id='HTML26' locked='true' title='' type='HTML'>
  3565.                   <b:includable id='main'>
  3566.                     <div class='labelbox'>
  3567.                       <script>
  3568.                         document.write(&#39;&lt;h3 class=&quot;catbox-title&quot;&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h3&gt;&#39;);
  3569.                       </script>
  3570.                       <ul>
  3571.                         <script>
  3572.                           document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts5\&quot;&gt;&lt;\/script&gt;&quot;);
  3573.                         </script>
  3574.                       </ul>
  3575.                     </div>
  3576.                   </b:includable>
  3577.                 </b:widget>
  3578.               </b:section>
  3579.               <b:section class='bawahnya' id='bawahnya2'>
  3580.                 <b:widget id='HTML27' locked='true' title='' type='HTML'>
  3581.                   <b:includable id='main'>
  3582.                     <div class='labelbox'>
  3583.                       <script>
  3584.                         document.write(&#39;&lt;h3 class=&quot;catbox-title&quot;&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=10&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h3&gt;&#39;);
  3585.                       </script>
  3586.                       <ul>
  3587.                         <script>
  3588.                           document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts5\&quot;&gt;&lt;\/script&gt;&quot;);
  3589.                         </script>
  3590.                       </ul>
  3591.                     </div>
  3592.                   </b:includable>
  3593.                 </b:widget>
  3594.               </b:section>
  3595.             </div>
  3596.           </b:if>
  3597.         </aside>
  3598.         <div id='right-bar'>
  3599.           <b:section class='sidebar' id='right-sidebar'>
  3600.             <b:widget id='HTML3' locked='false' title='' type='HTML'>
  3601.               <b:includable id='main'>
  3602.   <!-- only display title if it's non-empty -->
  3603.   <b:if cond='data:title != &quot;&quot;'>
  3604.     <h2 class='title'><data:title/></h2>
  3605.   </b:if>
  3606.   <div class='widget-content'>
  3607.     <data:content/>
  3608.   </div>
  3609.  
  3610.   <b:include name='quickedit'/>
  3611. </b:includable>
  3612.             </b:widget>
  3613.             <b:widget id='HTML2' locked='false' title='' type='HTML'>
  3614.               <b:includable id='main'>
  3615.   <!-- only display title if it's non-empty -->
  3616.   <b:if cond='data:title != &quot;&quot;'>
  3617.     <h2 class='title'><data:title/></h2>
  3618.   </b:if>
  3619.   <div class='widget-content'>
  3620.     <data:content/>
  3621.   </div>
  3622.  
  3623.   <b:include name='quickedit'/>
  3624. </b:includable>
  3625.             </b:widget>
  3626.             <b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
  3627.               <b:includable id='main'>
  3628.                 <b:if cond='data:title'>
  3629.                   <h2>
  3630.                     <data:title/>
  3631.                   </h2>
  3632.                 </b:if>
  3633.                 <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  3634.                   <b:if cond='data:display == &quot;list&quot;'>
  3635.                     <ul>
  3636.                       <b:loop values='data:labels' var='label'>
  3637.                         <li>
  3638.                           <b:if cond='data:blog.url == data:label.url'>
  3639.                             <span expr:dir='data:blog.languageDirection'>
  3640.                               <data:label.name/>
  3641.                             </span>
  3642.                             <b:else/>
  3643.                             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
  3644.                               <data:label.name/>
  3645.                             </a>
  3646.                           </b:if>
  3647.                           <b:if cond='data:showFreqNumbers'>
  3648.                             <span dir='ltr'>
  3649.                               (
  3650.                               <data:label.count/>
  3651.                               )
  3652.                             </span>
  3653.                           </b:if>
  3654.                         </li>
  3655.                       </b:loop>
  3656.                     </ul>
  3657.                     <b:else/>
  3658.                     <b:loop values='data:labels' var='label'>
  3659.                       <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  3660.                         <b:if cond='data:blog.url == data:label.url'>
  3661.                           <span expr:dir='data:blog.languageDirection'>
  3662.                             <data:label.name/>
  3663.                           </span>
  3664.                           <b:else/>
  3665.                           <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
  3666.                             <data:label.name/>
  3667.                           </a>
  3668.                         </b:if>
  3669.                         <b:if cond='data:showFreqNumbers'>
  3670.                           <span class='label-count' dir='ltr'>
  3671.                             (
  3672.                             <data:label.count/>
  3673.                             )
  3674.                           </span>
  3675.                         </b:if>
  3676.                       </span>
  3677.                     </b:loop>
  3678.                   </b:if>
  3679.                   <b:include name='quickedit'/>
  3680.                 </div>
  3681.               </b:includable>
  3682.             </b:widget>
  3683.             <b:widget id='PopularPosts1' locked='false' title='Postagens populares' type='PopularPosts'>
  3684.               <b:includable id='main'>
  3685.                 <b:if cond='data:title'>
  3686.                   <h2>
  3687.                     <data:title/>
  3688.                   </h2>
  3689.                 </b:if>
  3690.                 <div class='widget-content popular-posts'>
  3691.                   <ul>
  3692.                     <b:loop values='data:posts' var='post'>
  3693.                       <li>
  3694.                         <b:if cond='data:showThumbnails == &quot;false&quot;'>
  3695.                           <b:if cond='data:showSnippets == &quot;false&quot;'>
  3696.                             <!-- (1) No snippet/thumbnail -->
  3697.                             <a expr:href='data:post.href'>
  3698.                               <data:post.title/>
  3699.                             </a>
  3700.                             <b:else/>
  3701.                             <!-- (2) Show only snippets -->
  3702.                             <div class='item-title'>
  3703.                               <a expr:href='data:post.href'>
  3704.                                 <data:post.title/>
  3705.                               </a>
  3706.                             </div>
  3707.                             <div class='item-snippet'>
  3708.                               <data:post.snippet/>
  3709.                             </div>
  3710.                           </b:if>
  3711.                           <b:else/>
  3712.                           <b:if cond='data:showSnippets == &quot;false&quot;'>
  3713.                             <!-- (3) Show only thumbnails -->
  3714.                             <div class='item-thumbnail-only'>
  3715.                               <b:if cond='data:post.thumbnail'>
  3716.                                 <div class='item-thumbnail'>
  3717.                                   <a expr:href='data:post.href' target='_blank'>
  3718.                                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  3719.                                   </a>
  3720.                                 </div>
  3721.                               </b:if>
  3722.                               <div class='item-title'>
  3723.                                 <a expr:href='data:post.href'>
  3724.                                   <data:post.title/>
  3725.                                 </a>
  3726.                               </div>
  3727.                             </div>
  3728.                             <div style='clear: both;'/>
  3729.                             <b:else/>
  3730.                             <!-- (4) Show snippets and thumbnails -->
  3731.                             <div class='item-content'>
  3732.                               <b:if cond='data:post.thumbnail'>
  3733.                                 <div class='item-thumbnail'>
  3734.                                   <a expr:href='data:post.href' target='_blank'>
  3735.                                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  3736.                                   </a>
  3737.                                 </div>
  3738.                               </b:if>
  3739.                               <div class='item-title'>
  3740.                                 <a expr:href='data:post.href'>
  3741.                                   <data:post.title/>
  3742.                                 </a>
  3743.                               </div>
  3744.                               <div class='item-snippet'>
  3745.                                 <data:post.snippet/>
  3746.                               </div>
  3747.                             </div>
  3748.                             <div style='clear: both;'/>
  3749.                           </b:if>
  3750.                         </b:if>
  3751.                       </li>
  3752.                     </b:loop>
  3753.                   </ul>
  3754.                   <b:include name='quickedit'/>
  3755.                 </div>
  3756.               </b:includable>
  3757.             </b:widget>
  3758.           </b:section>
  3759.         </div>
  3760.         <footer id='footer-wrapper'>
  3761.           <b:section class='footer' id='footer1'>
  3762.             <b:widget id='HTML5' locked='false' title='' type='HTML'>
  3763.               <b:includable id='main'>
  3764.   <!-- only display title if it's non-empty -->
  3765.   <b:if cond='data:title != &quot;&quot;'>
  3766.     <h2 class='title'><data:title/></h2>
  3767.   </b:if>
  3768.   <div class='widget-content'>
  3769.     <data:content/>
  3770.   </div>
  3771.  
  3772.   <b:include name='quickedit'/>
  3773. </b:includable>
  3774.             </b:widget>
  3775.             <b:widget id='HTML4' locked='false' title='' type='HTML'>
  3776.               <b:includable id='main'>
  3777.   <!-- only display title if it's non-empty -->
  3778.   <b:if cond='data:title != &quot;&quot;'>
  3779.     <h2 class='title'><data:title/></h2>
  3780.   </b:if>
  3781.   <div class='widget-content'>
  3782.     <data:content/>
  3783.   </div>
  3784.  
  3785.   <b:include name='quickedit'/>
  3786. </b:includable>
  3787.             </b:widget>
  3788.             <b:widget id='HTML1' locked='false' title='' type='HTML'>
  3789.               <b:includable id='main'>
  3790.                 <!-- only display title if it's non-empty -->
  3791.                 <b:if cond='data:title != &quot;&quot;'>
  3792.                   <h2 class='title'>
  3793.                     <data:title/>
  3794.                   </h2>
  3795.                 </b:if>
  3796.                 <div class='widget-content'>
  3797.                   <data:content/>
  3798.                 </div>
  3799.                 <b:include name='quickedit'/>
  3800.               </b:includable>
  3801.             </b:widget>
  3802.           </b:section>
  3803.           <b:section class='footer' id='footer2'/>
  3804.           <b:section class='footer' id='footer3'/>
  3805.           <b:section class='footer' id='footer4'/>
  3806.         </footer>
  3807.         <b:if cond='data:blog.isMobile'>
  3808.           <div id='mobile-nyari'>
  3809.             <form action='/search' id='search-top' method='get'>
  3810.               <input id='diklik' name='q' placeholder='Search...' type='text'/>
  3811.               <input id='search-button-top' type='submit' value='GO'/>
  3812.             </form>
  3813.           </div>
  3814.         </b:if>
  3815.         <div class='ngopy'>
  3816.           <div class='kiri'>
  3817.             <b:if cond='data:blog.isMobile'>
  3818.               <p>
  3819.                 <a href='#headernya-left'>
  3820.                   [Voltar pro topo]
  3821.                 </a>
  3822.               </p>
  3823.             </b:if>
  3824.           </div>
  3825.           <div class='kanan'>
  3826.             <p>
  3827.             </p>
  3828.           </div>
  3829.         </div>
  3830.       </div>
  3831.     </div>
  3832.     <b:if cond='data:blog.isMobile'>
  3833.       <b:else/>
  3834.       <div id='backtop'>
  3835.         Back to Top
  3836.       </div>
  3837.     </b:if>
  3838.     <script type='text/javascript'>
  3839.       //<![CDATA[
  3840.    $(window).scroll(function(){if($(this).scrollTop()>100){$("#backtop").removeAttr("href");$("#backtop").stop().animate({bottom:"-3",right:"0"},{duration:800,queue:false})}else{$("#backtop").stop().animate({bottom:"-50",right:"0"},{duration:1000,queue:false})}});$(function(){$("#backtop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})});
  3841.    //]]>
  3842.     </script>
  3843.     <script>
  3844.       $(document).ready(function(){
  3845.         $(&quot;#opFace&quot;).click(function(){
  3846.           $(&quot;#pesbuk&quot;).slideToggle(&quot;slow&quot;);
  3847.           });
  3848.         $(&quot;.icon-align-left&quot;).click(function(){
  3849.           $(&quot;.post-body&quot;).toggleClass(&quot;textLeft&quot;);
  3850.           $(&quot;.icon-align-left&quot;).toggleClass(&quot;nyelect&quot;);
  3851.         });
  3852.         $(&quot;.icon-align-right&quot;).click(function(){
  3853.           $(&quot;.post-body&quot;).toggleClass(&quot;textRight&quot;);
  3854.           $(&quot;.icon-align-right&quot;).toggleClass(&quot;nyelect&quot;);
  3855.         });
  3856.         $(&quot;.icon-align-center&quot;).click(function(){
  3857.           $(&quot;.post-body&quot;).toggleClass(&quot;textCenter&quot;);
  3858.           $(&quot;.icon-align-center&quot;).toggleClass(&quot;nyelect&quot;);
  3859.         });
  3860.         $(&quot;.icon-align-justify&quot;).click(function(){
  3861.           $(&quot;.post-body&quot;).toggleClass(&quot;textJustify&quot;);
  3862.           $(&quot;.icon-align-justify&quot;).toggleClass(&quot;nyelect&quot;);
  3863.         });
  3864.         $(&quot;.icon-list-ul&quot;).click(function(){
  3865.           $(&quot;.post-outer&quot;).toggleClass(&quot;nguli&quot;);
  3866.           $(&quot;.icon-list-ul&quot;).toggleClass(&quot;nyelect&quot;);
  3867.         });
  3868.         $(&quot;#hidding4&quot;).click(function(){
  3869.           $(&quot;#ngepet ul&quot;).toggle();
  3870.           });
  3871.         $(&quot;#hidding5&quot;).click(function(){
  3872.           $(&quot;#napigate ul&quot;).toggle();
  3873.           });
  3874.         $(&quot;#hidding1&quot;).click(function(){
  3875.           $(&quot;#hidding1&quot;).hide();
  3876.           $(&quot;#hidding2&quot;).show();
  3877.           $(&quot;#pagelizt&quot;).animate({
  3878.           left:&#39;0px&#39;
  3879.           });
  3880.         $(&quot;.minggir&quot;).animate({
  3881.           marginLeft:&#39;160px&#39;
  3882.         });
  3883.       });
  3884.       $(&quot;#hidding2&quot;).click(function(){
  3885.         $(&quot;#hidding2&quot;).hide();
  3886.         $(&quot;#hidding1&quot;).show();
  3887.         $(&quot;#pagelizt&quot;).animate({
  3888.         left:&#39;-165px&#39;
  3889.         });
  3890.       $(&quot;.minggir&quot;).animate({
  3891.         marginLeft:&#39;0px&#39;
  3892.       });
  3893.       });
  3894.       $(&quot;.mobile-post-outer&quot;).click(function(){
  3895.         $(&quot;#hidding2&quot;).hide();
  3896.           $(&quot;#hidding1&quot;).show();
  3897.           $(&quot;#pagelizt&quot;).animate({
  3898.           left:&#39;-165px&#39;
  3899.           });
  3900.         $(&quot;.minggir&quot;).animate({
  3901.           marginLeft:&#39;0px&#39;
  3902.         });
  3903.       });
  3904.       });
  3905.       $(window).resize(function(){
  3906.         $(&quot;.fb-comments&quot;).attr(&quot;data-width&quot;, $(&quot;.comments&quot;).width());
  3907.         FB.XFBML.parse($(&quot;.comments&quot;)[0]);
  3908.       });
  3909.     </script>
  3910.     <b:if cond='data:blog.isMobile'>
  3911.       <b:else/>
  3912.       <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3913.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  3914.           <script type='text/javascript'>
  3915.             var pageCount=7;
  3916.             var displayPageNum=4;
  3917.             var upPageWord =&#39;&#171;&#39;;
  3918.             var downPageWord =&#39;&#187;&#39;;
  3919.           </script>
  3920.         </b:if>
  3921.       </b:if>
  3922.     </b:if>
  3923.   </body>
  3924. </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!