Simplesive

SUBMITTED BY: Guest

DATE: Jan. 4, 2014, 2:38 p.m.

FORMAT: Text only

SIZE: 62.9 kB

Raw Download

HITS: 918

Report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html expr:dir='data:blog.languageDirection' lang='en' xml:lang='en' 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. <b:include data='blog' name='all-head-content'/>
  6. <b:if cond='data:blog.pageName == ""'>
  7. <title><data:blog.title/> - A great Blogger.com site</title>
  8. <b:else/>
  9. <title><data:blog.pageName/> - <data:blog.title/></title>
  10. </b:if>
  11. <meta expr:content='data:blog.metaDescription' name='description'/>
  12. <b:skin><![CDATA[/*
  13. -----------------------------------------------
  14. Blogger Template Style
  15. Name: Simplesive
  16. Designer: Yohanes Budi Santosa
  17. URL: http://www.idblogdesign.com
  18. Date: 02 - 03 - 2013
  19. -----------------------------------------------
  20. */
  21. .copyright{
  22. font-size:11px;
  23. }
  24. #searchThis{
  25. padding:0;
  26. margin:0;
  27. }
  28. .button{
  29. display: inline-block;
  30. zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  31. *display: inline;
  32. vertical-align: baseline;
  33. margin: 0 2px;
  34. outline: none;
  35. cursor: pointer;
  36. text-align: center;
  37. text-decoration: none;
  38. padding: 4px 10px;
  39. text-shadow: 0 1px 1px rgba(0,0,0,.3);
  40. border-radius: 3px;
  41. box-shadow: 0 1px 2px rgba(0,0,0,.2);
  42. color: #e9e9e9;
  43. border: solid 1px #555;
  44. background: #6e6e6e;
  45. background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
  46. background: -moz-linear-gradient(top, #888, #575757);
  47. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
  48. }
  49. .button:hover{
  50. text-decoration: none;
  51. background: #616161;
  52. background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
  53. background: -moz-linear-gradient(top, #757575, #4b4b4b);
  54. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
  55. }
  56. .button:active{
  57. position: relative;
  58. top: 1px;
  59. color: #afafaf;
  60. background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
  61. background: -moz-linear-gradient(top, #575757, #888);
  62. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
  63. }
  64. .searchBox{
  65. border:1px solid #e5e5e5;
  66. border-radius:3px;
  67. padding:4px 10px;
  68. margin:0;
  69. color:#999;
  70. }
  71. .searchBox:focus{
  72. color:#333;
  73. }
  74. #crosscol-wrapper{
  75. background:#222;
  76. padding:0;
  77. margin:0 0 15px;
  78. }
  79. #crosscol{
  80. padding:0;
  81. margin:0;
  82. }
  83. #crosscol ul{
  84. padding:0;
  85. margin:0;
  86. list-style:none;
  87. }
  88. #crosscol ul li{
  89. padding:0;
  90. margin:0;
  91. list-style:none;
  92. }
  93. #crosscol ul li a{
  94. color:#eee;
  95. padding:10px;
  96. display:block;
  97. margin:0;
  98. text-decoration:none;
  99. }
  100. #crosscol ul li.selected a{
  101. background:#000;
  102. color:#fff;
  103. }
  104. #crosscol ul li a:hover{
  105. color:#fff;
  106. background:#555;
  107. }
  108. pre{
  109. border:1px solid #ccc;
  110. background:#f9f9f9;
  111. overflow:auto;
  112. color:#666;
  113. margin:5px 0;
  114. padding:5px;
  115. }
  116. .post th{
  117. background:#f2f2f2;
  118. padding:2px 8px;
  119. }
  120. .post td{
  121. border-top:1px solid #dfdfdf;
  122. background:#f9f9f9;
  123. padding:2px 8px;
  124. }
  125. .post table{
  126. margin:10px 0 0;
  127. width:100%;
  128. padding:0;
  129. border:1px solid #ccc;
  130. }
  131. .jump-link{
  132. margin:0 0 5px;
  133. padding:0 0 5px;
  134. }
  135. body{
  136. background:#f1f1f1;
  137. margin:0;
  138. color:#333333;
  139. font:normal 12px arial;
  140. text-align:center;
  141. }
  142. a:link,a:visited,a:active{
  143. color:#245dc1;
  144. text-decoration:none;
  145. }
  146. a:hover{
  147. color:#333;
  148. }
  149. a img{
  150. border-width:0;
  151. }
  152. #header-wrapper{
  153. margin:0 auto 15px;
  154. }
  155. #header-inner{
  156. background-position:[center];
  157. margin-left:auto;
  158. margin-right:auto;
  159. }
  160. #header{
  161. margin:0;
  162. padding:0;
  163. text-align:left;
  164. color:#444;
  165. }
  166. #header h1,#header h2{
  167. font-size:22px;
  168. margin:0;
  169. padding:0;
  170. }
  171. #header a{
  172. color:#444;
  173. text-decoration:none;
  174. }
  175. #header h2.description,#header h3.description{
  176. font-size:11px;
  177. color:#999999;
  178. font-weight:normal;
  179. margin:0;
  180. padding:0;
  181. }
  182. #header img{
  183. margin-left:auto;
  184. margin-right:auto;
  185. }
  186. #outer-wrapper{
  187. background:#fff;
  188. width:890px;
  189. margin:35px auto;
  190. padding:25px 0;
  191. text-align:left;
  192. border:1px solid #e5e5e5;
  193. box-shadow:1px 1px 4px #dfdfdf;
  194. border-radius:6px;
  195. }
  196. #wrap2{
  197. margin:0 25px;
  198. padding:0;
  199. }
  200. #main-wrapper{
  201. width:511px;
  202. float:left;
  203. overflow:hidden;
  204. }
  205. #sidebar-wrapper{
  206. width:300px;
  207. float:right;
  208. overflow:hidden;
  209. }
  210. h2{
  211. margin:1.5em 0 0.75em;
  212. font-size:14px;
  213. line-height:1.4em;
  214. color:#999999;
  215. }
  216. h2.date-header{
  217. font:normal 11px arial;
  218. margin:0;
  219. padding: 0;
  220. }
  221. .post{
  222. margin:0.5em 0 1.5em;
  223. padding: 0 1px;
  224. border-bottom:1px dotted #cccccc;
  225. padding-bottom:1.5em;
  226. }
  227. .post h3,.post h1{
  228. margin:0.25em 0 0;
  229. padding:0 0 4px;
  230. font-size:18px;
  231. line-height:1.4em;
  232. }
  233. .post-body{
  234. margin:0 0 0.75em;
  235. line-height:1.6em;
  236. }
  237. .post-body blockquote{
  238. line-height:1.3em;
  239. }
  240. .post-footer{
  241. margin:0.75em 0;
  242. padding:0;
  243. color:#999999;
  244. font-size:11px;
  245. line-height:1.4em;
  246. }
  247. .comment-link{
  248. margin-left:0.6em;
  249. }
  250. .post img, table.tr-caption-container{
  251. padding:4px;
  252. border:1px solid #e5e5e5;
  253. }
  254. .tr-caption-container img{
  255. border:none;
  256. padding:0;
  257. }
  258. .post blockquote{
  259. margin:1em 20px;
  260. }
  261. .post blockquote p{
  262. margin:0.75em 0;
  263. }
  264. #comments h4{
  265. margin:1em 0;
  266. font-weight:bold;
  267. line-height:1.4em;
  268. color:#999999;
  269. }
  270. #comments-block{
  271. margin:1em 0 1.5em;
  272. line-height:1.6em;
  273. }
  274. #comments-block .comment-author{
  275. margin:0.5em 0;
  276. }
  277. #comments-block .comment-body{
  278. margin:0.25em 0 0;
  279. }
  280. #comments-block .comment-footer{
  281. margin:-0.25em 0 2em;
  282. line-height:1.4em;
  283. }
  284. #comments-block .comment-body p{
  285. margin:0 0 0.75em;
  286. }
  287. .deleted-comment{
  288. font-style:italic;
  289. color:gray;
  290. }
  291. #blog-pager-newer-link{
  292. float:left;
  293. }
  294. #blog-pager-older-link{
  295. float:right;
  296. }
  297. #blog-pager{
  298. text-align:center;
  299. }
  300. .feed-links{
  301. clear:both;
  302. line-height:2.5em;
  303. }
  304. .sidebar{
  305. color:#666666;
  306. line-height:1.5em;
  307. }
  308. .sidebar h2{
  309. color:#444;
  310. font-size:14px;
  311. }
  312. .sidebar ul{
  313. list-style:none;
  314. margin:0 0 0;
  315. padding:0 0 0;
  316. }
  317. .sidebar li{
  318. margin:0;
  319. padding-top:0;
  320. padding-right:0;
  321. padding-bottom:0.25em;
  322. padding-left:15px;
  323. text-indent:-15px;
  324. line-height:1.5em;
  325. }
  326. .sidebar .widget, .main .widget{
  327. border-bottom:1px dotted #cccccc;
  328. margin:0 0 1.5em;
  329. padding:0 0 1.5em;
  330. }
  331. .main .Blog{
  332. border-bottom-width:0;
  333. }
  334. .profile-img{
  335. float:left;
  336. margin-top:0;
  337. margin-right:5px;
  338. margin-bottom:5px;
  339. margin-left:0;
  340. padding:4px;
  341. border:1px solid #e5e5e5;
  342. }
  343. .profile-data{
  344. margin:0;
  345. font-size:11px;
  346. color:#999999;
  347. font-weight:bold;
  348. line-height:1.6em;
  349. }
  350. .profile-datablock{
  351. margin:0.5em 0 0.5em;
  352. }
  353. .profile-textblock{
  354. margin:0.5em 0;
  355. line-height:1.6em;
  356. }
  357. .profile-link{
  358. font-size:11px;
  359. }
  360. #navbar-iframe{
  361. height:0px;
  362. visibility:hidden;
  363. display:none;
  364. }
  365. .breadcrumbs{
  366. padding:5px 5px 5px 0px;
  367. margin: 0px 0px 15px 0px;
  368. font-size:11px;
  369. line-height: 1.4em;
  370. border-bottom:1px solid #ccc;
  371. }
  372. @media only screen and (max-width:890px){
  373. #outer-wrapper{
  374. width:96%;
  375. max-width:96%;
  376. max-height:100%;
  377. margin:1%;
  378. padding:1%;
  379. display:block;
  380. float:none;
  381. }
  382. #main-wrapper,#sidebar-wrapper{
  383. width:100%;
  384. max-width:100%;
  385. height:100%;
  386. max-height:100%;
  387. display:block;
  388. float:none;
  389. }
  390. }
  391. ]]></b:skin>
  392. <script type='text/javascript'>
  393. <![CDATA[
  394. <!--
  395. /*<body>*/
  396. -->
  397. ]]>
  398. </script>
  399. </head>
  401. <body>
  402. <div id='outer-wrapper'><div id='wrap2'>
  404. <div id='header-wrapper'>
  405. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  406. <b:widget id='Header1' locked='true' title='Simplesive (Header)' type='Header'>
  407. <b:includable id='title'>
  408. <b:if cond='data:blog.pageType == "item"'>
  409. <h2 class='title'><a expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a></h2>
  410. <b:else/>
  411. <b:if cond='data:blog.pageType == "static_page"'>
  412. <h2 class='title'><a expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a></h2>
  413. <b:else/>
  414. <h1 class='title'><data:title/></h1>
  415. </b:if>
  416. </b:if>
  417. </b:includable>
  418. <b:includable id='description'>
  419. <div class='descriptionwrapper'>
  420. <b:if cond='data:blog.pageType == "item"'>
  421. <h3 class='description'><span><data:description/></span></h3>
  422. <b:else/>
  423. <b:if cond='data:blog.pageType == "static_page"'>
  424. <h3 class='description'><span><data:description/></span></h3>
  425. <b:else/>
  426. <h2 class='description'><span><data:description/></span></h2>
  427. </b:if>
  428. </b:if>
  429. </div>
  430. </b:includable>
  431. <b:includable id='main'>
  433. <b:if cond='data:useImage'>
  434. <b:if cond='data:imagePlacement == "BEHIND"'>
  435. <b:if cond='data:mobile'>
  436. <div id='header-inner'>
  437. <div class='titlewrapper' style='background: transparent'>
  438. <h1 class='title' style='background: transparent; border-width: 0px'>
  439. <b:include name='title'/>
  440. </h1>
  441. </div>
  442. <b:include name='description'/>
  443. </div>
  444. <b:else/>
  445. <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
  446. <div class='titlewrapper' style='background: transparent'>
  447. <b:include name='title'/>
  448. </div>
  449. <b:include name='description'/>
  450. </div>
  451. </b:if>
  452. <b:else/>
  453. <!--Show the image only-->
  454. <div id='header-inner'>
  455. <a expr:href='data:blog.homepageUrl' style='display: block'>
  456. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  457. </a>
  458. <!--Show the description-->
  459. <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
  460. <b:include name='description'/>
  461. </b:if>
  462. </div>
  463. </b:if>
  464. <b:else/>
  465. <!--No header image -->
  466. <div id='header-inner'>
  467. <div class='titlewrapper'>
  468. <b:include name='title'/>
  469. </div>
  470. <b:include name='description'/>
  471. </div>
  472. </b:if>
  473. </b:includable>
  474. </b:widget>
  475. </b:section>
  476. </div>
  478. <div id='content-wrapper'>
  480. <div id='crosscol-wrapper'>
  481. <b:section class='crosscol' id='crosscol'>
  482. <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  483. <b:includable id='main'>
  484. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  485. <div class='widget-content'>
  486. <b:if cond='data:mobile'>
  487. <select expr:id='data:widget.instanceId + "_select"'>
  488. <b:loop values='data:links' var='link'>
  489. <b:if cond='data:link.isCurrentPage'>
  490. <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
  491. <b:else/>
  492. <option expr:value='data:link.href'><data:link.title/></option>
  493. </b:if>
  494. </b:loop>
  495. </select>
  496. <span class='pagelist-arrow'>&#9660;</span>
  498. <b:else/>
  499. <ul>
  500. <b:loop values='data:links' var='link'>
  501. <b:if cond='data:link.isCurrentPage'>
  502. <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
  503. <b:else/>
  504. <li><a expr:href='data:link.href'><data:link.title/></a></li>
  505. </b:if>
  506. </b:loop>
  507. </ul>
  508. </b:if>
  509. <b:include name='quickedit'/>
  510. </div>
  511. </b:includable>
  512. </b:widget>
  513. </b:section>
  514. </div>
  516. <div id='main-wrapper'>
  517. <b:section class='main' id='main' showaddelement='no'>
  518. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
  519. <b:includable id='nextprev'>
  520. <div class='blog-pager' id='blog-pager'>
  521. <b:if cond='data:newerPageUrl'>
  522. <span id='blog-pager-newer-link'>
  523. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  524. </span>
  525. </b:if>
  527. <b:if cond='data:olderPageUrl'>
  528. <span id='blog-pager-older-link'>
  529. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  530. </span>
  531. </b:if>
  533. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  535. <b:if cond='data:mobileLinkUrl'>
  536. <div class='blog-mobile-link'>
  537. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  538. </div>
  539. </b:if>
  541. </div>
  542. <div class='clear'/>
  543. </b:includable>
  544. <b:includable id='shareButtons' var='post'>
  545. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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>
  546. </b:includable>
  547. <b:includable id='backlinks' var='post'>
  548. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  549. <b:if cond='data:post.numBacklinks != 0'>
  550. <dl class='comments-block' id='comments-block'>
  551. <b:loop values='data:post.backlinks' var='backlink'>
  552. <div class='collapsed-backlink backlink-control'>
  553. <dt class='comment-title'>
  554. <span class='backlink-toggle-zippy'>&#160;</span>
  555. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  556. <b:include data='backlink' name='backlinkDeleteIcon'/>
  557. </dt>
  558. <dd class='comment-body collapseable'>
  559. <data:backlink.snippet/>
  560. </dd>
  561. <dd class='comment-footer collapseable'>
  562. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  563. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  564. </dd>
  565. </div>
  566. </b:loop>
  567. </dl>
  568. </b:if>
  569. <p class='comment-footer'>
  570. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  571. </p>
  572. </b:includable>
  573. <b:includable id='comment_count_picker' var='post'>
  574. <b:if cond='data:post.forceIframeComments'>
  575. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  576. </span>
  577. <b:else/>
  578. <b:if cond='data:post.commentSource == 1'>
  579. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  580. </span>
  581. <b:else/>
  582. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  583. <data:post.commentLabelFull/>:
  584. </a>
  585. </b:if>
  586. </b:if>
  587. </b:includable>
  588. <b:includable id='threaded_comment_js' var='post'>
  589. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  591. <script type='text/javascript'>
  592. (function() {
  593. var items = <data:post.commentJso/>;
  594. var msgs = <data:post.commentMsgs/>;
  595. var config = <data:post.commentConfig/>;
  597. // <![CDATA[
  598. var cursor = null;
  599. if (items && items.length > 0) {
  600. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  601. }
  603. var bodyFromEntry = function(entry) {
  604. if (entry.gd$extendedProperty) {
  605. for (var k in entry.gd$extendedProperty) {
  606. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  607. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  608. }
  609. }
  610. }
  611. return entry.content.$t;
  612. }
  614. var parse = function(data) {
  615. cursor = null;
  616. var comments = [];
  617. if (data && data.feed && data.feed.entry) {
  618. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  619. var comment = {};
  620. // comment ID, parsed out of the original id format
  621. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  622. comment.id = id ? id[2] : null;
  623. comment.body = bodyFromEntry(entry);
  624. comment.timestamp = Date.parse(entry.published.$t) + '';
  625. if (entry.author && entry.author.constructor === Array) {
  626. var auth = entry.author[0];
  627. if (auth) {
  628. comment.author = {
  629. name: (auth.name ? auth.name.$t : undefined),
  630. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  631. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  632. };
  633. }
  634. }
  635. if (entry.link) {
  636. if (entry.link[2]) {
  637. comment.link = comment.permalink = entry.link[2].href;
  638. }
  639. if (entry.link[3]) {
  640. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  641. if (pid && pid[1]) {
  642. comment.parentId = pid[1];
  643. }
  644. }
  645. }
  646. comment.deleteclass = 'item-control blog-admin';
  647. if (entry.gd$extendedProperty) {
  648. for (var k in entry.gd$extendedProperty) {
  649. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  650. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  651. }
  652. }
  653. }
  654. comments.push(comment);
  655. }
  656. }
  657. return comments;
  658. };
  660. var paginator = function(callback) {
  661. if (hasMore()) {
  662. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  663. if (cursor) {
  664. url += '&published-min=' + new Date(cursor).toISOString();
  665. }
  666. window.bloggercomments = function(data) {
  667. var parsed = parse(data);
  668. cursor = parsed.length < 50 ? null
  669. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  670. callback(parsed);
  671. window.bloggercomments = null;
  672. }
  673. url += '&callback=bloggercomments';
  674. var script = document.createElement('script');
  675. script.type = 'text/javascript';
  676. script.src = url;
  677. document.getElementsByTagName('head')[0].appendChild(script);
  678. }
  679. };
  680. var hasMore = function() {
  681. return !!cursor;
  682. };
  683. var getMeta = function(key, comment) {
  684. if ('iswriter' == key) {
  685. var matches = !!comment.author
  686. && comment.author.name == config.authorName
  687. && comment.author.profileUrl == config.authorUrl;
  688. return matches ? 'true' : '';
  689. } else if ('deletelink' == key) {
  690. return config.baseUri + '/delete-comment.g?blogID='
  691. + config.blogId + '&postID=' + comment.id;
  692. } else if ('deleteclass' == key) {
  693. return comment.deleteclass;
  694. }
  695. return '';
  696. };
  698. var replybox = null;
  699. var replyUrlParts = null;
  700. var replyParent = undefined;
  702. var onReply = function(commentId, domId) {
  703. if (replybox == null) {
  704. // lazily cache replybox, and adjust to suit this style:
  705. replybox = document.getElementById('comment-editor');
  706. if (replybox != null) {
  707. replybox.height = '250px';
  708. replybox.style.display = 'block';
  709. replyUrlParts = replybox.src.split('#');
  710. }
  711. }
  712. if (replybox && (commentId !== replyParent)) {
  713. document.getElementById(domId).insertBefore(replybox, null);
  714. replybox.src = replyUrlParts[0]
  715. + (commentId ? '&parentID=' + commentId : '')
  716. + '#' + replyUrlParts[1];
  717. replyParent = commentId;
  718. }
  719. };
  721. var hash = (window.location.hash || '#').substring(1);
  722. var startThread, targetComment;
  723. if (/^comment-form_/.test(hash)) {
  724. startThread = hash.substring('comment-form_'.length);
  725. } else if (/^c[0-9]+$/.test(hash)) {
  726. targetComment = hash.substring(1);
  727. }
  729. // Configure commenting API:
  730. var configJso = {
  731. 'maxDepth': config.maxThreadDepth
  732. };
  733. var provider = {
  734. 'id': config.postId,
  735. 'data': items,
  736. 'loadNext': paginator,
  737. 'hasMore': hasMore,
  738. 'getMeta': getMeta,
  739. 'onReply': onReply,
  740. 'rendered': true,
  741. 'initComment': targetComment,
  742. 'initReplyThread': startThread,
  743. 'config': configJso,
  744. 'messages': msgs
  745. };
  747. var render = function() {
  748. if (window.goog && window.goog.comments) {
  749. var holder = document.getElementById('comment-holder');
  750. window.goog.comments.render(holder, provider);
  751. }
  752. };
  754. // render now, or queue to render when library loads:
  755. if (window.goog && window.goog.comments) {
  756. render();
  757. } else {
  758. window.goog = window.goog || {};
  759. window.goog.comments = window.goog.comments || {};
  760. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  761. window.goog.comments.loadQueue.push(render);
  762. }
  763. })();
  764. // ]]>
  765. </script>
  766. </b:includable>
  767. <b:includable id='mobile-main' var='top'>
  768. <!-- posts -->
  769. <div class='blog-posts hfeed'>
  771. <b:include data='top' name='status-message'/>
  773. <b:if cond='data:blog.pageType == "index"'>
  774. <b:loop values='data:posts' var='post'>
  775. <b:include data='post' name='mobile-index-post'/>
  776. </b:loop>
  777. <b:else/>
  778. <b:loop values='data:posts' var='post'>
  779. <b:include data='post' name='mobile-post'/>
  780. </b:loop>
  781. </b:if>
  782. </div>
  784. <b:include name='mobile-nextprev'/>
  785. </b:includable>
  786. <b:includable id='post' var='post'>
  787. <div class='post hentry'>
  788. <a expr:name='data:post.id'/>
  789. <b:if cond='data:post.link'>
  790. <h3 class='entry-title'><a expr:href='data:post.link'><data:post.title/></a></h3>
  791. <b:else/>
  792. <b:if cond='data:post.url'>
  793. <b:if cond='data:blog.url != data:post.url'>
  794. <h3 class='entry-title'><a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'><data:post.title/></a></h3>
  795. <b:else/>
  796. <h1 class='entry-title'><data:post.title/></h1>
  797. </b:if>
  798. </b:if>
  799. </b:if>
  801. <div class='post-header'>
  802. <div class='post-header-line-1'/>
  803. </div>
  805. <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
  806. <p><data:post.body/></p>
  807. <div style='clear: both;'/> <!-- clear for photos floats -->
  808. </div>
  810. <b:if cond='data:post.hasJumpLink'>
  811. <div class='jump-link'>
  812. <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
  813. </div>
  814. </b:if>
  816. <div class='post-footer'>
  817. <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
  818. <b:if cond='data:top.showAuthor'>
  819. <data:top.authorLabel/>
  820. <b:if cond='data:post.authorProfileUrl'>
  821. <span class='fn'>
  822. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  823. <data:post.author/>
  824. </a>
  825. </span>
  826. <b:else/>
  827. <span class='fn'><data:post.author/></span>
  828. </b:if>
  829. </b:if>
  830. </span> <span class='post-timestamp'>
  831. <b:if cond='data:top.showTimestamp'>
  832. <data:top.timestampLabel/>
  833. <b:if cond='data:post.url'>
  834. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
  835. </b:if>
  836. </b:if>
  837. </span> <span class='post-comment-link'>
  838. <b:if cond='data:blog.pageType != "item"'>
  839. <b:if cond='data:blog.pageType != "static_page"'>
  840. <b:if cond='data:post.allowComments'>
  841. <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>
  842. </b:if>
  843. </b:if>
  844. </b:if>
  845. </span> <span class='post-icons'>
  846. <!-- email post links -->
  847. <b:if cond='data:post.emailPostUrl'>
  848. <span class='item-action'>
  849. <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  850. <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  851. </a>
  852. </span>
  853. </b:if>
  855. <!-- quickedit pencil -->
  856. <b:include data='post' name='postQuickEdit'/>
  857. </span> <div class='post-share-buttons goog-inline-block'>
  858. <b:if cond='data:post.sharePostUrl'>
  859. <b:include data='post' name='shareButtons'/>
  860. </b:if>
  861. </div> </div>
  863. <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
  864. <b:if cond='data:post.labels'>
  865. <data:postLabelsLabel/>
  866. <b:loop values='data:post.labels' var='label'>
  867. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
  868. </b:loop>
  869. </b:if>
  870. </span> </div>
  872. <div class='post-footer-line post-footer-line-3'><span class='post-location'>
  873. <b:if cond='data:top.showLocation'>
  874. <b:if cond='data:post.location'>
  875. <data:postLocationLabel/>
  876. <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  877. </b:if>
  878. </b:if>
  879. </span> </div>
  880. </div>
  881. </div>
  882. </b:includable>
  883. <b:includable id='comment_picker' var='post'>
  884. <b:if cond='data:post.commentSource == 1'>
  885. <b:include data='post' name='iframe_comments'/>
  886. <b:else/>
  887. <b:if cond='data:post.showThreadedComments'>
  888. <b:include data='post' name='threaded_comments'/>
  889. <b:else/>
  890. <b:include data='post' name='comments'/>
  891. </b:if>
  892. </b:if>
  893. </b:includable>
  894. <b:includable id='status-message'>
  895. <b:if cond='data:navMessage'>
  896. <div class='status-msg-wrap'>
  897. <div class='status-msg-body'>
  898. <data:navMessage/>
  899. </div>
  900. <div class='status-msg-border'>
  901. <div class='status-msg-bg'>
  902. <div class='status-msg-hidden'><data:navMessage/></div>
  903. </div>
  904. </div>
  905. </div>
  906. <div style='clear: both;'/>
  907. </b:if>
  908. </b:includable>
  909. <b:includable id='comment-form' var='post'>
  910. <div class='comment-form'>
  911. <a name='comment-form'/>
  912. <b:if cond='data:mobile'>
  913. <h4 id='comment-post-message'>
  914. <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  915. <p><data:blogCommentMessage/></p>
  916. <data:blogTeamBlogMessage/>
  917. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  918. <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%'/>
  919. <b:else/>
  920. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  921. <p><data:blogCommentMessage/></p>
  922. <data:blogTeamBlogMessage/>
  923. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  924. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  925. </b:if>
  926. <data:post.friendConnectJs/>
  927. <data:post.cmtfpIframe/>
  928. <script type='text/javascript'>
  929. BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
  930. </script>
  931. </div>
  932. </b:includable>
  933. <b:includable id='threaded_comments' var='post'>
  934. <div class='comments' id='comments'>
  935. <a name='comments'/>
  936. <h4>
  937. <b:if cond='data:post.numComments == 1'>
  938. 1 <data:commentLabel/>:
  939. <b:else/>
  940. <data:post.numComments/> <data:commentLabelPlural/>:
  941. </b:if>
  942. </h4>
  944. <div class='comments-content'>
  945. <b:if cond='data:post.embedCommentForm'>
  946. <b:include data='post' name='threaded_comment_js'/>
  947. </b:if>
  948. <div id='comment-holder'>
  949. <data:post.commentHtml/>
  950. </div>
  951. </div>
  953. <p class='comment-footer'>
  954. <b:if cond='data:post.allowNewComments'>
  955. <b:include data='post' name='threaded-comment-form'/>
  956. <b:else/>
  957. <data:post.noNewCommentsText/>
  958. </b:if>
  959. </p>
  961. <b:if cond='data:showCmtPopup'>
  962. <div id='comment-popup'>
  963. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  964. </iframe>
  965. </div>
  966. </b:if>
  968. <div id='backlinks-container'>
  969. <div expr:id='data:widget.instanceId + "_backlinks-container"'>
  970. <b:if cond='data:post.showBacklinks'>
  971. <b:include data='post' name='backlinks'/>
  972. </b:if>
  973. </div>
  974. </div>
  975. </div>
  976. </b:includable>
  977. <b:includable id='backlinkDeleteIcon' var='backlink'>
  978. <span expr:class='"item-control " + data:backlink.adminClass'>
  979. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  980. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  981. </a>
  982. </span>
  983. </b:includable>
  984. <b:includable id='mobile-nextprev'>
  985. <div class='blog-pager' id='blog-pager'>
  986. <b:if cond='data:newerPageUrl'>
  987. <div class='mobile-link-button' id='blog-pager-newer-link'>
  988. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
  989. </div>
  990. </b:if>
  992. <b:if cond='data:olderPageUrl'>
  993. <div class='mobile-link-button' id='blog-pager-older-link'>
  994. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
  995. </div>
  996. </b:if>
  998. <div class='mobile-link-button' id='blog-pager-home-link'>
  999. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1000. </div>
  1002. <div class='mobile-desktop-link'>
  1003. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1004. </div>
  1006. </div>
  1007. <div class='clear'/>
  1008. </b:includable>
  1009. <b:includable id='mobile-post' var='post'>
  1010. <div class='date-outer'>
  1011. <b:if cond='data:post.dateHeader'>
  1012. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1013. </b:if>
  1014. <div class='date-posts'>
  1015. <div class='post-outer'>
  1017. <div class='post hentry uncustomized-post-template'>
  1018. <a expr:name='data:post.id'/>
  1019. <b:if cond='data:post.title'>
  1020. <h3 class='post-title entry-title'>
  1021. <b:if cond='data:post.link'>
  1022. <a expr:href='data:post.link'><data:post.title/></a>
  1023. <b:else/>
  1024. <b:if cond='data:post.url'>
  1025. <b:if cond='data:blog.url != data:post.url'>
  1026. <a expr:href='data:post.url'><data:post.title/></a>
  1027. <b:else/>
  1028. <data:post.title/>
  1029. </b:if>
  1030. <b:else/>
  1031. <data:post.title/>
  1032. </b:if>
  1033. </b:if>
  1034. </h3>
  1035. </b:if>
  1037. <div class='post-header'>
  1038. <div class='post-header-line-1'/>
  1039. </div>
  1041. <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
  1042. <p><data:post.body/></p>
  1043. <div style='clear: both;'/> <!-- clear for photos floats -->
  1044. </div>
  1046. <div class='post-footer'>
  1047. <div class='post-footer-line post-footer-line-1'>
  1048. <span class='post-author vcard'>
  1049. <b:if cond='data:top.showAuthor'>
  1050. <b:if cond='data:post.authorProfileUrl'>
  1051. <span class='fn'>
  1052. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1053. <data:post.author/>
  1054. </a>
  1055. </span>
  1056. <b:else/>
  1057. <span class='fn'><data:post.author/></span>
  1058. </b:if>
  1059. </b:if>
  1060. </span>
  1062. <span class='post-timestamp'>
  1063. <b:if cond='data:top.showTimestamp'>
  1064. <data:top.timestampLabel/>
  1065. <b:if cond='data:post.url'>
  1066. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
  1067. </b:if>
  1068. </b:if>
  1069. </span>
  1071. <span class='post-comment-link'>
  1072. <b:if cond='data:blog.pageType != "item"'>
  1073. <b:if cond='data:blog.pageType != "static_page"'>
  1074. <b:if cond='data:post.allowComments'>
  1075. <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>
  1076. </b:if>
  1077. </b:if>
  1078. </b:if>
  1079. </span>
  1080. </div>
  1082. <div class='post-footer-line post-footer-line-2'>
  1083. <b:if cond='data:top.showMobileShare'>
  1084. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1085. <a href='javascript:void(0);'><data:shareMsg/></a>
  1086. </div>
  1087. </b:if>
  1088. <b:if cond='data:top.showDummy'>
  1089. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1090. </b:if>
  1091. </div>
  1093. </div>
  1094. </div>
  1096. <b:if cond='data:blog.pageType == "static_page"'>
  1097. <b:if cond='data:post.showThreadedComments'>
  1098. <b:include data='post' name='threaded_comments'/>
  1099. <b:else/>
  1100. <b:include data='post' name='comments'/>
  1101. </b:if>
  1102. </b:if>
  1103. <b:if cond='data:blog.pageType == "item"'>
  1104. <b:if cond='data:post.showThreadedComments'>
  1105. <b:include data='post' name='threaded_comments'/>
  1106. <b:else/>
  1107. <b:include data='post' name='comments'/>
  1108. </b:if>
  1109. </b:if>
  1110. </div>
  1111. </div>
  1112. </div>
  1113. </b:includable>
  1114. <b:includable id='postQuickEdit' var='post'>
  1115. <b:if cond='data:post.editUrl'>
  1116. <span expr:class='"item-control " + data:post.adminClass'>
  1117. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1118. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1119. </a>
  1120. </span>
  1121. </b:if>
  1122. </b:includable>
  1123. <b:includable id='main' var='top'>
  1124. <b:if cond='data:mobile == "false"'>
  1126. <!-- posts -->
  1127. <div class='blog-posts hfeed'>
  1128. <b:include data='posts' name='breadcrumb'/>
  1129. <b:include data='top' name='status-message'/>
  1131. <data:defaultAdStart/>
  1132. <b:loop values='data:posts' var='post'>
  1133. <b:if cond='data:post.isDateStart'>
  1134. <b:if cond='data:post.isFirstPost == "false"'>
  1135. </div></div>
  1136. </b:if>
  1137. </b:if>
  1138. <b:if cond='data:post.isDateStart'>
  1139. <div class="date-outer">
  1140. </b:if>
  1141. <b:if cond='data:post.dateHeader'>
  1142. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1143. </b:if>
  1144. <b:if cond='data:post.isDateStart'>
  1145. <div class="date-posts">
  1146. </b:if>
  1147. <div class='post-outer'>
  1148. <b:include data='post' name='post'/>
  1149. <b:if cond='data:blog.pageType == "static_page"'>
  1150. <b:if cond='data:post.showThreadedComments'>
  1151. <b:include data='post' name='threaded_comments'/>
  1152. <b:else/>
  1153. <b:include data='post' name='comments'/>
  1154. </b:if>
  1155. </b:if>
  1156. <b:if cond='data:blog.pageType == "item"'>
  1157. <b:if cond='data:post.showThreadedComments'>
  1158. <b:include data='post' name='threaded_comments'/>
  1159. <b:else/>
  1160. <b:include data='post' name='comments'/>
  1161. </b:if>
  1162. </b:if>
  1163. </div>
  1164. <b:if cond='data:post.includeAd'>
  1165. <b:if cond='data:post.isFirstPost'>
  1166. <data:defaultAdEnd/>
  1167. <b:else/>
  1168. <data:adEnd/>
  1169. </b:if>
  1170. <div class='inline-ad'>
  1171. <data:adCode/>
  1172. </div>
  1173. <data:adStart/>
  1174. </b:if>
  1175. </b:loop>
  1176. <b:if cond='data:numPosts != 0'>
  1177. </div></div>
  1178. </b:if>
  1179. <data:adEnd/>
  1180. </div>
  1182. <!-- navigation -->
  1183. <b:include name='nextprev'/>
  1185. <b:if cond='data:top.showStars'>
  1186. <script src='//www.google.com/jsapi' type='text/javascript'/>
  1187. <script type='text/javascript'>
  1188. google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
  1189. function initialize() {
  1190. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1191. google.annotations.createAll();
  1192. google.annotations.fetch();
  1193. }
  1194. google.setOnLoadCallback(initialize);
  1195. </script>
  1196. </b:if>
  1198. <b:else/>
  1199. <b:include name='mobile-main'/>
  1200. </b:if>
  1202. <b:if cond='data:top.showDummy'>
  1203. <data:top.dummyBootstrap/>
  1204. </b:if>
  1206. </b:includable>
  1207. <b:includable id='breadcrumb' var='posts'>
  1208. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  1209. <b:if cond='data:blog.pageType == "static_page"'>
  1210. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
  1211. <b:else/>
  1212. <b:if cond='data:blog.pageType == "item"'>
  1213. <b:loop values='data:posts' var='post'>
  1214. <b:if cond='data:post.labels'>
  1215. <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
  1216. <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
  1217. <b:loop values='data:post.labels' var='label'>
  1218. &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
  1219. </b:loop>
  1220. &#187; <span><data:post.title/></span>
  1221. </div>
  1222. <b:else/>
  1223. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
  1224. </b:if>
  1225. </b:loop>
  1226. <b:else/>
  1227. <b:if cond='data:blog.pageType == "archive"'>
  1228. <div class='breadcrumbs'>
  1229. <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
  1230. </div>
  1231. <b:else/>
  1232. <b:if cond='data:blog.pageType == "index"'>
  1233. <div class='breadcrumbs'>
  1234. <b:if cond='data:blog.pageName == ""'>
  1235. <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
  1236. <b:else/>
  1237. <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
  1238. </b:if>
  1239. </div>
  1240. </b:if>
  1241. </b:if>
  1242. </b:if>
  1243. </b:if>
  1244. </b:if>
  1245. </b:includable>
  1246. <b:includable id='commentDeleteIcon' var='comment'>
  1247. <span expr:class='"item-control " + data:comment.adminClass'>
  1248. <b:if cond='data:showCmtPopup'>
  1249. <div class='goog-toggle-button'>
  1250. <div class='goog-inline-block comment-action-icon'/>
  1251. </div>
  1252. <b:else/>
  1253. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1254. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1255. </a>
  1256. </b:if>
  1257. </span>
  1258. </b:includable>
  1259. <b:includable id='feedLinks'>
  1260. <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
  1261. <b:if cond='data:feedLinks'>
  1262. <div class='blog-feeds'>
  1263. <b:include data='feedLinks' name='feedLinksBody'/>
  1264. </div>
  1265. </b:if>
  1267. <b:else/> <!--Post feed links -->
  1268. <div class='post-feeds'>
  1269. <b:loop values='data:posts' var='post'>
  1270. <b:if cond='data:post.allowComments'>
  1271. <b:if cond='data:post.feedLinks'>
  1272. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1273. </b:if>
  1274. </b:if>
  1275. </b:loop>
  1276. </div>
  1277. </b:if>
  1278. </b:includable>
  1279. <b:includable id='threaded-comment-form' var='post'>
  1280. <div class='comment-form'>
  1281. <a name='comment-form'/>
  1282. <b:if cond='data:mobile'>
  1283. <p><data:blogCommentMessage/></p>
  1284. <data:blogTeamBlogMessage/>
  1285. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1286. <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%'/>
  1287. <b:else/>
  1288. <p><data:blogCommentMessage/></p>
  1289. <data:blogTeamBlogMessage/>
  1290. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1291. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1292. </b:if>
  1293. <data:post.friendConnectJs/>
  1294. <data:post.cmtfpIframe/>
  1295. <script type='text/javascript'>
  1296. BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
  1297. </script>
  1298. </div>
  1299. </b:includable>
  1300. <b:includable id='mobile-index-post' var='post'>
  1301. <div class='mobile-date-outer date-outer'>
  1302. <b:if cond='data:post.dateHeader'>
  1303. <div class='date-header'>
  1304. <span><data:post.dateHeader/></span>
  1305. </div>
  1306. </b:if>
  1308. <div class='mobile-post-outer'>
  1309. <a expr:href='data:post.url'>
  1310. <h3 class='mobile-index-title entry-title'>
  1311. <data:post.title/>
  1312. </h3>
  1314. <div class='mobile-index-arrow'>&rsaquo;</div>
  1316. <div class='mobile-index-contents'>
  1317. <b:if cond='data:post.thumbnailUrl'>
  1318. <div class='mobile-index-thumbnail'>
  1319. <div class='Image'>
  1320. <img expr:src='data:post.thumbnailUrl'/>
  1321. </div>
  1322. </div>
  1323. </b:if>
  1325. <div class='post-body'>
  1326. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1327. </div>
  1328. </div>
  1330. <div style='clear: both;'/>
  1331. </a>
  1333. <div class='mobile-index-comment'>
  1334. <b:if cond='data:blog.pageType != "static_page"'>
  1335. <b:if cond='data:post.allowComments'>
  1336. <b:if cond='data:post.numComments != 0'>
  1337. <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>
  1338. </b:if>
  1339. </b:if>
  1340. </b:if>
  1341. </div>
  1342. </div>
  1343. </div>
  1344. </b:includable>
  1345. <b:includable id='feedLinksBody' var='links'>
  1346. <div class='feed-links'>
  1347. <data:feedLinksMsg/>
  1348. <b:loop values='data:links' var='f'>
  1349. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1350. </b:loop>
  1351. </div>
  1352. </b:includable>
  1353. <b:includable id='iframe_comments' var='post'>
  1355. <b:if cond='data:post.allowComments'>
  1356. <script expr:src='data:post.commentSrc' type='text/javascript'/>
  1357. <div class='cmt_iframe_holder'/>
  1359. <b:if cond='data:post.embedCommentForm == "false"'>
  1360. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1361. </b:if>
  1362. </b:if>
  1363. </b:includable>
  1364. <b:includable id='comments' var='post'>
  1365. <div class='comments' id='comments'>
  1366. <a name='comments'/>
  1367. <b:if cond='data:post.allowComments'>
  1368. <h4>
  1369. <b:if cond='data:post.numComments == 1'>
  1370. 1 <data:commentLabel/>:
  1371. <b:else/>
  1372. <data:post.numComments/> <data:commentLabelPlural/>:
  1373. </b:if>
  1374. </h4>
  1376. <b:if cond='data:post.commentPagingRequired'>
  1377. <span class='paging-control-container'>
  1378. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1379. &#160;
  1380. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1381. &#160;
  1382. <data:post.commentRangeText/>
  1383. &#160;
  1384. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1385. &#160;
  1386. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1387. </span>
  1388. </b:if>
  1390. <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
  1391. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1392. <b:loop values='data:post.comments' var='comment'>
  1393. <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1394. <b:if cond='data:comment.favicon'>
  1395. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1396. </b:if>
  1397. <a expr:name='data:comment.anchorName'/>
  1398. <b:if cond='data:blog.enabledCommentProfileImages'>
  1399. <data:comment.authorAvatarImage/>
  1400. </b:if>
  1401. <b:if cond='data:comment.authorUrl'>
  1402. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1403. <b:else/>
  1404. <data:comment.author/>
  1405. </b:if>
  1406. <data:commentPostedByMsg/>
  1407. </dt>
  1408. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1409. <b:if cond='data:comment.isDeleted'>
  1410. <span class='deleted-comment'><data:comment.body/></span>
  1411. <b:else/>
  1412. <p>
  1413. <data:comment.body/>
  1414. </p>
  1415. </b:if>
  1416. </dd>
  1417. <dd class='comment-footer'>
  1418. <span class='comment-timestamp'>
  1419. <a expr:href='data:comment.url' title='comment permalink'>
  1420. <data:comment.timestamp/>
  1421. </a>
  1422. <b:include data='comment' name='commentDeleteIcon'/>
  1423. </span>
  1424. </dd>
  1425. </b:loop>
  1426. </dl>
  1427. </div>
  1429. <b:if cond='data:post.commentPagingRequired'>
  1430. <span class='paging-control-container'>
  1431. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1432. <data:post.oldestLinkText/>
  1433. </a>
  1434. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1435. <data:post.olderLinkText/>
  1436. </a>
  1437. &#160;
  1438. <data:post.commentRangeText/>
  1439. &#160;
  1440. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1441. <data:post.newerLinkText/>
  1442. </a>
  1443. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1444. <data:post.newestLinkText/>
  1445. </a>
  1446. </span>
  1447. </b:if>
  1449. <p class='comment-footer'>
  1450. <b:if cond='data:post.embedCommentForm'>
  1451. <b:if cond='data:post.allowNewComments'>
  1452. <b:include data='post' name='comment-form'/>
  1453. <b:else/>
  1454. <data:post.noNewCommentsText/>
  1455. </b:if>
  1456. <b:else/>
  1457. <b:if cond='data:post.allowComments'>
  1458. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1459. </b:if>
  1460. </b:if>
  1462. </p>
  1463. </b:if>
  1464. <b:if cond='data:showCmtPopup'>
  1465. <div id='comment-popup'>
  1466. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1467. </iframe>
  1468. </div>
  1469. </b:if>
  1471. <div id='backlinks-container'>
  1472. <div expr:id='data:widget.instanceId + "_backlinks-container"'>
  1473. <b:if cond='data:post.showBacklinks'>
  1474. <b:include data='post' name='backlinks'/>
  1475. </b:if>
  1476. </div>
  1477. </div>
  1478. </div>
  1479. </b:includable>
  1480. </b:widget>
  1481. </b:section>
  1482. </div>
  1484. <div id='sidebar-wrapper'>
  1485. <form action='/search' id='searchThis' method='get'>
  1486. <input class='searchBox' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter Keyword...&apos;;}' onfocus='if (this.value == &apos;Enter Keyword...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter Keyword...'/>
  1487. <input class='button' title='Search' type='submit' value='Search'/>
  1488. </form>
  1489. <b:section class='sidebar' id='sidebar' preferred='yes'>
  1490. <b:widget id='HTML1' locked='false' title='Our Sponsor' type='HTML'>
  1491. <b:includable id='main'>
  1492. <!-- only display title if it's non-empty -->
  1493. <b:if cond='data:title != ""'>
  1494. <h2 class='title'><data:title/></h2>
  1495. </b:if>
  1496. <div class='widget-content'>
  1497. <data:content/>
  1498. </div>
  1500. <b:include name='quickedit'/>
  1501. </b:includable>
  1502. </b:widget>
  1503. <b:widget id='Label1' locked='false' title='Labels' type='Label'>
  1504. <b:includable id='main'>
  1505. <b:if cond='data:title'>
  1506. <h2><data:title/></h2>
  1507. </b:if>
  1508. <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
  1509. <b:if cond='data:display == "list"'>
  1510. <ul>
  1511. <b:loop values='data:labels' var='label'>
  1512. <li>
  1513. <b:if cond='data:blog.url == data:label.url'>
  1514. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1515. <b:else/>
  1516. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  1517. </b:if>
  1518. <b:if cond='data:showFreqNumbers'>
  1519. <span dir='ltr'>(<data:label.count/>)</span>
  1520. </b:if>
  1521. </li>
  1522. </b:loop>
  1523. </ul>
  1524. <b:else/>
  1525. <b:loop values='data:labels' var='label'>
  1526. <span expr:class='"label-size label-size-" + data:label.cssSize'>
  1527. <b:if cond='data:blog.url == data:label.url'>
  1528. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  1529. <b:else/>
  1530. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  1531. </b:if>
  1532. <b:if cond='data:showFreqNumbers'>
  1533. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  1534. </b:if>
  1535. </span>
  1536. </b:loop>
  1537. </b:if>
  1538. <b:include name='quickedit'/>
  1539. </div>
  1540. </b:includable>
  1541. </b:widget>
  1542. <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
  1543. <b:includable id='main'>
  1544. <b:if cond='data:title'>
  1545. <h2><data:title/></h2>
  1546. </b:if>
  1547. <div class='widget-content'>
  1548. <div id='ArchiveList'>
  1549. <div expr:id='data:widget.instanceId + "_ArchiveList"'>
  1550. <b:if cond='data:style == "HIERARCHY"'>
  1551. <b:include data='data' name='interval'/>
  1552. </b:if>
  1553. <b:if cond='data:style == "FLAT"'>
  1554. <b:include data='data' name='flat'/>
  1555. </b:if>
  1556. <b:if cond='data:style == "MENU"'>
  1557. <b:include data='data' name='menu'/>
  1558. </b:if>
  1559. </div>
  1560. </div>
  1561. <b:include name='quickedit'/>
  1562. </div>
  1563. </b:includable>
  1564. <b:includable id='flat' var='data'>
  1565. <ul class='flat'>
  1566. <b:loop values='data:data' var='i'>
  1567. <li class='archivedate'>
  1568. <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  1569. </li>
  1570. </b:loop>
  1571. </ul>
  1572. </b:includable>
  1573. <b:includable id='menu' var='data'>
  1574. <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
  1575. <option value=''><data:title/></option>
  1576. <b:loop values='data:data' var='i'>
  1577. <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  1578. </b:loop>
  1579. </select>
  1580. </b:includable>
  1581. <b:includable id='interval' var='intervalData'>
  1582. <b:loop values='data:intervalData' var='i'>
  1583. <ul class='hierarchy'>
  1584. <li expr:class='"archivedate " + data:i.expclass'>
  1585. <b:include data='i' name='toggle'/>
  1586. <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
  1587. <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
  1588. <b:if cond='data:i.data'>
  1589. <b:include data='i.data' name='interval'/>
  1590. </b:if>
  1591. <b:if cond='data:i.posts'>
  1592. <b:include data='i.posts' name='posts'/>
  1593. </b:if>
  1594. </li>
  1595. </ul>
  1596. </b:loop>
  1597. </b:includable>
  1598. <b:includable id='toggle' var='interval'>
  1599. <b:if cond='data:interval.toggleId'>
  1600. <b:if cond='data:interval.expclass == "expanded"'>
  1601. <a class='toggle' href='javascript:void(0)'>
  1602. <span class='zippy toggle-open'>&#9660;&#160;</span>
  1603. </a>
  1604. <b:else/>
  1605. <a class='toggle' href='javascript:void(0)'>
  1606. <span class='zippy'>
  1607. <b:if cond='data:blog.languageDirection == "rtl"'>
  1608. &#9668;&#160;
  1609. <b:else/>
  1610. &#9658;&#160;
  1611. </b:if>
  1612. </span>
  1613. </a>
  1614. </b:if>
  1615. </b:if>
  1616. </b:includable>
  1617. <b:includable id='posts' var='posts'>
  1618. <ul class='posts'>
  1619. <b:loop values='data:posts' var='i'>
  1620. <li><a expr:href='data:i.url'><data:i.title/></a></li>
  1621. </b:loop>
  1622. </ul>
  1623. </b:includable>
  1624. </b:widget>
  1625. </b:section>
  1626. </div>
  1628. <!-- spacer for skins that want sidebar and main to be the same height-->
  1629. <div class='clear'>&#160;</div>
  1631. </div> <!-- end content-wrapper -->
  1632. <!--Please do not remove the copyright-->
  1633. <!--Tolong hargai karya saya dengan tetap menjaga kredit footer-->
  1634. <div id='copyright-wrapper'>
  1635. <div class='copyright'>
  1636. Copyright &#169; 2013 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>. Powered by <a href='http://www.blogger.com/' target='_blank' title='Blogger'>Blogger</a>. Blogger Theme by <a href='http://www.ogglu.com/' target='_blank' title='Ogglu Store'>Ogglu Store</a>
  1637. </div>
  1638. </div>
  1639. <!--Please do not remove the copyright-->
  1640. <!--Tolong hargai karya saya dengan tetap menjaga kredit footer-->
  1642. </div></div> <!-- end outer-wrapper -->
  1643. <b:include data='blog' name='google-analytics'/>
  1644. </body>
  1645. </html>
comments powered by Disqus