API tools faq
paste
Advertisement
diegodcpbr

Untitled

diegodcpbr
Mar 18th, 2016
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 169.40 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'></script>
  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 matcntry.content.$t + '</span>';
  3432. }
  3433. }
  3434. }
  3435. return entry.content.$t;
  3436. }
  3437. var parse = function(data) {
  3438. cursor = null;
  3439. var comments = [];
  3440. if (data && data.feed && data.feed.entry) {
  3441. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  3442. var comment = {};
  3443. // comment ID, parsed out of the original id format
  3444. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  3445. comment.id = id ? id[2] : null;
  3446. comment.body = bodyFromEntry(entry);
  3447. comment.timestamp = Date.parse(entry.published.$t) + '';
  3448. if (entry.author && entry.author.constructor === Array) {
  3449. var auth = entry.author[0];
  3450. if (auth) {
  3451. comment.author = {
  3452. name: (auth.name ? auth.name.$t : undefined),
  3453. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  3454. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  3455. };
  3456. }
  3457. }
  3458. if (entry.link) {
  3459. if (entry.link[2]) {
  3460. comment.link = comment.permalink = entry.link[2].href;
  3461. }
  3462. if (entry.link[3]) {
  3463. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  3464. if (pid && pid[1]) {
  3465. comment.parentId = pid[1];
  3466. }
  3467. }
  3468. }
  3469. comment.deleteclass = 'item-control blog-admin';
  3470. if (entry.gd$extendedProperty) {
  3471. for (var k in entry.gd$extendedProperty) {
  3472. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  3473. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  3474. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  3475. comment.displayTime = entry.gd$extendedProperty[k].value;
  3476. }
  3477. }
  3478. }
  3479. comments.push(comment);
  3480. }
  3481. }
  3482. return comments;
  3483. };
  3484. var paginator = function(callback) {
  3485. if (hasMore()) {
  3486. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  3487. if (cursor) {
  3488. url += '&published-min=' + new Date(cursor).toISOString();
  3489. }
  3490. window.bloggercomments = function(data) {
  3491. var parsed = parse(data);
  3492. cursor = parsed.length < 50 ? null
  3493. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  3494. callback(parsed);
  3495. window.bloggercomments = null;
  3496. }
  3497. url += '&callback=bloggercomments';
  3498. var script = document.createElement('script');
  3499. script.type = 'text/javascript';
  3500. script.src = url;
  3501. document.getElementsByTagName('head')[0].appendChild(script);
  3502. }
  3503. };
  3504. var hasMore = function() {
  3505. return !!cursor;
  3506. };
  3507. var getMeta = function(key, comment) {
  3508. if ('iswriter' == key) {
  3509. var matches = !!comment.author
  3510. && comment.author.name == config.authorName
  3511. && comment.author.profileUrl == config.authorUrl;
  3512. return matches ? 'true' : '';
  3513. } else if ('deletelink' == key) {
  3514. return config.baseUri + '/delete-comment.g?blogID='
  3515. + config.blogId + '&postID=' + comment.id;
  3516. } else if ('deleteclass' == key) {
  3517. return comment.deleteclass;
  3518. }
  3519. return '';
  3520. };
  3521. var replybox = null;
  3522. var replyUrlParts = null;
  3523. var replyParent = undefined;
  3524. var onReply = function(commentId, domId) {
  3525. if (replybox == null) {
  3526. // lazily cache replybox, and adjust to suit this style:
  3527. replybox = document.getElementById('comment-editor');
  3528. if (replybox != null) {
  3529. replybox.height = '250px';
  3530. replybox.style.display = 'block';
  3531. replyUrlParts = replybox.src.split('#');
  3532. }
  3533. }
  3534. if (replybox && (commentId !== replyParent)) {
  3535. document.getElementById(domId).insertBefore(replybox, null);
  3536. replybox.src = replyUrlParts[0]
  3537. + (commentId ? '&parentID=' + commentId : '')
  3538. + '#' + replyUrlParts[1];
  3539. replyParent = commentId;
  3540. }
  3541. };
  3542. var hash = (window.location.hash || '#').substring(1);
  3543. var startThread, targetComment;
  3544. if (/^comment-form_/.test(hash)) {
  3545. startThread = hash.substring('comment-form_'.length);
  3546. } else if (/^c[0-9]+$/.test(hash)) {
  3547. targetComment = hash.substring(1);
  3548. }
  3549. // Configure commenting API:
  3550. var configJso = {
  3551. 'maxDepth': config.maxThreadDepth
  3552. };
  3553. var provider = {
  3554. 'id': config.postId,
  3555. 'data': items,
  3556. 'loadNext': paginator,
  3557. 'hasMore': hasMore,
  3558. 'getMeta': getMeta,
  3559. 'onReply': onReply,
  3560. 'rendered': true,
  3561. 'initComment': targetComment,
  3562. 'initReplyThread': startThread,
  3563. 'config': configJso,
  3564. 'messages': msgs
  3565. };
  3566. var render = function() {
  3567. if (window.goog && window.goog.comments) {
  3568. var holder = document.getElementById('comment-holder');
  3569. window.goog.comments.render(holder, provider);
  3570. }
  3571. };
  3572. // render now, or queue to render when library loads:
  3573. if (window.goog && window.goog.comments) {
  3574. render();
  3575. } else {
  3576. window.goog = window.goog || {};
  3577. window.goog.comments = window.goog.comments || {};
  3578. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  3579. window.goog.comments.loadQueue.push(render);
  3580. }
  3581. })();
  3582. // ]]>
  3583. </script>
  3584. </b:includable>
  3585. <b:includable id='threaded_comments' var='post'>
  3586. <div class='comments' id='comments'>
  3587.  
  3588. <a name='comments'/>
  3589. <h3>
  3590. <b:if cond='data:post.numComments == 0'>
  3591. Resposta aos &quot;
  3592. <data:blog.pageName/>
  3593. &quot;
  3594. </b:if>
  3595. <b:if cond='data:post.numComments == 1'>
  3596. 1 Resposta aos &quot;
  3597. <data:blog.pageName/>
  3598. &quot;
  3599. </b:if>
  3600. <b:if cond='data:post.numComments &gt; 1'>
  3601. <data:post.numComments/>
  3602. As respostas às &quot;
  3603. <data:blog.pageName/>
  3604. &quot;
  3605. </b:if>
  3606. </h3>
  3607. <div class='comments-content'>
  3608. <b:if cond='data:post.embedCommentForm'>
  3609. <b:include data='post' name='threaded_comment_js'/>
  3610. </b:if>
  3611. <div id='comment-holder'>
  3612. <data:post.commentHtml/>
  3613. </div>
  3614. </div>
  3615. <p class='comment-footer'>
  3616. <b:if cond='data:post.allowNewComments'>
  3617. <b:include data='post' name='threaded-comment-form'/>
  3618. <b:else/>
  3619. <data:post.noNewCommentsText/>
  3620. </b:if>
  3621. </p>
  3622. <b:if cond='data:showCmtPopup'>
  3623. <div id='comment-popup'>
  3624. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3625. </iframe>
  3626. </div>
  3627. </b:if>
  3628. <div id='backlinks-container'>
  3629. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  3630. <b:if cond='data:post.showBacklinks'>
  3631. <b:include data='post' name='backlinks'/>
  3632. </b:if>
  3633. </div>
  3634. </div>
  3635. </div>
  3636. </b:includable>
  3637. </b:widget>
  3638. </b:section>
  3639. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  3640. <div id='bawahnya'>
  3641. <b:section class='bawahnya' id='bawahnya1'>
  3642. <b:widget id='HTML26' locked='true' title='' type='HTML'>
  3643. <b:includable id='main'>
  3644. <div class='labelbox'>
  3645. <script>
  3646. 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;);
  3647. </script>
  3648. <ul>
  3649. <script>
  3650. 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;);
  3651. </script>
  3652. </ul>
  3653. </div>
  3654. </b:includable>
  3655. </b:widget>
  3656. </b:section>
  3657. <b:section class='bawahnya' id='bawahnya2'>
  3658. <b:widget id='HTML27' locked='true' title='' type='HTML'>
  3659. <b:includable id='main'>
  3660. <div class='labelbox'>
  3661. <script>
  3662. 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;);
  3663. </script>
  3664. <ul>
  3665. <script>
  3666. 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;);
  3667. </script>
  3668. </ul>
  3669. </div>
  3670. </b:includable>
  3671. </b:widget>
  3672. </b:section>
  3673. </div>
  3674. </b:if>
  3675. </aside>
  3676. <div id='right-bar'>
  3677. <b:section class='sidebar' id='right-sidebar'>
  3678. <b:widget id='HTML3' locked='false' title='' type='HTML'>
  3679. <b:includable id='main'>
  3680. <!-- only display title if it's non-empty -->
  3681. <b:if cond='data:title != &quot;&quot;'>
  3682. <h2 class='title'><data:title/></h2>
  3683. </b:if>
  3684. <div class='widget-content'>
  3685. <data:content/>
  3686. </div>
  3687.  
  3688. <b:include name='quickedit'/>
  3689. </b:includable>
  3690. </b:widget>
  3691. <b:widget id='HTML2' locked='false' title='' type='HTML'>
  3692. <b:includable id='main'>
  3693. <!-- only display title if it's non-empty -->
  3694. <b:if cond='data:title != &quot;&quot;'>
  3695. <h2 class='title'><data:title/></h2>
  3696. </b:if>
  3697. <div class='widget-content'>
  3698. <data:content/>
  3699. </div>
  3700.  
  3701. <b:include name='quickedit'/>
  3702. </b:includable>
  3703. </b:widget>
  3704. <b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
  3705. <b:includable id='main'>
  3706. <b:if cond='data:title'>
  3707. <h2>
  3708. <data:title/>
  3709. </h2>
  3710. </b:if>
  3711. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  3712. <b:if cond='data:display == &quot;list&quot;'>
  3713. <ul>
  3714. <b:loop values='data:labels' var='label'>
  3715. <li>
  3716. <b:if cond='data:blog.url == data:label.url'>
  3717. <span expr:dir='data:blog.languageDirection'>
  3718. <data:label.name/>
  3719. </span>
  3720. <b:else/>
  3721. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
  3722. <data:label.name/>
  3723. </a>
  3724. </b:if>
  3725. <b:if cond='data:showFreqNumbers'>
  3726. <span dir='ltr'>
  3727. (
  3728. <data:label.count/>
  3729. )
  3730. </span>
  3731. </b:if>
  3732. </li>
  3733. </b:loop>
  3734. </ul>
  3735. <b:else/>
  3736. <b:loop values='data:labels' var='label'>
  3737. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  3738. <b:if cond='data:blog.url == data:label.url'>
  3739. <span expr:dir='data:blog.languageDirection'>
  3740. <data:label.name/>
  3741. </span>
  3742. <b:else/>
  3743. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
  3744. <data:label.name/>
  3745. </a>
  3746. </b:if>
  3747. <b:if cond='data:showFreqNumbers'>
  3748. <span class='label-count' dir='ltr'>
  3749. (
  3750. <data:label.count/>
  3751. )
  3752. </span>
  3753. </b:if>
  3754. </span>
  3755. </b:loop>
  3756. </b:if>
  3757. <b:include name='quickedit'/>
  3758. </div>
  3759. </b:includable>
  3760. </b:widget>
  3761. <b:widget id='PopularPosts1' locked='false' title='Postagens populares' type='PopularPosts'>
  3762. <b:includable id='main'>
  3763. <b:if cond='data:title'>
  3764. <h2>
  3765. <data:title/>
  3766. </h2>
  3767. </b:if>
  3768. <div class='widget-content popular-posts'>
  3769. <ul>
  3770. <b:loop values='data:posts' var='post'>
  3771. <li>
  3772. <b:if cond='data:showThumbnails == &quot;false&quot;'>
  3773. <b:if cond='data:showSnippets == &quot;false&quot;'>
  3774. <!-- (1) No snippet/thumbnail -->
  3775. <a expr:href='data:post.href'>
  3776. <data:post.title/>
  3777. </a>
  3778. <b:else/>
  3779. <!-- (2) Show only snippets -->
  3780. <div class='item-title'>
  3781. <a expr:href='data:post.href'>
  3782. <data:post.title/>
  3783. </a>
  3784. </div>
  3785. <div class='item-snippet'>
  3786. <data:post.snippet/>
  3787. </div>
  3788. </b:if>
  3789. <b:else/>
  3790. <b:if cond='data:showSnippets == &quot;false&quot;'>
  3791. <!-- (3) Show only thumbnails -->
  3792. <div class='item-thumbnail-only'>
  3793. <b:if cond='data:post.thumbnail'>
  3794. <div class='item-thumbnail'>
  3795. <a expr:href='data:post.href' target='_blank'>
  3796. <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  3797. </a>
  3798. </div>
  3799. </b:if>
  3800. <div class='item-title'>
  3801. <a expr:href='data:post.href'>
  3802. <data:post.title/>
  3803. </a>
  3804. </div>
  3805. </div>
  3806. <div style='clear: both;'/>
  3807. <b:else/>
  3808. <!-- (4) Show snippets and thumbnails -->
  3809. <div class='item-content'>
  3810. <b:if cond='data:post.thumbnail'>
  3811. <div class='item-thumbnail'>
  3812. <a expr:href='data:post.href' target='_blank'>
  3813. <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  3814. </a>
  3815. </div>
  3816. </b:if>
  3817. <div class='item-title'>
  3818. <a expr:href='data:post.href'>
  3819. <data:post.title/>
  3820. </a>
  3821. </div>
  3822. <div class='item-snippet'>
  3823. <data:post.snippet/>
  3824. </div>
  3825. </div>
  3826. <div style='clear: both;'/>
  3827. </b:if>
  3828. </b:if>
  3829. </li>
  3830. </b:loop>
  3831. </ul>
  3832. <b:include name='quickedit'/>
  3833. </div>
  3834. </b:includable>
  3835. </b:widget>
  3836. </b:section>
  3837. </div>
  3838. <footer id='footer-wrapper'>
  3839. <b:section class='footer' id='footer1'>
  3840. <b:widget id='HTML5' locked='false' title='' type='HTML'>
  3841. <b:includable id='main'>
  3842. <!-- only display title if it's non-empty -->
  3843. <b:if cond='data:title != &quot;&quot;'>
  3844. <h2 class='title'><data:title/></h2>
  3845. </b:if>
  3846. <div class='widget-content'>
  3847. <data:content/>
  3848. </div>
  3849.  
  3850. <b:include name='quickedit'/>
  3851. </b:includable>
  3852. </b:widget>
  3853. <b:widget id='HTML4' locked='false' title='' type='HTML'>
  3854. <b:includable id='main'>
  3855. <!-- only display title if it's non-empty -->
  3856. <b:if cond='data:title != &quot;&quot;'>
  3857. <h2 class='title'><data:title/></h2>
  3858. </b:if>
  3859. <div class='widget-content'>
  3860. <data:content/>
  3861. </div>
  3862.  
  3863. <b:include name='quickedit'/>
  3864. </b:includable>
  3865. </b:widget>
  3866. <b:widget id='HTML1' locked='false' title='' type='HTML'>
  3867. <b:includable id='main'>
  3868. <!-- only display title if it's non-empty -->
  3869. <b:if cond='data:title != &quot;&quot;'>
  3870. <h2 class='title'>
  3871. <data:title/>
  3872. </h2>
  3873. </b:if>
  3874. <div class='widget-content'>
  3875. <data:content/>
  3876. </div>
  3877. <b:include name='quickedit'/>
  3878. </b:includable>
  3879. </b:widget>
  3880. </b:section>
  3881. <b:section class='footer' id='footer2'/>
  3882. <b:section class='footer' id='footer3'/>
  3883. <b:section class='footer' id='footer4'/>
  3884. </footer>
  3885. <b:if cond='data:blog.isMobile'>
  3886. <div id='mobile-nyari'>
  3887. <form action='/search' id='search-top' method='get'>
  3888. <input id='diklik' name='q' placeholder='Search...' type='text'/>
  3889. <input id='search-button-top' type='submit' value='GO'/>
  3890. </form>
  3891. </div>
  3892. </b:if>
  3893. <div class='ngopy'>
  3894. <div class='kiri'>
  3895. <b:if cond='data:blog.isMobile'>
  3896. <p>
  3897. <a href='#headernya-left'>
  3898. [Voltar pro topo]
  3899. </a>
  3900. </p>
  3901. </b:if>
  3902. </div>
  3903. <div class='kanan'>
  3904. <p>
  3905. </p>
  3906. </div>
  3907. </div>
  3908. </div>
  3909. </div>
  3910. <b:if cond='data:blog.isMobile'>
  3911. <b:else/>
  3912. <div id='backtop'>
  3913. Back to Top
  3914. </div>
  3915. </b:if>
  3916. <script type='text/javascript'>
  3917. //<![CD
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!