API tools faq
paste
Advertisement
Thelorgoreng

For Clonerxyz

Thelorgoreng
Sep 24th, 2015
282
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 98.91 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML>
  4. <head>
  5. <b:include data='blog' name='all-head-content'/>
  6. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  7. <title><data:blog.pageTitle/></title>
  8. <meta content='Deskripsi blog kamu' name='DESCRIPTION'/>
  9. <meta content='Keyword blog kamu' name='KEYWORDS'/>
  10. <meta content='index, follow' name='robots'/>
  11. <meta content='all' name='robots'/>
  12. <meta content='all' name='googlebot'/>
  13. <meta content='blogger' name='generator'/>
  14. <meta content='general' name='rating'/>
  15. </b:if>
  16.  
  17. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  18. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  19.     <title><data:blog.pageName/> | <data:blog.title/></title>
  20.     <b:else/>
  21.     <title><data:blog.pageTitle/> | Deskripsi blog kamu</title>
  22.     </b:if>
  23.     <b:else/>
  24.     <title><data:blog.pageName/> | <data:blog.title/></title>
  25.  
  26. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
  27. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
  28. </b:if>
  29. <link expr:href='data:blog.url' rel='canonical'/>
  30.  
  31.  
  32. <b:skin><![CDATA[
  33. /**
  34. * Theme Name: Nisekoi
  35. * Theme URL: http://nisekoi-bt.blogspot.com/
  36. * Description: Anime Blogger Template
  37. * Author: Johanes DJ
  38. * Author URL: http://Djogzs.blogspot.com
  39. *
  40. */
  41.  
  42. /* Body */
  43. html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
  44. ,pre,a,abbr,acronym,address,big,cite
  45. ,code,del,dfn,em,img,ins,kbd,q,samp,small
  46. ,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
  47. form,label,legend,table,caption,tbody,tfoot,
  48. thead,tr,th,td{
  49. margin:0;
  50. padding:0;
  51. vertical-align:baseline;
  52. outline:none;
  53. }
  54. b,i,hr,u,center,menu,layer,s,strike,font,xmp
  55. {
  56. margin:0;
  57. padding:0;
  58. vertical-align:baseline;
  59. outline:none;
  60. font-size:100%;
  61. background:transparent;
  62. border:none;
  63. }
  64. .widget-item-control a{display:none;}
  65. #Navbar1, #Attribution1 {display:none;}
  66. .bigcom {width: 234px;text-align: center;}
  67. .profile-name-link {
  68. background: no-repeat left top;
  69. display: inline;
  70. min-height: 20px;
  71. padding-left: 20px;
  72. }
  73. body{
  74. margin: 0 auto;
  75. padding: 0px 0px 0px 0px;
  76. background: #EEFAFF url(http://1.bp.blogspot.com/-y6OV987xaAU/UtSmtGcjqRI/AAAAAAAAHmk/VdCp-rAK0T8/s1600/bg_01.png);
  77. font-family: 'Open Sans', sans-serif;
  78. color: #222;
  79. overflow-x: hidden;
  80. font-size: 13px;
  81. }
  82. #casing{
  83. width: 990px;
  84. z-index: 4;
  85. margin: auto;
  86. position: relative;
  87. }
  88. #wrapper {
  89. width: 100%;
  90. margin: auto;
  91. padding-bottom: 20px;
  92. max-width: 990px;
  93. }
  94. a {
  95. color: #222;
  96. text-decoration: none;
  97. }
  98. a:visited {
  99. color: #000;
  100. }
  101. a:hover, a:active {
  102. color: #000;
  103. text-decoration:none;
  104. }
  105. h1,h2, h3, h4, h5, h6 {
  106. color: #000;
  107. font-weight: bold;
  108. }
  109. h1 {
  110. font-size: 85px;
  111. font-family: 'Open Sans', sans-serif;}
  112. h2 {
  113. font-size: 21px;
  114. }
  115. h3 {
  116. font-size: 19px;
  117. }
  118. h4 {
  119. font-size: 17px;color:#222;
  120. }
  121. h5 {
  122. font-size: 15px;
  123. }
  124. h6 {
  125. font-size: 13px;
  126. }
  127. ul {
  128. list-style: disc;
  129. }
  130. .navbar {
  131. visibility:hidden;
  132. display:none;
  133. }
  134. .goog-toggle-button{width: 76px;
  135. height: 25px;
  136. overflow: hidden;
  137. padding-left: 1px;
  138. margin-left: 10px;
  139. margin-top: -5px;
  140. margin-bottom: 5px;}
  141. blockquote blockquote {
  142. color: #222;
  143. }
  144. .status-msg-wrap {
  145. font-size: 100%;
  146. margin: auto;
  147. position: relative;
  148. margin-bottom: 15px;
  149. margin-left: 10px;
  150. margin-right: 10px;
  151. }
  152. .status-msg-body {
  153. text-align: center;
  154. padding: .3em 0;
  155. width: 100%;
  156. position: relative;
  157. z-index: 4;
  158. background: #fff;
  159. border: 1px solid #ddd;
  160. }
  161. blockquote {
  162. font-style: italic;
  163. color: #222;
  164. padding: 25px;
  165. border-radius: 2px;
  166. overflow: hidden;
  167. background: #fff;
  168. border: 1px solid #FFF073;
  169. border-left: 15px solid #FFF073;
  170. }
  171.  
  172. blockquote em {
  173. font-style: normal;
  174. }
  175. .post-count {display:none;}
  176. .icon-action {display:none;}
  177. pre {
  178. padding: 9px;
  179. background: #f9f9f9;
  180. border: 1px solid #ddd;
  181. overflow:hidden;
  182. }
  183. code {
  184. padding: 3px;
  185. background: #eee;
  186. }
  187. pre code {
  188. background: transparent;
  189. }
  190. .clear {
  191. clear:both;
  192. }
  193. img.centered {
  194. display: block;
  195. margin-left: auto;
  196. margin-right: auto;
  197. margin-bottom: 10px;
  198. padding: 0px;
  199. }
  200. /* Header */
  201. #header{
  202. margin: auto;
  203. padding-left: 190px;
  204. }
  205. .header-wrap{background: #fff;
  206. width: 100%;position: relative;
  207. padding: 20px 0px;
  208. width: 990px;}
  209. .header-slide{
  210. background: #fff url(http://2.bp.blogspot.com/-siCOm3xkoLY/UtTBgRp2wdI/AAAAAAAAHnE/s1l8ADhXz8c/s1600/nisekoi.png) no-repeat center top;
  211. height: 390px;
  212. position: relative;
  213. }
  214. #header-inner {width: 370px;}
  215. .header-wrapper {position: relative;
  216. margin: auto;
  217. margin-bottom: 30px;}
  218. h1.title a:visited, h1.title :link {color: #222;}
  219. h1.title {font-size: 23px;
  220. font-family: 'Open Sans', sans-serif;
  221. color: #222;
  222. text-align: left;
  223. letter-spacing: -1px;}
  224. .description{
  225. font-size: 14px;
  226. text-align: left;
  227. color: #bbc;
  228. font-family: 'Lato', sans-serif;}
  229. /* Menu-bar */
  230. #menujohanes-bg {
  231. padding-top: 1px;
  232. padding-bottom: 1px;
  233. font-size: 10pt;
  234. margin: auto;
  235. box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
  236. background: #23B0E8;
  237. -moz-transition: all 0.3s ease-in-out;
  238. -webkit-transition: all 0.3s ease-in-out;
  239. -o-transition: all 0.3s ease-in-out;
  240. transition: all 0.3s ease-in-out;
  241. position: relative;
  242. border-radius: 0px 0px 3px 3px;}
  243. #menujohanes{width:950px;margin:auto;}
  244. #menujohanes ul{
  245. list-style-type: none;
  246. z-index: 9;
  247. margin: auto;}
  248. #menujohanes ul li{
  249. font-family: 'Lato', sans-serif;
  250. position: relative;
  251. padding: 12px 10px;
  252. margin: 1px;float: left;
  253. -moz-transition: all 0.5s ease-in-out;
  254. -webkit-transition: all 0.5s ease-in-out;
  255. -o-transition: all 0.5s ease-in-out;
  256. transition: all 0.5s ease-in-out;}
  257. #menujohanes ul li:hover{background: #FFF073 url(http://2.bp.blogspot.com/-fnYLiAdAZYk/UtSmtE7lpVI/AAAAAAAAHmg/PQoN0uMAqB4/s1600/mm_bg.png);
  258. -moz-transition: all 0.2s ease-in-out;
  259. -webkit-transition: all 0.2s ease-in-out;
  260. -o-transition: all 0.2s ease-in-out;
  261. transition: all 0.2s ease-in-out;
  262. border-radius: 80px/50px;}
  263. #menujohanes ul li a:hover {color:#fff;}
  264. #menujohanes ul li a{
  265. color: #fafafa;
  266. padding: 0 5px;
  267. font-weight: normal;
  268. font-size: 11pt;
  269. display: block;
  270. text-decoration: none;
  271. -moz-transition: all 0.3s ease-in-out;
  272. -webkit-transition: all 0.3s ease-in-out;
  273. -o-transition: all 0.3s ease-in-out;
  274. transition: all 0.3s ease-in-out;}
  275. #menujohanes ul li.selected:hover {border-radius:0px;-moz-transform: rotate(-5deg);
  276. -webkit-transform: rotate(-5deg);}
  277. #menujohanes ul li.selected a{font-size: 20pt;
  278. font-weight: bold;
  279. color: #fff;
  280. width: 120px;
  281. height: 131px;}
  282. #menujohanes ul li.selected{color: #fff;
  283. font-weight: bold;
  284. width: 130px;
  285. height: 130px;
  286. margin-top: -125px;
  287. background: #FFF073 url(http://1.bp.blogspot.com/-8lSZa8qrYgI/UtTFVGqndKI/AAAAAAAAHnQ/cIr8OdQguqA/s1600/avatar.png) no-repeat center center;
  288. border: 1px solid #fff;
  289. background-size: 130px;}
  290. #menujohanes ul li:hover a {color:#23B0E8;}
  291. /* Search Bar */
  292. #search input[type="text"] {
  293. font-size: 12px;
  294. color: #222;
  295. max-width: 188px;
  296. padding: 5px;
  297. border: 1px solid #fafafa;
  298. font-family: 'Lato', sans-serif;
  299. width: 100%;
  300. background: #fafafa;
  301. float: left;
  302. border-radius: 3px 0px 0px 3px;
  303. height: 15px;
  304. margin-top: 2px;
  305. }
  306. .form-wrapper {
  307. width: 238px;
  308. float: right;
  309. margin-top: 7px;
  310. margin-left: 5px;
  311. }
  312. .form-wrapper input:focus {
  313. outline: 0;
  314. background: #fff;color:#666;
  315. box-shadow: 0 0 2px rgba(0,0,0,.5) inset;}
  316. .form-wrapper input::-webkit-input-placeholder {
  317. color: #666;
  318. font-weight: normal;
  319. font-style: italic;}
  320. .form-wrapper input:-moz-placeholder {
  321. color: #666;
  322. font-weight: normal;
  323. font-style: italic;
  324. }
  325. .form-wrapper input:-ms-input-placeholder {
  326. color: #666;
  327. font-weight: normal;
  328. font-style: italic;}    
  329. .form-wrapper button {
  330. overflow: visible;
  331. position: relative;
  332. border: 1px solid #fafafa;
  333. cursor: pointer;
  334. width: 35px;
  335. color: #222;
  336. -moz-transition: all 0.2s ease-in-out;
  337. -webkit-transition: all 0.2s ease-in-out;
  338. -o-transition: all 0.2s ease-in-out;
  339. transition: all 0.2s ease-in-out;
  340. text-transform: uppercase;
  341. background: #fafafa url(http://4.bp.blogspot.com/-aJq9j3AGRZ8/UlUiY5W2gdI/AAAAAAAAHZ8/R-FaXOpDJSA/s1600/search.png) no-repeat center center;
  342. border-radius: 0 3px 3px 0;
  343. float: left;
  344. font-size: 12px;
  345. font-weight: bold;
  346. padding: 5px;
  347. height: 27px;
  348. margin-top: 2px;}  
  349. #comment-form {
  350. border: 1px solid #ddd;
  351. border-radius: 5px;
  352. }
  353.  
  354. .pinterestjo:hover, .twitterjo:hover, .facebookjo:hover, .googlejo:hover {background-color: #FFF073;
  355. border-radius: 50px;}
  356. .pinterestjo, .twitterjo, .facebookjo, .googlejo {
  357. font-size: 13px;
  358. color: #222;
  359. width: 30px;
  360. height: 30px;
  361. z-index: 9;
  362. margin: 5px;
  363. -webkit-transition: all 0.3s ease-in-out;
  364. -moz-transition: all 0.3s ease-in-out;
  365. float: left;
  366. padding: 4px;}
  367. /* Blog johanes djogzs.blogspot.com */
  368. .twitterjo{
  369. background:url(http://3.bp.blogspot.com/-ZnxX2l9MYco/UlUrUEoJ-rI/AAAAAAAAHbE/Of6N8CBFcgo/s1600/bg3.png)no-repeat center center;}
  370. .facebookjo {
  371. background:url(http://4.bp.blogspot.com/-HKEscci_Xfo/UlUrT7RGzBI/AAAAAAAAHbA/0IrSlqs5z_c/s1600/bg1.png)no-repeat center center;}
  372. .googlejo{
  373. background:url(http://1.bp.blogspot.com/-RAZ6I499lyE/UlUrT6fwMyI/AAAAAAAAHbQ/dGs9S9ZD_MQ/s1600/bg2.png)no-repeat center center;}
  374. .pinterestjo {
  375. background:url("http://2.bp.blogspot.com/-9piAQfPmxa8/UZ-rdm96t7I/AAAAAAAAGKw/BZQeZleoZhI/s1600/white_pinterest.png")no-repeat center center;}
  376. /* Blog johanes djogzs.blogspot.com */
  377. .social-network {
  378. box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
  379. width: 50px;
  380. position: fixed;
  381. background: #52C1ED;
  382. top: 70px;
  383. right: 0px;
  384. border-radius: 3px 0px 0px 3px;
  385. z-index:999;
  386. }
  387. /* Main Post */
  388. #content{
  389. float:left;
  390. display: inline;
  391. position: relative;
  392. width: 715px;
  393. padding-top:0px;
  394. }
  395.  
  396. .post h2{
  397. text-align: left;
  398. font-size: 13pt;
  399. padding: 15px;
  400. font-weight: normal;
  401. background: #23B0E8;
  402. position: relative;
  403. border-radius: 3px 3px 0px 0px;
  404. padding-top: 10px;
  405. padding-bottom: 5px;
  406. border-bottom: 5px solid #FFF073;
  407.  
  408. }
  409. .postright{-moz-transition: all 0.3s ease-in-out;
  410. -webkit-transition: all 0.3s ease-in-out;
  411. -o-transition: all 0.3s ease-in-out;
  412. transition: all 0.3s ease-in-out;}
  413.  
  414. .post h2 a:link,.post h2 a:visited{
  415. color: #fff;
  416. }
  417. .posting {
  418. overflow: hidden;
  419. padding: 15px;
  420. font-size: 13px;
  421. color:#666;
  422. text-align: justify;
  423. background: rgba(255,255,255,1.0);
  424. letter-spacing: 0.02em;
  425. line-height: 22px;
  426. padding-top: 5px;
  427. padding-bottom: 25px;
  428. width: 312px;height: 80px;float:left;
  429. font-family: 'Lato', sans-serif;
  430. display:none;
  431. }
  432. .crop{float: left;
  433. z-index: 9;
  434. background: #fff;
  435. width: 342px;
  436. height: 165px;
  437. overflow: hidden;
  438. }
  439. .crop img{
  440. max-width: 605px;
  441. height: auto;
  442. width: 100%;
  443. }
  444. .jomore {font-size: 8pt;
  445. color: #666;
  446. margin: auto;
  447. text-transform: uppercase;
  448. width: 203px;
  449. height: 20px;
  450. padding: 12px;
  451. z-index: 4;
  452. padding-left: 5px;
  453. position: absolute;
  454. bottom: 0px;}
  455. .crop-wrap{position: relative;
  456. border-bottom: 5px solid #23B0E8;
  457. background: #fff url(http://2.bp.blogspot.com/-o4TXGwkMpd0/UtT8F9uqkNI/AAAAAAAAHnk/JaqKlxrj-tk/s1600/bg_01.png) no-repeat center;height: 165px;
  458. box-shadow: 0px 2px 1px rgba(0,0,0,0.2);
  459. border-radius: 0px 0px 3px 3px;}
  460. li.post-outer:nth-child(1){width:715px;margin:0px;margin-top: 0px;margin-bottom: 20px;}
  461. li.post-outer:nth-child(1) .crop-wrap{
  462. background: #fff;
  463. position: relative;
  464. height: 165px;
  465. border-bottom: 5px solid #23B0E8;}
  466. li.post-outer:nth-child(1) .posting {height: 115px;
  467. width: auto;
  468. float: none;display:block;}
  469. li.post-outer:nth-child(1) .jomore {width: 290px;
  470. height: 25px;
  471. padding: 5px;}
  472. li.post-outer:nth-child .goog-toggle-button {margin-left: 5px;}
  473. li.post-outer{
  474. position: relative;
  475. width: 342px;
  476. display: block;
  477. margin: 12px;
  478. display: inline-table;
  479. list-style: none;
  480. margin-bottom: 20px;
  481. margin-left: 5px;
  482. margin-right: 5px;
  483. -moz-transition: all 0.2s ease-in-out;
  484. -webkit-transition: all 0.2s ease-in-out;
  485. -o-transition: all 0.2s ease-in-out;
  486. transition: all 0.2s ease-in-out;}
  487.  
  488. .info-wrap{position;relative;width;100%;max-width:970px;margin:auto;background:#23B0E8;padding: 5px 10px;border-radius:0px 0px 3px 3px;box-shadow: 0px 2px 1px rgba(0,0,0,0.1);}
  489. .info-wraper a{color:#fff;}
  490. .info-wraper{
  491. height: 35px;
  492. width: 100%;
  493. opacity: 0;
  494. -moz-transition: all 0.2s ease-in-out;
  495. -webkit-transition: all 0.2s ease-in-out;
  496. -o-transition: all 0.2s ease-in-out;
  497. transition: all 0.2s ease-in-out;
  498. position: fixed;
  499. top: -50px;
  500. left: 0px;
  501. z-index:998;
  502. color: #fff;
  503. }
  504. li.post-outer:hover .info-wraper{opacity:1;top:0px;}
  505. .overlay-post{opacity:1;width: 342px;
  506. position: absolute;
  507. background:url(http://3.bp.blogspot.com/-8i_7c_KLDy0/UtUH9X3rOUI/AAAAAAAAHpA/UH9GCYjWAy8/s1600/mm_bg.png);
  508. z-index: 1;
  509. height: 165px;
  510. -moz-transition: all 0.2s ease-in-out;
  511. -webkit-transition: all 0.2s ease-in-out;
  512. -o-transition: all 0.2s ease-in-out;
  513. transition: all 0.2s ease-in-out;}
  514.  
  515. .jumlah-komentar{background: url(http://4.bp.blogspot.com/-wLiRgfNeu9Y/UlFgBbwkXYI/AAAAAAAAHSY/X2t2ph8GYlo/s1600/comment.png) no-repeat center left;
  516. z-index: 99;
  517. width: 90px;
  518. height: 10px;
  519. line-height: 10px;
  520. text-align: left;
  521. float:left;
  522. font-size: 11px;
  523. padding: 10px;
  524. background-position-x: 3px;
  525. -moz-transition: all 0.2s ease-in-out;
  526. -webkit-transition: all 0.2s ease-in-out;
  527. -o-transition: all 0.2s ease-in-out;
  528. transition: all 0.2s ease-in-out;
  529. padding-left: 30px;
  530. }
  531. a.anes:hover {background-size: 35px;}
  532. a.anes{position: absolute;
  533. background-size: 30px;
  534. width: 340px;
  535. height: 170px;
  536. z-index: 3;
  537. bottom: 0px;
  538. left: 0px;}
  539. .date {
  540. background:url(http://2.bp.blogspot.com/-zDEqmwopaMU/UlFvBqU10cI/AAAAAAAAHSo/K7lp_Fy3sC4/s1600/tanggal.png) no-repeat left center;
  541. z-index: 99;
  542. text-decoration: none;
  543. padding: 5px;
  544. float:left;
  545. text-align: center;
  546. font-weight: normal;
  547. font-size: 13px;
  548. height: 15px;
  549. padding-left: 23px;
  550. background-position-x: 6px;
  551. -moz-transition: all 0.2s ease-in-out;
  552. -webkit-transition: all 0.2s ease-in-out;
  553. -o-transition: all 0.2s ease-in-out;
  554. transition: all 0.2s ease-in-out;
  555. }
  556. .date a:visited {color:#fff;}
  557. .date a {color:#fff;
  558. -moz-transition: all 0.5s ease-in-out;
  559. -webkit-transition: all 0.5s ease-in-out;
  560. -o-transition: all 0.25s ease-in-out;
  561. transition: all 0.5s ease-in-out;}
  562. .day {float: left;padding-left: 5px;}
  563. /* Page post */
  564. .pagepost{
  565. padding: 30px;
  566. line-height: 1.9;
  567. margin-bottom: 25px;
  568. font-weight: 300;
  569. font-size: 10pt;
  570. letter-spacing: 0.02em;
  571. width: 630px;
  572. }
  573. .pagepost a{color:#23B0E8;text-decoration:underline;}
  574. .pagepost a:hover {color:#F286A8;}
  575. .pagepost a {text-decoration: underline;}
  576. .categ a{
  577. text-decoration: none;
  578. color:#23B0E8;
  579. padding: 3px;
  580. border-radius: 5px;
  581. font-size: 11px;}
  582. .categ {margin-bottom: 5px;
  583. margin-top: 20px;}
  584. .pagepost img{max-width: 600px;
  585. padding: 3px;
  586. border: 1px solid #23B0E8;
  587. height: auto;}
  588. .title h2{
  589. text-decoration: none;
  590. padding:10px 25px;
  591. line-height: 28px;
  592. text-align: left;
  593. margin: auto;
  594. font-size: 18pt;
  595. letter-spacing: -1px;}
  596. .title h2 a:link, .title h2 a:visited{
  597. color:#23B0E8;text-decoration: none;}
  598. .author1 {
  599. text-decoration: none;
  600. padding: 5px;
  601. float:left;
  602. text-align: center;
  603. font-weight: normal;
  604. font-size: 13px;
  605. padding-left: 30px;
  606. background: url(http://3.bp.blogspot.com/-gko1C0QWtwU/UtUYTKO_m6I/AAAAAAAAHpQ/3BkvIa2l2yk/s1600/user_female.png) no-repeat left center;
  607. background-position-x: 7px;}
  608. .author, .clock{
  609. padding: 3px 22px;
  610. margin: 0px -10px 0px -10px;
  611. font-size: 11px;
  612. color: #666;
  613. text-transform: uppercase;}
  614. .clock {float:right;}
  615. .post-footer-line-1 {border-top: 1px solid #ddd;}
  616. .cover {
  617. margin:0 0;
  618. color:#666;
  619. position:relative;}
  620. .data{
  621. padding: 5px 20px;
  622. font-size: 17px;
  623. font-weight: 200;
  624. letter-spacing: 1px;
  625. border-top: 1px solid #FFF073;}
  626. /* Sidebar */
  627. .sidebar{
  628. float: left;
  629. width: 260px;
  630. position: relative;
  631. margin-right: 15px;}
  632. #main5 .widget-content{
  633. overflow: hidden;
  634. box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
  635. color: #222;
  636. padding: 10px;
  637. background: #FFF;
  638. font-weight: 300;
  639. font-size: 10pt;
  640. letter-spacing: 0.02em;
  641. line-height: 20px;
  642. margin-bottom: 32px;
  643. padding-bottom: 20px;
  644. width: 240px;
  645. border-radius: 0px 0px 3px 3px;
  646. border-bottom: 6px solid #23B0E8;}
  647. /* Costume Widget */
  648. .BlogArchive #ArchiveList ul li {
  649. background: none;
  650. list-style: none;
  651. list-style-image: none;
  652. list-style-position: outside;
  653. border-width: 0;
  654. padding-left:0px;
  655. text-indent:0px;
  656. margin:0;
  657. background-image: none;}
  658. .widget-content{padding: 10px;
  659. color: #666;
  660. padding-bottom: 15px;}
  661. .widget {margin: auto;}
  662. .widget ul li a span.ltr {display:none;}
  663. .widget ul {line-height: 2.0;}
  664. .PopularPosts .item-snippet{
  665. line-height: 20px;
  666. font-size: 13px;
  667. position: relative;
  668. border-radius: 5px;
  669. float: left;
  670. color: #666;
  671. font-family: 'Lato', sans-serif
  672. }
  673. .feed-links {display:none;}
  674. #PopularPosts1 {position: absolute;
  675. right: 5px;
  676. top: -5px;
  677. width: 423px;
  678. height: 106px;
  679. }
  680.  
  681. #PopularPosts1 .widget-content ul li:hover .item-title{display:block;}
  682.  
  683. #PopularPosts1 .item-title {display:none;}
  684. #PopularPosts1 h2 {display:none;}
  685.  
  686. #PopularPosts1 .item-title a{
  687. font-size: 10pt;
  688. padding-bottom: .2em;
  689. position: absolute;
  690. top: -50px;
  691. left: 15px;
  692. width: 385px;
  693. background: #23B0E8;
  694. padding: 3px;
  695. text-align: center;
  696. border-radius: 3px;
  697. border: 1px solid #fff;
  698. color: #fff;
  699. line-height: 20px;}
  700. #PopularPosts1 .widget-content ul li {list-style: none;float:left;}
  701. .PopularPosts .widget-content ul li {padding: .5px 0;}
  702. .PopularPosts .item-title {font-size: 10px;
  703. padding-bottom: 1px;
  704. padding: 2px 5px;}
  705. .profile-textblock {
  706. margin: .5em 0;
  707. text-align: justify;
  708. font-weight: 300;
  709. font-size: 10pt;
  710. letter-spacing: 0.02em;
  711. line-height: 20px;
  712. font-smooth: always;
  713. }
  714. .profile-img {
  715. float: left;
  716. margin: 0 5px 5px;
  717. border: 1px solid #ddd;
  718. padding: 5px;
  719. border-radius: 5px;
  720. }
  721. .BlogArchive #ArchiveList ul ul li {padding-left:0px;}
  722. .PopularPosts .item-thumbnail {
  723. margin: auto;
  724. height: 70px;
  725. padding: 5px;
  726. width: 70px;
  727. }
  728. .PopularPosts img {
  729. padding: 2px;
  730. -moz-transition: all 0.2s ease-in-out;
  731. -webkit-transition: all 0.2s ease-in-out;
  732. -o-transition: all 0.2s ease-in-out;
  733. transition: all 0.2s ease-in-out;
  734. border: 1px solid #90B1E1;
  735. height: 65px;
  736. width: 65px;}
  737. #ArchiveList ul li {
  738. margin: -6px 0 0 10px !important;
  739. }
  740. #ArchiveList ul li a:link, #ArchiveList ul li a:visited {
  741. padding: 0px 0px 0px 10px !important;
  742. margin:5px;
  743. }
  744. .item-title a {font-size:20pt;
  745. padding-bottom: .2em;}
  746. .section {margin:auto;}
  747. /* Footer */
  748. #main1, #main2, #main3{float: left;
  749. width: 295px;
  750. margin: 15px;}
  751. #main1 .widget-content, #main2 .widget-content, #main3 .widget-content{
  752. overflow: hidden;
  753. color: #222;
  754. padding: 5px;
  755. background: #FFF;
  756. font-weight: 300;
  757. font-size: 10pt;
  758. letter-spacing: 0.02em;
  759. line-height: 20px;
  760. margin-bottom: 20px;
  761. padding-bottom: 20px;
  762. width: 283px;
  763. border-radius: 0px 0px 3px 3px;
  764. border: 1px solid #fff;
  765. border-top: 1px solid #d6dee5;
  766. }
  767. #main1 h2, #main2 h2, #main3 h2, #main5 h2{color: #fff;
  768. padding-left: 15px;
  769. border-radius: 3px 3px 0px 0px;
  770. background: #23B0E8;
  771. font-weight: normal;
  772. font-size: 13pt;
  773. letter-spacing: 0px;
  774. border-bottom: 5px solid #FFF073;
  775. padding-top: 10px;
  776. padding-bottom: 5px;
  777. padding-right: 11px;
  778. font-family: 'Lato', sans-serif;}
  779. #main1 ul li a:link, #main1 ul li a:visited, #main2 ul li a:link, #main2 ul li a:visited, #main3 ul li a:link, #main3 ul li a:visited, #main5 ul li a:link, #main5 ul li a:visited{-webkit-transition: all 0.5s ease-in-out;
  780. -moz-transition: all 0.5s ease-in-out;
  781. font-weight: normal;
  782. font-size: 10pt;
  783. line-height: 25pt;
  784. color: #90B1E1;
  785. font-family: 'Lato', sans-serif;}
  786. #main1 ul li, #main2 ul li, #main3 ul li,#main5 ul li{border-bottom: 1px solid #FFF073;list-style: none;}
  787. #main1 ul li a:hover, #main2 ul li a:hover, #main3 ul li a:hover, #main5 ul li a:hover{color:#F286A8;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;}
  788. #footer{
  789. margin: 0 auto;
  790. position: relative;
  791. padding-top: 15px;
  792. padding-bottom: 15px;
  793. width: 980px;
  794. background: #fff;
  795. border: 4px solid #FFF073;
  796. border-bottom: 0px;
  797. border-radius: 5px 5px 0px 0px;
  798. text-align: left;}
  799. .footer {
  800. margin: 0 auto;
  801. position: relative;
  802. }
  803. .fleft{
  804. margin: auto;
  805. color: #fff;
  806. font-size: 9pt;
  807. letter-spacing: 0.02em;
  808. width: 100%;
  809. border-top: 5px solid #FFF073;
  810. font-weight: normal;
  811. text-transform: uppercase;
  812. text-align: center;
  813. background: #23B0E8 url(http://2.bp.blogspot.com/-hUkKSmsx1cg/UtU8TrhSA5I/AAAAAAAAHpk/j0_i5fp7U10/s320/foot.png);
  814. padding: 23px 0px;}
  815. .fleft p {
  816. text-align: center;}
  817. .fleft a{color:#FFF073;}
  818. /* Comments */
  819. .comments .comments-content .user {
  820. font-style: italic;
  821. font-weight: normal;
  822. font-size: 9pt;
  823. color: #666;
  824. position: absolute;
  825. margin-left: -121px;
  826. margin-top: 55px;
  827. width: 95px;
  828. text-align: center;
  829. overflow: hidden;
  830. letter-spacing: 0.02em;
  831. }
  832. .comments .comments-content .user a{color:#fff;}
  833. .comments {
  834. clear: both;
  835. background: #23B0E8 url(http://2.bp.blogspot.com/-yf99svsFGDo/UtVOKB0Si5I/AAAAAAAAHp0/650U2PhV3sQ/s320/bg.png);
  836. padding: 30px;
  837. border: 5px solid #FFF073;
  838. width: 590px;
  839. margin: auto;
  840. border-radius: 3px;
  841. }
  842. .comments .comments-content .datetime {
  843. margin-right: 10px;
  844. font-style: normal;
  845. font-weight: 200;
  846. font-size: 8pt;
  847. letter-spacing: 0.01em;
  848. position: absolute;
  849. bottom: 12px;
  850. right: 0px;
  851. text-transform: uppercase;
  852. }
  853. .comments .comments-content .datetime a{color:#90B1E1;}
  854. .comments .comments-content .comment-header, .comments .comments-content .comment-content {
  855. margin: 0 10px 10px;
  856. }
  857. .comments .comments-content .comment {
  858. margin-bottom: 20px;
  859. padding-bottom: 5px;
  860. }
  861. h3#comments{
  862. font-size30px;
  863. font-family: 'Open Sans', sans-serif;
  864. color:#ffffff;
  865. font-weight:normal;
  866. padding:10px 10px ;
  867. background:#D3D4CE;
  868. margin-top:10px;
  869. }
  870. ol.commentlist {
  871. margin:0px 0 0;
  872. clear:both;
  873. overflow:hidden;
  874. list-style:none;
  875. }
  876. ol.commentlist li {
  877. margin:0px 0;
  878. line-height:18px;
  879. padding:10px;
  880. background:#78786D;
  881. }
  882. ol.commentlist li .comment-author {
  883. color:#ffffff;
  884. }
  885. .comment-body {
  886. margin: auto;
  887. -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
  888. -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
  889. box-shadow: 0 1px 4px rgba(0,0,0,0.5);
  890. padding: 5px;
  891. }
  892. ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
  893. color:#ffffff;
  894. font-weight:bold;
  895. text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-serif;}
  896. }
  897. ol.commentlist li .comment-author .fn {
  898. color:#000;
  899. }
  900. ol.commentlist li .comment-author .avatar{
  901. float:right;
  902. background:#fff;
  903. padding:3px;
  904. }
  905. .comments .comments-content .comment-content {
  906. text-align: left;
  907. font-style: italic;
  908. font-size: 10pt;
  909. letter-spacing: 0.02em;
  910. color: #23B0E8;
  911. border-bottom: 1px solid #ddd;
  912. padding: 2px;
  913. }
  914. .comments .thread-toggle {
  915. display: inline-block;
  916. text-transform: uppercase;
  917. font-style: italic;
  918. margin-left: 10px;
  919. background: #FFF073;
  920. padding: 5px 15px 5px 5px;
  921. border: 1px solid #ddd;
  922. border-radius: 3px;
  923. }
  924. .comments .comment .comment-actions a {
  925. padding: 5px;
  926. font-size: 11px;
  927. font-family: 'Open Sans', sans-serif;
  928. text-align: center;
  929. color: #F286A8;
  930. margin: 5px;
  931. position: relative;
  932. text-transform: uppercase;
  933. }
  934. .comments .comments-content .comment-replies {
  935. margin-left: 85px;
  936. margin-top: 0px;
  937. font-size: 11px;
  938. }
  939. .comments .comments-content .inline-thread {
  940. padding: .0em 0em;
  941. }
  942. .comments h4{
  943. padding: 10px;
  944. border-radius: 3px;
  945. font-weight: bold;
  946. font-size: 15pt;
  947. letter-spacing: 0.01em;
  948. color: #fff;
  949. text-align: center;
  950. width: 560px;
  951. margin: auto;
  952. }
  953. .comments h4 a{color:#FFF073;}
  954. .comments .continue a {
  955. padding: 5px;
  956. font-size: 11px;
  957. text-decoration: none;
  958. text-align: center;
  959. color: #23B0E8;
  960. margin-left: 95px;
  961. background: white;
  962. border: 1px solid #ddd;
  963. border-radius: 3px;
  964. font-weight: bold;
  965. margin-right: 8px;
  966. text-transform: uppercase;}
  967. .avatar-image-container img {
  968. height:50px;
  969. width:50px;
  970. }
  971. .comments .avatar-image-container {
  972. float: left;
  973. max-height: 75px;
  974. overflow: hidden;
  975. width: 50px;
  976. padding: 7px;
  977. border-radius: 50px;
  978. background: url(http://2.bp.blogspot.com/-fnYLiAdAZYk/UtSmtE7lpVI/AAAAAAAAHmg/PQoN0uMAqB4/s1600/mm_bg.png);
  979. margin-left: 13px;
  980. }
  981. .comments .avatar-image-container img {height:auto;border-radius: 50px;}
  982. ol.commentlist li .comment-meta{
  983. font-size:13px;font-family: 'Open Sans', sans-serif;
  984. }
  985. ol.commentlist li .comment-meta .commentmetadata{
  986. color:#555;
  987. }
  988. ol.commentlist li .comment-meta a {
  989. color:#ffffff;
  990. text-decoration:none !important;
  991. }
  992. ol.commentlist li p {
  993. line-height:22px;
  994. margin-top:5px;
  995. color:#FEFAEF;
  996. font-size:12px;
  997. }
  998. ol.commentlist li .reply{
  999. margin-top:10px;
  1000. font-size:10px;
  1001. }
  1002. ol.commentlist li .reply a{
  1003. background:#5F553B;
  1004. color:#fff;
  1005. text-decoration:none;
  1006. padding:3px 10px;
  1007. }
  1008. ol.commentlist li.odd {
  1009. background:#D3D4CE;
  1010. }
  1011. ol.commentlist li.even {
  1012. }
  1013. ol.commentlist li.even:hover{BACKGROUND:#D3D4CE;}
  1014. ol.commentlist li ul.children {
  1015. list-style:none;
  1016. margin:1em 0 0;
  1017. text-indent:0;
  1018. }
  1019. ol.commentlist li ul.children li.depth-2 {
  1020. margin:0 0 0px 50px;
  1021. }
  1022. ol.commentlist li ul.children li.depth-3 {
  1023. margin:0 0 0px 50px;
  1024. }
  1025. ol.commentlist li ul.children li.depth-4 {
  1026. margin:0 0 0px 50px;
  1027. }
  1028. ol.commentlist li ul.children li.depth-5 {
  1029. margin:0 0 0px 50px;
  1030. }
  1031. .comment-nav{
  1032. padding:5px ;
  1033. height:20px;
  1034. background:#C4D533;
  1035. }
  1036. .comment-nav a:link,.comment-nav a:visited{
  1037. color:#fff;
  1038. }
  1039. textarea#comment{
  1040. background:#6F6753;
  1041. width:99%;
  1042. margin:0px 0px;
  1043. padding:5px 0px;
  1044. color:#F7EEE9;
  1045. }
  1046. .avatar-image-container {
  1047. float:right;
  1048. height:50px;
  1049. width:65px;
  1050. }
  1051. .comments .avatar-image-container img {
  1052. max-width: 50px;
  1053. }
  1054. .comments .comments-content {
  1055. margin-bottom: 16px;}
  1056. .comments .comment-block {
  1057. margin-left: 95px;
  1058. position: relative;
  1059. border: 5px solid #FFF073;
  1060. background: #fff;
  1061. padding: 10px;
  1062. border-radius: 3px;
  1063. margin-right: 9px;}
  1064. /* Navigation */
  1065. #blog-pager-newer-link {
  1066. float: right;
  1067. text-align: center;
  1068. background: #fff;padding: 20px;
  1069. overflow: hidden;
  1070. border: 1px solid #ddd;}
  1071. #blog-pager-older-link {
  1072. float: left;background: #fff;padding: 20px;
  1073. text-align: center;
  1074. overflow: hidden;
  1075. border: 1px solid #ddd;}
  1076. #blog-pager-older-link a:hover {color: #FF972B;}
  1077. #blog-pager-newer-link a:hover {color: #FF972B;}
  1078. #blog-pager-older-link a, #blog-pager-newer-link a {
  1079. color: #23B0E8;
  1080. padding: 8px;
  1081. -moz-transition: all 0.2s ease-in-out;
  1082. -webkit-transition: all 0.2s ease-in-out;
  1083. -o-transition: all 0.2s ease-in-out;
  1084. transition: all 0.2s ease-in-out;}
  1085. #blog-pager {
  1086. color: #666;
  1087. margin: 10px 5px;
  1088. text-align: center;
  1089. text-transform: capitalize;
  1090. font-size: 20px;
  1091. font-weight: bold;
  1092. letter-spacing: -1px;
  1093. font-family: 'Open Sans', sans-serif;
  1094. overflow: hidden;
  1095. padding-bottom: 15px;
  1096. -moz-transition: all 0.2s ease-in-out;
  1097. -webkit-transition: all 0.2s ease-in-out;
  1098. -o-transition: all 0.2s ease-in-out;
  1099. transition: all 0.2s ease-in-out;}
  1100. .showpageArea{position:relative;display:block;padding:0;margin:0 7px 40px 0}
  1101. .showpageArea a{position:relative;background:#23B0E8;color:#fff;padding:10px;top:0;float:left}
  1102. .showpageOf,.showpagePoint{position:relative;color:#23B0E8;background:#fff;padding:10px;float:left}
  1103. .showpageOf{display:none;float:right}
  1104. .showpageArea a:hover {color:#FFF073;}
  1105. #Translate1 h2, #Translate2 h2 {display:none;}
  1106. #Translate1, #Translate2 {position: fixed;
  1107. top: 0px;
  1108. right: 0px;
  1109. z-index: 999;}
  1110. .comment-form p{color:#fff;margin-left: 15px;}
  1111. #pushstat {display:none;}
  1112. ]]></b:skin>
  1113.  
  1114.  
  1115.  
  1116.  
  1117. <script type='text/javascript'>
  1118. var thumbnail_mode = &quot;float&quot; ;
  1119. summary_noimg = 250;
  1120. summary_img = 250;
  1121. </script>
  1122.  
  1123. <script type='text/javascript'>
  1124. //<![CDATA[
  1125. function removeHtmlTag(strx,chop){
  1126. if(strx.indexOf("<")!=-1)
  1127. {
  1128. var s = strx.split("<");
  1129. for(var i=0;i<s.length;i++){
  1130. if(s[i].indexOf(">")!=-1){
  1131. s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
  1132. }
  1133. }
  1134. strx = s.join("");
  1135. }
  1136. chop = (chop < strx.length-1) ? chop : strx.length-2;
  1137. while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
  1138. strx = strx.substring(0,chop-1);
  1139. return strx+'...';
  1140. }
  1141. function createSummaryAndThumb(pID){
  1142. var div = document.getElementById(pID);
  1143. var imgtag = "";
  1144. var img = div.getElementsByTagName("img");
  1145. var summ = summary_noimg;
  1146. if(img.length>=1) {
  1147. imgtag = '<div class="crop"><img src="'+img[0].src+'" width="280px;" /></div>';
  1148. summ = summary_img;
  1149. }
  1150. var summary = imgtag + '<div class="posting">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
  1151. div.innerHTML = summary;
  1152. }
  1153. //]]>
  1154. </script><link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'/>
  1155.   <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic' rel='stylesheet' type='text/css'/>
  1156.  
  1157. </head>
  1158. <body>
  1159. <div id='wrapper'>
  1160. <div class='header-wrapper'>
  1161. <div class='header-slide'/>
  1162. <div class='header-wrap'>
  1163. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  1164.   <b:widget id='Header1' locked='true' title='Nisekoi (Header)' type='Header'>
  1165.     <b:includable id='main'>
  1166.  
  1167.   <b:if cond='data:useImage'>
  1168.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1169.       <!--
  1170.      Show image as background to text. You can't really calculate the width
  1171.      reliably in JS because margins are not taken into account by any of
  1172.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1173.      width if the user is using shrink to fit.
  1174.      This results in a margin-width's worth of pixels being cropped. If the
  1175.      user is not using shrink to fit then we expand the header.
  1176.      -->
  1177.       <b:if cond='data:mobile'>
  1178.           <div id='header-inner'>
  1179.             <div class='titlewrapper' style='background: transparent'>
  1180.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1181.                 <b:include name='title'/>
  1182.               </h1>
  1183.             </div>
  1184.             <b:include name='description'/>
  1185.           </div>
  1186.         <b:else/>
  1187.           <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'>
  1188.             <div class='titlewrapper' style='background: transparent'>
  1189.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1190.                 <b:include name='title'/>
  1191.               </h1>
  1192.             </div>
  1193.             <b:include name='description'/>
  1194.           </div>
  1195.         </b:if>
  1196.     <b:else/>
  1197.       <!--Show the image only-->
  1198.       <div id='header-inner'>
  1199.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  1200.           <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'/>
  1201.         </a>
  1202.         <!--Show the description-->
  1203.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1204.           <b:include name='description'/>
  1205.         </b:if>
  1206.       </div>
  1207.     </b:if>
  1208.   <b:else/>
  1209.     <!--No header image -->
  1210.     <div id='header-inner'>
  1211.       <div class='titlewrapper'>
  1212.         <h1 class='title'>
  1213.           <b:include name='title'/>
  1214.         </h1>
  1215.       </div>
  1216.       <b:include name='description'/>
  1217.     </div>
  1218.   </b:if>
  1219. </b:includable>
  1220.     <b:includable id='description'>
  1221.   <div class='descriptionwrapper'>
  1222.     <p class='description'><span><data:description/></span></p>
  1223.   </div>
  1224. </b:includable>
  1225.     <b:includable id='title'>
  1226.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1227.     <data:title/>
  1228.   <b:else/>
  1229.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  1230.   </b:if>
  1231. </b:includable>
  1232.   </b:widget>
  1233. </b:section>
  1234. <b:section class='pop1' id='pop1' showaddelement='no'>
  1235.   <b:widget id='PopularPosts1' locked='false' title='Weekly post' type='PopularPosts'>
  1236.     <b:includable id='main'>
  1237.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  1238.   <div class='widget-content popular-posts'>
  1239.     <ul>
  1240.       <b:loop values='data:posts' var='post'>
  1241.       <li>
  1242.         <b:if cond='data:showThumbnails == &quot;false&quot;'>
  1243.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  1244.             <!-- (1) No snippet/thumbnail -->
  1245.             <a expr:href='data:post.href'><data:post.title/></a>
  1246.           <b:else/>
  1247.             <!-- (2) Show only snippets -->
  1248.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1249.             <div class='item-snippet'><data:post.snippet/></div>
  1250.           </b:if>
  1251.         <b:else/>
  1252.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  1253.             <!-- (3) Show only thumbnails -->
  1254.             <div class='item-thumbnail-only'>
  1255.               <b:if cond='data:post.thumbnail'>
  1256.                 <div class='item-thumbnail'>
  1257.                   <a expr:href='data:post.href' target='_blank'>
  1258.                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  1259.                   </a>
  1260.                 </div>
  1261.               </b:if>
  1262.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1263.             </div>
  1264.             <div style='clear: both;'/>
  1265.           <b:else/>
  1266.             <!-- (4) Show snippets and thumbnails -->
  1267.             <div class='item-content'>
  1268.               <b:if cond='data:post.thumbnail'>
  1269.                 <div class='item-thumbnail'>
  1270.                   <a expr:href='data:post.href' target='_blank'>
  1271.                     <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  1272.                   </a>
  1273.                 </div>
  1274.               </b:if>
  1275.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1276.               <div class='item-snippet'><data:post.snippet/></div>
  1277.             </div>
  1278.             <div style='clear: both;'/>
  1279.           </b:if>
  1280.         </b:if>
  1281.       </li>
  1282.       </b:loop>
  1283.     </ul>
  1284.     <b:include name='quickedit'/>
  1285.   </div>
  1286. </b:includable>
  1287.   </b:widget>
  1288. </b:section>
  1289. <div class='social-network'>
  1290. <a href='https://www.facebook.com/djogzs.johanes' target='_blank'><div class='facebookjo'/></a>
  1291. <a href='https://www.facebook.com/djogzs.johanes' target='_blank'><div class='twitterjo'/></a>
  1292. <a href='https://www.facebook.com/djogzs.johanes' target='_blank'><div class='googlejo'/></a>
  1293. <a href='https://www.facebook.com/djogzs.johanes' target='_blank'><div class='pinterestjo'/></a>
  1294. </div>
  1295. </div>
  1296. <div id='menujohanes-bg'>
  1297. <div id='menujohanes'>
  1298. <ul>
  1299. <li class='selected'><a expr:href='data:blog.homepageUrl' title='Home'/></li>
  1300. <li><a class='menu' href='http://nisekoi-bt.blogspot.com'>Download</a></li>
  1301. <li><a class='menu' href='#'>Story</a></li>
  1302. <li><a class='menu' href='#'>Staff</a></li>
  1303. <li><a class='menu' href='#'>Music</a></li>
  1304. <li><a class='menu' href='#'>Comic</a></li>
  1305. <li><a class='menu' href='#'>Anime</a></li>
  1306. </ul>
  1307. <form action='/search' class='form-wrapper cf' id='search' method='get'>
  1308. <input name='q' placeholder='Search here...' type='text'/>
  1309. <button type='submit'/></form>
  1310. <div class='clear'/>
  1311. </div></div></div>    
  1312. <div id='casing'>
  1313. <div class='sidebar'>
  1314.  
  1315. <b:section class='main5' id='main5' preferred='yes'>
  1316.   <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
  1317.     <b:includable id='main'>
  1318.     <b:if cond='data:title != &quot;&quot;'>
  1319.       <h2><data:title/></h2>
  1320.     </b:if>
  1321.     <div class='widget-content'>
  1322.     <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
  1323.       <ul>
  1324.         <b:loop values='data:authors' var='i'>
  1325.           <li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
  1326.         </b:loop>
  1327.       </ul>
  1328.  
  1329.     <b:else/> <!-- normal blog profile -->
  1330.  
  1331.       <b:if cond='data:photo.url != &quot;&quot;'>
  1332.         <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
  1333.       </b:if>
  1334.  
  1335.       <dl class='profile-datablock'>
  1336.         <dt class='profile-data'>
  1337.           <a class='profile-name-link' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
  1338.             <data:displayname/>
  1339.           </a>
  1340.         </dt>
  1341.  
  1342.         <b:if cond='data:showlocation == &quot;true&quot;'>
  1343.           <dd class='profile-data'><data:location/></dd>
  1344.         </b:if>
  1345.  
  1346.         <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
  1347.       </dl>
  1348.       <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
  1349.     </b:if>
  1350.  
  1351.      <b:include name='quickedit'/>
  1352.     </div>
  1353.   </b:includable>
  1354.   </b:widget>
  1355.   <b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
  1356.     <b:includable id='main'>
  1357.   <b:if cond='data:title != &quot;&quot;'>
  1358.     <b:if cond='data:codeSnippet != &quot;&quot;'>
  1359.       <h2 class='title'><data:title/></h2>
  1360.     <b:else/>
  1361.       <b:if cond='data:totalFollowerCount != &quot;&quot;'>
  1362.         <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
  1363.       </b:if>
  1364.     </b:if>  
  1365.   </b:if>
  1366.   <div class='widget-content'>
  1367.     <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
  1368.       <b:if cond='data:codeSnippet != &quot;&quot;'>
  1369.         <div style='margin-right:2px;'>
  1370.           <data:codeSnippet/>
  1371.         </div>
  1372.       <b:else/>
  1373.         <b:if cond='data:totalFollowerCount == &quot;&quot;'>
  1374.           <span class='item-control following-not-admin'>
  1375.             <b><data:failureSnippet/></b>
  1376.           </span>
  1377.           <span class='item-control blog-admin'>
  1378.             <b><data:adminFailureSnippet/></b>
  1379.           </span>
  1380.         <b:else/>
  1381.           <b:if cond='data:followingLinkPresent'>
  1382.             <div class='follow-this profile-link item-control following-follow-this'>
  1383.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  1384.                 <data:followThisMessage/>
  1385.               </a>
  1386.             </div>
  1387.             <div class='follow-this profile-link item-control following-stop-following-this'>
  1388.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  1389.                 <data:stopFollowingMessage/>
  1390.               </a>
  1391.             </div>
  1392.           </b:if>
  1393.  
  1394.           <div class='followers-grid'>
  1395.             <b:if cond='data:totalFollowerCount == 0'>
  1396.               <div class='profile-link item-control following-follow-this'>
  1397.                 <data:emptyFollowersMessage/>
  1398.               </div>
  1399.             </b:if>
  1400.             <!--
  1401.            Relies on the js written out in navbar.gxp
  1402.            -->
  1403.             <b:loop values='data:followers' var='follower'>
  1404.               <div class='follower'>
  1405.                 <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
  1406.                 <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
  1407.                 </a>
  1408.               </div>
  1409.             </b:loop>
  1410.             <div class='clear'/>
  1411.           </div>
  1412.  
  1413.           <div class='followers-canvas profile-link'>
  1414.             <data:followersFooterMessage/>
  1415.             <span class='item-control following-not-admin'>
  1416.               <a expr:href='data:followersUri'>
  1417.                 <data:viewAllMessage/>
  1418.               </a>
  1419.             </span>
  1420.             <span class='item-control blog-admin'>
  1421.               <a expr:href='data:manageFollowersUri'>
  1422.                 <data:manageFollowersMessage/>
  1423.               </a>
  1424.             </span>
  1425.           </div>
  1426.           </b:if>
  1427.       </b:if>
  1428.     </div>
  1429.     <b:include name='quickedit'/>
  1430.   </div>
  1431. </b:includable>
  1432.   </b:widget>
  1433.   <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
  1434.     <b:includable id='main'>
  1435.   <b:if cond='data:title'>
  1436.     <h2><data:title/></h2>
  1437.   </b:if>
  1438.   <div class='widget-content'>
  1439.   <div expr:class='data:blog.languageDirection' id='ArchiveList'>
  1440.   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  1441.     <b:if cond='data:style == &quot;HIERARCHY&quot;'>
  1442.      <b:include data='data' name='interval'/>
  1443.     </b:if>
  1444.     <b:if cond='data:style == &quot;FLAT&quot;'>
  1445.       <b:include data='data' name='flat'/>
  1446.     </b:if>
  1447.     <b:if cond='data:style == &quot;MENU&quot;'>
  1448.       <b:include data='data' name='menu'/>
  1449.     </b:if>
  1450.   </div>
  1451.   </div>
  1452.   <b:include name='quickedit'/>
  1453.   </div>
  1454. </b:includable>
  1455.     <b:includable id='flat' var='data'>
  1456.   <ul class='flat'>
  1457.     <b:loop values='data:data' var='i'>
  1458.       <li class='archivedate'>
  1459.         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  1460.       </li>
  1461.     </b:loop>
  1462.   </ul>
  1463. </b:includable>
  1464.     <b:includable id='interval' var='intervalData'>
  1465.   <b:loop values='data:intervalData' var='i'>
  1466.       <ul class='hierarchy'>
  1467.         <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
  1468.           <b:include data='i' name='toggle'/>
  1469.           <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
  1470.             <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
  1471.           <b:if cond='data:i.data'>
  1472.             <b:include data='i.data' name='interval'/>
  1473.           </b:if>
  1474.           <b:if cond='data:i.posts'>
  1475.             <b:include data='i.posts' name='posts'/>
  1476.           </b:if>
  1477.         </li>
  1478.       </ul>
  1479.   </b:loop>
  1480. </b:includable>
  1481.     <b:includable id='menu' var='data'>
  1482.   <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  1483.     <option value=''><data:title/></option>
  1484.     <b:loop values='data:data' var='i'>
  1485.       <option expr:value='data:i.url'>
  1486.         <data:i.name/> (<data:i.post-count/>)</option>
  1487.     </b:loop>
  1488.   </select>
  1489. </b:includable>
  1490.     <b:includable id='posts' var='posts'>
  1491.   <ul class='posts'>
  1492.     <b:loop values='data:posts' var='i'>
  1493.       <li><a expr:href='data:i.url'><data:i.title/></a></li>
  1494.     </b:loop>
  1495.   </ul>
  1496. </b:includable>
  1497.     <b:includable id='toggle' var='interval'>
  1498.   <b:if cond='data:interval.toggleId'>
  1499.     <a class='toggle'>
  1500.       <span class='zippy'/>
  1501.     </a>
  1502.  </b:if>
  1503. </b:includable>
  1504.   </b:widget>
  1505.   <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
  1506.     <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  1507.     function setAttributeOnload(object, attribute, val) {
  1508.       if(window.addEventListener) {
  1509.         window.addEventListener(&#39;load&#39;,
  1510.           function(){ object[attribute] = val; }, false);
  1511.       } else {
  1512.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  1513.       }
  1514.     }
  1515.   &lt;/script&gt;
  1516. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  1517. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  1518. &lt;script type=&quot;text/javascript&quot;&gt;
  1519.         gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  1520.           if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  1521.             gapi.iframes.getContext().openChild({
  1522.                 url: &#39;//www.blogger.com/navbar.g?targetBlogID\0754110660473549528194\46blogName\75Nisekoi\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://nisekoi-bt.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://nisekoi-bt.blogspot.com/\46vt\0753498317022922673656&#39;,
  1523.                 where: document.getElementById(&quot;navbar-iframe-container&quot;),
  1524.                 id: &quot;navbar-iframe&quot;
  1525.             });
  1526.           }
  1527.         });
  1528.       &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  1529. (function() {
  1530. var script = document.createElement(&#39;script&#39;);
  1531. script.type = &#39;text/javascript&#39;;
  1532. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  1533. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  1534. if (head) {
  1535. head.appendChild(script);
  1536. }})();
  1537. &lt;/script&gt;
  1538. </b:includable>
  1539.   </b:widget>
  1540.   <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
  1541.     <b:includable id='main'>
  1542.     <b:if cond='data:feedbackSurveyLink'>
  1543.       <div class='mobile-survey-link' style='text-align: center;'>
  1544.         <data:feedbackSurveyLink/>
  1545.       </div>
  1546.     </b:if>
  1547.  
  1548.     <div class='widget-content' style='text-align: center;'>
  1549.       <b:if cond='data:attribution != &quot;&quot;'>
  1550.        <data:attribution/>
  1551.       </b:if>
  1552.     </div>
  1553.  
  1554.     <b:include name='quickedit'/>
  1555.   </b:includable>
  1556.   </b:widget>
  1557. </b:section>
  1558. <b:section class='sidebar' id='sidebar2' maxwidgets='4' preferred='yes' showaddelement='no'/>
  1559. </div>
  1560. <div id='content'>
  1561. <b:section class='main' id='main' showaddelement='no'>
  1562.   <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
  1563.     <b:includable id='main' var='top'>
  1564.   <b:if cond='data:mobile == &quot;false&quot;'>
  1565.     <!-- posts -->
  1566.       <b:include data='top' name='status-message'/>
  1567.  
  1568.       <b:loop values='data:posts' var='post'>
  1569. <li class='post-outer'>
  1570.         <b:include data='post' name='post'/>
  1571.         <b:if cond='data:blog.pageType != &quot;index&quot;'>
  1572.           <b:if cond='data:post.showThreadedComments'>
  1573.             <b:include data='post' name='threaded_comments'/>
  1574.           <b:else/>
  1575.             <b:include data='post' name='comments'/>
  1576.           </b:if>
  1577.         </b:if>
  1578. </li>
  1579.       </b:loop>
  1580. <div class='clear'/>
  1581.     <!-- navigation -->
  1582.  
  1583.     <b:include name='nextprev'/>
  1584.  
  1585.     <!-- feed links -->
  1586.     <b:include name='feedLinks'/>
  1587.  
  1588.     <b:if cond='data:top.showStars'>
  1589.       <script src='//www.google.com/jsapi' type='text/javascript'/>
  1590.       <script type='text/javascript'>
  1591.         google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1592.         function initialize() {
  1593.           google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1594.           google.annotations.createAll();
  1595.           google.annotations.fetch();
  1596.         }
  1597.         google.setOnLoadCallback(initialize);
  1598.       </script>
  1599.     </b:if>
  1600.  
  1601.   <b:else/>
  1602.     <b:include name='mobile-main'/>
  1603.   </b:if>
  1604.  
  1605.   <b:if cond='data:top.showDummy'>
  1606.     <data:top.dummyBootstrap/>
  1607.   </b:if>
  1608.  
  1609. </b:includable>
  1610.     <b:includable id='backlinkDeleteIcon' var='backlink'>
  1611.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1612.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1613.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1614.     </a>
  1615.   </span>
  1616. </b:includable>
  1617.     <b:includable id='backlinks' var='post'>
  1618.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1619.   <b:if cond='data:post.numBacklinks != 0'>
  1620.     <dl class='comments-block' id='comments-block'>
  1621.       <b:loop values='data:post.backlinks' var='backlink'>
  1622.         <div class='collapsed-backlink backlink-control'>
  1623.           <dt class='comment-title'>
  1624.             <span class='backlink-toggle-zippy'>&#160;</span>
  1625.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1626.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  1627.           </dt>
  1628.           <dd class='comment-body collapseable'>
  1629.             <data:backlink.snippet/>
  1630.           </dd>
  1631.           <dd class='comment-footer collapseable'>
  1632.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1633.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1634.           </dd>
  1635.         </div>
  1636.       </b:loop>
  1637.     </dl>
  1638.   </b:if>
  1639.   <p class='comment-footer'>
  1640.     <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>
  1641.   </p>
  1642. </b:includable>
  1643.     <b:includable id='comment-form' var='post'>
  1644.   <div class='comment-form'>
  1645.     <a name='comment-form'/>
  1646.     <b:if cond='data:mobile'>
  1647.       <h4 id='comment-post-message'>
  1648.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1649.       <p><data:blogCommentMessage/></p>
  1650.       <data:blogTeamBlogMessage/>
  1651.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1652.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1653.     <b:else/>
  1654.       <p><data:blogCommentMessage/></p>
  1655.       <data:blogTeamBlogMessage/>
  1656.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1657.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1658.     </b:if>
  1659.     <data:post.friendConnectJs/>
  1660.     <data:post.cmtfpIframe/>
  1661.     <script type='text/javascript'>
  1662.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1663.     </script>
  1664.   </div>
  1665. </b:includable>
  1666.     <b:includable id='commentDeleteIcon' var='comment'>
  1667.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1668.     <b:if cond='data:showCmtPopup'>
  1669.       <div class='goog-toggle-button'>
  1670.         <div class='goog-inline-block comment-action-icon'/>
  1671.       </div>
  1672.     <b:else/>
  1673.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1674.         <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1675.       </a>
  1676.     </b:if>
  1677.   </span>
  1678. </b:includable>
  1679.     <b:includable id='comment_count_picker' var='post'>
  1680.   <b:if cond='data:post.forceIframeComments'>
  1681.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1682.     </span>
  1683.   <b:else/>
  1684.     <b:if cond='data:post.commentSource == 1'>
  1685.       <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1686.       </span>
  1687.     <b:else/>
  1688.       <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1689.         <data:post.commentLabelFull/>
  1690.       </a>
  1691.     </b:if>
  1692.   </b:if>
  1693. </b:includable>
  1694.     <b:includable id='comment_picker' var='post'>
  1695.   <b:if cond='data:post.forceIframeComments'>
  1696.     <b:include data='post' name='iframe_comments'/>
  1697.     <b:if cond='data:post.showThreadedComments'>
  1698.       <b:include data='post' name='threaded_comments'/>
  1699.     <b:else/>
  1700.       <b:include data='post' name='comments'/>
  1701.     </b:if>
  1702.   <b:else/>
  1703.     <b:if cond='data:post.commentSource == 1'>
  1704.       <b:include data='post' name='iframe_comments'/>
  1705.     <b:else/>
  1706.       <b:if cond='data:post.showThreadedComments'>
  1707.         <b:include data='post' name='threaded_comments'/>
  1708.       <b:else/>
  1709.         <b:include data='post' name='comments'/>
  1710.       </b:if>
  1711.     </b:if>
  1712.   </b:if>
  1713. </b:includable>
  1714.     <b:includable id='comments' var='post'>
  1715.   <div class='comments' id='comments'>
  1716.     <a name='comments'/>
  1717.     <b:if cond='data:post.allowComments'>
  1718.       <h4>
  1719.         <b:if cond='data:post.numComments == 1'>
  1720.           1 <data:commentLabel/>:
  1721.         <b:else/>
  1722.           <data:post.numComments/> <data:commentLabelPlural/>
  1723.         </b:if>
  1724.       </h4>
  1725.  
  1726.       <b:if cond='data:post.commentPagingRequired'>
  1727.         <span class='paging-control-container'>
  1728.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1729.           &#160;
  1730.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1731.           &#160;
  1732.           <data:post.commentRangeText/>
  1733.           &#160;
  1734.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1735.           &#160;
  1736.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1737.         </span>
  1738.       </b:if>
  1739.  
  1740.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1741.         <div expr:class='data:post.avatarIndentClass' id='comments-block'>
  1742.           <b:loop values='data:post.comments' var='comment'>
  1743.             <div expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1744.               <b:if cond='data:comment.favicon'>
  1745.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1746.               </b:if>
  1747.               <a expr:name='data:comment.anchorName'/>
  1748.               <b:if cond='data:blog.enabledCommentProfileImages'>
  1749.                 <data:comment.authorAvatarImage/>
  1750.               </b:if>
  1751.               <b:if cond='data:comment.authorUrl'>
  1752.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1753.               <b:else/>
  1754.                 <data:comment.author/>
  1755.               </b:if>
  1756.               <data:commentPostedByMsg/>
  1757.             </div>
  1758.             <div class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1759.               <b:if cond='data:comment.isDeleted'>
  1760.                 <span class='deleted-comment'><data:comment.body/></span>
  1761.               <b:else/>
  1762.                 <p>
  1763.                   <data:comment.body/>
  1764.                 </p>
  1765.               </b:if>
  1766.             </div>
  1767.             <div class='comment-footer'>
  1768.               <span class='comment-timestamp'>
  1769.                 <a expr:href='data:comment.url' title='comment permalink'>
  1770.                   <data:comment.timestamp/>
  1771.                 </a>
  1772.                 <b:include data='comment' name='commentDeleteIcon'/>
  1773.               </span>
  1774.             </div>
  1775.           </b:loop>
  1776.         </div>
  1777.       </div>
  1778.  
  1779.       <b:if cond='data:post.commentPagingRequired'>
  1780.         <span class='paging-control-container'>
  1781.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1782.             <data:post.oldestLinkText/>
  1783.           </a>
  1784.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1785.             <data:post.olderLinkText/>
  1786.           </a>
  1787.           &#160;
  1788.           <data:post.commentRangeText/>
  1789.           &#160;
  1790.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1791.             <data:post.newerLinkText/>
  1792.           </a>
  1793.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1794.             <data:post.newestLinkText/>
  1795.           </a>
  1796.         </span>
  1797.       </b:if>
  1798.  
  1799.       <p class='comment-footer'>
  1800.         <b:if cond='data:post.embedCommentForm'>
  1801.           <b:if cond='data:post.allowNewComments'>
  1802.             <b:include data='post' name='comment-form'/>
  1803.           <b:else/>
  1804.             <data:post.noNewCommentsText/>
  1805.           </b:if>
  1806.         <b:else/>
  1807.           <b:if cond='data:post.allowComments'>
  1808.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1809.           </b:if>
  1810.         </b:if>
  1811.  
  1812.       </p>
  1813.     </b:if>
  1814.     <b:if cond='data:showCmtPopup'>
  1815.       <div id='comment-popup'>
  1816.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1817.         </iframe>
  1818.       </div>
  1819.     </b:if>
  1820.  
  1821.     <div id='backlinks-container'>
  1822.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1823.        <b:if cond='data:post.showBacklinks'>
  1824.          <b:include data='post' name='backlinks'/>
  1825.        </b:if>
  1826.     </div>
  1827.     </div>
  1828.   </div>
  1829. </b:includable>
  1830.     <b:includable id='feedLinks'>
  1831.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1832.     <b:if cond='data:feedLinks'>
  1833.       <div class='blog-feeds'>
  1834.         <b:include data='feedLinks' name='feedLinksBody'/>
  1835.       </div>
  1836.     </b:if>
  1837.  
  1838.     <b:else/> <!--Post feed links -->
  1839.     <div class='post-feeds'>
  1840.       <b:loop values='data:posts' var='post'>
  1841.         <b:if cond='data:post.allowComments'>
  1842.           <b:if cond='data:post.feedLinks'>
  1843.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  1844.           </b:if>
  1845.         </b:if>
  1846.       </b:loop>
  1847.     </div>
  1848.   </b:if>
  1849. </b:includable>
  1850.     <b:includable id='feedLinksBody' var='links'>
  1851.   <div class='feed-links'>
  1852.   <data:feedLinksMsg/>
  1853.   <b:loop values='data:links' var='f'>
  1854.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1855.   </b:loop>
  1856.   </div>
  1857. </b:includable>
  1858.     <b:includable id='iframe_comments' var='post'>
  1859.  
  1860.   <b:if cond='data:post.allowIframeComments'>
  1861.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1862.     <div class='cmt_iframe_holder'/>
  1863.  
  1864.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1865.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1866.     </b:if>
  1867.   </b:if>
  1868. </b:includable>
  1869.     <b:includable id='mobile-index-post' var='post'>
  1870.   <div class='mobile-date-outer date-outer'>
  1871.     <div class='mobile-post-outer'>
  1872.       <a expr:href='data:post.url'>
  1873.         <h3 class='mobile-index-title entry-title'>
  1874.           <data:post.title/>
  1875.         </h3>
  1876.  
  1877.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1878.  
  1879.         <div class='mobile-index-contents'>
  1880.           <b:if cond='data:post.thumbnailUrl'>
  1881.             <div class='mobile-index-thumbnail'>
  1882.               <div class='Image'>
  1883.                 <img expr:src='data:post.thumbnailUrl'/>
  1884.               </div>
  1885.             </div>
  1886.           </b:if>
  1887.  
  1888.           <div class='post-body'>
  1889.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1890.           </div>
  1891.         </div>
  1892.  
  1893.         <div style='clear: both;'/>
  1894.       </a>
  1895.  
  1896.       <div class='mobile-index-comment'>
  1897.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1898.           <b:if cond='data:post.allowComments'>
  1899.             <b:if cond='data:post.numComments != 0'>
  1900.               <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>
  1901.             </b:if>
  1902.           </b:if>
  1903.         </b:if>
  1904.       </div>
  1905.     </div>
  1906.   </div>
  1907. </b:includable>
  1908.     <b:includable id='mobile-main' var='top'>
  1909.     <!-- posts -->
  1910.     <div class='blog-posts hfeed'>
  1911.       <b:include data='top' name='status-message'/>
  1912.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1913.         <b:loop values='data:posts' var='post'>
  1914.           <b:include data='post' name='mobile-index-post'/>
  1915.         </b:loop>
  1916.       <b:else/>
  1917.         <b:loop values='data:posts' var='post'>
  1918.           <b:include data='post' name='mobile-post'/>
  1919.         </b:loop>
  1920.       </b:if>
  1921.     </div>
  1922.  
  1923.    <b:include name='mobile-nextprev'/>
  1924. </b:includable>
  1925.     <b:includable id='mobile-nextprev'>
  1926.   <div class='blog-pager' id='blog-pager'>
  1927.     <b:if cond='data:newerPageUrl'>
  1928.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  1929.       <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>
  1930.       </div>
  1931.     </b:if>
  1932.  
  1933.     <b:if cond='data:olderPageUrl'>
  1934.       <div class='mobile-link-button' id='blog-pager-older-link'>
  1935.       <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>
  1936.       </div>
  1937.     </b:if>
  1938.  
  1939.     <div class='mobile-link-button' id='blog-pager-home-link'>
  1940.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1941.     </div>
  1942.  
  1943.     <div class='mobile-desktop-link'>
  1944.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1945.     </div>
  1946.  
  1947.   </div>
  1948.   <div class='clear'/>
  1949. </b:includable>
  1950.     <b:includable id='mobile-post' var='post'>
  1951.   <div class='date-outer'>
  1952.     <div class='date-posts'>
  1953.       <div class='post-outer'>
  1954.  
  1955.         <div class='post'>
  1956.           <b:if cond='data:post.title'>
  1957.             <h3 class='post-title'>
  1958.               <b:if cond='data:post.link'>
  1959.                 <a expr:href='data:post.link'><data:post.title/></a>
  1960.               <b:else/>
  1961.                 <b:if cond='data:post.url'>
  1962.                   <b:if cond='data:blog.url != data:post.url'>
  1963.                     <a expr:href='data:post.url'><data:post.title/></a>
  1964.                   <b:else/>
  1965.                     <data:post.title/>
  1966.                   </b:if>
  1967.                 <b:else/>
  1968.                   <data:post.title/>
  1969.                 </b:if>
  1970.               </b:if>
  1971.             </h3>
  1972.           </b:if>
  1973.  
  1974.           <div class='post-header'/>
  1975.  
  1976.           <div class='post-body'>
  1977.             <data:post.body/>
  1978.             <div class='clear'/>
  1979.           </div>
  1980.  
  1981.           <div class='post-footer'>
  1982.             <div class='post-footer-line post-footer-line-1'>
  1983.               <span class='post-author vcard'>
  1984.                 <b:if cond='data:top.showAuthor'>
  1985.                   <b:if cond='data:post.authorProfileUrl'>
  1986.                     <span class='fn'>
  1987.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1988.                         <data:post.author/>
  1989.                       </a>
  1990.                     </span>
  1991.                   <b:else/>
  1992.                     <span class='fn'><data:post.author/></span>
  1993.                   </b:if>
  1994.                 </b:if>
  1995.               </span>
  1996.  
  1997.               <span class='post-timestamp'>
  1998.                 <b:if cond='data:top.showTimestamp'>
  1999.                   <data:top.timestampLabel/>
  2000.                   <b:if cond='data:post.url'>
  2001.                     <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>
  2002.                   </b:if>
  2003.                 </b:if>
  2004.               </span>
  2005.  
  2006.               <span class='post-comment-link'>
  2007.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2008.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2009.                     <b:if cond='data:post.allowComments'>
  2010.                       <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>
  2011.                     </b:if>
  2012.                   </b:if>
  2013.                 </b:if>
  2014.               </span>
  2015.             </div>
  2016.  
  2017.             <div class='post-footer-line post-footer-line-2'>
  2018.               <b:if cond='data:top.showMobileShare'>
  2019.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  2020.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  2021.                 </div>
  2022.               </b:if>
  2023.               <b:if cond='data:top.showDummy'>
  2024.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  2025.               </b:if>
  2026.             </div>
  2027.  
  2028.           </div>
  2029.         </div>
  2030.  
  2031.         <b:if cond='data:blog.pageType != &quot;index&quot;'>
  2032.           <b:if cond='data:post.showThreadedComments'>
  2033.             <b:include data='post' name='threaded_comments'/>
  2034.           <b:else/>
  2035.             <b:include data='post' name='comments'/>
  2036.           </b:if>
  2037.         </b:if>
  2038.  
  2039.       </div>
  2040.     </div>
  2041.   </div>
  2042. </b:includable>
  2043.     <b:includable id='nextprev'>
  2044.  
  2045.   <div class='blog-pager' id='blog-pager'>
  2046.     <b:if cond='data:newerPageUrl'>
  2047.       <span id='blog-pager-newer-link'>
  2048.       <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>
  2049.       </span>
  2050.     </b:if>
  2051.    
  2052.    
  2053.     <b:if cond='data:olderPageUrl'>
  2054.       <span id='blog-pager-older-link'>
  2055.       <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>
  2056.       </span>
  2057.     </b:if>
  2058.  
  2059.     <b:if cond='data:mobileLinkUrl'>
  2060.       <div class='blog-mobile-link'>
  2061.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  2062.       </div>
  2063.     </b:if>
  2064.  
  2065.   </div>
  2066.   <div class='clear'/>
  2067. </b:includable>
  2068.     <b:includable id='post' var='post'>
  2069.  
  2070. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2071. <div class='title'>
  2072.     <a expr:name='data:post.id'/>
  2073.     <b:if cond='data:post.title'>
  2074.       <h2>
  2075.      <b:if cond='data:post.link'>
  2076.        <a expr:href='data:post.link' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  2077.      <b:else/>
  2078.         <b:if cond='data:post.url'>
  2079.           <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  2080.         <b:else/>
  2081.           <data:post.title/>
  2082.         </b:if>
  2083.      </b:if>
  2084.       </h2>
  2085.     </b:if>
  2086.     </div>
  2087. <div class='clear'/>
  2088.     <div class='data'>
  2089.       <b:if cond='data:top.showAuthor'>
  2090.         <span class='author'>Posted by : <data:post.author/></span>
  2091.       </b:if>
  2092.       <b:if cond='data:post.dateHeader'>
  2093.         <span class='clock'><data:post.dateHeader/></span>
  2094.       </b:if>
  2095.     </div>
  2096.   <div class='pagepost'>
  2097.  <div class='cover'>
  2098.       <p><data:post.body/></p>
  2099.       <div style='clear: both;'/> <!-- clear for photos floats -->
  2100.     </div>
  2101.  
  2102. <div class='post-share-buttons goog-inline-block'>
  2103.         <b:if cond='data:post.sharePostUrl'>
  2104.           <b:include data='post' name='shareButtons'/>
  2105.         </b:if>
  2106. </div></div>
  2107. <b:else/>
  2108. </b:if>
  2109. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2110. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2111.   <div class='post hentry'>
  2112.     <div class='postright'>
  2113.       <div class='cover'>
  2114.  
  2115. <a expr:name='data:post.id'/>
  2116.     <b:if cond='data:post.title'>
  2117.       <h2>
  2118.      <b:if cond='data:post.link'>
  2119.        <a expr:href='data:post.link' expr:title='&quot;Read more to &quot; + data:post.title' rel='bookmark' target='_blank'><data:post.title/></a>
  2120.      <b:else/>
  2121.         <b:if cond='data:post.url'>
  2122.          <a expr:href='data:post.url' expr:title='&quot;Read more to &quot; + data:post.title' rel='bookmark' target='_blank'><data:post.title/></a>
  2123.         <b:else/>
  2124.           <data:post.title/>
  2125.         </b:if>
  2126.      </b:if>
  2127.       </h2>
  2128.     </b:if>
  2129. <div class='overlay-post'/>
  2130. <div class='info-wraper'>
  2131. <div class='info-wrap'>
  2132. <span class='author1'>By : <data:post.author/></span>
  2133. <div class='date'>
  2134.       <a expr:href='data:post.url' expr:title='&quot;Permalink to &quot; + data:post.title' rel='bookmark'>
  2135.       <script type='text/javascript'>
  2136.       var timestamp = &quot;<data:post.timestamp/>&quot;;
  2137.       if (timestamp != &#39;&#39;) {
  2138.       var timesplit = timestamp.split(&quot;,&quot;);
  2139.       var date_yyyy = timesplit[2];
  2140.       var timesplit = timesplit[1].split(&quot; &quot;);
  2141.       var date_dd = timesplit[2];
  2142.       var date_mmm = timesplit[1].substring(0, 3);
  2143.       }
  2144.       </script>
  2145. <span class='day'><script type='text/javascript'>document.write(date_dd);</script></span>
  2146. <p style='float:left;padding-left:5px;'><script type='text/javascript'>document.write(date_mmm);</script></p>
  2147. <p style='float:left;padding-left:5px;'><script type='text/javascript'>document.write(date_yyyy);</script></p></a>
  2148.     </div>
  2149. <div class='jumlah-komentar'>
  2150. <b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='&quot;Comment on &quot; + data:post.title'>
  2151. <b:if cond='data:post.numComments == 0'>0 Comment<b:else/><b:if cond='data:post.numComments == 1'> 1 Comment<b:else/><data:post.numComments/> Comments</b:if></b:if></a></b:if></div>
  2152. <div style='clear: both;'/></div></div>
  2153. <div class='crop-wrap'>
  2154.   <a class='anes' expr:href='data:post.url' expr:title='&quot;Read More  &quot; + data:post.title' target='_blank'/>
  2155.  <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  2156.   <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
  2157. <div class='jomore'>
  2158. <div class='goog-toggle-button'>
  2159. <div class='post-share-buttons goog-inline-block'>
  2160.         <b:if cond='data:post.sharePostUrl'>
  2161.           <b:include data='post' name='shareButtons'/>
  2162.         </b:if>
  2163. </div></div>
  2164.  
  2165.  
  2166. </div><div style='clear: both;'/></div>
  2167. <div style='clear: both;'/> <!-- clear for photos floats -->
  2168.  
  2169.  
  2170.  
  2171.       </div>
  2172.      
  2173.     </div>
  2174.   </div>
  2175. </b:if></b:if>
  2176.  
  2177. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2178.  
  2179. <div class='breadcrumb'><ul>
  2180. <li><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>&gt;</li><li>
  2181. <b:if cond='data:post.labels'>
  2182. <b:loop values='data:post.labels' var='label'>
  2183. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2184. <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  2185. </b:loop>&gt;</b:if></li><li>
  2186. <data:post.title/></li></ul>
  2187. </div>
  2188.  
  2189.   <div class='clear'/>
  2190. <div class='title'>
  2191.     <a expr:name='data:post.id'/>
  2192.     <b:if cond='data:post.title'>
  2193.       <h2 class='post-title'>
  2194.      <b:if cond='data:post.link'>
  2195.        <a expr:href='data:post.link' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  2196.      <b:else/>
  2197.         <b:if cond='data:post.url'>
  2198.           <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  2199.         <b:else/>
  2200.           <data:post.title/>
  2201.         </b:if>
  2202.      </b:if>
  2203.       </h2>
  2204.     </b:if>
  2205.     </div>
  2206. <div class='clear'/>
  2207.     <div class='data'>
  2208.       <b:if cond='data:top.showAuthor'>
  2209.         <span class='author'>Posted by : <data:post.author/></span>
  2210.       </b:if>
  2211.       <b:if cond='data:post.dateHeader'>
  2212.         <span class='clock'><data:post.dateHeader/></span>
  2213.       </b:if>
  2214.     </div>
  2215.   <div class='pagepost'>
  2216.     <div class='cover'>
  2217.       <p><data:post.body/></p>
  2218.       <div style='clear: both;'/> <!-- clear for photos floats -->
  2219.     </div>
  2220.     <div class='post-footer'>    
  2221.      
  2222. <div class='categ'><b:if cond='data:post.labels'>Tag : <b:loop values='data:post.labels' var='label'>
  2223. <a expr:href='data:label.url + &quot;?&amp;max-results=3&quot;' expr:title='&quot;View all posts in &quot; + data:label.name' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'/>
  2224. </b:loop></b:if></div>
  2225.     <div class='post-footer-line post-footer-line-1'>
  2226.  
  2227. <div class='post-share-buttons goog-inline-block'>
  2228.         <b:if cond='data:post.sharePostUrl'>
  2229.           <b:include data='post' name='shareButtons'/>
  2230.         </b:if>
  2231. </div>
  2232.  
  2233.  
  2234.       <span class='post-icons'>
  2235.         <!-- email post links -->
  2236.         <b:if cond='data:post.emailPostUrl'>
  2237.           <span class='item-action'>
  2238.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  2239.               <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  2240.           </a>
  2241.           </span>
  2242.         </b:if>
  2243.  
  2244.         <!-- quickedit pencil -->
  2245.         <b:include data='post' name='postQuickEdit'/>
  2246.       </span>
  2247.  
  2248.  
  2249. </div>
  2250.  
  2251.     </div>
  2252.   </div>
  2253.          
  2254.  
  2255.  
  2256. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2257. <style type='text/css'>
  2258. .small-title {
  2259. color: #FFF073;
  2260. text-transform: uppercase;
  2261. font-weight: bold;
  2262. font-size: 20px;
  2263. clear: both;
  2264. padding: 25px;
  2265. }
  2266.  
  2267. #related-posts{
  2268. background: #23B0E8 url(http://2.bp.blogspot.com/-yf99svsFGDo/UtVOKB0Si5I/AAAAAAAAHp0/650U2PhV3sQ/s320/bg.png);
  2269. position: relative;
  2270. height: auto;
  2271. padding: 10px;
  2272. margin: 15px;
  2273. border: 5px solid #FFF073;
  2274. padding-top: 20px;
  2275. border-radius: 3px;
  2276. clear: both;
  2277. margin-bottom: 35px;
  2278. }
  2279.  
  2280. #post-footer-related-post {
  2281. margin-top: 15px;
  2282. padding: 20px;
  2283. margin: auto;
  2284. width: 650px;
  2285. }
  2286. .post-footer-related-post-title {
  2287. width: 110px;
  2288. margin-left: 5px;
  2289. margin-right: 5px;
  2290. position: relative;
  2291. text-align: center;
  2292. margin-top: 5px;
  2293. text-transform: uppercase;
  2294. color: #fff;
  2295. }
  2296. #post-footer-related-post-item {-webkit-transition: all 0.2s ease-in-out;
  2297. -moz-transition: all 0.2s ease-in-out; float:left;height: 180px;overflow: hidden;}
  2298.  
  2299.  
  2300. #post-footer-related-post-item:hover img{background:#FFF073;-webkit-transition: all 0.2s ease-in-out;
  2301. -moz-transition: all 0.2s ease-in-out;}
  2302. .post-footer-related-post-title:hover {color:#FFF073;}
  2303. #post-footer-related-post-item img {  
  2304. -webkit-transition: all 0.7s ease-in-out;
  2305. -moz-transition: all 0.7s ease-in-out;
  2306. margin: 5px;
  2307. border-radius: 5px;
  2308. width: 85px;
  2309. background: #fff;
  2310. height: 85px;
  2311. border: 1px solid #ddd;
  2312. padding: 10px; }
  2313.  
  2314. </style>
  2315. <script type='text/javascript'>
  2316. var defaultnoimage=&quot;https://lh6.googleusercontent.com/-JUDBJe1M9VM/UO_EzcGxZtI/AAAAAAAAAFI/M_QYaQ4iV-E/h120/No-Image.png&quot;;
  2317. var maxresults=10;
  2318. </script>
  2319. <script src='http://growtechinfo-com.googlecode.com/files/RelatedPost.js' type='text/javascript'/>
  2320. </b:if>
  2321.  
  2322.  
  2323.  
  2324.  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2325. <div id='related-posts'>
  2326. <b:loop values='data:post.labels' var='label'>
  2327. <b:if cond='data:label.isLast != &quot;true&quot;'>
  2328. </b:if>
  2329. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
  2330. <script type='text/javascript'>
  2331. removeRelatedDuplicates_thumbs();
  2332. printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
  2333. </script>
  2334. <div style='clear:both'/></div><div style='clear:both'/>
  2335. </b:if>
  2336. <div class='clear'/>
  2337. </b:if>
  2338. </b:includable>
  2339.     <b:includable id='postQuickEdit' var='post'>
  2340.   <b:if cond='data:post.editUrl'>
  2341.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2342.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2343.         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2344.       </a>
  2345.     </span>
  2346.   </b:if>
  2347. </b:includable>
  2348.     <b:includable id='shareButtons' var='post'>
  2349.   <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>
  2350. </b:includable>
  2351.     <b:includable id='status-message'>
  2352.   <b:if cond='data:navMessage'>
  2353.   <div class='status-msg-wrap'>
  2354.     <div class='status-msg-body'>
  2355.       <data:navMessage/>
  2356.     </div>
  2357.   </div>
  2358.   <div class='clear'/>
  2359.   </b:if>
  2360. </b:includable>
  2361.     <b:includable id='threaded-comment-form' var='post'>
  2362.   <div class='comment-form'>
  2363.     <a name='comment-form'/>
  2364.     <b:if cond='data:mobile'>
  2365.       <p><data:blogCommentMessage/></p>
  2366.       <data:blogTeamBlogMessage/>
  2367.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2368.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  2369.     <b:else/>
  2370.       <p><data:blogCommentMessage/></p>
  2371.       <data:blogTeamBlogMessage/>
  2372.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2373.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2374.     </b:if>
  2375.     <data:post.friendConnectJs/>
  2376.     <data:post.cmtfpIframe/>
  2377.     <script type='text/javascript'>
  2378.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2379.     </script>
  2380.   </div>
  2381. </b:includable>
  2382.     <b:includable id='threaded_comment_js' var='post'>
  2383.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  2384.  
  2385.   <script type='text/javascript'>
  2386.     (function() {
  2387.       var items = <data:post.commentJso/>;
  2388.       var msgs = <data:post.commentMsgs/>;
  2389.       var config = <data:post.commentConfig/>;
  2390.  
  2391. // <![CDATA[
  2392.      var cursor = null;
  2393.      if (items && items.length > 0) {
  2394.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  2395.      }
  2396.  
  2397.      var bodyFromEntry = function(entry) {
  2398.        if (entry.gd$extendedProperty) {
  2399.          for (var k in entry.gd$extendedProperty) {
  2400.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  2401.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  2402.            }
  2403.          }
  2404.        }
  2405.        return entry.content.$t;
  2406.      }
  2407.  
  2408.      var parse = function(data) {
  2409.        cursor = null;
  2410.        var comments = [];
  2411.        if (data && data.feed && data.feed.entry) {
  2412.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  2413.            var comment = {};
  2414.            // comment ID, parsed out of the original id format
  2415.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  2416.            comment.id = id ? id[2] : null;
  2417.            comment.body = bodyFromEntry(entry);
  2418.            comment.timestamp = Date.parse(entry.published.$t) + '';
  2419.            if (entry.author && entry.author.constructor === Array) {
  2420.              var auth = entry.author[0];
  2421.              if (auth) {
  2422.                comment.author = {
  2423.                  name: (auth.name ? auth.name.$t : undefined),
  2424.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  2425.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  2426.                };
  2427.              }
  2428.            }
  2429.            if (entry.link) {
  2430.              if (entry.link[2]) {
  2431.                comment.link = comment.permalink = entry.link[2].href;
  2432.              }
  2433.              if (entry.link[3]) {
  2434.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  2435.                if (pid && pid[1]) {
  2436.                  comment.parentId = pid[1];
  2437.                }
  2438.              }
  2439.            }
  2440.            comment.deleteclass = 'item-control blog-admin';
  2441.            if (entry.gd$extendedProperty) {
  2442.              for (var k in entry.gd$extendedProperty) {
  2443.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  2444.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  2445.                }
  2446.              }
  2447.            }
  2448.            comments.push(comment);
  2449.          }
  2450.        }
  2451.        return comments;
  2452.      };
  2453.  
  2454.      var paginator = function(callback) {
  2455.        if (hasMore()) {
  2456.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2457.          if (cursor) {
  2458.            url += '&published-min=' + new Date(cursor).toISOString();
  2459.          }
  2460.          window.bloggercomments = function(data) {
  2461.            var parsed = parse(data);
  2462.            cursor = parsed.length < 50 ? null
  2463.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2464.            callback(parsed);
  2465.            window.bloggercomments = null;
  2466.          }
  2467.          url += '&callback=bloggercomments';
  2468.          var script = document.createElement('script');
  2469.          script.type = 'text/javascript';
  2470.          script.src = url;
  2471.          document.getElementsByTagName('head')[0].appendChild(script);
  2472.        }
  2473.      };
  2474.      var hasMore = function() {
  2475.        return !!cursor;
  2476.      };
  2477.      var getMeta = function(key, comment) {
  2478.        if ('iswriter' == key) {
  2479.          var matches = !!comment.author
  2480.              && comment.author.name == config.authorName
  2481.              && comment.author.profileUrl == config.authorUrl;
  2482.          return matches ? 'true' : '';
  2483.        } else if ('deletelink' == key) {
  2484.          return config.baseUri + '/delete-comment.g?blogID='
  2485.               + config.blogId + '&postID=' + comment.id;
  2486.        } else if ('deleteclass' == key) {
  2487.          return comment.deleteclass;
  2488.        }
  2489.        return '';
  2490.      };
  2491.  
  2492.      var replybox = null;
  2493.      var replyUrlParts = null;
  2494.      var replyParent = undefined;
  2495.  
  2496.      var onReply = function(commentId, domId) {
  2497.        if (replybox == null) {
  2498.          // lazily cache replybox, and adjust to suit this style:
  2499.          replybox = document.getElementById('comment-editor');
  2500.          if (replybox != null) {
  2501.            replybox.height = '210px';
  2502.            replybox.style.display = 'block';
  2503.            replyUrlParts = replybox.src.split('#');
  2504.          }
  2505.        }
  2506.        if (replybox && (commentId !== replyParent)) {
  2507.          document.getElementById(domId).insertBefore(replybox, null);
  2508.          replybox.src = replyUrlParts[0]
  2509.              + (commentId ? '&parentID=' + commentId : '')
  2510.              + '#' + replyUrlParts[1];
  2511.          replyParent = commentId;
  2512.        }
  2513.      };
  2514.  
  2515.      var hash = (window.location.hash || '#').substring(1);
  2516.      var startThread, targetComment;
  2517.      if (/^comment-form_/.test(hash)) {
  2518.        startThread = hash.substring('comment-form_'.length);
  2519.      } else if (/^c[0-9]+$/.test(hash)) {
  2520.        targetComment = hash.substring(1);
  2521.      }
  2522.  
  2523.      // Configure commenting API:
  2524.      var configJso = {
  2525.        'maxDepth': config.maxThreadDepth
  2526.      };
  2527.      var provider = {
  2528.        'id': config.postId,
  2529.        'data': items,
  2530.        'loadNext': paginator,
  2531.        'hasMore': hasMore,
  2532.        'getMeta': getMeta,
  2533.        'onReply': onReply,
  2534.        'rendered': true,
  2535.        'initComment': targetComment,
  2536.        'initReplyThread': startThread,
  2537.        'config': configJso,
  2538.        'messages': msgs
  2539.      };
  2540.  
  2541.      var render = function() {
  2542.        if (window.goog && window.goog.comments) {
  2543.          var holder = document.getElementById('comment-holder');
  2544.          window.goog.comments.render(holder, provider);
  2545.        }
  2546.      };
  2547.  
  2548.      // render now, or queue to render when library loads:
  2549.      if (window.goog && window.goog.comments) {
  2550.        render();
  2551.      } else {
  2552.        window.goog = window.goog || {};
  2553.        window.goog.comments = window.goog.comments || {};
  2554.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2555.        window.goog.comments.loadQueue.push(render);
  2556.      }
  2557.    })();
  2558. // ]]>
  2559.   </script>
  2560. </b:includable>
  2561.     <b:includable id='threaded_comments' var='post'>
  2562.   <div class='comments' id='comments'>
  2563.     <a name='comments'/>
  2564.       <h4>{
  2565.         <b:if cond='data:post.numComments == 1'>
  2566. 1 <data:commentLabel/>... read them below or <a href='#comment-form' rel='nofollow'>add one</a>
  2567.         <b:else/>
  2568.  <data:post.numComments/> <data:commentLabelPlural/>... read them below or <a href='#comment-form' rel='nofollow'>Comment</a>
  2569.         </b:if>}
  2570.       </h4>
  2571.  
  2572.     <div class='comments-content'>
  2573.       <b:if cond='data:post.embedCommentForm'>
  2574.         <b:include data='post' name='threaded_comment_js'/>
  2575.       </b:if>
  2576.  
  2577.       <div id='comment-holder'>
  2578.          <data:post.commentHtml/>
  2579.       </div>
  2580.     </div>
  2581.  
  2582.     <p class='comment-footer'>
  2583.       <b:if cond='data:post.allowNewComments'>
  2584.         <b:include data='post' name='threaded-comment-form'/>
  2585.       <b:else/>
  2586.         <data:post.noNewCommentsText/>
  2587.       </b:if>
  2588.     </p>
  2589.  
  2590.     <b:if cond='data:showCmtPopup'>
  2591.       <div id='comment-popup'>
  2592.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2593.         </iframe>
  2594.       </div>
  2595.     </b:if>
  2596.  
  2597.     <div id='backlinks-container'>
  2598.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2599.        <b:if cond='data:post.showBacklinks'>
  2600.          <b:include data='post' name='backlinks'/>
  2601.        </b:if>
  2602.     </div>
  2603.     </div>
  2604.   </div>
  2605. </b:includable>
  2606.   </b:widget>
  2607. </b:section>
  2608. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2609. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2610. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  2611. &lt;script type=&#39;text/javascript&#39;&gt;
  2612. var home_page_url = location.href;
  2613. var pageCount=7;
  2614. var displayPageNum=10;
  2615. var upPageWord =&#39;Previous&#39;;
  2616. var downPageWord =&#39;Next&#39;;
  2617. function showpageCount(json) { var thisUrl = home_page_url; var htmlMap = new Array(); var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= &#39;&#39;; var upPageHtml =&#39;&#39;; var downPageHtml =&#39;&#39;; for(var i=0, post; post = json.feed.entry[i]; i++) {var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29); timestamp = encodeURIComponent(timestamp1);var title = post.title.$t;if(title!=&#39;&#39;){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; }if(title!=&#39;&#39;) postNum++; htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;&amp;amp;max-results=&#39;+pageCount; } }itemCount++;}for(var p =0;p&lt; htmlMap.length;p++){ if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){ if(fFlag ==0 &amp;&amp; p == thisNum-2){ if(thisNum==2){ upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; }else{ upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; } fFlag++; } if(p==(thisNum-1)){ html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;; }else{ if(p==0){ html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;}else{ html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; }}if(eFlag ==0 &amp;&amp; p == thisNum){ downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; eFlag++; }}} if(thisNum&gt;1){ html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;; }html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span class=&quot;showpageOf&quot;&gt;Pages [&#39;+(postNum-1)+&#39;]&lt;/span&gt;&#39;+html; if(thisNum&lt;(postNum-1)){ html += downPageHtml; }if(postNum==1) postNum++; html += &#39;&lt;/div&gt;&#39;; var pageArea = document.getElementsByName(&quot;pageArea&quot;); var blogPager = document.getElementById(&quot;blog-pager&quot;); if(postNum &lt;= 2){ html =&#39;&#39;; }for(var p =0;p&lt; pageArea.length;p++){ pageArea[p].innerHTML = html; }if(pageArea&amp;&amp;pageArea.length&gt;0){ html =&#39;&#39;; }if(blogPager){ blogPager.innerHTML = html; }} function showpageCount2(json) { var thisUrl = home_page_url; var htmlMap = new Array(); var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;; thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= &#39;&#39;; var upPageHtml =&#39;&#39;; var downPageHtml =&#39;&#39;; var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;; var thisUrl = home_page_url; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29); timestamp = encodeURIComponent(timestamp1); var title = post.title.$t; if(title!=&#39;&#39;){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!=&#39;&#39;) postNum++; htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;&amp;amp;max-results=&#39;+pageCount; }}itemCount++;} for(var p =0;p&lt; htmlMap.length;p++){ if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){ if(fFlag ==0 &amp;&amp; p == thisNum-2){ if(thisNum==2){ upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; }else{ upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; }fFlag++;} if(p==(thisNum-1)){ html += &#39;&lt;span class=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;; }else{ if(p==0){ html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;; }else{ html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; }} if(eFlag ==0 &amp;&amp; p == thisNum){ downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;; eFlag++; }}} if(thisNum&gt;1){ if(!isLablePage){ html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;; }else{ html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;; }} html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span class=&quot;showpageOf&quot;&gt; page(&#39;+(postNum-1)+&#39;)&lt;/span&gt;&#39;+html; if(thisNum&lt;(postNum-1)){ html += downPageHtml; } if(postNum==1) postNum++; html += &#39;&lt;/div&gt;&#39;; var pageArea = document.getElementsByName(&quot;pageArea&quot;); var blogPager = document.getElementById(&quot;blog-pager&quot;); if(postNum &lt;= 2){ html =&#39;&#39;; } for(var p =0;p&lt; pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&amp;&amp;pageArea.length&gt;0){ html =&#39;&#39;; } if(blogPager){ blogPager.innerHTML = html; }} &lt;/script&gt; &lt;script&gt; var thisUrl = home_page_url; if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){ if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){ var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;)); }else{ var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;amp;max&quot;)); }} var home_page = &quot;/&quot;; if (thisUrl.indexOf(&quot;?q=&quot;)==-1){ if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){ document.write(&#39;&lt;script src=&quot;&#39;+home_page+&#39;feeds/posts/summary?alt=json-in-script&amp;amp;callback=showpageCount&amp;amp;max-results=99999&quot; &gt;&lt;\/script&gt;&#39;) }else{document.write(&#39;&lt;script src=&quot;&#39;+home_page+&#39;feeds/posts/full/-/&#39;+lblname1+&#39;?alt=json-in-script&amp;amp;callback=showpageCount2&amp;amp;max-results=99999&quot; &gt;&lt;\/script&gt;&#39;) }}
  2618. &lt;/script&gt;
  2619. </b:if>
  2620. </b:if>
  2621. </b:if>
  2622. </div>
  2623. <div class='clear'/>
  2624. </div>
  2625. </div>
  2626. <b:if cond='data:blog.pageType == &quot;static_page&quot;'><style type='text/css'>
  2627. .sidebar{width: 258px;float:left;position:relative;margin-left: 13px;}
  2628. li.post-outer {
  2629. position: relative;
  2630. display: block;
  2631. float: none;
  2632. margin: 0px;
  2633. list-style: none;
  2634. -moz-transition: all 0.2s ease-in-out;
  2635. -webkit-transition: all 0.2s ease-in-out;
  2636. -o-transition: all 0.2s ease-in-out;
  2637. transition: all 0.2s ease-in-out;
  2638. width: auto;
  2639. }
  2640. #content {
  2641. background: #fff;
  2642. padding: 10px;
  2643. border-radius: 3px;
  2644. width: 682px;
  2645. box-shadow: 0px 2px 1px rgba(0,0,0,0.1);}
  2646. li.post-outer:nth-child(1) {
  2647. width: 675px;margin-top: 0px;}
  2648. </style></b:if>  
  2649. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2650.   <style type='text/css'>
  2651. .breadcrumb ul{margin:auto;}
  2652. .breadcrumb ul li a{padding-right: 10px;
  2653. color: #23B0E8;}
  2654. .breadcrumb li {
  2655. position: relative;
  2656. display: block;
  2657. color: #222;
  2658. font-size: 11px;
  2659. float: left;
  2660. font-family: &#39;Lato&#39;, sans-serif;
  2661. text-decoration: none;
  2662. letter-spacing: 0.02em;
  2663. padding: 10px 10px;}
  2664. .breadcrumb{
  2665. font-family: &#39;Lato&#39;, sans-serif;
  2666. width: 100%;
  2667. float: left;padding-left: 10px;
  2668. text-transform: uppercase;
  2669. }
  2670. li.post-outer {
  2671. position: relative;
  2672. display: block;
  2673. float: none;
  2674. margin: 0px;
  2675. list-style: none;
  2676. -moz-transition: all 0.2s ease-in-out;
  2677. -webkit-transition: all 0.2s ease-in-out;
  2678. -o-transition: all 0.2s ease-in-out;
  2679. transition: all 0.2s ease-in-out;
  2680. width: auto;
  2681. }
  2682. li.post-outer:nth-child(1) {
  2683. width: 690px;
  2684. margin-top: 0px;
  2685. }
  2686. .sidebar{float:left;position:relative;}
  2687. #content {
  2688. box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
  2689. background: #fff;
  2690. padding: 5px;
  2691. border-radius: 3px;
  2692. width: 705px;}
  2693. </style></b:if>
  2694. <div class='clear'/>
  2695. <div class='footer'>
  2696. <div id='footer'>
  2697. <b:section class='main1' id='main1' showaddelement='yes'>
  2698.   <b:widget id='Feed1' locked='false' title='Blog johanes' type='Feed'>
  2699.     <b:includable id='main'>
  2700.     <h2><data:title/></h2>
  2701.     <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
  2702.       <span style='filter: alpha(25); opacity: 0.25;'>
  2703.         <a expr:href='data:feedUrl'><data:loadingMsg/></a>
  2704.       </span>
  2705.     </div>
  2706.     <b:include name='quickedit'/>
  2707.   </b:includable>
  2708.   </b:widget>
  2709. </b:section>
  2710. <b:section class='main2' id='main2' showaddelement='yes'>
  2711.   <b:widget id='BlogList2' locked='false' title='My Blog List' type='BlogList'>
  2712.     <b:includable id='main'>
  2713.     <!-- only display title if it's non-empty -->
  2714.     <b:if cond='data:title != &quot;&quot;'>
  2715.       <h2 class='title'><data:title/></h2>
  2716.     </b:if>
  2717.  
  2718.     <div class='widget-content'>
  2719.       <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
  2720.         <ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
  2721.           <b:loop values='data:items' var='item'>
  2722.             <li expr:style='data:item.displayStyle'>
  2723.               <div class='blog-icon'>
  2724.                 <b:if cond='data:showIcon == &quot;true&quot;'>
  2725.                   <img expr:data-lateloadsrc='data:item.blogIconUrl' height='16' width='16'/>
  2726.                 </b:if>
  2727.               </div>
  2728.               <div class='blog-content'>
  2729.                 <div class='blog-title'>
  2730.                   <a expr:href='data:item.blogUrl' target='_blank'>
  2731.                     <data:item.blogTitle/></a>
  2732.                 </div>
  2733.                 <div class='item-content'>
  2734.                   <b:if cond='data:showItemThumbnail == &quot;true&quot;'>
  2735.                     <b:if cond='data:item.itemThumbnail'>
  2736.                       <div class='item-thumbnail'>
  2737.                         <a expr:href='data:item.blogUrl' target='_blank'>
  2738.                           <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
  2739.                         </a>
  2740.                       </div>
  2741.                     </b:if>
  2742.                   </b:if>
  2743.                   <b:if cond='data:showItemTitle == &quot;true&quot;'>
  2744.                     <span class='item-title'>
  2745.                       <b:if cond='data:item.itemUrl != &quot;&quot;'>
  2746.                         <a expr:href='data:item.itemUrl' target='_blank'>
  2747.                           <data:item.itemTitle/></a>
  2748.                       <b:else/>
  2749.                         <data:item.itemTitle/>
  2750.                       </b:if>
  2751.                     </span>
  2752.                   </b:if>
  2753.                   <b:if cond='data:showItemSnippet == &quot;true&quot;'>
  2754.                     <b:if cond='data:showItemTitle == &quot;true&quot;'>
  2755.                       -
  2756.                     </b:if>
  2757.                     <span class='item-snippet'>
  2758.                       <data:item.itemSnippet/>
  2759.                     </span>
  2760.                   </b:if>
  2761.                   <b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
  2762.                     <div class='item-time'>
  2763.                       <data:item.timePeriodSinceLastUpdate/>
  2764.                     </div>
  2765.                   </b:if>
  2766.                 </div>
  2767.               </div>
  2768.               <div style='clear: both;'/>
  2769.             </li>
  2770.           </b:loop>
  2771.         </ul>
  2772.  
  2773.         <b:if cond='data:numItemsToShow != 0'>
  2774.           <b:if cond='data:totalItems &gt; data:numItemsToShow'>
  2775.             <div class='show-option'>
  2776.               <span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
  2777.                 <a href='javascript:void(0)' onclick='return false;'>
  2778.                   <data:showNText/>
  2779.                 </a>
  2780.               </span>
  2781.               <span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
  2782.                 <a href='javascript:void(0)' onclick='return false;'>
  2783.                   <data:showAllText/>
  2784.                 </a>
  2785.               </span>
  2786.             </div>
  2787.           </b:if>
  2788.         </b:if>
  2789.  
  2790.         <b:include name='quickedit'/>
  2791.       </div>
  2792.     </div>
  2793.   </b:includable>
  2794.   </b:widget>
  2795. </b:section>
  2796. <b:section class='main3' id='main3' showaddelement='yes'>
  2797.   <b:widget id='LinkList1' locked='false' title='Links' type='LinkList'>
  2798.     <b:includable id='main'>
  2799.  
  2800. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  2801.  <div class='widget-content'>
  2802.    <ul>
  2803.      <b:loop values='data:links' var='link'>
  2804.        <li><a expr:href='data:link.target'><data:link.name/></a></li>
  2805.      </b:loop>
  2806.    </ul>
  2807.    <b:include name='quickedit'/>
  2808.  </div>
  2809. </b:includable>
  2810.   </b:widget>
  2811. </b:section>
  2812. <div class='clear'/>
  2813. </div>
  2814. <div class='clear'/>
  2815. </div>
  2816. <div class='fleft'>
  2817. <p>Copyright &#169; 2013 - <a href='http://nisekoi-bt.blogspot.com/' target='_blank'>Nisekoi </a>- All Right Reserved<div class='clear'/> <data:blog.title/>  Powered by <a href='http://blogger.com/'>Blogger</a> - Designed by <a href='http://djogzs.blogspot.com' title='johanes djogan'>Johanes Djogan</a></p></div>
  2818. </body>
  2819. </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!