cayun

paste HTML template

Jan 24th, 2012
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 78.83 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  6. <b:if cond='data:blog.isMobile'>
  7. <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  8. <b:else/>
  9. <meta content='width=1100' name='viewport'/>
  10. </b:if>
  11. <link expr:href='data:blog.url' rel='canonical'/>
  12. <b:include data='blog' name='all-head-content'/>
  13. <title><data:blog.pageTitle/></title>
  14. </b:if>
  15. <b:skin><![CDATA[/*
  16. Blogger Template Style
  17. Name: Watermark
  18. Designer: Josh Peterson
  19. URL: www.noaesthetic.com
  20. */
  21.  
  22. /* Variable definitions
  23.  
  24. <Variable name="keycolor" description="Main Color" type="color" default="#c0a154" value="#c0a154"/>
  25.  
  26. <Group description="Page Text" selector="body">
  27. <Variable name="body.font" description="Font" type="font"
  28. default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  29. <Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
  30. </Group>
  31.  
  32. <Group description="Backgrounds" selector=".main-inner">
  33. <Variable name="body.background.color" description="Outer Background" type="color" default="#c0a154" value="#c0a154"/>
  34. <Variable name="footer.background.color" description="Footer Background" type="color" default="transparent" value="#330000"/>
  35. </Group>
  36.  
  37. <Group description="Links" selector=".main-inner">
  38. <Variable name="link.color" description="Link Color" type="color" default="#cc3300" value="#cc3300"/>
  39. <Variable name="link.visited.color" description="Visited Color" type="color" default="#993322" value="#993322"/>
  40. <Variable name="link.hover.color" description="Hover Color" type="color" default="#000" value="#000000"/>
  41. </Group>
  42.  
  43. <Group description="Blog Title" selector=".header h1">
  44. <Variable name="header.font" description="Title Font" type="font"
  45. default="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
  46. <Variable name="header.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
  47. </Group>
  48.  
  49. <Group description="Blog Description" selector=".header .description">
  50. <Variable name="description.text.color" description="Description Color" type="color"
  51. default="#997755" value="#997755"/>
  52. </Group>
  53.  
  54. <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  55. <Variable name="tabs.font" description="Font" type="font"
  56. default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
  57. <Variable name="tabs.text.color" description="Text Color" type="color" default="$(link.color)" value="$(link.color)"/>
  58. <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
  59. </Group>
  60.  
  61. <Group description="Tabs Background" selector=".tabs-outer .PageList">
  62. <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
  63. <Variable name="tabs.separator.color" description="Separator Color" type="color" default="$(body.background.color)" value="$(body.background.color)"/>
  64. </Group>
  65.  
  66. <Group description="Date Header" selector="h2.date-header">
  67. <Variable name="date.font" description="Font" type="font"
  68. default="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  69. <Variable name="date.text.color" description="Text Color" type="color" default="#997755" value="#997755"/>
  70. </Group>
  71.  
  72. <Group description="Post" selector="h3.post-title, .comments h4">
  73. <Variable name="post.title.font" description="Title Font" type="font"
  74. default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
  75. <Variable name="post.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
  76. <Variable name="post.border.color" description="Border Color" type="color" default="#ccbb99" value="#ccbb99"/>
  77. </Group>
  78.  
  79. <Group description="Post Footer" selector=".post-footer">
  80. <Variable name="post.footer.text.color" description="Text Color" type="color" default="#997755" value="#997755"/>
  81. </Group>
  82.  
  83. <Group description="Gadgets" selector="h2">
  84. <Variable name="widget.title.font" description="Title Font" type="font"
  85. default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
  86. <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
  87. <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#777777" value="#777777"/>
  88. </Group>
  89.  
  90. <Group description="Footer" selector=".footer-inner">
  91. <Variable name="footer.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#ccbb99"/>
  92. <Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="$(widget.title.text.color)" value="#eeddbb"/>
  93. </Group>
  94.  
  95. <Group description="Footer Links" selector=".footer-inner">
  96. <Variable name="footer.link.color" description="Link Color" type="color" default="$(link.color)" value="#ff7755"/>
  97. <Variable name="footer.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#dd5533"/>
  98. <Variable name="footer.link.hover.color" description="Hover Color" type="color" default="$(link.hover.color)" value="#ff9977"/>
  99. </Group>
  100.  
  101. <Variable name="body.background" description="Body Background" type="background"
  102. color="$(body.background.color)" default="$(color) url(http://www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left" value="$(color) url(http://www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left"/>
  103. <Variable name="body.background.overlay" description="Overlay Background" type="background" color="$(body.background.color)"
  104. default="transparent url(http://www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right" value="transparent url(http://www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right"/>
  105. <Variable name="body.background.overlay.height" description="Overlay Background Height" type="length" default="121px" value="121px"/>
  106.  
  107. <Variable name="tabs.background.inner" description="Tabs Background Inner" type="url" default="none" value="none"/>
  108. <Variable name="tabs.background.outer" description="Tabs Background Outer" type="url" default="none" value="none"/>
  109. <Variable name="tabs.border.size" description="Tabs Border Size" type="length" default="0" value="0"/>
  110. <Variable name="tabs.shadow.spread" description="Tabs Shadow Spread" type="length" default="0" value="0"/>
  111.  
  112. <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="30px"/>
  113. <Variable name="main.cap.height" description="Main Cap Height" type="length" default="0" value="0"/>
  114. <Variable name="main.cap.image" description="Main Cap Image" type="url" default="none" value="none"/>
  115. <Variable name="main.cap.overlay" description="Main Cap Overlay" type="url" default="none" value="none"/>
  116. <Variable name="main.background" description="Main Background" type="background"
  117. default="transparent none no-repeat scroll top left" value="transparent none no-repeat scroll top left"/>
  118.  
  119. <Variable name="post.background.url" description="Post Background URL" type="url"
  120. default="url(http://www.blogblog.com/1kt/watermark/post_background_birds.png)" value="url(http://www.blogblog.com/1kt/watermark/post_background_birds.png)"/>
  121. <Variable name="post.border.size" description="Post Border Size" type="length" default="1px" value="1px"/>
  122. <Variable name="post.border.style" description="Post Border Style" type="string" default="dotted" value="dotted"/>
  123. <Variable name="post.shadow.spread" description="Post Shadow Spread" type="length" default="0" value="0"/>
  124.  
  125. <Variable name="footer.background" description="Footer Background" type="background"
  126. color="$(footer.background.color)" default="$(color) url(http://www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left" value="$(color) url(http://www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left"/>
  127.  
  128. <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  129. default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  130.  
  131. <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  132. <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  133. */
  134.  
  135. /* Use this with templates/1ktemplate-*.html */
  136.  
  137. /* Content*/
  138. body {
  139. font: $(body.font);
  140. color: $(body.text.color);
  141. background:url("http://3.bp.blogspot.com/-ncJNha4tl68/Txbdwf0NKjI/AAAAAAAAAKA/6EbGGURJmpE/s320/bg-cheatgame4u.png") repeat scroll 0 0 transparent;
  142. }
  143.  
  144. html body .content-outer {
  145. min-width: 0;
  146. max-width: 100%;
  147. width: 100%;
  148. }
  149.  
  150. .content-outer {
  151. font-size: 92%;
  152. }
  153.  
  154. a:link {
  155. text-decoration:none;
  156. color: $(link.color);
  157. }
  158.  
  159. a:visited {
  160. text-decoration:none;
  161. color: $(link.visited.color);
  162. }
  163.  
  164. a:hover {
  165. text-decoration:underline;
  166. color: $(link.hover.color);
  167. }
  168.  
  169. .body-fauxcolumns .cap-top {
  170. margin-top: 30px;
  171. background: $(body.background.overlay);
  172. height: $(body.background.overlay.height);
  173. }
  174.  
  175. .content-inner {
  176. padding: 0;
  177. }
  178.  
  179. /* Header*/
  180. .header-inner .Header .titlewrapper,
  181. .header-inner .Header .descriptionwrapper {
  182. padding-left: 20px;
  183. padding-right: 20px;
  184. }
  185.  
  186. .Header h1 {
  187. font-family: old english text mt;
  188. font-size : 60px;
  189. color: $(header.text.color);
  190. text-shadow: 2px 2px rgba(0, 0, 0, .1);
  191. }
  192.  
  193. .Header h1 a {
  194. color: $(header.text.color);
  195. }
  196.  
  197. .Header .description {
  198. font-size: 140%;
  199. color: $(description.text.color);
  200. }
  201.  
  202. /* Tabs*/
  203. .tabs-inner .section {
  204. margin: 0 20px;
  205. }
  206.  
  207. .tabs-inner .PageList, .tabs-inner .LinkList, .tabs-inner .Labels {
  208. margin-left: -11px;
  209. margin-right: -11px;
  210.  
  211. background-color: $(tabs.background.color);
  212. border-top: $(tabs.border.size) solid #ffffff;
  213. border-bottom: $(tabs.border.size) solid #ffffff;
  214.  
  215. -moz-box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);
  216. -webkit-box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);
  217. -goog-ms-box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);
  218. box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);
  219. }
  220.  
  221. .tabs-inner .PageList .widget-content,
  222. .tabs-inner .LinkList .widget-content,
  223. .tabs-inner .Labels .widget-content {
  224. margin: -3px -11px;
  225.  
  226. background: transparent $(tabs.background.outer) no-repeat scroll right;
  227. }
  228.  
  229. .tabs-inner .widget ul {
  230. padding: 2px 25px;
  231. max-height: 34px;
  232.  
  233. background: transparent $(tabs.background.inner) no-repeat scroll left;
  234. }
  235.  
  236. .tabs-inner .widget li {
  237. border: none;
  238. }
  239.  
  240. .tabs-inner .widget li a {
  241. display: inline-block;
  242.  
  243. padding: .25em 1em;
  244.  
  245. font: $(tabs.font);
  246. color: $(tabs.text.color);
  247.  
  248. border-$endSide: 1px solid $(tabs.separator.color);
  249. }
  250.  
  251. .tabs-inner .widget li:first-child a {
  252. border-$startSide: 1px solid $(tabs.separator.color);
  253. }
  254.  
  255. .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
  256. color: $(tabs.selected.text.color);
  257. }
  258.  
  259. /* Headings*/
  260. h2 {
  261. font: $(widget.title.font);
  262. color: $(widget.title.text.color);
  263.  
  264. margin: 0 0 .5em;
  265. }
  266.  
  267. h2.date-header {
  268. font: $(date.font);
  269. color: $(date.text.color);
  270. }
  271.  
  272. /* Main*/
  273. .main-inner .column-center-inner,
  274. .main-inner .column-left-inner,
  275. .main-inner .column-right-inner {
  276. padding: 0 5px;
  277. }
  278.  
  279. .main-outer {
  280. margin-top: $(main.cap.height);
  281. background: $(main.background);
  282. }
  283.  
  284. .main-inner {
  285. padding-top: $(main.padding.top);
  286. }
  287.  
  288. .main-cap-top {
  289. position: relative;
  290. }
  291.  
  292. .main-cap-top .cap-right {
  293. position: absolute;
  294.  
  295. height: $(main.cap.height);
  296. width: 100%;
  297.  
  298. bottom: 0;
  299.  
  300. background: transparent $(main.cap.image) repeat-x scroll bottom center;
  301. }
  302.  
  303. .main-cap-top .cap-left {
  304. position: absolute;
  305.  
  306. height: 245px;
  307. width: 280px;
  308. right: 0;
  309. bottom: 0;
  310.  
  311. background: transparent $(main.cap.overlay) no-repeat scroll bottom left;
  312. }
  313.  
  314. /* Posts*/
  315. .post-outer {
  316. padding: 15px 20px;
  317. margin: 0 0 25px;
  318.  
  319. background: $(post.background.color) $(post.background.url) repeat scroll top left;
  320. _background-image: none;
  321.  
  322. border: $(post.border.style) $(post.border.size) $(post.border.color);
  323.  
  324. -moz-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);
  325. -webkit-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);
  326. -goog-ms-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);
  327. box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);
  328. }
  329.  
  330. h3.post-title {
  331. font: $(post.title.font);
  332. margin: 0;
  333. }
  334.  
  335. .comments h4 {
  336. font: $(post.title.font);
  337. margin: 1em 0 0;
  338. }
  339.  
  340. .post-body {
  341. font-size: 105%;
  342. line-height: 1.5;
  343. position: relative;
  344. }
  345.  
  346. .post-header {
  347. margin: 0 0 1em;
  348.  
  349. color: $(post.footer.text.color);
  350. }
  351.  
  352. .post-footer {
  353. margin: 10px 0 0;
  354. padding: 10px 0 0;
  355.  
  356. color: $(post.footer.text.color);
  357. border-top: dashed 1px $(widget.alternate.text.color);
  358. }
  359.  
  360. #blog-pager {
  361. font-size: 140%
  362. }
  363.  
  364. #comments .comment-author {
  365. padding-top: 1.5em;
  366.  
  367. border-top: dashed 1px $(widget.alternate.text.color);
  368.  
  369. background-position: 0 1.5em;
  370. }
  371.  
  372. #comments .comment-author:first-child {
  373. padding-top: 0;
  374.  
  375. border-top: none;
  376. }
  377.  
  378. .avatar-image-container {
  379. margin: .2em 0 0;
  380. }
  381.  
  382. /* Comments*/
  383. .comments .comments-content .icon.blog-author {
  384. background-repeat: no-repeat;
  385. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  386. }
  387.  
  388. .comments .comments-content .loadmore a {
  389. border-top: 1px solid $(widget.alternate.text.color);
  390. border-bottom: 1px solid $(widget.alternate.text.color);
  391. }
  392.  
  393. .comments .continue {
  394. border-top: 2px solid $(widget.alternate.text.color);
  395. }
  396.  
  397. /* Widgets*/
  398. .widget ul, .widget #ArchiveList ul.flat {
  399. padding: 0;
  400. list-style: none;
  401. }
  402.  
  403. .widget ul li, .widget #ArchiveList ul.flat li {
  404. padding: .35em 0;
  405. text-indent: 0;
  406. border-top: dashed 1px $(widget.alternate.text.color);
  407. }
  408.  
  409. .widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
  410. border-top: none;
  411. }
  412.  
  413. .widget .post-body ul {
  414. list-style: disc;
  415. }
  416.  
  417. .widget .post-body ul li {
  418. border: none;
  419. }
  420.  
  421. .widget .zippy {
  422. color: $(widget.alternate.text.color);
  423. }
  424.  
  425. .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
  426. .BlogList .item-thumbnail img {
  427. padding: 5px;
  428.  
  429. background: #fff;
  430.  
  431. -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  432. -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  433. -goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  434. box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  435. }
  436.  
  437. .post-body img, .post-body .tr-caption-container {
  438. padding: 8px;
  439. }
  440.  
  441. .post-body .tr-caption-container {
  442. color: #333333;
  443. }
  444.  
  445. .post-body .tr-caption-container img {
  446. padding: 0;
  447.  
  448. background: transparent;
  449. border: none;
  450.  
  451. -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  452. -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  453. -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  454. box-shadow: 0 0 0 rgba(0, 0, 0, .1);
  455. }
  456.  
  457. /* Footer */
  458. .footer-outer {
  459. color:$(footer.text.color);
  460. background: $(footer.background);
  461. }
  462.  
  463. .footer-outer a {
  464. color: $(footer.link.color);
  465. }
  466.  
  467. .footer-outer a:visited {
  468. color: $(footer.link.visited.color);
  469. }
  470.  
  471. .footer-outer a:hover {
  472. color: $(footer.link.hover.color);
  473. }
  474.  
  475. .footer-outer .widget h2 {
  476. color: $(footer.widget.title.text.color);
  477. }
  478.  
  479. /* Mobile*/
  480. body.mobile {
  481. background-size: 100% auto;
  482. }
  483.  
  484. .mobile .body-fauxcolumn-outer {
  485. background: $(mobile.background.overlay);
  486. }
  487.  
  488. html .mobile .mobile-date-outer {
  489. border-bottom: none;
  490. background: $(post.background.color) $(post.background.url) repeat scroll top left;
  491. _background-image: none;
  492. margin-bottom: 10px;
  493. }
  494.  
  495. .mobile .main-cap-top {
  496. z-index: -1;
  497. }
  498.  
  499. .mobile .content-outer {
  500. font-size: 100%;
  501. }
  502.  
  503. .mobile .post-outer {
  504. padding: 10px;
  505. }
  506.  
  507. .mobile .main-cap-top .cap-left {
  508. background: transparent none no-repeat scroll bottom left;
  509. }
  510.  
  511. .mobile .body-fauxcolumns .cap-top {
  512. margin: 0;
  513. }
  514.  
  515. .mobile-link-button {
  516. background: $(post.background.color) $(post.background.url) repeat scroll top left;
  517. }
  518.  
  519. .mobile-link-button a:link, .mobile-link-button a:visited {
  520. color: $(link.color);
  521. }
  522.  
  523. .mobile-index-date .date-header {
  524. color: $(date.text.color);
  525. }
  526.  
  527. .mobile-index-contents {
  528. color: $(body.text.color);
  529. }
  530.  
  531. .mobile .tabs-inner .section {
  532. margin: 0;
  533. }
  534.  
  535. .mobile .tabs-inner .PageList {
  536. margin-left: 0;
  537. margin-right: 0;
  538. }
  539.  
  540. .mobile .tabs-inner .PageList .widget-content {
  541. margin: 0;
  542. color: $(tabs.selected.text.color);
  543. background: $(post.background.color) $(post.background.url) repeat scroll top left;
  544. }
  545.  
  546. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  547. border-$startSide: 1px solid $(tabs.separator.color);
  548. }
  549. .cayunbox{border: 1px dotted #000000;padding: 5px;
  550. background-color: #DDDDDD;-moz-border-radius:5px; margin:5px;}
  551. .cayunbox:hover{background-color: #fff;}
  552. #pointermenu2{
  553. margin: 0;
  554. padding: 0;
  555. }
  556. #pointermenu2 ul{
  557. margin: 0;
  558. margin-left: 15px; /*menu offset from left edge of window*/
  559. float: left;
  560. padding-left: 8px;
  561. font: bold 13px Verdana;
  562. background: #c00000 url(media/leftround2.gif) bottom left no-repeat; /*optional left round corner*/
  563. }
  564. * html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
  565. margin-bottom: 1em;
  566. margin-left: 7px; /*menu offset from left edge of window in IE*/
  567. }
  568. #pointermenu2 ul li{
  569. display: inline;
  570. }
  571. #pointermenu2 ul li a{
  572. float: left;
  573. color: white;
  574. font-weight: bold;
  575. padding: 7px 9px 7px 5px;
  576. text-decoration: none;
  577. }
  578.  
  579. #pointermenu2 ul li a:visited{
  580. color: white;
  581. }
  582. #pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
  583. color: lightyellow;
  584. background: transparent url(media/pointer.gif) bottom center no-repeat;
  585. }
  586. #pointermenu2 ul li a#rightcorner{
  587. padding-right: 0;
  588. padding-left: 2px;
  589. background: url(media/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
  590. }
  591. .breadcrumbs {
  592. padding:5px 5px 5px 0;
  593. margin:0;font-size:95%;
  594. line-height:1.4em;
  595. border-bottom:4px double #e2e7b4;
  596. }
  597. .breadcrumbs a {
  598. text-decoration:none;
  599. color: #000000;
  600. }
  601. .admin-tulisan {
  602. display:block;
  603. width:98%;
  604. background:#fff;
  605. border:2px solid #000;
  606. -webkit-box-shadow:0 1px 3px #000;
  607. -moz-box-shadow:0 1px 3px #000;
  608. box-shadow:0 1px 3px #000;
  609. padding:0;
  610. margin:30px auto 10px auto;
  611. font:normal 11px Arial, Sans-Serif;
  612. color:#222;
  613. }
  614. .admin-tulisan .kontainer {padding:5px;}
  615. .admin-tulisan h4 {
  616. background:#30fb5b;
  617. border:none;
  618. border-bottom:1px solid #699019;
  619. color:#000;
  620. text-transform:uppercase;
  621. text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
  622. font:bold 11px Arial,Sans-Serif;
  623. padding:5px 10px;
  624. margin:0 0 0 0;
  625. display:block;
  626. }
  627. .admin-tulisan h4 a {color:#FEEA83;}
  628. .admin-tulisan img {
  629. width:70px;
  630. height:70px;
  631. margin:0 10px 0 0;
  632. float:left;
  633. border:1px solid #fff;
  634. padding:4px;
  635. background:#fff;
  636. -webkit-box-shadow:none;
  637. -moz-box-shadow:none;
  638. box-shadow:none;
  639. }
  640. ]]></b:skin>
  641.  
  642. <b:template-skin>
  643. <b:variable default='960px' name='content.width' type='length' value='930px'/>
  644. <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  645. <b:variable default='310px' name='main.column.right.width' type='length' value='360px'/>
  646.  
  647. <![CDATA[
  648. body {
  649. min-width: $(content.width);
  650. }
  651.  
  652. .content-outer, .content-fauxcolumn-outer, .region-inner {
  653. min-width: $(content.width);
  654. max-width: $(content.width);
  655. _width: $(content.width);
  656. }
  657.  
  658. .main-inner .columns {
  659. padding-left: $(main.column.left.width);
  660. padding-right: $(main.column.right.width);
  661. }
  662.  
  663. .main-inner .fauxcolumn-center-outer {
  664. left: $(main.column.left.width);
  665. right: $(main.column.right.width);
  666. /* IE6 does not respect left and right together */
  667. _width: expression(this.parentNode.offsetWidth -
  668. parseInt("$(main.column.left.width)") -
  669. parseInt("$(main.column.right.width)") + 'px');
  670. }
  671.  
  672. .main-inner .fauxcolumn-left-outer {
  673. width: $(main.column.left.width);
  674. }
  675.  
  676. .main-inner .fauxcolumn-right-outer {
  677. width: $(main.column.right.width);
  678. }
  679.  
  680. .main-inner .column-left-outer {
  681. width: $(main.column.left.width);
  682. right: 100%;
  683. margin-left: -$(main.column.left.width);
  684. }
  685.  
  686. .main-inner .column-right-outer {
  687. width: $(main.column.right.width);
  688. margin-right: -$(main.column.right.width);
  689. }
  690.  
  691. #layout {
  692. min-width: 0;
  693. }
  694.  
  695. #layout .content-outer {
  696. min-width: 0;
  697. width: 800px;
  698. }
  699.  
  700. #layout .region-inner {
  701. min-width: 0;
  702. width: auto;
  703. }
  704. ]]>
  705. </b:template-skin>
  706. </head>
  707. <!-- <body><div></div> -->
  708. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  709. <div class='body-fauxcolumns'>
  710. <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  711. <div class='cap-top'>
  712. <div class='cap-left'/>
  713. <div class='cap-right'/>
  714. </div>
  715. <div class='fauxborder-left'>
  716. <div class='fauxborder-right'/>
  717. <div class='fauxcolumn-inner'>
  718. </div>
  719. </div>
  720. <div class='cap-bottom'>
  721. <div class='cap-left'/>
  722. <div class='cap-right'/>
  723. </div>
  724. </div>
  725. </div>
  726.  
  727. <div class='content'>
  728. <div class='content-fauxcolumns'>
  729. <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  730. <div class='cap-top'>
  731. <div class='cap-left'/>
  732. <div class='cap-right'/>
  733. </div>
  734. <div class='fauxborder-left'>
  735. <div class='fauxborder-right'/>
  736. <div class='fauxcolumn-inner'>
  737. </div>
  738. </div>
  739. <div class='cap-bottom'>
  740. <div class='cap-left'/>
  741. <div class='cap-right'/>
  742. </div>
  743. </div>
  744. </div>
  745.  
  746. <div class='content-outer'>
  747. <div class='content-cap-top cap-top'>
  748. <div class='cap-left'/>
  749. <div class='cap-right'/>
  750. </div>
  751. <div class='fauxborder-left content-fauxborder-left'>
  752. <div class='fauxborder-right content-fauxborder-right'/>
  753. <div class='content-inner'>
  754.  
  755. <header>
  756. <div class='header-outer'>
  757. <div class='header-cap-top cap-top'>
  758. <div class='cap-left'/>
  759. <div class='cap-right'/>
  760. </div>
  761. <div class='fauxborder-left header-fauxborder-left'>
  762. <div class='fauxborder-right header-fauxborder-right'/>
  763. <div class='region-inner header-inner'>
  764. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  765. <b:widget id='Header1' locked='false' title='Cheat Game 4U (Header)' type='Header'>
  766. <b:includable id='main'>
  767.  
  768. <b:if cond='data:useImage'>
  769. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  770. <!--
  771. Show image as background to text. You can't really calculate the width
  772. reliably in JS because margins are not taken into account by any of
  773. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  774. width if the user is using shrink to fit.
  775. This results in a margin-width's worth of pixels being cropped. If the
  776. user is not using shrink to fit then we expand the header.
  777. -->
  778. <b:if cond='data:mobile'>
  779. <div id='header-inner'>
  780. <div class='titlewrapper' style='background: transparent'>
  781. <h1 class='title' style='background: transparent; border-width: 0px'>
  782. <b:include name='title'/>
  783. </h1>
  784. </div>
  785. <b:include name='description'/>
  786. </div>
  787. <b:else/>
  788. <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'>
  789. <div class='titlewrapper' style='background: transparent'>
  790. <h1 class='title' style='background: transparent; border-width: 0px'>
  791. <b:include name='title'/>
  792. </h1>
  793. </div>
  794. <b:include name='description'/>
  795. </div>
  796. </b:if>
  797. <b:else/>
  798. <!--Show the image only-->
  799. <div id='header-inner'>
  800. <a expr:href='data:blog.homepageUrl' style='display: block'>
  801. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  802. </a>
  803. <!--Show the description-->
  804. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  805. <b:include name='description'/>
  806. </b:if>
  807. </div>
  808. </b:if>
  809. <b:else/>
  810. <!--No header image -->
  811. <div id='header-inner'>
  812. <div class='titlewrapper'>
  813. <h1 class='title'>
  814. <b:include name='title'/>
  815. </h1>
  816. </div>
  817. <b:include name='description'/>
  818. </div>
  819. </b:if>
  820. </b:includable>
  821. <b:includable id='title'>
  822. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  823. <data:title/>
  824. <b:else/>
  825. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  826. </b:if>
  827. </b:includable>
  828. <b:includable id='description'>
  829. <div class='descriptionwrapper'>
  830. <p class='description'><span><data:description/></span></p>
  831. </div>
  832. </b:includable>
  833. </b:widget>
  834. </b:section>
  835. </div>
  836. </div>
  837. <div class='header-cap-bottom cap-bottom'>
  838. <div class='cap-left'/>
  839. <div class='cap-right'/>
  840. </div>
  841. </div>
  842. </header>
  843.  
  844. <div class='tabs-outer'>
  845. <div class='tabs-cap-top cap-top'>
  846. <div class='cap-left'/>
  847. <div class='cap-right'/>
  848. </div>
  849. <div class='fauxborder-left tabs-fauxborder-left'>
  850. <div class='fauxborder-right tabs-fauxborder-right'/>
  851. <div class='region-inner tabs-inner'>
  852. <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
  853. <b:widget id='HTML2' locked='false' title='' type='HTML'>
  854. <b:includable id='main'>
  855. <!-- only display title if it's non-empty -->
  856. <b:if cond='data:title != &quot;&quot;'>
  857. <h2 class='title'><data:title/></h2>
  858. </b:if>
  859. <div class='widget-content'>
  860. <data:content/>
  861. </div>
  862.  
  863. <b:include name='quickedit'/>
  864. </b:includable>
  865. </b:widget>
  866. </b:section>
  867. <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  868. </div>
  869. </div>
  870. <div class='tabs-cap-bottom cap-bottom'>
  871. <div class='cap-left'/>
  872. <div class='cap-right'/>
  873. </div>
  874. </div>
  875.  
  876. <div class='main-outer'>
  877. <div class='main-cap-top cap-top'>
  878. <div class='cap-left'/>
  879. <div class='cap-right'/>
  880. </div>
  881.  
  882. <div class='fauxborder-left main-fauxborder-left'>
  883. <div class='fauxborder-right main-fauxborder-right'/>
  884. <div class='region-inner main-inner'>
  885.  
  886. <div class='columns fauxcolumns'>
  887.  
  888. <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  889. <div class='cap-top'>
  890. <div class='cap-left'/>
  891. <div class='cap-right'/>
  892. </div>
  893. <div class='fauxborder-left'>
  894. <div class='fauxborder-right'/>
  895. <div class='fauxcolumn-inner'>
  896. </div>
  897. </div>
  898. <div class='cap-bottom'>
  899. <div class='cap-left'/>
  900. <div class='cap-right'/>
  901. </div>
  902. </div>
  903.  
  904. <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  905. <div class='cap-top'>
  906. <div class='cap-left'/>
  907. <div class='cap-right'/>
  908. </div>
  909. <div class='fauxborder-left'>
  910. <div class='fauxborder-right'/>
  911. <div class='fauxcolumn-inner'>
  912. </div>
  913. </div>
  914. <div class='cap-bottom'>
  915. <div class='cap-left'/>
  916. <div class='cap-right'/>
  917. </div>
  918. </div>
  919.  
  920. <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  921. <div class='cap-top'>
  922. <div class='cap-left'/>
  923. <div class='cap-right'/>
  924. </div>
  925. <div class='fauxborder-left'>
  926. <div class='fauxborder-right'/>
  927. <div class='fauxcolumn-inner'>
  928. </div>
  929. </div>
  930. <div class='cap-bottom'>
  931. <div class='cap-left'/>
  932. <div class='cap-right'/>
  933. </div>
  934. </div>
  935.  
  936. <!-- corrects IE6 width calculation -->
  937. <div class='columns-inner'>
  938.  
  939. <div class='column-center-outer'>
  940. <div class='column-center-inner'>
  941. <b:section class='main' id='main' showaddelement='no'>
  942. <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>
  943. <b:includable id='nextprev'>
  944. <div class='blog-pager' id='blog-pager'>
  945. <b:if cond='data:newerPageUrl'>
  946. <span id='blog-pager-newer-link'>
  947. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  948. </span>
  949. </b:if>
  950.  
  951. <b:if cond='data:olderPageUrl'>
  952. <span id='blog-pager-older-link'>
  953. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  954. </span>
  955. </b:if>
  956.  
  957. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  958.  
  959. <b:if cond='data:mobileLinkUrl'>
  960. <div class='blog-mobile-link'>
  961. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  962. </div>
  963. </b:if>
  964.  
  965. </div>
  966. <div class='clear'/>
  967. </b:includable>
  968. <b:includable id='shareButtons' var='post'>
  969. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  970. </b:includable>
  971. <b:includable id='threaded_comment_js' var='post'>
  972. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  973.  
  974. <script type='text/javascript'>
  975. (function() {
  976. var items = <data:post.commentJso/>;
  977. var msgs = <data:post.commentMsgs/>;
  978. var postId = &#39;<data:post.id/>&#39;;
  979. var feed = &#39;<data:post.commentFeed/>&#39;;
  980. var authorName = &#39;<data:post.author/>&#39;;
  981. var authorUrl = &#39;<data:post.authorUrl/>&#39;;
  982. var blogId = &#39;<data:top.id/>&#39;;
  983. var baseUri = &#39;<data:post.commentBase/>&#39;;
  984. var maxThreadDepth = &#39;<data:post.commentMaxThreadDepth/>&#39;;
  985.  
  986. // <![CDATA[
  987. feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  988. var cursor = null;
  989. if (items && items.length > 0) {
  990. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  991. }
  992.  
  993. var bodyFromEntry = function(entry) {
  994. if (entry.gd$extendedProperty) {
  995. for (var k in entry.gd$extendedProperty) {
  996. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  997. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  998. }
  999. }
  1000. }
  1001. return entry.content.$t;
  1002. }
  1003.  
  1004. var parse = function(data) {
  1005. cursor = null;
  1006. var comments = [];
  1007. if (data && data.feed && data.feed.entry) {
  1008. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1009. var comment = {};
  1010. // comment ID, parsed out of the original id format
  1011. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1012. comment.id = id ? id[2] : null;
  1013. comment.body = bodyFromEntry(entry);
  1014. comment.timestamp = Date.parse(entry.published.$t) + '';
  1015. if (entry.author && entry.author.constructor === Array) {
  1016. var auth = entry.author[0];
  1017. if (auth) {
  1018. comment.author = {
  1019. name: (auth.name ? auth.name.$t : undefined),
  1020. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1021. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1022. };
  1023. }
  1024. }
  1025. if (entry.link) {
  1026. if (entry.link[2]) {
  1027. comment.link = comment.permalink = entry.link[2].href;
  1028. }
  1029. if (entry.link[3]) {
  1030. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1031. if (pid && pid[1]) {
  1032. comment.parentId = pid[1];
  1033. }
  1034. }
  1035. }
  1036. comment.deleteclass = 'item-control blog-admin';
  1037. if (entry.gd$extendedProperty) {
  1038. for (var k in entry.gd$extendedProperty) {
  1039. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1040. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1041. }
  1042. }
  1043. }
  1044. comments.push(comment);
  1045. }
  1046. }
  1047. return comments;
  1048. };
  1049.  
  1050. var paginator = function(callback) {
  1051. if (hasMore()) {
  1052. var url = feed;
  1053. if (cursor) {
  1054. url += '&published-min=' + new Date(cursor).toISOString();
  1055. }
  1056. window.bloggercomments = function(data) {
  1057. var parsed = parse(data);
  1058. cursor = parsed.length < 50 ? null
  1059. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1060. callback(parsed);
  1061. window.bloggercomments = null;
  1062. }
  1063. url += '&callback=bloggercomments';
  1064. var script = document.createElement('script');
  1065. script.type = 'text/javascript';
  1066. script.src = url;
  1067. document.getElementsByTagName('head')[0].appendChild(script);
  1068. }
  1069. };
  1070. var hasMore = function() {
  1071. return !!cursor;
  1072. };
  1073. var getMeta = function(key, comment) {
  1074. if ('iswriter' == key) {
  1075. var matches = !!comment.author
  1076. && comment.author.name == authorName
  1077. && comment.author.profileUrl == authorUrl;
  1078. return matches ? 'true' : '';
  1079. } else if ('deletelink' == key) {
  1080. return baseUri + '/delete-comment.g?blogID=' + blogId + '&postID=' + comment.id;
  1081. } else if ('deleteclass' == key) {
  1082. return comment.deleteclass;
  1083. }
  1084. return '';
  1085. };
  1086.  
  1087. var replybox = null;
  1088. var replyUrlParts = null;
  1089. var replyParent = undefined;
  1090.  
  1091. var onReply = function(commentId, domId) {
  1092. if (replybox == null) {
  1093. // lazily cache replybox, and adjust to suit this style:
  1094. replybox = document.getElementById('comment-editor');
  1095. if (replybox != null) {
  1096. replybox.height = '250px';
  1097. replybox.style.display = 'block';
  1098. replyUrlParts = replybox.src.split('#');
  1099. }
  1100. }
  1101. if (replybox && (commentId !== replyParent)) {
  1102. document.getElementById(domId).insertBefore(replybox, null);
  1103. replybox.src = replyUrlParts[0]
  1104. + (commentId ? '&parentID=' + commentId : '')
  1105. + '#' + replyUrlParts[1];
  1106. replyParent = commentId;
  1107. }
  1108. };
  1109.  
  1110. var tok = 'comment-form_';
  1111. var hash = window.location.hash || '';
  1112. var startThread = hash.indexOf(tok) == 1 ? hash.substring(tok.length + 1) : undefined;
  1113.  
  1114. // Configure commenting API:
  1115. var configJso = {
  1116. 'maxDepth': maxThreadDepth
  1117. };
  1118. var provider = {
  1119. 'id': postId,
  1120. 'data': items,
  1121. 'loadNext': paginator,
  1122. 'hasMore': hasMore,
  1123. 'getMeta': getMeta,
  1124. 'onReply': onReply,
  1125. 'rendered': true,
  1126. 'initReplyThread': startThread,
  1127. 'config': configJso,
  1128. 'messages': msgs
  1129. };
  1130.  
  1131. var render = function() {
  1132. if (window.goog && window.goog.comments) {
  1133. var holder = document.getElementById('comment-holder');
  1134. window.goog.comments.render(holder, provider);
  1135. }
  1136. };
  1137.  
  1138. // render now, or queue to render when library loads:
  1139. if (window.goog && window.goog.comments) {
  1140. render();
  1141. } else {
  1142. window.goog = window.goog || {};
  1143. window.goog.comments = window.goog.comments || {};
  1144. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1145. window.goog.comments.loadQueue.push(render);
  1146. }
  1147. })();
  1148. // ]]>
  1149. </script>
  1150. </b:includable>
  1151. <b:includable id='backlinks' var='post'>
  1152. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1153. <b:if cond='data:post.numBacklinks != 0'>
  1154. <dl class='comments-block' id='comments-block'>
  1155. <b:loop values='data:post.backlinks' var='backlink'>
  1156. <div class='collapsed-backlink backlink-control'>
  1157. <dt class='comment-title'>
  1158. <span class='backlink-toggle-zippy'>&#160;</span>
  1159. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1160. <b:include data='backlink' name='backlinkDeleteIcon'/>
  1161. </dt>
  1162. <dd class='comment-body collapseable'>
  1163. <data:backlink.snippet/>
  1164. </dd>
  1165. <dd class='comment-footer collapseable'>
  1166. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1167. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1168. </dd>
  1169. </div>
  1170. </b:loop>
  1171. </dl>
  1172. </b:if>
  1173. <p class='comment-footer'>
  1174. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  1175. </p>
  1176. </b:includable>
  1177. <b:includable id='mobile-main' var='top'>
  1178. <!-- posts -->
  1179. <div class='blog-posts hfeed'>
  1180.  
  1181. <b:include data='top' name='status-message'/>
  1182.  
  1183. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1184. <b:loop values='data:posts' var='post'>
  1185. <b:include data='post' name='mobile-index-post'/>
  1186. </b:loop>
  1187. <b:else/>
  1188. <b:loop values='data:posts' var='post'>
  1189. <b:include data='post' name='mobile-post'/>
  1190. </b:loop>
  1191. </b:if>
  1192. </div>
  1193.  
  1194. <b:include name='mobile-nextprev'/>
  1195. </b:includable>
  1196. <b:includable id='post' var='post'>
  1197. <div class='post hentry'>
  1198. <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Cheat PB Terbaru - Ninja Saga - Lost Saga - trik Internet</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>
  1199. <a expr:name='data:post.id'/>
  1200. <b:if cond='data:post.title'>
  1201. <h3 class='post-title entry-title'>
  1202. <b:if cond='data:post.link'>
  1203. <a expr:href='data:post.link'><data:post.title/></a>
  1204. <b:else/>
  1205. <b:if cond='data:post.url'>
  1206. <b:if cond='data:blog.url != data:post.url'>
  1207. <a expr:href='data:post.url'><data:post.title/></a>
  1208. <b:else/>
  1209. <data:post.title/>
  1210. </b:if>
  1211. <b:else/>
  1212. <data:post.title/>
  1213. </b:if>
  1214. </b:if>
  1215. </h3>
  1216. </b:if>
  1217.  
  1218. <div class='post-header'>
  1219. <div class='post-header-line-1'>
  1220. <!-- AddThis Button BEGIN -->
  1221. <div class='addthis_toolbox addthis_default_style '>
  1222. <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
  1223. <a class='addthis_button_tweet'/>
  1224. <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
  1225. <a class='addthis_counter addthis_pill_style'/>
  1226. </div>
  1227. <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f1d80cd0f971768' type='text/javascript'/>
  1228. <!-- AddThis Button END -->
  1229. <span class='post-comment-link'>
  1230. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1231. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1232. <b:if cond='data:post.allowComments'>
  1233. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
  1234. </b:if>
  1235. </b:if>
  1236. </b:if>
  1237. </span> </div>
  1238. </div>
  1239.  
  1240. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1241. <data:post.body/>
  1242. <div style='clear: both;'/> <!-- clear for photos floats -->
  1243. </div>
  1244.  
  1245. <b:if cond='data:post.hasJumpLink'>
  1246. <div class='jump-link'>
  1247. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  1248. </div>
  1249. </b:if>
  1250. <!-- Kotak Admin -->
  1251. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1252. <div class='admin-tulisan'>
  1253. <h4>Penulis: <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Cheat Point Blank Terbaru - Ninja Saga - Lost Saga - Trik Internet</h4>
  1254. <div class='kontainer'>
  1255. <img alt='author cheat game4u,coints question,tanda tanya koin' src='http://3.bp.blogspot.com/-djKycbyyfpc/Txq4qehpE7I/AAAAAAAAALY/cX6qbyuUtvg/s320/Question-Coin-icon.png'/>
  1256. Artikel <b><a expr:href='data:post.url'><data:post.title/></a></b>, diterbitkan oleh <data:post.author/> dan semoga bermanfaat. Bagi yang menyalin atau copas dari blog ini mohon kerelaannya agar diberi sumber dengan menaruh link <b><data:post.url/></b> dibagian bawah artikel anda. <b>Terimakasih atas kunjungannya</b>.
  1257. <div style='clear:both;'/>
  1258. </div>
  1259. </div>
  1260. </b:if>
  1261. <div class='post-footer'>
  1262. <div class='post-footer-line post-footer-line-1'>
  1263. <script>
  1264. /** Rejeki-Naik-Terus **/
  1265. var sitti_pub_id = &quot;BC0016837&quot;;
  1266. var sitti_ad_width = &quot;300&quot;;
  1267. var sitti_ad_height = &quot;250&quot;;
  1268. var sitti_ad_type = &quot;1&quot;;
  1269. var sitti_ad_number = &quot;3&quot;;
  1270. var sitti_ad_name = &quot;Rejeki-Naik-Terus&quot;;
  1271. var sitti_dep_id = &quot;58907&quot;;
  1272. </script>
  1273. <script src='http://stat.sittiad.com/delivery/sittiad.b1.js'/>
  1274. <span class='post-icons'>
  1275. <!-- email post links -->
  1276. <b:if cond='data:post.emailPostUrl'>
  1277. </b:if>
  1278.  
  1279. </span>
  1280. </div>
  1281.  
  1282. <div class='post-footer-line post-footer-line-2'>
  1283. <div class='post-share-buttons goog-inline-block'>
  1284. <b:if cond='data:post.sharePostUrl'>
  1285. <b:include data='post' name='shareButtons'/>
  1286. </b:if>
  1287. </div> </div>
  1288.  
  1289. <div class='post-footer-line post-footer-line-3'/>
  1290. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1291. <br/>
  1292. <br/>
  1293. <H2>Baca Artikel lainya:</H2>
  1294. <div class='cayunbox'>
  1295. <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
  1296. <div id='albri'/>
  1297. <script type='text/javascript'>
  1298. var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
  1299. var maxNumberOfPostsPerLabel = 4;
  1300. var maxNumberOfLabels = 10;
  1301. maxNumberOfPostsPerLabel = 10;
  1302. maxNumberOfLabels = 3;
  1303. function listEntries10(json) {
  1304. var ul = document.createElement(&#39;ul&#39;);
  1305. var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
  1306. json.feed.entry.length : maxNumberOfPostsPerLabel;
  1307. for (var i = 0; i &lt; maxPosts; i++) {
  1308. var entry = json.feed.entry[i];
  1309. var alturl;
  1310. for (var k = 0; k &lt; entry.link.length; k++) {
  1311. if (entry.link[k].rel == &#39;alternate&#39;) {
  1312. alturl = entry.link[k].href;
  1313. break;
  1314. }
  1315. }
  1316. var li = document.createElement(&#39;li&#39;);
  1317. var a = document.createElement(&#39;a&#39;);
  1318. a.href = alturl;
  1319. if(a.href!=location.href) {
  1320. var txt = document.createTextNode(entry.title.$t);
  1321. a.appendChild(txt);
  1322. li.appendChild(a);
  1323. ul.appendChild(li);
  1324. }
  1325. }
  1326. for (var l = 0; l &lt; json.feed.link.length; l++) {
  1327. if (json.feed.link[l].rel == &#39;alternate&#39;) {
  1328. var raw = json.feed.link[l].href;
  1329. var label = raw.substr(homeUrl3.length+13);
  1330. var k;
  1331. for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
  1332. var txt = document.createTextNode(label);
  1333. var h = document.createElement(&#39;b&#39;);
  1334. h.appendChild(txt);
  1335. var div1 = document.createElement(&#39;div&#39;);
  1336. div1.appendChild(h);
  1337. div1.appendChild(ul);
  1338. document.getElementById(&#39;albri&#39;).appendChild(div1);
  1339. }
  1340. }
  1341. }
  1342. function search10(query, label) {
  1343. var script = document.createElement(&#39;script&#39;);
  1344. script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
  1345. + label +
  1346. &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
  1347. script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
  1348. document.documentElement.firstChild.appendChild(script);
  1349. }
  1350. var labelArray = new Array();
  1351. var numLabel = 0;
  1352. <b:loop values='data:posts' var='post'>
  1353. <b:loop values='data:post.labels' var='label'>
  1354. textLabel = &quot;<data:label.name/>&quot;;
  1355. var test = 0;
  1356. for (var i = 0; i &lt; labelArray.length; i++)
  1357. if (labelArray[i] == textLabel) test = 1;
  1358. if (test == 0) {
  1359. labelArray.push(textLabel);
  1360. var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
  1361. labelArray.length : maxNumberOfLabels;
  1362. if (numLabel &lt; maxLabels) {
  1363. search10(homeUrl3, textLabel);
  1364. numLabel++;
  1365. }
  1366. }
  1367. </b:loop>
  1368. </b:loop>
  1369. </script>
  1370. </div>
  1371. <script type='text/javascript'>RelPost();</script>
  1372. </div>
  1373. </b:if>
  1374. </div>
  1375. </div>
  1376. </b:includable>
  1377. <b:includable id='status-message'>
  1378. <b:if cond='data:navMessage'>
  1379. <div class='status-msg-wrap'>
  1380. <div class='status-msg-body'>
  1381. <data:navMessage/>
  1382. </div>
  1383. <div class='status-msg-border'>
  1384. <div class='status-msg-bg'>
  1385. <div class='status-msg-hidden'><data:navMessage/></div>
  1386. </div>
  1387. </div>
  1388. </div>
  1389. <div style='clear: both;'/>
  1390. </b:if>
  1391. </b:includable>
  1392. <b:includable id='comment-form' var='post'>
  1393. <div class='comment-form'>
  1394. <a name='comment-form'/>
  1395. <b:if cond='data:mobile'>
  1396. <h4 id='comment-post-message'>
  1397. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1398. <p><data:blogCommentMessage/></p>
  1399. <data:blogTeamBlogMessage/>
  1400. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1401. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1402. <b:else/>
  1403. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1404. <p><data:blogCommentMessage/></p>
  1405. <data:blogTeamBlogMessage/>
  1406. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1407. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1408. </b:if>
  1409. <data:post.friendConnectJs/>
  1410. <data:post.cmtfpIframe/>
  1411. <script type='text/javascript'>
  1412. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1413. </script>
  1414. </div>
  1415. </b:includable>
  1416. <b:includable id='threaded_comments' var='post'>
  1417. <div class='comments' id='comments'>
  1418. <a name='comments'/>
  1419. <h4>
  1420. <b:if cond='data:post.numComments == 1'>
  1421. 1 <data:commentLabel/>:
  1422. <b:else/>
  1423. <data:post.numComments/> <data:commentLabelPlural/>:
  1424. </b:if>
  1425. </h4>
  1426.  
  1427. <div class='comments-content'>
  1428. <b:if cond='data:post.embedCommentForm'>
  1429. <b:include data='post' name='threaded_comment_js'/>
  1430. </b:if>
  1431. <div id='comment-holder'>
  1432. <data:post.commentHtml/>
  1433. </div>
  1434. </div>
  1435.  
  1436. <p class='comment-footer'>
  1437. <b:if cond='data:post.allowNewComments'>
  1438. <b:include data='post' name='threaded-comment-form'/>
  1439. <b:else/>
  1440. <data:post.noNewCommentsText/>
  1441. </b:if>
  1442. </p>
  1443.  
  1444. <b:if cond='data:showCmtPopup'>
  1445. <div id='comment-popup'>
  1446. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1447. </iframe>
  1448. </div>
  1449. </b:if>
  1450.  
  1451. <div id='backlinks-container'>
  1452. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1453. <b:if cond='data:post.showBacklinks'>
  1454. <b:include data='post' name='backlinks'/>
  1455. </b:if>
  1456. </div>
  1457. </div>
  1458. </div>
  1459. </b:includable>
  1460. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1461. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1462. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1463. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1464. </a>
  1465. </span>
  1466. </b:includable>
  1467. <b:includable id='mobile-nextprev'>
  1468. <div class='blog-pager' id='blog-pager'>
  1469. <b:if cond='data:newerPageUrl'>
  1470. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1471. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  1472. </div>
  1473. </b:if>
  1474.  
  1475. <b:if cond='data:olderPageUrl'>
  1476. <div class='mobile-link-button' id='blog-pager-older-link'>
  1477. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  1478. </div>
  1479. </b:if>
  1480.  
  1481. <div class='mobile-link-button' id='blog-pager-home-link'>
  1482. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1483. </div>
  1484.  
  1485. <div class='mobile-desktop-link'>
  1486. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1487. </div>
  1488.  
  1489. </div>
  1490. <div class='clear'/>
  1491. </b:includable>
  1492. <b:includable id='mobile-post' var='post'>
  1493. <div class='date-outer'>
  1494. <b:if cond='data:post.dateHeader'>
  1495. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1496. </b:if>
  1497. <div class='date-posts'>
  1498. <div class='post-outer'>
  1499.  
  1500. <div class='post hentry uncustomized-post-template'>
  1501. <a expr:name='data:post.id'/>
  1502. <b:if cond='data:post.title'>
  1503. <h3 class='post-title entry-title'>
  1504. <b:if cond='data:post.link'>
  1505. <a expr:href='data:post.link'><data:post.title/></a>
  1506. <b:else/>
  1507. <b:if cond='data:post.url'>
  1508. <b:if cond='data:blog.url != data:post.url'>
  1509. <a expr:href='data:post.url'><data:post.title/></a>
  1510. <b:else/>
  1511. <data:post.title/>
  1512. </b:if>
  1513. <b:else/>
  1514. <data:post.title/>
  1515. </b:if>
  1516. </b:if>
  1517. </h3>
  1518. </b:if>
  1519.  
  1520. <div class='post-header'>
  1521. <div class='post-header-line-1'/>
  1522. </div>
  1523.  
  1524. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1525. <data:post.body/>
  1526. <div style='clear: both;'/> <!-- clear for photos floats -->
  1527. </div>
  1528.  
  1529. <div class='post-footer'>
  1530. <div class='post-footer-line post-footer-line-1'>
  1531. <span class='post-author vcard'>
  1532. <b:if cond='data:top.showAuthor'>
  1533. <b:if cond='data:post.authorProfileUrl'>
  1534. <span class='fn'>
  1535. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1536. <data:post.author/>
  1537. </a>
  1538. </span>
  1539. <b:else/>
  1540. <span class='fn'><data:post.author/></span>
  1541. </b:if>
  1542. </b:if>
  1543. </span>
  1544.  
  1545. <span class='post-timestamp'>
  1546. <b:if cond='data:top.showTimestamp'>
  1547. <data:top.timestampLabel/>
  1548. <b:if cond='data:post.url'>
  1549. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
  1550. </b:if>
  1551. </b:if>
  1552. </span>
  1553.  
  1554. <span class='post-comment-link'>
  1555. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1556. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1557. <b:if cond='data:post.allowComments'>
  1558. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
  1559. </b:if>
  1560. </b:if>
  1561. </b:if>
  1562. </span>
  1563. </div>
  1564.  
  1565. <div class='post-footer-line post-footer-line-2'>
  1566. <b:if cond='data:top.showMobileShare'>
  1567. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1568. <a href='javascript:void(0);'><data:shareMsg/></a>
  1569. </div>
  1570. </b:if>
  1571. <b:if cond='data:top.showDummy'>
  1572. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1573. </b:if>
  1574. </div>
  1575.  
  1576. </div>
  1577. </div>
  1578.  
  1579. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1580. <b:if cond='data:post.showThreadedComments'>
  1581. <b:include data='post' name='threaded_comments'/>
  1582. <b:else/>
  1583. <b:include data='post' name='comments'/>
  1584. </b:if>
  1585. </b:if>
  1586. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1587. <b:if cond='data:post.showThreadedComments'>
  1588. <b:include data='post' name='threaded_comments'/>
  1589. <b:else/>
  1590. <b:include data='post' name='comments'/>
  1591. </b:if>
  1592. </b:if>
  1593. </div>
  1594. </div>
  1595. </div>
  1596. </b:includable>
  1597. <b:includable id='postQuickEdit' var='post'>
  1598. <b:if cond='data:post.editUrl'>
  1599. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1600. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1601. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1602. </a>
  1603. </span>
  1604. </b:if>
  1605. </b:includable>
  1606. <b:includable id='main' var='top'>
  1607. <b:if cond='data:mobile == &quot;false&quot;'>
  1608.  
  1609. <!-- posts -->
  1610. <div class='blog-posts hfeed'>
  1611.  
  1612. <b:include data='top' name='status-message'/>
  1613.  
  1614. <data:defaultAdStart/>
  1615. <b:loop values='data:posts' var='post'>
  1616. <b:if cond='data:post.isDateStart'>
  1617. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1618. &lt;/div&gt;&lt;/div&gt;
  1619. </b:if>
  1620. </b:if>
  1621. <b:if cond='data:post.isDateStart'>
  1622. &lt;div class=&quot;date-outer&quot;&gt;
  1623. </b:if>
  1624. <b:if cond='data:post.dateHeader'>
  1625. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1626. </b:if>
  1627. <b:if cond='data:post.isDateStart'>
  1628. &lt;div class=&quot;date-posts&quot;&gt;
  1629. </b:if>
  1630. <div class='post-outer'>
  1631. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1632. <a expr:href='data:post.url'>
  1633. <div onmouseout='this.style.background=&quot;rgba(0, 0, 0, 0.55)&quot;;' onmouseover='this.style.background=&quot;rgba(0, 0, 0, 0.55)&quot;;' style='list-style:none;padding:5px 0px 6px 8px; border-bottom:1px dashed #000;margin-bottom:2px;background:#ffffff; color:#fff; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55); box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);'>
  1634. <ul><data:post.title/></ul>
  1635. </div>
  1636. </a>
  1637. <b:else/>
  1638. <b:include data='post' name='post'/>
  1639. </b:if>
  1640. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1641. <b:if cond='data:post.showThreadedComments'>
  1642. <b:include data='post' name='threaded_comments'/>
  1643. <b:else/>
  1644. <b:include data='post' name='comments'/>
  1645. </b:if>
  1646. </b:if>
  1647. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1648. <b:if cond='data:post.showThreadedComments'>
  1649. <b:include data='post' name='threaded_comments'/>
  1650. <b:else/>
  1651. <b:include data='post' name='comments'/>
  1652. </b:if>
  1653. </b:if>
  1654. </div>
  1655. <b:if cond='data:post.includeAd'>
  1656. <b:if cond='data:post.isFirstPost'>
  1657. <data:defaultAdEnd/>
  1658. <b:else/>
  1659. <data:adEnd/>
  1660. </b:if>
  1661. <div class='inline-ad'>
  1662. <data:adCode/>
  1663. </div>
  1664. <data:adStart/>
  1665. </b:if>
  1666. </b:loop>
  1667. <b:if cond='data:numPosts != 0'>
  1668. &lt;/div&gt;&lt;/div&gt;
  1669. </b:if>
  1670. <data:adEnd/>
  1671. </div>
  1672.  
  1673. <!-- navigation -->
  1674. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1675. <!-- navigation -->
  1676. <b:include name='nextprev'/>
  1677. </b:if>
  1678.  
  1679. <!-- feed links -->
  1680. <b:include name='feedLinks'/>
  1681.  
  1682. <b:if cond='data:top.showStars'>
  1683. <script src='//www.google.com/jsapi' type='text/javascript'/>
  1684. <script type='text/javascript'>
  1685. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1686. function initialize() {
  1687. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1688. google.annotations.createAll();
  1689. google.annotations.fetch();
  1690. }
  1691. google.setOnLoadCallback(initialize);
  1692. </script>
  1693. </b:if>
  1694.  
  1695. <b:else/>
  1696. <b:include name='mobile-main'/>
  1697. </b:if>
  1698.  
  1699. <b:if cond='data:top.showDummy'>
  1700. <data:top.dummyBootstrap/>
  1701. </b:if>
  1702.  
  1703. </b:includable>
  1704. <b:includable id='commentDeleteIcon' var='comment'>
  1705. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1706. <b:if cond='data:showCmtPopup'>
  1707. <div class='goog-toggle-button'>
  1708. <div class='goog-inline-block comment-action-icon'/>
  1709. </div>
  1710. <b:else/>
  1711. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1712. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1713. </a>
  1714. </b:if>
  1715. </span>
  1716. </b:includable>
  1717. <b:includable id='feedLinks'>
  1718. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1719. <b:if cond='data:feedLinks'>
  1720. <div class='blog-feeds'>
  1721. <b:include data='feedLinks' name='feedLinksBody'/>
  1722. </div>
  1723. </b:if>
  1724.  
  1725. <b:else/> <!--Post feed links -->
  1726. <div class='post-feeds'>
  1727. <b:loop values='data:posts' var='post'>
  1728. <b:if cond='data:post.allowComments'>
  1729. <b:if cond='data:post.feedLinks'>
  1730. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1731. </b:if>
  1732. </b:if>
  1733. </b:loop>
  1734. </div>
  1735. </b:if>
  1736. </b:includable>
  1737. <b:includable id='threaded-comment-form' var='post'>
  1738. <div class='comment-form'>
  1739. <a name='comment-form'/>
  1740. <b:if cond='data:mobile'>
  1741. <p><data:blogCommentMessage/></p>
  1742. <data:blogTeamBlogMessage/>
  1743. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1744. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1745. <b:else/>
  1746. <p><data:blogCommentMessage/></p>
  1747. <data:blogTeamBlogMessage/>
  1748. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1749. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1750. </b:if>
  1751. <data:post.friendConnectJs/>
  1752. <data:post.cmtfpIframe/>
  1753. <script type='text/javascript'>
  1754. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1755. </script>
  1756. </div>
  1757. </b:includable>
  1758. <b:includable id='mobile-index-post' var='post'>
  1759. <div class='mobile-date-outer date-outer'>
  1760. <b:if cond='data:post.dateHeader'>
  1761. <div class='date-header'>
  1762. <span><data:post.dateHeader/></span>
  1763. </div>
  1764. </b:if>
  1765.  
  1766. <div class='mobile-post-outer'>
  1767. <a expr:href='data:post.url'>
  1768. <h3 class='mobile-index-title entry-title'>
  1769. <data:post.title/>
  1770. </h3>
  1771.  
  1772. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1773.  
  1774. <div class='mobile-index-contents'>
  1775. <b:if cond='data:post.thumbnailUrl'>
  1776. <div class='mobile-index-thumbnail'>
  1777. <div class='Image'>
  1778. <img expr:src='data:post.thumbnailUrl'/>
  1779. </div>
  1780. </div>
  1781. </b:if>
  1782.  
  1783. <div class='post-body'>
  1784. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1785. </div>
  1786. </div>
  1787.  
  1788. <div style='clear: both;'/>
  1789. </a>
  1790.  
  1791. <div class='mobile-index-comment'>
  1792. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1793. <b:if cond='data:post.allowComments'>
  1794. <b:if cond='data:post.numComments != 0'>
  1795. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
  1796. </b:if>
  1797. </b:if>
  1798. </b:if>
  1799. </div>
  1800. </div>
  1801. </div>
  1802. </b:includable>
  1803. <b:includable id='feedLinksBody' var='links'>
  1804. <div class='feed-links'>
  1805. <data:feedLinksMsg/>
  1806. <b:loop values='data:links' var='f'>
  1807. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1808. </b:loop>
  1809. </div>
  1810. </b:includable>
  1811. <b:includable id='comments' var='post'>
  1812. <div class='comments' id='comments'>
  1813. <a name='comments'/>
  1814. <b:if cond='data:post.allowComments'>
  1815. <h4>
  1816. <b:if cond='data:post.numComments == 1'>
  1817. 1 <data:commentLabel/>:
  1818. <b:else/>
  1819. <data:post.numComments/> <data:commentLabelPlural/>:
  1820. </b:if>
  1821. </h4>
  1822.  
  1823. <b:if cond='data:post.commentPagingRequired'>
  1824. <span class='paging-control-container'>
  1825. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1826. &#160;
  1827. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1828. &#160;
  1829. <data:post.commentRangeText/>
  1830. &#160;
  1831. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1832. &#160;
  1833. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1834. </span>
  1835. </b:if>
  1836.  
  1837. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1838. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1839. <b:loop values='data:post.comments' var='comment'>
  1840. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1841. <b:if cond='data:comment.favicon'>
  1842. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1843. </b:if>
  1844. <a expr:name='data:comment.anchorName'/>
  1845. <b:if cond='data:blog.enabledCommentProfileImages'>
  1846. <data:comment.authorAvatarImage/>
  1847. </b:if>
  1848. <b:if cond='data:comment.authorUrl'>
  1849. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1850. <b:else/>
  1851. <data:comment.author/>
  1852. </b:if>
  1853. <data:commentPostedByMsg/>
  1854. </dt>
  1855. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1856. <b:if cond='data:comment.isDeleted'>
  1857. <span class='deleted-comment'><data:comment.body/></span>
  1858. <b:else/>
  1859. <p>
  1860. <data:comment.body/>
  1861. </p>
  1862. </b:if>
  1863. </dd>
  1864. <dd class='comment-footer'>
  1865. <span class='comment-timestamp'>
  1866. <a expr:href='data:comment.url' title='comment permalink'>
  1867. <data:comment.timestamp/>
  1868. </a>
  1869. <b:include data='comment' name='commentDeleteIcon'/>
  1870. </span>
  1871. </dd>
  1872. </b:loop>
  1873. </dl>
  1874. </div>
  1875.  
  1876. <b:if cond='data:post.commentPagingRequired'>
  1877. <span class='paging-control-container'>
  1878. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1879. <data:post.oldestLinkText/>
  1880. </a>
  1881. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1882. <data:post.olderLinkText/>
  1883. </a>
  1884. &#160;
  1885. <data:post.commentRangeText/>
  1886. &#160;
  1887. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1888. <data:post.newerLinkText/>
  1889. </a>
  1890. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1891. <data:post.newestLinkText/>
  1892. </a>
  1893. </span>
  1894. </b:if>
  1895.  
  1896. <p class='comment-footer'>
  1897. <b:if cond='data:post.embedCommentForm'>
  1898. <b:if cond='data:post.allowNewComments'>
  1899. <b:include data='post' name='comment-form'/>
  1900. <b:else/>
  1901. <data:post.noNewCommentsText/>
  1902. </b:if>
  1903. <b:else/>
  1904. <b:if cond='data:post.allowComments'>
  1905. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1906. </b:if>
  1907. </b:if>
  1908.  
  1909. </p>
  1910. </b:if>
  1911. <b:if cond='data:showCmtPopup'>
  1912. <div id='comment-popup'>
  1913. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1914. </iframe>
  1915. </div>
  1916. </b:if>
  1917.  
  1918. <div id='backlinks-container'>
  1919. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1920. <b:if cond='data:post.showBacklinks'>
  1921. <b:include data='post' name='backlinks'/>
  1922. </b:if>
  1923. </div>
  1924. </div>
  1925. </div>
  1926. </b:includable>
  1927. </b:widget>
  1928. </b:section>
  1929. </div>
  1930. </div>
  1931.  
  1932. <div class='column-left-outer'>
  1933. <div class='column-left-inner'>
  1934. <aside>
  1935. <macro:include id='main-column-left-sections' name='sections'>
  1936. <macro:param default='0' name='num' value='0'/>
  1937. <macro:param default='sidebar-left' name='idPrefix'/>
  1938. <macro:param default='sidebar' name='class'/>
  1939. <macro:param default='true' name='includeBottom'/>
  1940. </macro:include>
  1941. </aside>
  1942. </div>
  1943. </div>
  1944.  
  1945. <div class='column-right-outer'>
  1946. <div class='column-right-inner'>
  1947. <aside>
  1948. <macro:include id='main-column-right-sections' name='sections'>
  1949. <macro:param default='2' name='num' value='2'/>
  1950. <macro:param default='sidebar-right' name='idPrefix'/>
  1951. <macro:param default='sidebar' name='class'/>
  1952. <macro:param default='true' name='includeBottom'/>
  1953. </macro:include>
  1954. </aside>
  1955. </div>
  1956. </div>
  1957.  
  1958. </div>
  1959.  
  1960. <div style='clear: both'/>
  1961. <!-- columns -->
  1962. </div>
  1963.  
  1964. <!-- main -->
  1965. </div>
  1966. </div>
  1967. <div class='main-cap-bottom cap-bottom'>
  1968. <div class='cap-left'/>
  1969. <div class='cap-right'/>
  1970. </div>
  1971. </div>
  1972.  
  1973. <footer>
  1974. <div class='footer-outer'>
  1975. <div class='footer-cap-top cap-top'>
  1976. <div class='cap-left'/>
  1977. <div class='cap-right'/>
  1978. </div>
  1979. <div class='fauxborder-left footer-fauxborder-left'>
  1980. <div class='fauxborder-right footer-fauxborder-right'/>
  1981. <div class='region-inner footer-inner'>
  1982. <macro:include id='footer-sections' name='sections'>
  1983. <macro:param default='2' name='num' value='3'/>
  1984. <macro:param default='footer' name='idPrefix'/>
  1985. <macro:param default='foot' name='class'/>
  1986. <macro:param default='false' name='includeBottom'/>
  1987. </macro:include>
  1988. <!-- outside of the include in order to lock Attribution widget -->
  1989. <b:section class='foot' id='footer-3' showaddelement='no'/>
  1990. </div>
  1991. </div>
  1992. <div class='footer-cap-bottom cap-bottom'>
  1993. <div class='cap-left'/>
  1994. <div class='cap-right'/>
  1995. </div>
  1996. </div>
  1997. </footer>
  1998.  
  1999. <!-- content -->
  2000. </div>
  2001. </div>
  2002. <div class='content-cap-bottom cap-bottom'>
  2003. <div class='cap-left'/>
  2004. <div class='cap-right'/>
  2005. </div>
  2006. </div>
  2007. </div>
  2008.  
  2009. <script type='text/javascript'>
  2010. window.setTimeout(function() {
  2011. document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  2012. }, 10);
  2013. </script>
  2014. <b:include data='blog' name='google-analytics'/>
  2015. </body>
  2016.  
  2017. <macro:includable id='sections' var='col'>
  2018. <macro:if cond='data:col.num == 0'>
  2019. <macro:else/>
  2020. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  2021.  
  2022. <macro:if cond='data:col.num &gt;= 2'>
  2023. <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  2024. <tbody>
  2025. <tr>
  2026. <td class='first columns-cell'>
  2027. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  2028. </td>
  2029.  
  2030. <td class='columns-cell'>
  2031. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  2032. </td>
  2033.  
  2034. <macro:if cond='data:col.num &gt;= 3'>
  2035. <td class='columns-cell'>
  2036. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  2037. </td>
  2038. </macro:if>
  2039.  
  2040. <macro:if cond='data:col.num &gt;= 4'>
  2041. <td class='columns-cell'>
  2042. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  2043. </td>
  2044. </macro:if>
  2045. </tr>
  2046. </tbody>
  2047. </table>
  2048.  
  2049. <macro:if cond='data:col.includeBottom'>
  2050. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  2051. </macro:if>
  2052. </macro:if>
  2053. </macro:if>
  2054. </macro:includable>
  2055.  
  2056. <b:section-contents id='sidebar-right-1'>
  2057. <b:widget id='CustomSearch1' locked='false' title='Search This Blog' type='CustomSearch'>
  2058. <b:includable id='main'>
  2059. <!-- only display title if it's non-empty -->
  2060. <b:if cond='data:title != &quot;&quot;'>
  2061. <h2 class='title'><data:title/></h2>
  2062. </b:if>
  2063.  
  2064. <div class='widget-content'>
  2065. <div expr:id='data:widget.instanceId + &quot;_form&quot;'>
  2066. <span class='cse-status'><data:loadingMsg/></span>
  2067. </div>
  2068. </div>
  2069.  
  2070. <!-- override gsearch.css -->
  2071. <style type='text/css'>
  2072. #uds-searchControl .gs-result .gs-title,
  2073. #uds-searchControl .gs-result .gs-title *,
  2074. #uds-searchControl .gsc-results .gsc-trailing-more-results,
  2075. #uds-searchControl .gsc-results .gsc-trailing-more-results * {
  2076. color:<data:linkColor/>;
  2077. }
  2078.  
  2079. #uds-searchControl .gs-result .gs-title a:visited,
  2080. #uds-searchControl .gs-result .gs-title a:visited * {
  2081. color:<data:visitedLinkColor/>;
  2082. }
  2083.  
  2084. #uds-searchControl .gs-relativePublishedDate,
  2085. #uds-searchControl .gs-publishedDate {
  2086. color: <data:dateColor/>;
  2087. }
  2088.  
  2089. #uds-searchControl .gs-result a.gs-visibleUrl,
  2090. #uds-searchControl .gs-result .gs-visibleUrl {
  2091. color: <data:urlColor/>;
  2092. }
  2093.  
  2094. #uds-searchControl .gsc-results {
  2095. border-color: <data:borderColor/>;
  2096. background-color: <data:backgroundColor/>;
  2097. }
  2098.  
  2099. #uds-searchControl .gsc-tabhActive {
  2100. border-color: <data:borderColor/>;
  2101. border-top-color: <data:activeBorderColor/>;
  2102. background-color: <data:backgroundColor/>;
  2103. color: <data:textColor/>;
  2104. }
  2105.  
  2106. #uds-searchControl .gsc-tabhInactive {
  2107. border-color: <data:borderColor/>;
  2108. background-color: transparent;
  2109. color: <data:linkColor/>;
  2110. }
  2111.  
  2112. #uds-searchClearResults {
  2113. border-color: <data:borderColor/>;
  2114. }
  2115.  
  2116. #uds-searchClearResults:hover {
  2117. border-color: <data:activeBorderColor/>;
  2118. }
  2119.  
  2120. #uds-searchControl .gsc-cursor-page {
  2121. color: <data:linkColor/>;
  2122. }
  2123.  
  2124. #uds-searchControl .gsc-cursor-current-page {
  2125. color: <data:textColor/>;
  2126. }
  2127. </style>
  2128.  
  2129. <b:include name='quickedit'/>
  2130. </b:includable>
  2131. </b:widget>
  2132. <b:widget id='HTML3' locked='false' title='Like Cheat Game 4u' type='HTML'>
  2133. <b:includable id='main'>
  2134. <!-- only display title if it's non-empty -->
  2135. <b:if cond='data:title != &quot;&quot;'>
  2136. <h2 class='title'><data:title/></h2>
  2137. </b:if>
  2138. <div class='widget-content'>
  2139. <data:content/>
  2140. </div>
  2141.  
  2142. <b:include name='quickedit'/>
  2143. </b:includable>
  2144. </b:widget>
  2145. <b:widget id='Feed1' locked='false' title='Info Handphone' type='Feed'>
  2146. <b:includable id='main'>
  2147. <h2><data:title/></h2>
  2148. <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
  2149. <span style='filter: alpha(25); opacity: 0.25;'>
  2150. <a expr:href='data:feedUrl'><data:loadingMsg/></a>
  2151. </span>
  2152. </div>
  2153. </b:includable>
  2154. </b:widget>
  2155. <b:widget id='HTML1' locked='false' title='Berita Terpopuler' type='HTML'>
  2156. <b:includable id='main'>
  2157. <!-- only display title if it's non-empty -->
  2158. <b:if cond='data:title != &quot;&quot;'>
  2159. <h2 class='title'><data:title/></h2>
  2160. </b:if>
  2161. <div class='widget-content'>
  2162. <data:content/>
  2163. </div>
  2164. </b:includable>
  2165. </b:widget>
  2166. <b:widget id='Label1' locked='false' title='' type='Label'>
  2167. <b:includable id='main'>
  2168. <b:if cond='data:title'>
  2169. <h2><data:title/></h2>
  2170. </b:if>
  2171. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2172. <b:if cond='data:display == &quot;list&quot;'>
  2173. <ul>
  2174. <b:loop values='data:labels' var='label'>
  2175. <li>
  2176. <b:if cond='data:blog.url == data:label.url'>
  2177. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2178. <b:else/>
  2179. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2180. </b:if>
  2181. <b:if cond='data:showFreqNumbers'>
  2182. <span dir='ltr'>(<data:label.count/>)</span>
  2183. </b:if>
  2184. </li>
  2185. </b:loop>
  2186. </ul>
  2187. <b:else/>
  2188. <b:loop values='data:labels' var='label'>
  2189. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2190. <b:if cond='data:blog.url == data:label.url'>
  2191. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2192. <b:else/>
  2193. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2194. </b:if>
  2195. <b:if cond='data:showFreqNumbers'>
  2196. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2197. </b:if>
  2198. </span>
  2199. </b:loop>
  2200. </b:if>
  2201. </div>
  2202. </b:includable>
  2203. </b:widget>
  2204. </b:section-contents><b:section-contents id='sidebar-right-2-1'/><b:section-contents id='sidebar-right-2-2'/><b:section-contents id='sidebar-right-3'/><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/><b:section-contents id='footer-2-3'/></html>
Add Comment
Please, Sign In to add comment