API tools faq
paste
MrDxdiag

Date A Live

MrDxdiag
May 29th, 2014
363
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 114.87 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:if cond='data:blog.url == data:blog.homepageUrl'>
  6. <title><data:blog.pageTitle/></title>
  7. <meta content='deskripsi blog kamu' name='description'/>
  8. <meta content='keyword blog kamu' name='Keywords'/>
  9. </b:if>
  10. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  11. <title><data:blog.pageName/></title>
  12. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
  13. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
  14. </b:if>
  15. <meta content='index, follow' name='robots'/>
  16. <meta content='all' name='robots'/>
  17. <meta content='all' name='googlebot'/>
  18. <meta content='blogger' name='generator'/>
  19. <meta content='general' name='rating'/>
  20. <b:skin><![CDATA[
  21. /**
  22. * Theme Name: Date A Live
  23. * Theme URL: http://date-a-live-bt.blogspot.com/
  24. * Description: Anime Blogger Template
  25. * Author: Johanes DJ
  26. * Author URL: http://Djogzs.blogspot.com
  27. *
  28. */
  29. .navbar {
  30. visibility:hidden;
  31. display:none;
  32. }
  33. #content{
  34. clear: both;
  35. float: left;
  36. position: relative;
  37. width: 735px;
  38. }
  39. .blog-list-container .blog-icon {margin-top: 8px;}
  40. .postim{
  41. background:#fff;
  42. padding:10px;
  43. margin-top:10px;
  44. }
  45. .profile-textblock {
  46. margin: .5em 0;
  47. text-align: justify;
  48. font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  49. font-weight: 300;
  50. font-size: 10pt;
  51. letter-spacing: 0.02em;
  52. line-height: 20px;
  53. font-smooth: always;
  54. }
  55. .profile-img {
  56. float: left;
  57. margin: 0 5px 5px;
  58. border: 1px solid #DDD;
  59. padding: 5px;
  60. border-radius: 5px;
  61. }
  62. .PopularPost ul {list-style: none;}
  63. .PopularPosts img{padding:0px;border-radius: 5px;-webkit-filter: saturate(0.0);
  64. -moz-filter: saturate(0.0);-moz-transition: all 0.2s ease-in-out;
  65. -webkit-transition: all 0.2s ease-in-out;
  66. -o-transition: all 0.2s ease-in-out;display: inline-block;
  67. transition: all 0.2s ease-in-out;border: 0px;
  68. box-shadow: 0px 0px 10px #222;}
  69. .PopularPosts img:hover {-webkit-filter: saturate(1.1);
  70. -moz-filter: saturate(1.1);}
  71. #PopularPosts1 ul li:hover .item-title{opacity:1;top:-23px;width: 1051px;padding: 6px;}
  72. .PopularPosts .item-title {
  73. -moz-transition: all 0.3s ease-in-out;
  74. -webkit-transition: all 0.3s ease-in-out;
  75. -o-transition: all 0.3s ease-in-out;
  76. transition: all 0.3s ease-in-out;
  77. padding-bottom: .2em;
  78. position: absolute;
  79. font-size: 12px;
  80. width: 0px;
  81. background: #ddd;
  82. padding: 0px;
  83. top: -25px;
  84. opacity: 0;
  85. left: 0px;
  86. border-bottom: 1px solid #222;
  87. border-top: 1px solid #222;
  88. font-family: 'Playfair Display SC', serif;
  89. text-align: center;
  90. overflow:hidden;
  91. }
  92. .PopularPosts .item-thumbnail {
  93. float: left;
  94. margin: 0 5px 5px 0;
  95. height: 72px;
  96. padding: 5px;
  97. }
  98. .comments .comments-content .user {
  99. font-style: normal;
  100. font-weight: 200;
  101. font-size: 14pt;
  102. letter-spacing: 0.01em;
  103. color: #000;
  104. }
  105. .comments {
  106. clear: both;
  107. background: #FAFAFA;
  108. padding: 30px;
  109. }
  110. .comments .comments-content .datetime {
  111. float: right;
  112. margin-right: 10px;
  113. font-style: normal;
  114. font-weight: 200;
  115. font-size: 10pt;
  116. letter-spacing: 0.01em;
  117. color: #fff;
  118. margin-top: 4px;
  119. }
  120. .post h2{
  121. text-align: left;
  122. color: #666;
  123. padding: 10px 3px 15px 3px;
  124. -moz-transition: all 0.2s ease-in-out;
  125. -webkit-transition: all 0.2s ease-in-out;
  126. -o-transition: all 0.2s ease-in-out;
  127. transition: all 0.2s ease-in-out;
  128. font-weight: normal;
  129. font-size: 12pt;
  130. letter-spacing: -1px;
  131. line-height: 20px;
  132. text-shadow: 1px 1px 0px #fff;
  133. width: 215px;
  134.  
  135. }
  136. .post h2 a:link,.post h2 a:visited{
  137. color:#000;
  138. }
  139. .date {
  140. font-family: 'Open Sans', sans-serif;
  141. opacity: 0;
  142. -moz-transition: all 0.9s ease-in-out;
  143. -webkit-transition: all 0.9s ease-in-out;
  144. -o-transition: all 0.9s ease-in-out;
  145. transition: all 0.9s ease-in-out;
  146. text-decoration: none;
  147. color: #222;
  148. text-align: center;
  149. line-height: 30px;
  150. font-weight: normal;
  151. font-size: 11px;
  152. z-index: 12;
  153. position: absolute;
  154. top: -35px;
  155. }
  156. .date a:visited {color:#222;}
  157. .date a:hover {color:#000;-moz-transition: all 0.1s ease-in-out;
  158. -webkit-transition: all 0.1s ease-in-out;
  159. -o-transition: all 0.1s ease-in-out;
  160. transition: all 0.1s ease-in-out;}
  161. .date a {color:#222;
  162. -moz-transition: all 0.5s ease-in-out;
  163. -webkit-transition: all 0.5s ease-in-out;
  164. -o-transition: all 0.25s ease-in-out;
  165. transition: all 0.5s ease-in-out;}
  166. .day, p.tahun, p.bulan {-moz-transition: all 0.9s ease-in-out;
  167. -webkit-transition: all 0.9s ease-in-out;
  168. -o-transition: all 0.9s ease-in-out;
  169. transition: all 0.9s ease-in-out;}
  170. .day {
  171. clear: both;
  172. font-size: 18px;
  173. display: block;
  174. padding: 12px;
  175. line-height: 30px;
  176. text-align: center;
  177. background: #B12D3B;
  178. color:#fafafa;
  179. z-index: 10;
  180. width: 31px;
  181. height: 31px;
  182. border-radius: 50px 50px 50px 0px;
  183. position: absolute;
  184. top: 145px;
  185. left: 5px;}
  186. .arrow{
  187. position:absolute;
  188. top:50px;
  189. left:-10px;
  190. height:30px;
  191. width:10px;
  192. }
  193. .postright{
  194. position: relative;
  195. height: auto;
  196. }
  197. .post:hover .crop {filter: blur(3px);
  198. -webkit-filter: blur(3px);
  199. -moz-filter: blur(3px);
  200. -o-filter: blur(3px);
  201. -ms-filter: blur(3px);
  202. }
  203. .post:hover .day{top: 73px;}
  204. .post:hover p.tahun{top: 73px;}
  205. .post:hover .author1 {opacity: 1;}
  206. .post:hover .jomorelink {opacity: 1;left:105px;}
  207. .post:hover a.comment-link {opacity: 1;left:0px;}
  208. .post:hover .date {opacity: 1;}
  209. .post:hover h2.post {opacity:1;}
  210. .post:hover .jomore {opacity:1;}
  211. .categ {
  212. padding-left: 5px;
  213. width: 210px;
  214. overflow: hidden;
  215. padding: 4px;
  216. font-size:11px;
  217. -moz-transition: all 0.5s ease-in-out;
  218. -webkit-transition: all 0.5s ease-in-out;
  219. -o-transition: all 0.5s ease-in-out;
  220. transition: all 0.5s ease-in-out;
  221. float: left;}
  222. .categ a:link,.categ a:visited {
  223. text-decoration:none;
  224. padding: 3px;
  225. }
  226. .data{
  227. padding: 3px;
  228. font-size: 17px;
  229. font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  230. font-weight: 200;
  231. letter-spacing: 0.01em;
  232. color: #fff;
  233. border-top: 1px solid #ddd;
  234. }
  235. .author,.clock{
  236. padding: 3px 20px;
  237. margin: 0px 0px 0px -10px;
  238. font-size: 17px;
  239. color: #000;
  240. }
  241. .clock {float:right;}
  242. .widget-content{padding: 10px;
  243. color: #666;
  244. padding-bottom: 15px;}
  245. .comments .comments-content .comment-header, .comments .comments-content .comment-content {
  246. margin: 0 10px 10px;
  247. }
  248. #ArchiveList ul li {
  249. margin: -6px 0 0 1px !important;
  250. }
  251. #ArchiveList ul li a:link, #ArchiveList ul li a:visited {
  252. padding: 0px 0px 0px 10px !important;
  253. margin:5px;
  254. }
  255. #commentsbox {
  256. margin:0;
  257. width: 690px;
  258. padding: 20px;
  259. }
  260. h3#comments{
  261. font-size30px;
  262. font-family: 'Open Sans', sans-serif;
  263. color:#ffffff;
  264. font-weight:normal;
  265. padding:10px 10px ;
  266. background:#D3D4CE;
  267. margin-top:10px;
  268. }
  269. ol.commentlist {
  270. margin:0px 0 0;
  271. clear:both;
  272. overflow:hidden;
  273. list-style:none;
  274. }
  275. ol.commentlist li {
  276. margin:0px 0;
  277. line-height:18px;
  278. padding:10px;
  279. background:#78786D;
  280. }
  281. ol.commentlist li .comment-author {
  282. color:#ffffff;
  283. }
  284. .comment-body {
  285. margin: auto;
  286. -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
  287. -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
  288. box-shadow: 0 1px 4px rgba(0,0,0,0.5);
  289. padding: 5px;
  290. }
  291. ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
  292. color:#ffffff;
  293. font-weight:bold;
  294. text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-serif;}
  295. }
  296. ol.commentlist li .comment-author .fn {
  297. color:#000;
  298. }
  299. ol.commentlist li .comment-author .avatar{
  300. float:right;
  301. background:#fff;
  302. padding:3px;
  303. }
  304. .comments .comments-content .comment-content {
  305. text-align: justify;
  306. border-bottom: 1px solid #DDD;
  307. padding-top: 10px;
  308. font-style: normal;
  309. font-size: 11pt;
  310. letter-spacing: 0.01em;
  311. color: #000;
  312. }
  313. .comments .comment .comment-actions a {
  314. padding: 5px;
  315. font-size: 13px;
  316. font-family: 'Open Sans', sans-serif;
  317. text-align: center;
  318. color: #fafafa;
  319. margin: 5px;
  320. background: #9059D1;
  321. position: relative;
  322. text-shadow: 1px 1px 1px #362c30;
  323. border-radius: 5px/15px;
  324. }
  325. .comments .comments-content .comment-replies {
  326. margin-left: 65px;
  327. margin-top: 1em;
  328. }
  329. .comments .comments-content .inline-thread {
  330. padding: .5em 0em;
  331. }
  332. .comments h4{
  333. background: #fff;
  334. padding: 10px;
  335. border-radius: 5px;
  336. border: 1px solid #ddd;
  337. font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  338. font-weight: 200;
  339. font-size: 15pt;
  340. letter-spacing: 0.01em;
  341. color: #000;}
  342. .comments .continue a {
  343. padding: 5px;
  344. font-size: 13px;
  345. text-decoration: none;
  346. text-align: center;
  347. color: #222;
  348. margin-left: 75px;
  349. background: white;
  350. border: 1px solid #DDD;
  351. border-radius: 5px;
  352. }
  353. .avatar-image-container {
  354. float:right;
  355. height:50px;
  356. width:65px;
  357. }
  358. .avatar-image-container img {
  359. height:50px;
  360. width:50px;
  361. }
  362. .comments .avatar-image-container {
  363. float: left;
  364. max-height: 75px;
  365. overflow: hidden;
  366. width: 50px;
  367. padding: 5px;
  368. border-radius: 5px;
  369. background: #9059D1;
  370. border: 1px solid #ddd;
  371. }
  372. .comments .avatar-image-container img {height:auto;border-radius: 5px;}
  373. ol.commentlist li .comment-meta{
  374. font-size:13px;font-family: 'Open Sans', sans-serif;
  375. }
  376. ol.commentlist li .comment-meta .commentmetadata{
  377. color:#555;
  378. }
  379. ol.commentlist li .comment-meta a {
  380. color:#ffffff;
  381. text-decoration:none !important;
  382. }
  383. ol.commentlist li p {
  384. line-height:22px;
  385. margin-top:5px;
  386. color:#FEFAEF;
  387. font-size:12px;
  388. }
  389. ol.commentlist li .reply{
  390. margin-top:10px;
  391. font-size:10px;
  392. }
  393. ol.commentlist li .reply a{
  394. background:#5F553B;
  395. color:#fff;
  396. text-decoration:none;
  397. padding:3px 10px;
  398. }
  399. ol.commentlist li.odd {
  400. background:#D3D4CE;
  401. }
  402. ol.commentlist li.even {
  403. }
  404. ol.commentlist li.even:hover{BACKGROUND:#D3D4CE;}
  405. ol.commentlist li ul.children {
  406. list-style:none;
  407. margin:1em 0 0;
  408. text-indent:0;
  409. }
  410. ol.commentlist li ul.children li.depth-2 {
  411. margin:0 0 0px 50px;
  412. }
  413. ol.commentlist li ul.children li.depth-3 {
  414. margin:0 0 0px 50px;
  415. }
  416. ol.commentlist li ul.children li.depth-4 {
  417. margin:0 0 0px 50px;
  418. }
  419. ol.commentlist li ul.children li.depth-5 {
  420. margin:0 0 0px 50px;
  421. }
  422. .comment-nav{
  423. padding:5px ;
  424. height:20px;
  425. background:#C4D533;
  426. }
  427. .comment-nav a:link,.comment-nav a:visited{
  428. color:#fff;
  429. }
  430. #respond{
  431. padding:20px;
  432. margin:20px 0px;
  433. }
  434. #respond h3 {
  435. font-size:20px;
  436. font-family: 'Open Sans', sans-serif;
  437. color:#000;
  438. padding-bottom:10px;
  439. font-weight:normal;
  440. }
  441. #commentform p{
  442. margin:5px 0px;
  443. }
  444. #respond label{
  445. display:block;
  446. padding:5px 0;
  447. font-weight:bold;
  448. color:#3F361F;
  449. }
  450. #respond label small {
  451. font-size:10px;
  452. }
  453. #respond input {
  454. margin-bottom:10px;
  455. padding:5px 0px;
  456. margin:0 10px 10px 0;
  457. background:#6F6753;
  458. color:#F7EEE9;
  459. }
  460. #commentform input{
  461. width:99%;
  462. }
  463. #respond input#commentSubmit {
  464. width:100px;
  465. padding:5px 0px;
  466. background:#B7CD2C;
  467. color:#fff;
  468. margin:10px 0px;
  469. font-weight:bold;
  470. cursor:pointer;
  471. }
  472. textarea#comment{
  473. background:#6F6753;
  474. width:99%;
  475. margin:0px 0px;
  476. padding:5px 0px;
  477. color:#F7EEE9;
  478. }
  479. html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
  480. ,pre,a,abbr,acronym,address,big,cite
  481. ,code,del,dfn,em,img,ins,kbd,q,samp,small
  482. ,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
  483. form,label,legend,table,caption,tbody,tfoot,
  484. thead,tr,th,td{
  485. margin:0;
  486. padding:0;
  487. vertical-align:baseline;
  488. outline:none;
  489. }
  490. ol {padding: 20px;}
  491. center{text-align:center;}
  492. b,i,hr,u,center,menu,layer,s,strike,font,xmp
  493. {
  494. margin:0;
  495. padding:0;
  496. vertical-align:baseline;
  497. outline:none;
  498. font-size:100%;
  499. background:transparent;
  500. border:none;
  501. }
  502. body {
  503. margin: 0 auto;
  504. padding: 0px 0px 0px 0px;
  505. background: #D0D1EC;
  506. font-family: 'Open Sans', sans-serif;
  507. color: #312C21;
  508. overflow-x: hidden;
  509. font-size: 13px;
  510. background: -moz-linear-gradient(top, rgba(177,174,196,1) 0%, rgba(177,174,196,0) 47%, rgba(177,174,196,0) 53%, rgba(177,174,196,1) 100%);
  511. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,174,196,1)), color-stop(47%,rgba(177,174,196,0)), color-stop(53%,rgba(177,174,196,0)), color-stop(100%,rgba(177,174,196,1)));
  512. background: -webkit-linear-gradient(top, rgba(177,174,196,1) 0%,rgba(177,174,196,0) 47%,rgba(177,174,196,0) 53%,rgba(177,174,196,1) 100%);
  513. background: -o-linear-gradient(top, rgba(177,174,196,1) 0%,rgba(177,174,196,0) 47%,rgba(177,174,196,0) 53%,rgba(177,174,196,1) 100%);
  514. }
  515. a {
  516. color: #222;
  517. text-decoration: none;
  518. }
  519. a:visited {
  520. color: #000;
  521. }
  522. a:hover, a:active {
  523. color: #000;
  524. text-decoration:none;
  525. }
  526. h1,h2, h3, h4, h5, h6 {
  527. color: #000;
  528. font-weight: bold;
  529. }
  530. h1 {
  531. font-size: 85px;
  532. font-family: 'Open Sans', sans-serif;}
  533. h2 {
  534. font-size: 21px;
  535. }
  536. h3 {
  537. font-size: 19px;
  538. }
  539. h4 {
  540. font-size: 17px;color:#222;
  541. }
  542. h5 {
  543. font-size: 15px;
  544. }
  545. h6 {
  546. font-size: 13px;
  547. }
  548.  
  549. blockquote {
  550. font-style: italic;
  551. color: black;
  552. border: 1px double #bbb;
  553. padding: 25px;
  554. border-radius: 5px 35px 5px 35px;
  555. overflow: hidden;
  556. background: #fafafa;
  557. font-size: 13px;
  558. }
  559. blockquote blockquote {
  560. color: #222;
  561. }
  562. blockquote em {
  563. font-style: normal;
  564. }
  565. pre {
  566. padding: 9px;
  567. background: #f9f9f9;
  568. border: 1px solid #ccc;
  569. white-space: pre-wrap;
  570. white-space: -moz-pre-wrap;
  571. white-space: -o-pre-wrap;
  572. word-wrap: break-word;
  573. }
  574. code {
  575. padding: 0 3px;
  576. background: #eee;
  577. }
  578. pre code {
  579. background: transparent;
  580. }
  581. .clear {
  582. clear:both;
  583. }
  584. img.centered {
  585. display: block;
  586. margin-left: auto;
  587. margin-right: auto;
  588. margin-bottom: 10px;
  589. padding: 0px;
  590. }
  591. #casing{
  592. padding: 20px 10px 0px 10px;
  593. background:#EAEAEA;
  594. margin: auto;
  595. border: 1px solid #bbb;
  596. border-top: none;
  597. overflow:hidden;
  598. }
  599. #wrapper{
  600. width:1065px;
  601. margin:auto;
  602. }
  603. #header{
  604. width: 1065px;
  605. position: relative;
  606. margin: auto;
  607. height: 399px;
  608. background: #fff url(http://1.bp.blogspot.com/-73DrhhHIQM4/US3jTon10iI/AAAAAAAAFyE/qt4gue3rZL8/s1600/header.jpg) no-repeat top center;
  609. overflow: hidden;
  610. }
  611. h1#blog-title {
  612. text-align: center;
  613. margin-top: 195px;
  614. font-family: 'Playfair Display SC', serif;
  615. font-weight: 200;
  616. font-size: 65pt;
  617. letter-spacing: -6px;
  618. color: #fff;
  619. line-height: 50px;
  620. padding: 10px;
  621. text-shadow: 1px 1px 0px #222, -1px -1px 0px #222, -1px 1px 0px #000, 1px -1px 0px #000, 0px 0px 30px #000, 0px 0px 30px #000, 0px 0px 30px #000;
  622. }
  623. h1#blog-title a {padding:5px;color:#000;}
  624. h1#blog-title a:link,h1#blog-title a:visited {
  625. color: #fff;
  626. border-radius: 15px/45px;
  627. background-size: 6px;
  628. }
  629. h2#blog-desc span{background: #3F3C47;
  630. box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;
  631. padding: 0px 15px 5px 15px;
  632. border-radius: 5px;
  633. border: 1px solid #222;}
  634. h2#blog-desc {
  635. padding: 25px 5px 5px 5px;
  636. text-align: center;
  637. font-weight: 200;
  638. font-size: 17pt;
  639. letter-spacing: 4px;
  640. color: #fff;
  641. text-shadow: 2px 2px 2px #222, -2px -2px 2px #222;
  642. font-family: 'Playfair Display SC', serif;
  643. }
  644. .title h2{
  645. text-decoration: none;
  646. padding: 10px;
  647. margin-bottom: 15px;
  648. line-height: 30px;
  649. text-align: left;
  650. font-weight: normal;
  651. margin: auto;
  652. -webkit-transition: all 0.3s ease-in-out;
  653. -moz-transition: all 0.3s ease-in-out;
  654. font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  655. font-weight: 200;
  656. font-size: 20pt;
  657. letter-spacing: 0.01em;
  658. color: #fff;
  659. }
  660. .title h2 a:link, .title h2 a:visited{
  661. color:#000;text-decoration: none;
  662. }
  663. .postmeta, .postinfo{
  664. background:#F5ECC1;
  665. padding:3px 10px;
  666. border:1px solid #DFD5A7;
  667. font-size:10px;
  668. text-transform:uppercase;
  669. }
  670.  
  671. .post {
  672. display: inline;
  673. position: relative;
  674. width: 220px;
  675. border: 1px solid #ddd;
  676. box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);
  677. float: left;background: #fafafa;
  678. margin: 5px;
  679. border-radius: 5px;
  680. padding: 6px;
  681. overflow: hidden;}
  682. .pagepost{
  683. width: 690px;
  684. float: left;
  685. padding: 20px;
  686. line-height: 1.8;
  687. margin-bottom: 25px;
  688. font-weight: 300;
  689. font-size: 11pt;
  690. letter-spacing: 0.02em;
  691. }
  692. .widget ul {
  693. line-height: 2.0;list-style: none;}
  694. .pagepost ul{list-style: disc;}
  695. .pagepost a{color:#2B5797;text-decoration:underline;}
  696. .pagepost a:hover {color:#2B5795;}
  697. .widget {
  698. margin: auto;}
  699. .singlepst p:first-letter {
  700. font-size : 30px;
  701. font-weight : bold;
  702. float : left;
  703. font-family: 'Open Sans', sans-serif;
  704. color : #3F3A2B;
  705. margin:8px 5px 0px 0px;
  706. }
  707. .cover {
  708. margin:0 0;
  709. color:#222;
  710. }
  711. h2.pagetitle{
  712. font-size:14px;
  713. padding:10px 0px;
  714. font-weight:normal;
  715. margin-right:10px;
  716. color:#6F6753;
  717. text-align:right;
  718. text-shadow: 0px 1px 1px black;
  719. }
  720. .comments .avatar-image-container img {
  721. max-width: 50px;
  722. }
  723. .item-title a {
  724. padding-bottom: .2em;}
  725. .main-wrapper{
  726. width: 735px;
  727. float: left;
  728. padding: 5px;
  729. position: relative;
  730. background: #fafafa;
  731. margin-right: 10px;
  732. border-radius: 10px;
  733. border: 1px solid #bbb;}
  734. #main2 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content {margin-bottom:15px;border-radius:0px 0px 5px 5px}
  735. #main2 img, #main3 img, #main4 img , #main5 img, #main6 img {border:0px;}
  736. #main2 .widget-content, #main3 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content {
  737. overflow: hidden;
  738. color: #222;
  739. padding: 20px;
  740. list-style: none;
  741. padding-bottom:10px;
  742. background: #fafafa;
  743. font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  744. font-weight: 300;
  745. font-size: 10pt;
  746. letter-spacing: 0.02em;
  747. line-height: 20px;
  748. border: 1px solid #bbb;
  749. box-shadow: inset 0 5px 4px rgba(0, 0, 0, 0.1);}
  750. h3.openpost:hover {cursor:pointer;}
  751. #main3 h2:hover {cursor:pointer;}
  752. #main2 h2 {background: #B12D3B;
  753. border-radius: 5px 5px 0px 0px;
  754. border-bottom: 6px ridge #b12d3b;}
  755. #main3 h2{background:#5E3F9D;border-bottom: 6px ridge #5E3F9D;}
  756. #main4 h2 {background:#77B07D;border-radius: 5px 5px 0px 0px;border-bottom: 6px ridge #77B07D;}
  757. #main5 h2 {background: #E06270;border-radius: 5px 5px 0px 0px;border-bottom: 6px ridge #E06270;}
  758. #main6 h2 {background: #5E7A88;border-radius: 5px 5px 0px 0px;border-bottom: 6px ridge #5E7A88;}
  759. #main2 h2, #main3 h2, #main4 h2, #main5 h2, #main6 h2 {
  760. box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;
  761. text-align: left;
  762. margin: auto;
  763. text-shadow: 1px 1px 1px #222;
  764. padding: 10px 5px;
  765. padding-left: 15px;
  766. -webkit-transition: all 0.3s ease-in-out;
  767. -moz-transition: all 0.3s ease-in-out;
  768. font-weight: normal;
  769. font-size: 13pt;
  770. letter-spacing: 0.01em;
  771. color: #fff;}
  772. #main2 ul li a:link, #main2 ul li a:visited, #main3 ul li a:link, #main3 ul li a:visited, #main4 ul li a:link, #main4 ul li a:visited, #main5 ul li a:link, #main5 ul li a:visited, #main6 ul li a:link, #main6 ul li a:visited {-webkit-transition: all 0.5s ease-in-out;
  773. -moz-transition: all 0.5s ease-in-out;
  774. font-weight: 200;
  775. font-size: 10pt;
  776. letter-spacing: 0.01em;
  777. line-height: 24pt;
  778. font-smooth: always;
  779. color: ##8AA6B4;}
  780. #main2 ul li, #main3 ul li, #main4 ul li, #main5 ul li,#main6 ul li {border-bottom: 1px solid #DDD;}
  781. #main2 ul li a:hover, #main3 ul li a:hover, #main4 ul li a:hover, #main5 ul li a:hover, #main6 ul li a:hover {color:#2D89EF;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;}
  782. .footer {
  783. margin: 0 auto;
  784. z-index: 1;
  785. text-align: left;
  786. position: relative;
  787. padding:25px;
  788. padding-top:15px;
  789. padding-bottom:15px;}
  790. .widget ul li a span.ltr {display:none;}
  791. #footer{
  792. font-size: 11px;
  793. color: black;
  794. background: #3F3C47;
  795. margin: auto;
  796. min-height:370px;
  797. border-radius:5px 5px 0px 0px;
  798. -moz-transition: all 0.3s ease-in-out;
  799. -webkit-transition: all 0.3s ease-in-out;
  800. -o-transition: all 0.3s ease-in-out;
  801. transition: all 0.3s ease-in-out;
  802. margin-top: 30px;
  803. }
  804. .fleft{
  805. text-align: center;
  806. margin: auto;
  807. width: 1063px;
  808. background: #3F3C47;
  809. padding-top: 5px;
  810. padding-bottom: 5px;
  811. color: #ddd;
  812. font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  813. font-weight: 300;
  814. font-size: 10pt;
  815. letter-spacing: 0.02em;
  816. border: 1px solid #222;
  817. border-radius:0px 0px 5px 5px;
  818. }
  819. .fleft p {
  820. text-align: center;
  821. }
  822. .fleft a{color:#fff;}
  823. #Label1 ul li{font-family: 'Open Sans', sans-serif;}
  824. #LinkList1 ul li{font-family: 'Open Sans', sans-serif;}
  825. .crop img {border-radius: 5px;position: absolute;
  826. clip: rect(0px, 210px, 130px, 0px);border:0px;}
  827. .crop {
  828. width: 210px;
  829. position: relative;
  830. overflow: hidden;
  831. -moz-transition: all 0.4s ease;
  832. -webkit-transition: all 0.4s ease;
  833. -o-transition: all 0.4s ease;
  834. transition: all 0.4s ease;
  835. float: left;
  836. height:130px;
  837. z-index: 2;
  838. padding: 4px;
  839. }
  840. .posting:hover {-moz-transition: all 1s ease;
  841. -webkit-transition: all 1s ease;
  842. -o-transition: all 1s ease;
  843. transition: all 1s ease;}
  844.  
  845. .posting {
  846. padding: 5px;
  847. text-align: justify;
  848. font-weight: 300;
  849. font-size: 8pt;
  850. color: #222;
  851. z-index: 3;
  852. height: 65px;
  853. letter-spacing: 0px;
  854. line-height: 22px;
  855. -moz-transition: all 0.4s ease;
  856. -webkit-transition: all 0.4s ease;
  857. -o-transition: all 0.4s ease;
  858. transition: all 0.4s ease;
  859. float: left;
  860. width: 210px;
  861. overflow: hidden;
  862. border-bottom: 1px solid #ddd;
  863. font-style: italic;
  864. }
  865. .breadcrumb {
  866. list-style: none;
  867. overflow: hidden;
  868. text-align: left;
  869. color: #222;
  870. width: 650px;
  871. font-size: 12px;
  872. height: 40px;
  873. z-index: 9;}
  874. .section {margin:auto;}
  875. .breadcrumb ul{margin:auto;}
  876. .breadcrumb li {
  877. position: relative;
  878. display: block;
  879. color: black;
  880. float: left;
  881. text-decoration: none;
  882. font-weight: 300;
  883. font-size: 10pt;
  884. letter-spacing: 0.02em;
  885. padding: 10px 10px;}
  886. .home-link {
  887. display:none;}
  888. #blog-pager-newer-link {
  889. float:right;
  890. text-align: center;
  891. position: fixed;
  892. top: 300px;
  893. right: 0px;}
  894. #blog-pager-older-link a{border-radius:5px 0px 0px 5px;}
  895. #blog-pager-older-link a{border-radius:0px 5px 5px 0px;}
  896. #blog-pager-older-link {
  897. float: left;
  898. text-align: center;
  899. position: fixed;
  900. top: 300px;
  901. left: 0px;}
  902. #blog-pager-newer-link:before {
  903. content: "";
  904. position: absolute;
  905. top: -50px;
  906. right: 0px;
  907. border-width: 65px 90px 65px 0px;
  908. border-style: solid;
  909. border-color: transparent #3E3B46;
  910. display: block;
  911. width: 0;
  912. z-index: -1;}
  913. #blog-pager-older-link:before {
  914. content: "";
  915. position: absolute;
  916. top: -50px;
  917. left: 0px;
  918. border-width: 65px 0px 65px 90px;
  919. border-style: solid;
  920. border-color: transparent #3E3B46;
  921. display: block;
  922. width: 0;
  923. z-index: -1;}
  924. #blog-pager-older-link a, #blog-pager-newer-link a {
  925. color: #fafafa;
  926. line-height: 33px;
  927. padding: 4px 10px 4px 10px;
  928. -moz-transition: all 0.2s ease-in-out;
  929. -webkit-transition: all 0.2s ease-in-out;
  930. -o-transition: all 0.2s ease-in-out;
  931. transition: all 0.2s ease-in-out;
  932. z-index: 7;
  933. text-shadow: 1px 1px 1px #222;
  934. }
  935. body:hover #blog-pager{opacity:1;}
  936. #blog-pager {
  937. opacity:0;
  938. -moz-transition: all 0.2s ease-in-out;
  939. -webkit-transition: all 0.2s ease-in-out;
  940. -o-transition: all 0.2s ease-in-out;
  941. transition: all 0.2s ease-in-out;
  942. color: #DDD;
  943. text-align: center;
  944. text-transform: capitalize;
  945. font-size: 17px;
  946. float: left;
  947. font-weight: normal;
  948. letter-spacing: 1px;
  949. overflow: hidden;
  950. -moz-transition: all 0.2s ease-in-out;
  951. -webkit-transition: all 0.2s ease-in-out;
  952. -o-transition: all 0.2s ease-in-out;
  953. transition: all 0.2s ease-in-out;
  954. width: 100%;
  955. position: fixed;
  956. bottom: 0px;
  957. left: 0px;
  958. z-index: 999999999999999999999;
  959. border-radius: 5px;
  960. font-family: 'Playfair Display SC', serif;}
  961. .comments .comments-content {
  962. margin-bottom: 16px;}
  963. .comments .comment-block {
  964. margin-left: 75px;
  965. position: relative;
  966. border: 1px solid #DDD;
  967. background: white;
  968. padding: 10px;
  969. border-radius: 5px;
  970. min-height: 83px;}
  971. .blognames {margin:auto;}
  972. .jomore {
  973. margin-left:4px;
  974. margin-top: 36px;
  975. font-size: 11px;
  976. background: rgba(255,255,255, 0.8);
  977. opacity:0;
  978. -moz-transition: all 0.5s ease-in-out;
  979. -webkit-transition: all 0.5s ease-in-out;
  980. -o-transition: all 0.5s ease-in-out;
  981. transition: all 0.5s ease-in-out;
  982. font-weight: normal;
  983. width: 210px;
  984. height: 131px;
  985. position: absolute;
  986. z-index: 2;
  987. border-radius: 5px;
  988. }
  989. .jomorelink:hover{color:#222;}
  990. .jomorelink a:hover{color:#000;}
  991. a.comment-link:hover{color:#222;}
  992. .jomorelink{
  993. -moz-transition: all 0.5s ease-in-out;
  994. -webkit-transition: all 0.5s ease-in-out;
  995. -o-transition: all 0.5s ease-in-out;
  996. transition: all 0.5s ease-in-out;
  997. z-index: 2;
  998. opacity: 0;
  999. text-align: right;
  1000. height: 20px;
  1001. line-height: 20px;
  1002. font-size: 11px;
  1003. color: #000;
  1004. font-family: 'Open Sans', sans-serif;
  1005. width: 85px;
  1006. overflow: hidden;
  1007. padding: 5px;
  1008. position: absolute;
  1009. bottom:0px;
  1010. border-top: 1px solid #bbb;
  1011. left: 120px;
  1012. }
  1013. .pagepost a {text-decoration: underline;}
  1014. .pagepost img{max-width:620px;padding: 3px;
  1015. border: 1px solid #DDD;
  1016. -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  1017. -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  1018. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  1019. height:auto;}
  1020. .BlogArchive #ArchiveList ul li {
  1021. background: none;
  1022. list-style: none;
  1023. list-style-image: none;
  1024. list-style-position: outside;
  1025. border-width: 0;
  1026. padding-left:0px;
  1027. text-indent:0px;
  1028. margin:0;
  1029. background-image: none;}
  1030. #ArchiveList .toggle-open {
  1031. line-height: .6em;
  1032. float: left;
  1033. margin-top: 8px;}
  1034. .post-count {display:none;}
  1035. .post-footer-line-1 {
  1036. border-top: 1px solid #fafafa;}
  1037. .icon-action {display:none;}
  1038. ul.menusjohanes {
  1039. list-style: none;
  1040. padding: 8px 1px;
  1041. font-weight: 200;
  1042. font-size: 14px;
  1043. letter-spacing: 0.01em;
  1044. color: #fff;
  1045. line-height: 15px;
  1046. position: relative;
  1047. background: #3F3C47;
  1048. border: 1px solid #222;
  1049. border-radius: 5px 5px 0px 0px;
  1050. box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;
  1051. }/* Blog johanes djogzs.blogspot.com */
  1052. ul.menusjohanes:after {
  1053. content: "";
  1054. clear: both;
  1055. display: block;
  1056. overflow: hidden;
  1057. visibility: hidden;
  1058. width: 0;
  1059. height: 0;}
  1060. ul.menusjohanes li.jolor:nth-child(6), ul.menusjohanes li.jolor:nth-child(12) {background: #5E7A88;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}
  1061. ul.menusjohanes li.jolor:nth-child(5), ul.menusjohanes li.jolor:nth-child(11) {background: #E06270;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}
  1062. ul.menusjohanes li.jolor:nth-child(4), ul.menusjohanes li.jolor:nth-child(10) {background: #77B07D;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}
  1063. ul.menusjohanes li.jolor:nth-child(3), ul.menusjohanes li.jolor:nth-child(9) {background: #5E3F9D;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}
  1064. ul.menusjohanes li.jolor:nth-child(2), ul.menusjohanes li.jolor:nth-child(8) {background: #B12D3B;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}
  1065. ul.menusjohanes li.jolor:nth-child(2), ul.menusjohanes li.jolor:nth-child(7) {background: #B12D3B;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}
  1066. ul.menusjohanes li {
  1067. float: left;
  1068. border-radius: 15px/45px;
  1069. margin-left:2.5px;
  1070. margin-right:2.5px;
  1071. position: relative;}
  1072. /* Blog johanes djogzs.blogspot.com */
  1073. ul.menusjohanes li a, ul.menusjohanes li a:link {
  1074. color: #fafafa;
  1075. text-shadow: 1px 1px 1px #222;
  1076. text-decoration: none;
  1077. display: block;
  1078. padding: 8px 26px;
  1079. -webkit-transition: all 0.2s ease;
  1080. -moz-transition: all 0.2s ease;
  1081. -o-transition: all 0.2s ease;
  1082. -ms-transition: all 0.2s ease;
  1083. transition: all 0.2s ease;
  1084. }/* Blog johanes djogzs.blogspot.com */
  1085. ul.menusjohanes li a:hover {
  1086. color: #fafafa;
  1087. -webkit-transition: all 0.5s ease;
  1088. -moz-transition: all 0.5s ease;
  1089. -o-transition: all 0.5s ease;
  1090. transition: all 0.5s ease;
  1091. background: #2b2b2b;
  1092. text-shadow: 1px 1px 1px #222;
  1093. border-radius: 14px/45px;
  1094. }/* Blog johanes djogzs.blogspot.com */
  1095. ul.menusjohanes li a.selected {
  1096. text-transform: uppercase;
  1097. background: rgba(221,221,221,0.4) url("http://3.bp.blogspot.com/-1dvFqYGxpbQ/T-xeCg8Wu_I/AAAAAAAACUo/HEzO-OJWCH8/s1600/HOME_32x32-32.png") no-repeat center center;
  1098. border-radius: 15px/45px;
  1099. margin-left: 10px;
  1100. margin-right: 5px;
  1101. background-size: 23px;
  1102. background-position-x: 5px;
  1103. height: 15px;
  1104. width: 0px;
  1105. padding-left: 8px;
  1106. padding-bottom: 8px;
  1107. }
  1108. ul.menusjohanes li a.selected, ul.menusjohanes li a:active {
  1109. color: #fff;
  1110. -webkit-transition: all 0.5s ease;
  1111. -moz-transition: all 0.5s ease;
  1112. -o-transition: all 0.5s ease;
  1113. transition: all 0.5s ease;}
  1114. ul.menusjohanes li ul {
  1115. display: none;
  1116. }/* Blog johanes djogzs.blogspot.com */
  1117. ul.menusjohanes li ul:before {
  1118. content: " ";
  1119. position: absolute;
  1120. display: block;
  1121. z-index: 1500;
  1122. left: 0;
  1123. top: -10px;
  1124. height: 10px;
  1125. width: 100%;}
  1126. ul.menusjohanes li ul {-webkit-transition: all 0.5s ease;
  1127. -moz-transition: all 0.5s ease;
  1128. -o-transition: all 0.5s ease;
  1129. transition: all 0.5s ease;top:55px;}
  1130. ul.menusjohanes li:hover ul {
  1131. position: absolute;
  1132. display: block;
  1133. z-index: 1000;
  1134. box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #ddd,0 5px 10px rgba(0, 0, 0, 0.2);
  1135. left: 0;border-radius: 0px 0px 5px 5px;
  1136. top: 41px;
  1137. padding: 5px 0;
  1138. list-style: none;
  1139. background: rgba(221,221,221, 0.7);
  1140. }/* Blog johanes djogzs.blogspot.com */
  1141. ul.menusjohanes li ul li {
  1142. float: none;
  1143. margin:0px;}
  1144. ul.menusjohanes li ul li:first-child {
  1145. margin:0px;
  1146. border-top: 0 none;}
  1147. ul.menusjohanes li ul li:last-child {
  1148. border-bottom: 0 none;
  1149. }/* Blog johanes djogzs.blogspot.com */
  1150. ul.menusjohanes [data-role="dropdown"] > a::before {
  1151. position: absolute;
  1152. content: "^";
  1153. display: block;
  1154. font-size: 13px;
  1155. left: 100%;
  1156. margin-left: -20px;
  1157. top: 7px;
  1158. -webkit-transform: rotate(180deg);
  1159. -moz-transform: rotate(180deg);
  1160. -ms-transform: rotate(180deg);
  1161. -o-transform: rotate(180deg);
  1162. transform: rotate(180deg);
  1163. }
  1164. ul.menusjohanes li ul li a, ul.menusjohanes li ul li a:link {
  1165. color: #fff;
  1166. display: block;
  1167. background: transparent none;
  1168. padding: 10px 25px 10px 25px;
  1169. white-space: nowrap;}
  1170. ul.menusjohanes li ul li a:hover {
  1171. background:#6545A8;-moz-transition: all 0.1s ease-in-out;color:#fff;
  1172. -webkit-transition: all 0.1s ease-in-out;
  1173. }/* Blog johanes djogzs.blogspot.com */
  1174. .menujohanes{
  1175. position: relative;
  1176. z-index: 99;
  1177. margin-top: 50px;
  1178. width: 1065px;}
  1179. #search input[type="text"]:hover {
  1180. background: #fff url("http://3.bp.blogspot.com/-uYZni0pIn-E/T-xY2vVu_-I/AAAAAAAACUY/ZMfR3_BvRFE/s1600/SEARCH_32x32-32.png")no-repeat center left;
  1181. width: 225px;}
  1182. #search input[type="text"] {
  1183. background: #76B17B url("http://3.bp.blogspot.com/-uYZni0pIn-E/T-xY2vVu_-I/AAAAAAAACUY/ZMfR3_BvRFE/s1600/SEARCH_32x32-32.png")no-repeat center center;
  1184. font-size: 13px;
  1185. color: #222;
  1186. width: 0px;
  1187. padding: 7px 6px 6px 34px;
  1188. z-index: 9;
  1189. float: right;
  1190. border: 1px solid #76B17B;
  1191. -webkit-transition: all 0.5s ease-in-out;
  1192. -moz-transition: all 0.5s ease-in-out;
  1193. border-radius: 5px;
  1194. height: 26px;}
  1195. .twitterjo{
  1196. background: #92D1F0 url("http://4.bp.blogspot.com/-8BAKelUOAUY/UTyKNEclkHI/AAAAAAAAF3w/JWk7Bt7gJ6s/s1600/white_twitter_bird.png")no-repeat center center;
  1197. font-size: 13px;
  1198. color: #222;
  1199. width: 0px;
  1200. float: right;
  1201. padding: 8px 7px 7px 35px;
  1202. z-index: 9;
  1203. margin-bottom: 15px;
  1204. -webkit-transition: all 0.5s ease-in-out;
  1205. -moz-transition: all 0.5s ease-in-out;
  1206. border-radius: 5px;
  1207. height: 26px;}
  1208. .facebookjo {
  1209. background: #424894 url("http://3.bp.blogspot.com/-vG6u1PK9oY0/UTyKNIjeVvI/AAAAAAAAF3o/Vr5nEq6jrAw/s1600/white_facebook.png")no-repeat center center;
  1210. font-size: 13px;
  1211. color: #222;
  1212. width: 0px;
  1213. float: right;
  1214. margin-bottom: 15px;
  1215. padding: 8px 7px 7px 35px;
  1216. z-index: 9;
  1217. -webkit-transition: all 0.5s ease-in-out;
  1218. -moz-transition: all 0.5s ease-in-out;
  1219. border-radius: 5px;
  1220. height: 26px;}
  1221. .rssjo{
  1222. background: #DE5D71 url("http://4.bp.blogspot.com/-Sq24o9Td46E/UTyKNLLPZtI/AAAAAAAAF3s/TXkBFOaF7nQ/s1600/white_rss.png")no-repeat center center;
  1223. font-size: 13px;
  1224. color: #222;
  1225. width: 0px;
  1226. margin-bottom: 15px;
  1227. padding: 8px 7px 7px 35px;
  1228. z-index: 9;
  1229. float: right;
  1230. -webkit-transition: all 0.5s ease-in-out;
  1231. -moz-transition: all 0.5s ease-in-out;
  1232. border-radius: 5px;
  1233. height: 26px;}
  1234. #main4, #main5 ,#main6 {
  1235. width: 310px;
  1236. list-style-type: none;
  1237. float: left;
  1238. margin: 10px;}
  1239. .main3, .main2 {width:280px;
  1240. list-style-type: none;
  1241. float: left;}
  1242. ::-webkit-scrollbar {
  1243. height:12px;
  1244. background: #fafafa;}
  1245. ::-webkit-scrollbar-thumb {
  1246. background-color: #5E7A88;
  1247. }
  1248. #popjo .widget-content{overflow:hidden;}
  1249. #popjo {border-bottom: 1px solid #222;
  1250. position:relative;
  1251. height: 105px;
  1252. width: 1063px;
  1253. margin: auto;
  1254. border-left: 1px solid #222;
  1255. border-right: 1px solid #222;
  1256. border-top: 1px solid #222;
  1257. background: #3F3C47;
  1258. box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;}
  1259. a.anes:hover {color:#000;-moz-transition: all 0.1s ease-in-out;
  1260. -webkit-transition: all 0.1s ease-in-out;
  1261. -o-transition: all 0.1s ease-in-out;
  1262. transition: all 0.1s ease-in-out;}
  1263. a.anes{
  1264. font-size: 13px;
  1265. color: #000;
  1266. -moz-transition: all 0.4s ease-in-out;
  1267. -webkit-transition: all 0.4s ease-in-out;
  1268. -o-transition: all 0.4s ease-in-out;
  1269. transition: all 0.4s ease-in-out;
  1270. font-family: 'Open Sans', sans-serif;
  1271. }
  1272. .label-size a{-moz-transition: all 0.1s ease-in-out;
  1273. -webkit-transition: all 0.1s ease-in-out;
  1274. -o-transition: all 0.1s ease-in-out;
  1275. transition: all 0.1s ease-in-out;}
  1276. .label-size a:hover{color:#fff;-moz-transition: all 0.4s ease-in-out;
  1277. -webkit-transition: all 0.4s ease-in-out;
  1278. -o-transition: all 0.4s ease-in-out;
  1279. transition: all 0.4s ease-in-out;}
  1280. #comment-form {
  1281. border: 1px solid #ddd;
  1282. border-radius: 5px;
  1283. }
  1284. .widget-item-control a{display:none;}
  1285. .readmore {width: 370px;
  1286. border-bottom: 1px solid #ddd;}
  1287. #Navbar1, #Attribution1 {display:none;}
  1288. .bigcom {width: 234px;text-align: center;}
  1289. .posted {
  1290. width: 300px;
  1291. border-right: 1px solid #ddd;
  1292. text-align: center;}
  1293. .tombolbacktotop a{color:#8AA6B4;}
  1294. .tombolbacktotop {
  1295. -webkit-transform: rotate(-90deg);
  1296. -moz-transform: rotate(-90deg);
  1297. -ms-transform: rotate(-90deg);
  1298. -o-transform: rotate(-90deg);
  1299. transform: rotate(-90deg);
  1300. position: absolute;
  1301. font-size: 25px;
  1302. border: 1px solid #ddd;
  1303. border-radius: 50px;
  1304. width: 30px;
  1305. height: 30px;
  1306. padding-right: 0px;
  1307. padding-bottom: 8px;
  1308. padding-left: 6px;
  1309. margin: auto;
  1310. margin-top: -20px;
  1311. background: #fff;
  1312. -moz-transition: all 0.3s ease-in-out;
  1313. -webkit-transition: all 0.3s ease-in-out;
  1314. -o-transition: all 0.3s ease-in-out;
  1315. transition: all 0.3s ease-in-out;
  1316. color: #8AA6B4;}
  1317. .topwrap {width: 100%;
  1318. position: relative;
  1319. height: 20px;
  1320. text-align: center;}
  1321. a.comment-link {
  1322. -moz-transition: all 0.5s ease-in-out;
  1323. -webkit-transition: all 0.5s ease-in-out;
  1324. -o-transition: all 0.5s ease-in-out;
  1325. transition: all 0.5s ease-in-out;
  1326. z-index: 2;
  1327. opacity: 0;
  1328. text-align: left;
  1329. height: 20px;
  1330. line-height: 20px;
  1331. font-size: 13px;
  1332. color: #000;
  1333. font-family: 'Open Sans', sans-serif;
  1334. width: 85px;
  1335. overflow: hidden;
  1336. padding: 5px;
  1337. position: absolute;
  1338. top: 1px;
  1339. border-bottom: 1px solid #bbb;
  1340. left: -40px;
  1341. }
  1342. .profile-name-link {
  1343. background: no-repeat left top;
  1344. display: inline;
  1345. min-height: 20px;
  1346. padding-left: 20px;
  1347. }
  1348. p.bulan {
  1349. clear: both;
  1350. font-size: 18px;
  1351. display: block;
  1352. padding: 10px;
  1353. line-height: 50px;
  1354. text-align: center;
  1355. background: #5E3F9D;
  1356. color:#fafafa;
  1357. z-index: 99999;
  1358. width: 48px;
  1359. height: 48px;
  1360. border-radius: 50px;
  1361. position: absolute;
  1362. top: 66px;
  1363. left: 65px;}
  1364. p.tahun {
  1365. clear: both;
  1366. font-size: 14px;
  1367. display: block;
  1368. padding: 10px;
  1369. line-height: 35px;
  1370. text-align: center;
  1371. background: #77B07D;
  1372. color:#fafafa;
  1373. z-index: 9;
  1374. width: 35px;
  1375. height: 35px;
  1376. border-radius: 50px 0px 50px 50px;
  1377. position: absolute;
  1378. top: 0px;
  1379. left: 140px;}
  1380. .sidebar {
  1381. float:left;
  1382. width: 278px;
  1383. position: relative;}
  1384. .author1 {
  1385. font-style: italic;
  1386. -moz-transition: all 0.8s ease-in-out;
  1387. -webkit-transition: all 0.8s ease-in-out;
  1388. -o-transition: all 0.8s ease-in-out;
  1389. transition: all 0.8s ease-in-out;
  1390. z-index: 2;
  1391. text-align: left;
  1392. height: 25px;
  1393. line-height: 25px;
  1394. font-size: 11px;
  1395. color: #000;
  1396. font-family: 'Open Sans', sans-serif;
  1397. width: 205px;
  1398. overflow: hidden;
  1399. padding: 3px;
  1400. float: left;
  1401. border-top: 1px solid #ddd;}
  1402. .item-snippet {display:none;list-style: none;}
  1403. #PopularPosts1 h2:before {
  1404. content: "";
  1405. position: absolute;
  1406. bottom: 14px;
  1407. left: -9px;
  1408. border-width: 21px 8px 0px 0px;
  1409. border-style: solid;
  1410. border-color: transparent #000;
  1411. display: block;
  1412. width: 0;
  1413. }
  1414.  
  1415. #PopularPosts1 h2{
  1416. position: absolute;
  1417. top: -22px;
  1418. left: 20px;
  1419. background: #ddd;
  1420. padding: 5px 15px 5px 15px;
  1421. font-size: 18px;
  1422. font-weight: normal;
  1423. border: 1px solid #666;
  1424. box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.8), 0 7px 14px #222;
  1425. border-radius: 0px 0px 5px 5px;
  1426. font-family: 'Playfair Display SC', serif;
  1427. text-shadow: 1px 1px 1px #bbb;
  1428. color: #222;
  1429. letter-spacing: -1px;}
  1430. #PopularPosts1 ul li {padding: 0px;
  1431. border: 0px solid #ddd;
  1432. float: left;
  1433. margin: 2px;
  1434. height: 71px;
  1435. width: 71px;
  1436. margin-left: 37px;}
  1437.  
  1438.  
  1439. .jorib {
  1440. position: absolute;
  1441. right: -25px;
  1442. width: 45px;
  1443. height: 230px;
  1444. top: 130px;
  1445. background: #3F3C47;
  1446. z-index: 9;
  1447. padding: 5px;
  1448. border-radius: 5px 0px 0px 5px;
  1449. border: 1px solid #222;
  1450. box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.8), -5px 0px 14px #222;
  1451. }
  1452. .jorib:after {
  1453. content: "";
  1454. position: absolute;
  1455. top: -11px;
  1456. left: 31px;
  1457. border-width: 0px 25px 10px 0px;
  1458. border-style: solid;
  1459. border-color: #000 transparent;
  1460. display: block;
  1461. width: 0;
  1462. }
  1463. .jorib:before{
  1464. content: "";
  1465. position: absolute;
  1466. bottom: -11px;
  1467. left: 31px;
  1468. border-width: 10px 25px 0px 0px;
  1469. border-style: solid;
  1470. border-color: #000 transparent;
  1471. display: block;
  1472. width: 0;
  1473. }
  1474.  
  1475. ]]></b:skin>
  1476. <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'/>
  1477. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
  1478. <script type='text/javascript'>
  1479. var thumbnail_mode = &quot;float&quot; ;
  1480. summary_noimg = 100;
  1481. summary_img = 100;
  1482. </script>
  1483. <script type='text/javascript'>
  1484. //<![CDATA[
  1485. function removeHtmlTag(strx,chop){
  1486. if(strx.indexOf("<")!=-1)
  1487. {
  1488. var s = strx.split("<");
  1489. for(var i=0;i<s.length;i++){
  1490. if(s[i].indexOf(">")!=-1){
  1491. s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
  1492. }
  1493. }
  1494. strx = s.join("");
  1495. }
  1496. chop = (chop < strx.length-1) ? chop : strx.length-2;
  1497. while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
  1498. strx = strx.substring(0,chop-1);
  1499. return strx+'.';
  1500. }
  1501. function createSummaryAndThumb(pID){
  1502. var div = document.getElementById(pID);
  1503. var imgtag = "";
  1504. var img = div.getElementsByTagName("img");
  1505. var summ = summary_noimg;
  1506. if(img.length>=1) {
  1507. imgtag = '<div class="crop"><img src="'+img[0].src+'" width="210px;" /></div>';
  1508. summ = summary_img;
  1509. }
  1510. var summary = imgtag + '<div class="posting">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
  1511. div.innerHTML = summary;
  1512. }
  1513. //]]>
  1514. </script>
  1515. <script src='https://sites.google.com/site/djogzs/js/accordion-menu.js' type='text/javascript'/>
  1516. <script type='text/javascript'>
  1517. $(function() {
  1518. $(&#39;.main3 .widget-content&#39;).hide();
  1519. $(&#39;.main3 h2:first&#39;).addClass(&#39;active&#39;).next().slideDown(&#39;slow&#39;);
  1520. $(&#39;.main3 h2&#39;).click(function() {
  1521. if($(this).next().is(&#39;:hidden&#39;)) {
  1522. $(&#39;.main3 h2&#39;).removeClass(&#39;active&#39;).next().slideUp(&#39;slow&#39;);
  1523. $(this).toggleClass(&#39;active&#39;).next().slideDown(&#39;slow&#39;);
  1524. }
  1525. });
  1526. });
  1527. </script>
  1528. </head>
  1529. <body class='home blog'>
  1530. <div id='wrapper'>
  1531. <div id='sliderloader'>
  1532. <div id='progressbg'><div id='johanesloader'>
  1533. </div></div></div>
  1534. <div class='menujohanes'>
  1535. <div class='jorib'>
  1536. <a href='http://feeds.feedburner.com/alamat_feed_rss'><div class='rssjo'/></a>
  1537. <a href='http://twitter.com/username'><div class='twitterjo'/></a>
  1538. <a href='http://www.facebook.com/halaman_fan_page_facebook'><div class='facebookjo'/></a>
  1539. <form action='/search' id='search' method='get'>
  1540. <input name='q' placeholder='Search Somethings..' size='40' type='text'/></form>
  1541. </div>
  1542. <ul class='menusjohanes'>
  1543. <li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'/></li>
  1544. <li class='jolor' data-role='dropdown'><a href='#'>About</a><ul>
  1545. <li><a href='#'>Lorem Ipsum</a></li>
  1546. <li><a href='#'>Lorem Ipsum</a></li>
  1547. <li><a href='#'>Lorem Ipsum</a></li>
  1548. <li><a href='#'>Lorem Ipsum</a></li>
  1549. <li><a href='#'>Lorem Ipsum</a></li>
  1550. </ul></li><li class='jolor' data-role='dropdown'><a href='#'>Contact</a><ul>
  1551. <li><a href='#'>Lorem Ipsum</a></li>
  1552. <li><a href='#'>Lorem Ipsum</a></li>
  1553. <li><a href='#'>Lorem Ipsum</a></li>
  1554. <li><a href='#'>Lorem Ipsum</a></li>
  1555. <li><a href='#'>Lorem Ipsum</a></li>
  1556. </ul></li>
  1557. <li class='jolor' data-role='dropdown'><a href='#'>Download</a><ul>
  1558. <li><a href='#'>Lorem Ipsum</a></li>
  1559. <li><a href='#'>Lorem Ipsum</a></li>
  1560. <li><a href='#'>Lorem Ipsum</a></li>
  1561. <li><a href='#'>Lorem Ipsum</a></li>
  1562. <li><a href='#'>Lorem Ipsum</a></li>
  1563. </ul></li>
  1564. <li class='jolor'><a href='#'>Report</a></li>
  1565. <li class='jolor'><a href='#'>Watch</a></li>
  1566. </ul>
  1567. </div>
  1568. <div id='header'>
  1569. <b:section class='blognames' id='blognames' maxwidgets='1' showaddelement='no'>
  1570. <b:widget id='Header1' locked='true' title='Date A Live (Header)' type='Header'>
  1571. <b:includable id='title'>
  1572.   <a expr:href='data:blog.homepageUrl' expr:title='data:title' rel='home'><data:title/></a>
  1573. </b:includable>
  1574. <b:includable id='description'>
  1575.   <data:description/>
  1576. </b:includable>
  1577. <b:includable id='main'>
  1578.  
  1579.   <b:if cond='data:useImage'>
  1580.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1581.       <!--
  1582.      Show image as background to text. You can't really calculate the width
  1583.      reliably in JS because margins are not taken into account by any of
  1584.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1585.      width if the user is using shrink to fit.
  1586.      This results in a margin-width's worth of pixels being cropped. If the
  1587.      user is not using shrink to fit then we expand the header.
  1588.      -->
  1589.       <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;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  1590.         <div class='titlewrapper' style='background: transparent'>
  1591.           <h1 class='title' style='background: transparent; border-width: 0px'>
  1592.             <b:include name='title'/>
  1593.           </h1>
  1594.         </div>
  1595.         <b:include name='description'/>
  1596.       </div>
  1597.     <b:else/>
  1598.       <!--Show the image only-->
  1599.       <div id='header-inner'>
  1600.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  1601.           <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'/>
  1602.         </a>
  1603.         <!--Show the description-->
  1604.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1605.           <b:include name='description'/>
  1606.         </b:if>
  1607.       </div>
  1608.     </b:if>
  1609.   <b:else/>
  1610.     <!--No header image -->
  1611.     <h1 id='blog-title'><b:include name='title'/></h1>
  1612. <h2 id='blog-desc'><span><b:include name='description'/></span></h2>
  1613.    
  1614.   </b:if>
  1615. </b:includable>
  1616. </b:widget>
  1617. </b:section>
  1618. </div>
  1619. <b:section class='popjo' id='popjo' maxwidgets='1' showaddelement='no'>
  1620. <b:widget id='PopularPosts1' locked='true' title='Popular Post' type='PopularPosts'>
  1621. <b:includable id='main'>
  1622.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  1623.   <div class='widget-content popular-posts'>
  1624.     <ul>
  1625.       <b:loop values='data:posts' var='post'>
  1626.       <li>
  1627.         <b:if cond='data:showThumbnails == &quot;false&quot;'>
  1628.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  1629.             <!-- (1) No snippet/thumbnail -->
  1630.             <a expr:href='data:post.href'><data:post.title/></a>
  1631.           <b:else/>
  1632.             <!-- (2) Show only snippets -->
  1633.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1634.             <div class='item-snippet'><data:post.snippet/></div>
  1635.           </b:if>
  1636.         <b:else/>
  1637.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  1638.             <!-- (3) Show only thumbnails -->
  1639.             <div class='item-thumbnail-only'>
  1640.               <b:if cond='data:post.thumbnail'>
  1641.                 <div class='item-thumbnail'>
  1642.                   <a expr:href='data:post.href' target='_blank'>
  1643.                     <img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  1644.                   </a>
  1645.                 </div>
  1646.               </b:if>
  1647.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1648.             </div>
  1649.             <div style='clear: both;'/>
  1650.           <b:else/>
  1651.             <!-- (4) Show snippets and thumbnails -->
  1652.             <div class='item-content'>
  1653.               <b:if cond='data:post.thumbnail'>
  1654.                 <div class='item-thumbnail'>
  1655.                   <a expr:href='data:post.href' target='_blank'>
  1656.                     <img alt='' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  1657.                   </a>
  1658.                 </div>
  1659.               </b:if>
  1660.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1661.               <div class='item-snippet'><data:post.snippet/></div>
  1662.             </div>
  1663.             <div style='clear: both;'/>
  1664.           </b:if>
  1665.         </b:if>
  1666.       </li>
  1667.       </b:loop>
  1668.     </ul>
  1669.     <b:include name='quickedit'/>
  1670.   </div>
  1671. </b:includable>
  1672. </b:widget>
  1673. </b:section>
  1674. <div id='casing'>
  1675. <div class='main-wrapper'>
  1676. <div id='content'>
  1677. <b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>
  1678. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
  1679. <b:includable id='nextprev'>
  1680.   <div class='blog-pager' id='blog-pager'>
  1681.     <b:if cond='data:newerPageUrl'>
  1682.       <span id='blog-pager-newer-link'>
  1683.       <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'>NEXT</a>
  1684.       </span>
  1685.     </b:if>
  1686.  <a class='home-link' expr:href='data:blog.homepageUrl'>HOME</a>
  1687.  
  1688.     <b:if cond='data:olderPageUrl'>
  1689.       <span id='blog-pager-older-link'>
  1690.       <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'>PREV</a>
  1691.       </span>
  1692.     </b:if>
  1693.  
  1694.    
  1695.  
  1696.  
  1697.   <b:if cond='data:mobileLinkUrl'>
  1698.       <div class='blog-mobile-link'>
  1699.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1700.       </div>
  1701.     </b:if>
  1702.  
  1703.   </div>
  1704.   <div class='clear'/>
  1705. </b:includable>
  1706. <b:includable id='shareButtons' var='post'>
  1707.   <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
  1708.     <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
  1709.   <a class='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'>
  1710.     <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
  1711.   <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
  1712.     <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
  1713.   <a class='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'>
  1714.     <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
  1715.   <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
  1716.     <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  1717. </b:includable>
  1718. <b:includable id='threaded_comment_js' var='post'>
  1719.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1720.  
  1721.   <script type='text/javascript'>
  1722.     (function() {
  1723.       var items = <data:post.commentJso/>;
  1724.       var msgs = <data:post.commentMsgs/>;
  1725.       var config = <data:post.commentConfig/>;
  1726.  
  1727. // <![CDATA[
  1728.      var cursor = null;
  1729.      if (items && items.length > 0) {
  1730.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1731.      }
  1732.  
  1733.      var bodyFromEntry = function(entry) {
  1734.        if (entry.gd$extendedProperty) {
  1735.          for (var k in entry.gd$extendedProperty) {
  1736.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1737.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1738.            }
  1739.          }
  1740.        }
  1741.        return entry.content.$t;
  1742.      }
  1743.  
  1744.      var parse = function(data) {
  1745.        cursor = null;
  1746.        var comments = [];
  1747.        if (data && data.feed && data.feed.entry) {
  1748.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1749.            var comment = {};
  1750.            // comment ID, parsed out of the original id format
  1751.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1752.            comment.id = id ? id[2] : null;
  1753.            comment.body = bodyFromEntry(entry);
  1754.            comment.timestamp = Date.parse(entry.published.$t) + '';
  1755.            if (entry.author && entry.author.constructor === Array) {
  1756.              var auth = entry.author[0];
  1757.              if (auth) {
  1758.                comment.author = {
  1759.                  name: (auth.name ? auth.name.$t : undefined),
  1760.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1761.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1762.                };
  1763.              }
  1764.            }
  1765.            if (entry.link) {
  1766.              if (entry.link[2]) {
  1767.                comment.link = comment.permalink = entry.link[2].href;
  1768.              }
  1769.              if (entry.link[3]) {
  1770.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1771.                if (pid && pid[1]) {
  1772.                  comment.parentId = pid[1];
  1773.                }
  1774.              }
  1775.            }
  1776.            comment.deleteclass = 'item-control blog-admin';
  1777.            if (entry.gd$extendedProperty) {
  1778.              for (var k in entry.gd$extendedProperty) {
  1779.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1780.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1781.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1782.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  1783.                }
  1784.              }
  1785.            }
  1786.            comments.push(comment);
  1787.          }
  1788.        }
  1789.        return comments;
  1790.      };
  1791.  
  1792.      var paginator = function(callback) {
  1793.        if (hasMore()) {
  1794.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1795.          if (cursor) {
  1796.            url += '&published-min=' + new Date(cursor).toISOString();
  1797.          }
  1798.          window.bloggercomments = function(data) {
  1799.            var parsed = parse(data);
  1800.            cursor = parsed.length < 50 ? null
  1801.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1802.            callback(parsed);
  1803.            window.bloggercomments = null;
  1804.          }
  1805.          url += '&callback=bloggercomments';
  1806.          var script = document.createElement('script');
  1807.          script.type = 'text/javascript';
  1808.          script.src = url;
  1809.          document.getElementsByTagName('head')[0].appendChild(script);
  1810.        }
  1811.      };
  1812.      var hasMore = function() {
  1813.        return !!cursor;
  1814.      };
  1815.      var getMeta = function(key, comment) {
  1816.        if ('iswriter' == key) {
  1817.          var matches = !!comment.author
  1818.              && comment.author.name == config.authorName
  1819.              && comment.author.profileUrl == config.authorUrl;
  1820.          return matches ? 'true' : '';
  1821.        } else if ('deletelink' == key) {
  1822.          return config.baseUri + '/delete-comment.g?blogID='
  1823.               + config.blogId + '&postID=' + comment.id;
  1824.        } else if ('deleteclass' == key) {
  1825.          return comment.deleteclass;
  1826.        }
  1827.        return '';
  1828.      };
  1829.  
  1830.      var replybox = null;
  1831.      var replyUrlParts = null;
  1832.      var replyParent = undefined;
  1833.  
  1834.      var onReply = function(commentId, domId) {
  1835.        if (replybox == null) {
  1836.          // lazily cache replybox, and adjust to suit this style:
  1837.          replybox = document.getElementById('comment-editor');
  1838.          if (replybox != null) {
  1839.            replybox.height = '250px';
  1840.            replybox.style.display = 'block';
  1841.            replyUrlParts = replybox.src.split('#');
  1842.          }
  1843.        }
  1844.        if (replybox && (commentId !== replyParent)) {
  1845.          document.getElementById(domId).insertBefore(replybox, null);
  1846.          replybox.src = replyUrlParts[0]
  1847.              + (commentId ? '&parentID=' + commentId : '')
  1848.              + '#' + replyUrlParts[1];
  1849.          replyParent = commentId;
  1850.        }
  1851.      };
  1852.  
  1853.      var hash = (window.location.hash || '#').substring(1);
  1854.      var startThread, targetComment;
  1855.      if (/^comment-form_/.test(hash)) {
  1856.        startThread = hash.substring('comment-form_'.length);
  1857.      } else if (/^c[0-9]+$/.test(hash)) {
  1858.        targetComment = hash.substring(1);
  1859.      }
  1860.  
  1861.      // Configure commenting API:
  1862.      var configJso = {
  1863.        'maxDepth': config.maxThreadDepth
  1864.      };
  1865.      var provider = {
  1866.        'id': config.postId,
  1867.        'data': items,
  1868.        'loadNext': paginator,
  1869.        'hasMore': hasMore,
  1870.        'getMeta': getMeta,
  1871.        'onReply': onReply,
  1872.        'rendered': true,
  1873.        'initComment': targetComment,
  1874.        'initReplyThread': startThread,
  1875.        'config': configJso,
  1876.        'messages': msgs
  1877.      };
  1878.  
  1879.      var render = function() {
  1880.        if (window.goog && window.goog.comments) {
  1881.          var holder = document.getElementById('comment-holder');
  1882.          window.goog.comments.render(holder, provider);
  1883.        }
  1884.      };
  1885.  
  1886.      // render now, or queue to render when library loads:
  1887.      if (window.goog && window.goog.comments) {
  1888.        render();
  1889.      } else {
  1890.        window.goog = window.goog || {};
  1891.        window.goog.comments = window.goog.comments || {};
  1892.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1893.        window.goog.comments.loadQueue.push(render);
  1894.      }
  1895.    })();
  1896. // ]]>
  1897.   </script>
  1898. </b:includable>
  1899. <b:includable id='comment_count_picker' var='post'>
  1900.   <b:if cond='data:post.forceIframeComments'>
  1901.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1902.     </span>
  1903.   <b:else/>
  1904.     <b:if cond='data:post.commentSource == 1'>
  1905.       <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1906.       </span>
  1907.     <b:else/>
  1908.       <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1909.         <data:post.commentLabelFull/>:
  1910.       </a>
  1911.     </b:if>
  1912.   </b:if>
  1913. </b:includable>
  1914. <b:includable id='backlinks' var='post'>
  1915.   <a id='links2' name='links'/><h4><data:post.backlinksLabel/></h4>
  1916.   <b:if cond='data:post.numBacklinks != 0'>
  1917.     <dl class='comments-block' id='comments-block'>
  1918.       <b:loop values='data:post.backlinks' var='backlink'>
  1919.         <div class='collapsed-backlink backlink-control'>
  1920.           <dt class='comment-title'>
  1921.             <span class='backlink-toggle-zippy'>&#160;</span>
  1922.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1923.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  1924.           </dt>
  1925.           <dd class='comment-body collapseable'>
  1926.             <data:backlink.snippet/>
  1927.           </dd>
  1928.           <dd class='comment-footer collapseable'>
  1929.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1930.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1931.           </dd>
  1932.         </div>
  1933.       </b:loop>
  1934.     </dl>
  1935.   </b:if>
  1936.   <p class='comment-footer'>
  1937.  
  1938.     <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>
  1939.   </p>
  1940. </b:includable>
  1941. <b:includable id='mobile-main' var='top'>
  1942.     <!-- posts -->
  1943.     <div class='blog-posts hfeed'>
  1944.  
  1945.       <b:include data='top' name='status-message'/>
  1946.  
  1947.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1948.         <b:loop values='data:posts' var='post'>
  1949.           <b:include data='post' name='mobile-index-post'/>
  1950.         </b:loop>
  1951.       <b:else/>
  1952.         <b:loop values='data:posts' var='post'>
  1953.           <b:include data='post' name='mobile-post'/>
  1954.         </b:loop>
  1955.       </b:if>
  1956.     </div>
  1957.  
  1958.    <b:include name='mobile-nextprev'/>
  1959. </b:includable>
  1960. <b:includable id='post' var='post'>
  1961. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1962.  
  1963.  
  1964.   <div class='pagepost'>
  1965.  <div class='title'>
  1966.     <a expr:name='data:post.id'/>
  1967.     <b:if cond='data:post.title'>
  1968.       <h2>
  1969.      <b:if cond='data:post.link'>
  1970.        <a expr:href='data:post.link' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  1971.      <b:else/>
  1972.         <b:if cond='data:post.url'>
  1973.           <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  1974.         <b:else/>
  1975.           <data:post.title/>
  1976.         </b:if>
  1977.      </b:if>
  1978.       </h2>
  1979.     </b:if>
  1980.     </div>
  1981.     <div class='cover'>
  1982.       <p><data:post.body/></p>
  1983.       <div style='clear: both;'/> <!-- clear for photos floats -->
  1984.     </div>
  1985.   </div>
  1986. <b:else/>
  1987.  
  1988. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1989.   <div class='post hentry'>
  1990.     <div class='postright'>
  1991.     <div class='arrow'/>
  1992.       <div class='cover'>
  1993. <a expr:name='data:post.id'/>
  1994.     <b:if cond='data:post.title'>
  1995.       <h2>
  1996.      <b:if cond='data:post.link'>
  1997.        <a expr:href='data:post.link' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  1998.      <b:else/>
  1999.         <b:if cond='data:post.url'>
  2000.           <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  2001.         <b:else/>
  2002.           <data:post.title/>
  2003.         </b:if>
  2004.      </b:if>
  2005.       </h2>
  2006.     </b:if>
  2007.   <b:if cond='data:top.showAuthor'>
  2008.         <span class='author1'>By : <data:post.author/></span>
  2009.       </b:if>
  2010. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  2011. <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
  2012.  
  2013. <div class='jomore'>
  2014.  
  2015. <div class='date'>
  2016.       <a expr:href='data:post.url' expr:title='&quot;Permalink to &quot; + data:post.title' rel='bookmark'>
  2017.       <script type='text/javascript'>
  2018.       var timestamp = &quot;<data:post.timestamp/>&quot;;
  2019.       if (timestamp != &#39;&#39;) {
  2020.       var timesplit = timestamp.split(&quot;,&quot;);
  2021.       var date_yyyy = timesplit[2];
  2022.       var timesplit = timesplit[1].split(&quot; &quot;);
  2023.       var date_dd = timesplit[2];
  2024.       var date_mmm = timesplit[1].substring(0, 3);
  2025.       }
  2026.       </script>
  2027.      <span class='day'><script type='text/javascript'>document.write(date_dd);</script></span>
  2028.        <p class='bulan'><script type='text/javascript'>document.write(date_mmm);</script></p>
  2029.       <p class='tahun'><script type='text/javascript'>document.write(date_yyyy);</script></p></a>
  2030.     </div>
  2031. <div class='jomorelink'>
  2032. <a class='anes' expr:href='data:post.url' target='_blank'>Read More</a></div>
  2033. <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'>
  2034. <b:if cond='data:post.numComments == 0'>0 Comments<b:else/><b:if cond='data:post.numComments == 1'> 1 Comment<b:else/><data:post.numComments/> Comments</b:if></b:if></a></b:if>
  2035.  
  2036. </div>
  2037. <div style='clear: both;'/> <!-- clear for photos floats -->
  2038. <div class='categ'><b:if cond='data:post.labels'>Tag : <b:loop values='data:post.labels' var='label'>
  2039. <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;'/>
  2040. </b:loop></b:if></div>
  2041.       </div>
  2042.      
  2043.     </div>
  2044.   </div>
  2045. </b:if>
  2046.  
  2047. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2048.  
  2049. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2050. <div class='breadcrumb'><ul>
  2051. <li><a expr:href='data:blog.homepageUrl' rel='tag'>Back to Home</a> &#187;</li><li>
  2052. <b:if cond='data:post.labels'>
  2053. <b:loop values='data:post.labels' var='label'>
  2054. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2055. <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  2056. </b:loop>
  2057. &#187;
  2058. </b:if></li><li>
  2059. <data:post.title/></li></ul>
  2060. </div>
  2061. </b:if>
  2062.  
  2063.  
  2064. <div class='title'>
  2065.     <a expr:name='data:post.id'/>
  2066.     <b:if cond='data:post.title'>
  2067.       <h2>
  2068.      <b:if cond='data:post.link'>
  2069.        <a expr:href='data:post.link' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  2070.      <b:else/>
  2071.         <b:if cond='data:post.url'>
  2072.           <a expr:href='data:post.url' expr:title='&quot;Permanent Link to &quot; + data:post.title' rel='bookmark'><data:post.title/></a>
  2073.         <b:else/>
  2074.           <data:post.title/>
  2075.         </b:if>
  2076.      </b:if>
  2077.       </h2>
  2078.     </b:if>
  2079.     </div>
  2080.  
  2081.     <div class='data'>
  2082.       <b:if cond='data:top.showAuthor'>
  2083.         <span class='author'>Posted by : <data:post.author/></span>
  2084.       </b:if>
  2085.       <b:if cond='data:post.dateHeader'>
  2086.         <span class='clock'><data:post.dateHeader/></span>
  2087.       </b:if>
  2088.     </div>
  2089.   <div class='pagepost'>
  2090.     <div class='cover'>
  2091.       <p><data:post.body/></p>
  2092.       <div style='clear: both;'/> <!-- clear for photos floats -->
  2093.     </div>
  2094.     <div class='post-footer'>
  2095.     <div class='post-footer-line post-footer-line-1'>
  2096. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2097. <style type='text/css'>
  2098. #mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; }
  2099. #mintshare_mini {width:100px; height:35px;padding: 0 15px;
  2100. margin-top: 30px;
  2101. margin-bottom: 20px;}
  2102. #mintshare_mini a.sharetext {
  2103. display:block; width:100px; height:30px; text-align:center; line-height:35px; color:#000; text-decoration:none; font-size:13px; font-weight:bold;
  2104. padding-left:5px;
  2105. cursor:pointer;}
  2106. #mintshare_mini a.sharetext img {
  2107. border: 0 none;
  2108. display: block;
  2109. margin-left: 10px;}
  2110. #mintshare_mini .flyout {
  2111. height: 113px;
  2112. left: 40px;
  2113. position: relative;
  2114. top: -4px;
  2115. width: 0;
  2116. transition: width 1s ease-in-out;
  2117. -o-transition: width 1s ease-in-out;
  2118. -moz-transition: width 1s ease-in-out;
  2119. -webkit-transition: width 1s ease-in-out;}
  2120. #mintshare_mini .flyout ul {
  2121. list-style:none;
  2122. position:absolute;
  2123. top:-27px;
  2124. width:540px;
  2125. height:35px;
  2126. border-left:0;
  2127. left:50px;
  2128. padding-right:10px;
  2129. z-index: 1;
  2130. overflow: hidden;
  2131. padding-left: 15px;
  2132. transition: 1s ease-in-out;
  2133. -o-transition: 1s ease-in-out;
  2134. -moz-transition: 1s ease-in-out;
  2135. -webkit-transition: all 1s ease-in-out;}
  2136. #mintshare_mini .flyout ul li {float: left;}
  2137. #mintshare_mini .flyout ul li a{}
  2138. #mintshare_mini .flyout ul a img {}
  2139. #mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 30px;}
  2140. #mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}
  2141. #mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);
  2142. transition: 0.4s ease-in-out;
  2143. -o-transition: 0.4s ease-in-out;
  2144. -moz-transition: 0.4s ease-in-out;
  2145. -webkit-transition: all 0.4s ease-in-out;}
  2146. #mintshare_mini .flyout ul li.drop-li a b {padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);
  2147. transition: 0.4s ease-in-out;
  2148. -o-transition: 0.4s ease-in-out;
  2149. -moz-transition: 0.4s ease-in-out;
  2150. -webkit-transition: all 0.4s ease-in-out;
  2151. -moz-border-radius:10px;
  2152. -webkit-border-radius:10px;
  2153. border-radius:10px;
  2154. -o-border-radius:10px;}
  2155. #mintshare_mini .flyout ul li.drop-li:hover &gt; a img {opacity:0.5; filter: alpha(opacity=50);}
  2156. #mintshare_mini .flyout ul li.drop-li:hover &gt; a b {opacity:1; filter: alpha(opacity=100);}
  2157. #mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}
  2158. #mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}
  2159. #mintshare_mini .get_mintshare {
  2160. font-size: 10px;
  2161. margin-left: 5px;
  2162. position: relative;
  2163. top: 2px;}
  2164. .relbg h5{
  2165. color: #fafafa;
  2166. font-weight: normal;}
  2167. </style>
  2168.  
  2169. <!-- MintShare Mini -->
  2170. <div id='mintshare_mini'>
  2171. <a class='sharetext'><b>Share This</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
  2172. <!--[if lte IE 6]><table><tr><td><![endif]-->
  2173. <div class='flyout'>
  2174. <ul class='icons'>
  2175. <li class='drop-li'><a class='drop-a' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='' src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd22PSeLI/AAAAAAAAB3M/ik_9DA-vzEk/s1600/facebook_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
  2176. <li class='drop-li'><a class='drop-a' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='' src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd5p1h2kI/AAAAAAAAB3c/MbeKBRValYk/s1600/twitter_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
  2177. <li class='drop-li'><a class='drop-a' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='' src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfd4XN-B_I/AAAAAAAAB3U/RWDByrttOSc/s1600/stumbleupon_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
  2178. <li class='drop-li'><a class='drop-a' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='' src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd2KgvGkI/AAAAAAAAB3I/wgYrRUzkPWQ/s1600/digg_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
  2179. <li class='drop-li'><a class='drop-a' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url'><img alt='' src='http://3.bp.blogspot.com/_b8IA1ajBJG8/TSfd46l_gAI/AAAAAAAAB3Y/ZET5rqbQJMw/s1600/technorati_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
  2180. <li class='drop-li'><a class='drop-a' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='' src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd3k4ZNnI/AAAAAAAAB3Q/UIJ0qSGEaHg/s1600/reddit_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
  2181. <li class='drop-li'><a class='drop-a' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='' src='http://4.bp.blogspot.com/_b8IA1ajBJG8/TSfd6JqbBPI/AAAAAAAAB3g/C7TjBqdR1m0/s1600/yahoo_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
  2182. <li class='drop-li'><a class='drop-a' expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'><img alt='' src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TSfd0lvepwI/AAAAAAAAB3E/jdZrJrv-1yM/s1600/delicious_small.png'/><!--[if gte IE 7]><!--></a><!--<![endif]--></li>
  2183. </ul>
  2184. </div>
  2185. </div>
  2186. <!-- MintShare Mini End-->
  2187.  
  2188.  
  2189. <style type='text/css'>
  2190. .related-post .post-thumbnail {
  2191.  z-index: 1;
  2192. position: relative;
  2193. width: 98px;
  2194. height: 98px;
  2195. display: block;
  2196. -webkit-border-radius: 5px;
  2197. -moz-border-radius: 5px;
  2198. border-radius: 5px;
  2199. border: 1px solid #bbb;
  2200. }
  2201. #related-posts h3 {
  2202. background: #fff;
  2203. padding: 5px 10px 5px 10px;
  2204. border-radius: 5px;
  2205. border: 1px solid #ddd;
  2206. font-family: &#39;Segoe UI Light&#39;, &#39;Open Sans&#39;, Verdana, Arial, Helvetica, sans-serif;
  2207. font-weight: 200;
  2208. font-size: 17pt;
  2209. letter-spacing: 0.01em;
  2210. color: #000;
  2211. margin-bottom: 7px;
  2212. width: 670px;}
  2213. .related-post:hover {filter: saturate(1.0);
  2214. -webkit-filter: saturate(1.0);
  2215. -moz-filter: saturate(1.0);
  2216. -o-filter: saturate(1.0);
  2217. -ms-filter: saturate(1.0);}
  2218. .related-post {
  2219. float: left;
  2220. width: 105px;
  2221. height: 105px;
  2222. margin: 0 16px 14px 16px;
  2223. background: #F6F6F6;
  2224. -webkit-border-radius: 5px;
  2225. -moz-border-radius: 5px;
  2226. border-radius: 5px;
  2227. filter: saturate(0.0);
  2228. -webkit-filter: saturate(0.0);
  2229. -moz-filter: saturate(0.0);
  2230. -o-filter: saturate(0.0);
  2231. -ms-filter: saturate(0.0);
  2232. -moz-transition: all 0.5s ease-in-out;
  2233. -webkit-transition: all 0.5s ease-in-out;
  2234.  }
  2235. .related-post .related-post-title {
  2236. display: none;
  2237. float: left;
  2238. background: #9059D1;
  2239. color: #fff;
  2240. text-shadow: none;
  2241. font-weight: normal;
  2242. padding: 5px;
  2243. position: absolute;
  2244. margin-top: -59px;
  2245. left: 21px;
  2246. z-index: 99999999;
  2247. width: 680px;
  2248. -webkit-box-shadow: 0 0 2px #444;
  2249. -moz-box-shadow: 0 0 2px #444;
  2250. box-shadow: 0 0 2px #444;
  2251. font-size: 15px;
  2252. border-radius: 5px;
  2253. text-align: center;
  2254. overflow: hidden;
  2255. height: 41px;
  2256. line-height: 41px;
  2257. }
  2258. .related-post:hover .related-post-title {display: block;}
  2259.  
  2260.  
  2261. </style>
  2262. <div id='related-posts'>
  2263. <script type='text/javascript'>//<![CDATA[
  2264. var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
  2265. var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='http://2.bp.blogspot.com/-7NRz9EEafzQ/URi6n_0r9HI/AAAAAAAAFq4/RKY2u62M4sQ/s1600/logo.jpg'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
  2266. //]]></script>
  2267. <b:loop values='data:post.labels' var='label'>
  2268. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
  2269. </b:loop>
  2270. <script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
  2271. </div>
  2272. <div class='clear'/>
  2273.  
  2274. </b:if>
  2275.       <span class='post-icons'>
  2276.         <!-- email post links -->
  2277.         <b:if cond='data:post.emailPostUrl'>
  2278.           <span class='item-action'>
  2279.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  2280.               <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  2281.           </a>
  2282.           </span>
  2283.         </b:if>
  2284.  
  2285.         <!-- quickedit pencil -->
  2286.         <b:include data='post' name='postQuickEdit'/>
  2287.       </span> </div>
  2288.  
  2289.     </div>
  2290.   </div>
  2291. </b:if>
  2292. </b:if>
  2293. </b:includable>
  2294. <b:includable id='comment_picker' var='post'>
  2295.   <b:if cond='data:post.forceIframeComments'>
  2296.     <b:include data='post' name='iframe_comments'/>
  2297.     <b:if cond='data:post.showThreadedComments'>
  2298.       <b:include data='post' name='threaded_comments'/>
  2299.     <b:else/>
  2300.       <b:include data='post' name='comments'/>
  2301.     </b:if>
  2302.   <b:else/>
  2303.     <b:if cond='data:post.commentSource == 1'>
  2304.       <b:include data='post' name='iframe_comments'/>
  2305.     <b:else/>
  2306.       <b:if cond='data:post.showThreadedComments'>
  2307.         <b:include data='post' name='threaded_comments'/>
  2308.       <b:else/>
  2309.         <b:include data='post' name='comments'/>
  2310.       </b:if>
  2311.     </b:if>
  2312.   </b:if>
  2313. </b:includable>
  2314. <b:includable id='status-message'>
  2315.   <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2316.     <h2 class='pagetitle'>Archive for <data:blog.pageName/></h2>
  2317.   </b:if>
  2318.   <b:if cond='data:navMessage'>
  2319.     <h2 class='pagetitle'><data:navMessage/></h2>
  2320.   </b:if>
  2321. </b:includable>
  2322. <b:includable id='comment-form' var='post'>
  2323.   <div id='comment-form'>
  2324.     <div id='respond'>
  2325.     <a name='comment-form'/>
  2326.     <h3>Leave a Reply</h3>
  2327.     <p><data:blogCommentMessage/></p>
  2328.     <data:blogTeamBlogMessage/>
  2329.     <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2330.     <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2331.     <data:post.friendConnectJs/>
  2332.     <data:post.cmtfpIframe/>
  2333.     <script type='text/javascript'>
  2334.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2335.     </script>
  2336.  
  2337. <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Subscribe to Posts</a> | <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Subscribe to Comments</a>
  2338.     </div>
  2339.   </div>
  2340. </b:includable>
  2341. <b:includable id='threaded_comments' var='post'>
  2342.   <div class='comments' id='comments'>
  2343.     <a id='comments1' name='comments'/>
  2344.    <h4>{
  2345.         <b:if cond='data:post.numComments == 1'>
  2346. 1 <data:commentLabel/>... read them below or <a href='#comment-form' rel='nofollow'>add one</a>
  2347.         <b:else/>
  2348.  <data:post.numComments/> <data:commentLabelPlural/>... read them below or <a href='#comment-form' rel='nofollow'>Comment</a>
  2349.         </b:if>}
  2350.       </h4>
  2351.  
  2352.     <div class='comments-content'>
  2353.       <b:if cond='data:post.embedCommentForm'>
  2354.         <b:include data='post' name='threaded_comment_js'/>
  2355.       </b:if>
  2356.       <div id='comment-holder'>
  2357.          <data:post.commentHtml/>
  2358.       </div>
  2359.     </div>
  2360.  
  2361.     <p class='comment-footer'>
  2362.       <b:if cond='data:post.allowNewComments'>
  2363.         <b:include data='post' name='threaded-comment-form'/>
  2364.       <b:else/>
  2365.         <data:post.noNewCommentsText/>
  2366.       </b:if>
  2367.     </p>
  2368.  
  2369.     <b:if cond='data:showCmtPopup'>
  2370.       <div id='comment-popup'>
  2371.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2372.         </iframe>
  2373.       </div>
  2374.     </b:if>
  2375.  
  2376.     <div id='backlinks-container'>
  2377.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2378.        <b:if cond='data:post.showBacklinks'>
  2379.          <b:include data='post' name='backlinks'/>
  2380.        </b:if>
  2381.     </div>
  2382.     </div>
  2383.   </div>
  2384. </b:includable>
  2385. <b:includable id='backlinkDeleteIcon' var='backlink'>
  2386.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  2387.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  2388.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2389.     </a>
  2390.   </span>
  2391. </b:includable>
  2392. <b:includable id='mobile-nextprev'>
  2393.   <div class='blog-pager' id='blog-pager'>
  2394.     <b:if cond='data:newerPageUrl'>
  2395.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  2396.       <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>
  2397.       </div>
  2398.     </b:if>
  2399.  
  2400.     <b:if cond='data:olderPageUrl'>
  2401.       <div class='mobile-link-button' id='blog-pager-older-link'>
  2402.       <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>
  2403.       </div>
  2404.     </b:if>
  2405.  
  2406.     <div class='mobile-link-button' id='blog-pager-home-link'>
  2407.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  2408.     </div>
  2409.  
  2410.     <div class='mobile-desktop-link'>
  2411.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  2412.     </div>
  2413.  
  2414.   </div>
  2415.   <div class='clear'/>
  2416. </b:includable>
  2417. <b:includable id='mobile-post' var='post'>
  2418.   <div class='date-outer'>
  2419.     <b:if cond='data:post.dateHeader'>
  2420.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  2421.     </b:if>
  2422.     <div class='date-posts'>
  2423.       <div class='post-outer'>
  2424.  
  2425.         <div class='post hentry uncustomized-post-template'>
  2426.           <a expr:name='data:post.id'/>
  2427.           <b:if cond='data:post.title'>
  2428.             <h3 class='post-title entry-title'>
  2429.               <b:if cond='data:post.link'>
  2430.                 <a expr:href='data:post.link'><data:post.title/></a>
  2431.               <b:else/>
  2432.                 <b:if cond='data:post.url'>
  2433.                   <b:if cond='data:blog.url != data:post.url'>
  2434.                     <a expr:href='data:post.url'><data:post.title/></a>
  2435.                   <b:else/>
  2436.                     <data:post.title/>
  2437.                   </b:if>
  2438.                 <b:else/>
  2439.                   <data:post.title/>
  2440.                 </b:if>
  2441.               </b:if>
  2442.             </h3>
  2443.           </b:if>
  2444.  
  2445.           <div class='post-header'>
  2446.             <div class='post-header-line-1'/>
  2447.           </div>
  2448.  
  2449. <div class='post-body entry-content'>
  2450. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2451.             <div expr:id='&quot;summary&quot; + data:post.id' style='display:none;'><data:post.body/></div>
  2452. <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
  2453. </b:if>
  2454.  
  2455. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2456. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  2457. <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
  2458. <span class='rmlink' style='float:left'><a expr:href='data:post.url'><data:post.jumpText/></a></span>
  2459. </b:if>
  2460. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2461. <data:post.body/>
  2462. </b:if>
  2463.  
  2464.             <div style='clear: both;'/> <!-- clear for photos floats -->
  2465.           </div>
  2466.  
  2467.           <div class='post-footer'>
  2468.             <div class='post-footer-line post-footer-line-1'>
  2469.               <span class='post-author vcard'>
  2470.                 <b:if cond='data:top.showAuthor'>
  2471.                   <data:top.authorLabel/>
  2472.                   <span class='fn'><data:post.author/></span>
  2473.                 </b:if>
  2474.               </span>
  2475.  
  2476.               <span class='post-timestamp'>
  2477.                 <b:if cond='data:top.showTimestamp'>
  2478.                   <data:top.timestampLabel/>
  2479.                   <b:if cond='data:post.url'>
  2480.                     <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>
  2481.                   </b:if>
  2482.                 </b:if>
  2483.               </span>
  2484.  
  2485.               <span class='post-comment-link'>
  2486.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2487.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2488.                     <b:if cond='data:post.allowComments'>
  2489.                       <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>
  2490.                     </b:if>
  2491.                   </b:if>
  2492.                 </b:if>
  2493.               </span>
  2494.             </div>
  2495.  
  2496.             <div class='post-footer-line post-footer-line-2'>
  2497.               <b:if cond='data:top.showMobileShare'>
  2498.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  2499.                   <a href='javascript:void();'><data:shareMsg/></a>
  2500.                 </div>
  2501.               </b:if>
  2502.               <b:if cond='data:top.showDummy'>
  2503.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  2504.               </b:if>
  2505.             </div>
  2506.  
  2507.           </div>
  2508.         </div>
  2509.  
  2510.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2511.           <b:include data='post' name='comments'/>
  2512.         </b:if>
  2513.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2514.           <b:include data='post' name='comments'/>
  2515.         </b:if>
  2516.       </div>
  2517.     </div>
  2518.   </div>
  2519. </b:includable>
  2520. <b:includable id='postQuickEdit' var='post'>
  2521.   <b:if cond='data:post.editUrl'>
  2522.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2523.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2524.         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2525.       </a>
  2526.     </span>
  2527.   </b:if>
  2528. </b:includable>
  2529. <b:includable id='main' var='top'>
  2530.   <!-- posts -->
  2531.   <div class='blog-posts hfeed'>
  2532.  
  2533.     <b:include data='top' name='status-message'/>
  2534.  
  2535.     <data:defaultAdStart/>
  2536.     <b:loop values='data:posts' var='post'>
  2537.       <b:if cond='data:post.isDateStart'>
  2538.         <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  2539.           &lt;/div&gt;&lt;/div&gt;
  2540.         </b:if>
  2541.       </b:if>
  2542.       <b:if cond='data:post.isDateStart'>
  2543.         &lt;div class=&quot;date-outer&quot;&gt;
  2544.       </b:if>
  2545.       <b:if cond='data:post.isDateStart'>
  2546.         &lt;div class=&quot;date-posts&quot;&gt;
  2547.       </b:if>
  2548.       <div class='post-outer'>
  2549.      <b:include data='post' name='post'/>
  2550. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2551.   <b:if cond='data:post.showThreadedComments'>
  2552.     <b:include data='post' name='threaded_comments'/>
  2553.   <b:else/>
  2554.     <b:include data='post' name='comments'/>
  2555.   </b:if>
  2556. </b:if>
  2557. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2558.   <b:if cond='data:post.showThreadedComments'>
  2559.     <b:include data='post' name='threaded_comments'/>
  2560.   <b:else/>
  2561.     <b:include data='post' name='comments'/>
  2562.   </b:if>
  2563. </b:if>
  2564.       </div>
  2565.       <b:if cond='data:post.includeAd'>
  2566.         <b:if cond='data:post.isFirstPost'>
  2567.           <data:defaultAdEnd/>
  2568.         <b:else/>
  2569.           <data:adEnd/>
  2570.         </b:if>
  2571.         <div class='inline-ad'>
  2572.           <data:adCode/>
  2573.         </div>
  2574.         <data:adStart/>
  2575.       </b:if>
  2576.       <b:if cond='data:post.trackLatency'>
  2577.         <data:post.latencyJs/>
  2578.       </b:if>
  2579.     </b:loop>
  2580.     <b:if cond='data:numPosts != 0'>
  2581.       &lt;/div&gt;&lt;/div&gt;
  2582.     </b:if>
  2583.     <data:adEnd/>
  2584.   </div>
  2585.  
  2586.   <div class='clear'/>
  2587.  
  2588.   <b:include name='nextprev'/>
  2589.  
  2590.  
  2591.   <b:if cond='data:top.showStars'>
  2592.     <script src='//www.google.com/jsapi' type='text/javascript'/>
  2593.     <script type='text/javascript'>
  2594.       google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  2595.       function initialize() {
  2596.         google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  2597.         google.annotations.createAll();
  2598.         google.annotations.fetch();
  2599.       }
  2600.       google.setOnLoadCallback(initialize);
  2601.     </script>
  2602.   </b:if>
  2603. </b:includable>
  2604. <b:includable id='commentDeleteIcon' var='comment'>
  2605.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2606.     <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2607.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2608.     </a>
  2609.   </span>
  2610. </b:includable>
  2611. <b:includable id='feedLinks'>
  2612.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  2613.     <b:if cond='data:feedLinks'>
  2614.       <div class='blog-feeds'>
  2615.         <b:include data='feedLinks' name='feedLinksBody'/>
  2616.       </div>
  2617.     </b:if>
  2618.  
  2619.     <b:else/> <!--Post feed links -->
  2620.     <div class='post-feeds'>
  2621.       <b:loop values='data:posts' var='post'>
  2622.         <b:if cond='data:post.allowComments'>
  2623.           <b:if cond='data:post.feedLinks'>
  2624.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  2625.           </b:if>
  2626.         </b:if>
  2627.       </b:loop>
  2628.     </div>
  2629.   </b:if>
  2630. </b:includable>
  2631. <b:includable id='threaded-comment-form' var='post'>
  2632.   <div class='comment-form'>
  2633.     <a id='commentsform1' name='comment-form'/>
  2634.     <b:if cond='data:mobile'>
  2635.       <p><data:blogCommentMessage/></p>
  2636.       <data:blogTeamBlogMessage/>
  2637.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2638.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  2639.     <b:else/>
  2640.       <p><data:blogCommentMessage/></p>
  2641.       <data:blogTeamBlogMessage/>
  2642.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2643.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2644.     </b:if>
  2645.     <data:post.friendConnectJs/>
  2646.     <data:post.cmtfpIframe/>
  2647.     <script type='text/javascript'>
  2648.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2649.     </script>
  2650.   </div>
  2651. </b:includable>
  2652. <b:includable id='mobile-index-post' var='post'>
  2653.   <div class='mobile-date-outer date-outer'>
  2654.     <b:if cond='data:post.dateHeader'>
  2655.       <div class='date-header'>
  2656.         <span><data:post.dateHeader/></span>
  2657.       </div>
  2658.     </b:if>
  2659.  
  2660.     <div class='mobile-post-outer'>
  2661.       <a expr:href='data:post.url'>
  2662.         <h3 class='mobile-index-title entry-title'>
  2663.           <data:post.title/>
  2664.         </h3>
  2665.  
  2666.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  2667.  
  2668.         <div class='mobile-index-contents'>
  2669.           <b:if cond='data:post.thumbnailUrl'>
  2670.             <div class='mobile-index-thumbnail'>
  2671.               <div class='Image'>
  2672.                 <img expr:src='data:post.thumbnailUrl'/>
  2673.               </div>
  2674.             </div>
  2675.           </b:if>
  2676.  
  2677.           <div class='post-body'>
  2678.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  2679.           </div>
  2680.         </div>
  2681.  
  2682.         <div style='clear: both;'/>
  2683.       </a>
  2684.  
  2685.       <div class='mobile-index-comment'>
  2686.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2687.           <b:if cond='data:post.allowComments'>
  2688.             <b:if cond='data:post.numComments != 0'>
  2689.               <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>
  2690.             </b:if>
  2691.           </b:if>
  2692.         </b:if>
  2693.       </div>
  2694.     </div>
  2695.   </div>
  2696. </b:includable>
  2697. <b:includable id='iframe_comments' var='post'>
  2698.  
  2699.   <b:if cond='data:post.allowIframeComments'>
  2700.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  2701.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  2702.  
  2703.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  2704.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2705.     </b:if>
  2706.   </b:if>
  2707. </b:includable>
  2708. <b:includable id='feedLinksBody' var='links'>
  2709.   <div class='feed-links'>
  2710.   <data:feedLinksMsg/>
  2711.   <b:loop values='data:links' var='f'>
  2712.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  2713.   </b:loop>
  2714.   </div>
  2715. </b:includable>
  2716. <b:includable id='comments' var='post'>
  2717.   <div class='clear'/>
  2718.   <div id='commentsbox'>
  2719.     <a id='comments2' name='comments'/>
  2720.     <b:if cond='data:post.allowComments'>
  2721.       <b:if cond='data:post.numComments != 0'>
  2722.       <h3 id='comments'>
  2723.         <b:if cond='data:post.numComments == 1'>
  2724.           One Response so far.
  2725.         <b:else/>
  2726.           <data:post.numComments/> Responses so far.
  2727.         </b:if>
  2728.       </h3>
  2729.       </b:if>
  2730.  
  2731.       <b:if cond='data:post.commentPagingRequired'>
  2732.         <span class='paging-control-container'>
  2733.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  2734.           &#160;
  2735.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  2736.           &#160;
  2737.           <data:post.commentRangeText/>
  2738.           &#160;
  2739.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  2740.           &#160;
  2741.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  2742.         </span>
  2743.       </b:if>
  2744.  
  2745.       <ol class='commentlist'>
  2746.         <b:loop values='data:post.comments' var='comment'>
  2747.           <b:if cond='data:comment.adminClass == data:post.adminClass'>
  2748.           <li class='comment odd'>
  2749.             <div class='comment-body'>
  2750.             <div class='comment-author vcard'>
  2751.               <b:if cond='data:comment.favicon'>
  2752.                 <img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
  2753.               </b:if>
  2754.               <a expr:name='data:comment.anchorName'/>
  2755.               <b:if cond='data:blog.enabledCommentProfileImages'>
  2756.                 <data:comment.authorAvatarImage/>
  2757.               </b:if>
  2758.               <cite class='fn'>
  2759.               <b:if cond='data:comment.authorUrl'>
  2760.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2761.               <b:else/>
  2762.                 <data:comment.author/>
  2763.               </b:if>
  2764.               </cite> <span class='says'>says:</span>
  2765.             </div>
  2766.             <div class='comment-meta commentmetadata'>
  2767.               <a expr:href='data:comment.url' title='comment permalink'>
  2768.                 <data:comment.timestamp/>
  2769.               </a>
  2770.               <b:include data='comment' name='commentDeleteIcon'/>
  2771.             </div>
  2772.             <b:if cond='data:comment.isDeleted'>
  2773.               <span class='deleted-comment'><data:comment.body/></span>
  2774.             <b:else/>
  2775.               <p>
  2776.                 <data:comment.body/>
  2777.                 <span class='interaction-iframe-guide'/>
  2778.               </p>
  2779.             </b:if>
  2780.             </div>
  2781.           </li>
  2782.           <b:else/>
  2783.           <li class='comment even'>
  2784.             <div class='comment-body'>
  2785.             <div class='comment-author vcard'>
  2786.               <b:if cond='data:comment.favicon'>
  2787.                 <img expr:src='data:comment.favicon' height='32px' style='margin-bottom:-2px;' width='32px'/>
  2788.               </b:if>
  2789.               <a expr:name='data:comment.anchorName'/>
  2790.               <b:if cond='data:blog.enabledCommentProfileImages'>
  2791.                 <data:comment.authorAvatarImage/>
  2792.               </b:if>
  2793.               <cite class='fn'>
  2794.               <b:if cond='data:comment.authorUrl'>
  2795.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2796.               <b:else/>
  2797.                 <data:comment.author/>
  2798.               </b:if>
  2799.               </cite> <span class='says'>says:</span>
  2800.             </div>
  2801.             <div class='comment-meta commentmetadata'>
  2802.               <a expr:href='data:comment.url' title='comment permalink'>
  2803.                 <data:comment.timestamp/>
  2804.               </a>
  2805.               <b:include data='comment' name='commentDeleteIcon'/>
  2806.             </div>
  2807.             <b:if cond='data:comment.isDeleted'>
  2808.               <span class='deleted-comment'><data:comment.body/></span>
  2809.             <b:else/>
  2810.               <p>
  2811.                 <data:comment.body/>
  2812.                 <span class='interaction-iframe-guide'/>
  2813.               </p>
  2814.             </b:if>
  2815.             </div>
  2816.           </li>
  2817.           </b:if>
  2818.         </b:loop>
  2819.       </ol>
  2820.  
  2821.       <b:if cond='data:post.commentPagingRequired'>
  2822.         <span class='paging-control-container'>
  2823.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2824.             <data:post.oldestLinkText/>
  2825.           </a>
  2826.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2827.             <data:post.olderLinkText/>
  2828.           </a>
  2829.           &#160;
  2830.           <data:post.commentRangeText/>
  2831.           &#160;
  2832.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2833.             <data:post.newerLinkText/>
  2834.           </a>
  2835.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2836.             <data:post.newestLinkText/>
  2837.           </a>
  2838.         </span>
  2839.       </b:if>
  2840.  
  2841.       <p class='comment-footer'>
  2842.         <b:if cond='data:post.embedCommentForm'>
  2843.           <b:if cond='data:post.allowNewComments'>
  2844.             <b:include data='post' name='comment-form'/>
  2845.           <b:else/>
  2846.             <data:post.noNewCommentsText/>
  2847.           </b:if>
  2848.         <b:else/>
  2849.           <b:if cond='data:post.allowComments'>
  2850.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2851.           </b:if>
  2852.         </b:if>
  2853.  
  2854.       </p>
  2855.     </b:if>
  2856.  
  2857.     <div id='backlinks-container'>
  2858.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2859.        <b:if cond='data:post.showBacklinks'>
  2860.          <b:include data='post' name='backlinks'/>
  2861.        </b:if>
  2862.     </div>
  2863.     </div>
  2864.   </div>
  2865. </b:includable>
  2866. </b:widget>
  2867. </b:section>
  2868. </div></div>
  2869. <div class='sidebar'>
  2870. <b:section class='main2' id='main2' preferred='yes'>
  2871. <b:widget id='HTML1' locked='false' title='Date A Live' type='HTML'>
  2872. <b:includable id='main'>
  2873.   <!-- only display title if it's non-empty -->
  2874.   <b:if cond='data:title != &quot;&quot;'>
  2875.     <h2 class='title'><data:title/></h2>
  2876.   </b:if>
  2877.   <div class='widget-content'>
  2878.     <data:content/>
  2879.   </div>
  2880.  
  2881.   <b:include name='quickedit'/>
  2882. </b:includable>
  2883. </b:widget>
  2884. </b:section>
  2885. <b:section class='main3' id='main3' preferred='yes'>
  2886. <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
  2887. <b:includable id='main'>
  2888.   <b:if cond='data:title'>
  2889.     <h2><data:title/></h2>
  2890.   </b:if>
  2891.   <div class='widget-content'>
  2892.   <div id='ArchiveList'>
  2893.   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  2894.     <b:if cond='data:style == &quot;HIERARCHY&quot;'>
  2895.      <b:include data='data' name='interval'/>
  2896.     </b:if>
  2897.     <b:if cond='data:style == &quot;FLAT&quot;'>
  2898.       <b:include data='data' name='flat'/>
  2899.     </b:if>
  2900.     <b:if cond='data:style == &quot;MENU&quot;'>
  2901.       <b:include data='data' name='menu'/>
  2902.     </b:if>
  2903.   </div>
  2904.   </div>
  2905.   <b:include name='quickedit'/>
  2906.   </div>
  2907. </b:includable>
  2908. <b:includable id='flat' var='data'>
  2909.   <ul class='flat'>
  2910.     <b:loop values='data:data' var='i'>
  2911.       <li class='archivedate'>
  2912.         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  2913.       </li>
  2914.     </b:loop>
  2915.   </ul>
  2916. </b:includable>
  2917. <b:includable id='menu' var='data'>
  2918.   <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  2919.     <option value=''><data:title/></option>
  2920.     <b:loop values='data:data' var='i'>
  2921.       <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  2922.     </b:loop>
  2923.   </select>
  2924. </b:includable>
  2925. <b:includable id='interval' var='intervalData'>
  2926.   <b:loop values='data:intervalData' var='i'>
  2927.       <ul class='hierarchy'>
  2928.         <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
  2929.           <b:include data='i' name='toggle'/>
  2930.           <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
  2931.             <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
  2932.           <b:if cond='data:i.data'>
  2933.             <b:include data='i.data' name='interval'/>
  2934.           </b:if>
  2935.           <b:if cond='data:i.posts'>
  2936.             <b:include data='i.posts' name='posts'/>
  2937.           </b:if>
  2938.         </li>
  2939.       </ul>
  2940.   </b:loop>
  2941. </b:includable>
  2942. <b:includable id='toggle' var='interval'>
  2943.   <b:if cond='data:interval.toggleId'>
  2944.   <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  2945.     <a class='toggle' href='javascript:void(0)'>
  2946.       <span class='zippy toggle-open'>&#9660;&#160;</span>
  2947.     </a>
  2948.   <b:else/>
  2949.     <a class='toggle' href='javascript:void(0)'>
  2950.       <span class='zippy'>
  2951.         <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
  2952.           &#9668;&#160;
  2953.         <b:else/>
  2954.           &#9658;&#160;
  2955.         </b:if>
  2956.       </span>
  2957.     </a>
  2958.   </b:if>
  2959.  </b:if>
  2960. </b:includable>
  2961. <b:includable id='posts' var='posts'>
  2962.   <ul class='posts'>
  2963.     <b:loop values='data:posts' var='i'>
  2964.       <li><a expr:href='data:i.url'><data:i.title/></a></li>
  2965.     </b:loop>
  2966.   </ul>
  2967. </b:includable>
  2968. </b:widget>
  2969. <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
  2970. <b:includable id='main'>
  2971.     <b:if cond='data:title != &quot;&quot;'>
  2972.       <h2><data:title/></h2>
  2973.     </b:if>
  2974.     <div class='widget-content'>
  2975.     <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
  2976.       <ul>
  2977.         <b:loop values='data:authors' var='i'>
  2978.           <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>
  2979.         </b:loop>
  2980.       </ul>
  2981.  
  2982.     <b:else/> <!-- normal blog profile -->
  2983.  
  2984.       <b:if cond='data:photo.url != &quot;&quot;'>
  2985.         <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>
  2986.       </b:if>
  2987.  
  2988.       <dl class='profile-datablock'>
  2989.         <dt class='profile-data'>
  2990.           <a class='profile-name-link' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
  2991.             <data:displayname/>
  2992.           </a>
  2993.         </dt>
  2994.  
  2995.         <b:if cond='data:showlocation == &quot;true&quot;'>
  2996.           <dd class='profile-data'><data:location/></dd>
  2997.         </b:if>
  2998.  
  2999.         <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
  3000.       </dl>
  3001.       <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
  3002.     </b:if>
  3003.  
  3004.      <b:include name='quickedit'/>
  3005.     </div>
  3006.   </b:includable>
  3007. </b:widget>
  3008. <b:widget id='Stats1' locked='false' title='Total Pageviews' type='Stats'>
  3009. <b:includable id='main'>
  3010.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  3011.   <div class='widget-content'>
  3012.     <!-- Content is going to be visible when data will be fetched from server. -->
  3013.     <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
  3014.       <!-- Counter and image will be injected later via AJAX call. -->
  3015.       <b:if cond='data:showSparkline'>
  3016.         <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
  3017.       </b:if>
  3018.       <b:if cond='data:showGraphicalCounter'>
  3019.         <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
  3020.       <b:else/>
  3021.         <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
  3022.       </b:if>
  3023.       <b:include name='quickedit'/>
  3024.     </div>
  3025.   </div>
  3026. </b:includable>
  3027. </b:widget>
  3028. <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
  3029. <b:includable id='main'>
  3030.     <b:if cond='data:feedbackSurveyLink'>
  3031.       <div class='mobile-survey-link' style='text-align: center;'>
  3032.         <data:feedbackSurveyLink/>
  3033.       </div>
  3034.     </b:if>
  3035.  
  3036.     <div class='widget-content' style='text-align: center;'>
  3037.       <b:if cond='data:attribution != &quot;&quot;'>
  3038.        <data:attribution/>
  3039.       </b:if>
  3040.     </div>
  3041.  
  3042.     <b:include name='quickedit'/>
  3043.   </b:includable>
  3044. </b:widget>
  3045. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
  3046. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  3047.     function setAttributeOnload(object, attribute, val) {
  3048.       if(window.addEventListener) {
  3049.         window.addEventListener(&#39;load&#39;,
  3050.           function(){ object[attribute] = val; }, false);
  3051.       } else {
  3052.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  3053.       }
  3054.     }
  3055.   &lt;/script&gt;
  3056. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  3057. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  3058. &lt;script type=&quot;text/javascript&quot;&gt;
  3059.         gapi.load(&quot;iframes-styles-bubble&quot;, function() {
  3060.           if (window.iframes &amp;&amp; iframes.open) {
  3061.             iframes.open(
  3062.                 &#39;//www.blogger.com/navbar.g?targetBlogID\0752946467463955052107\46blogName\75Date+A+Live\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://date-a-live-bt.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://date-a-live-bt.blogspot.com/\46vt\75-4275318190873919498&#39;,
  3063.                 {
  3064.                   container: &quot;navbar-iframe-container&quot;,
  3065.                   id: &quot;navbar-iframe&quot;
  3066.                 },
  3067.                 {
  3068.                 });
  3069.           }
  3070.         });
  3071.       &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  3072. (function() {
  3073. var script = document.createElement(&#39;script&#39;);
  3074. script.type = &#39;text/javascript&#39;;
  3075. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  3076. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  3077. if (head) {
  3078. head.appendChild(script);
  3079. }})();
  3080. &lt;/script&gt;
  3081. </b:includable>
  3082. </b:widget>
  3083. </b:section></div>
  3084. <div class='clear'/>
  3085. <div id='footer'>
  3086. <div class='topwrap'><a class='tombolbacktotop' href='#header'>&#9658;</a></div>
  3087. <div class='footer'>
  3088. <b:section class='main4' id='main4' showaddelement='yes'>
  3089. <b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
  3090. <b:includable id='main'>
  3091.   <b:if cond='data:title != &quot;&quot;'>
  3092.     <b:if cond='data:codeSnippet != &quot;&quot;'>
  3093.       <h2 class='title'><data:title/></h2>
  3094.     <b:else/>
  3095.       <b:if cond='data:totalFollowerCount != &quot;&quot;'>
  3096.         <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
  3097.       </b:if>
  3098.     </b:if>  
  3099.   </b:if>
  3100.   <div class='widget-content'>
  3101.     <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
  3102.       <b:if cond='data:codeSnippet != &quot;&quot;'>
  3103.         <div style='margin-right:2px;'>
  3104.           <data:codeSnippet/>
  3105.         </div>
  3106.       <b:else/>
  3107.         <b:if cond='data:totalFollowerCount == &quot;&quot;'>
  3108.           <span class='item-control following-not-admin'>
  3109.             <b><data:failureSnippet/></b>
  3110.           </span>
  3111.           <span class='item-control blog-admin'>
  3112.             <b><data:adminFailureSnippet/></b>
  3113.           </span>
  3114.         <b:else/>
  3115.           <b:if cond='data:followingLinkPresent'>
  3116.             <div class='follow-this profile-link item-control following-follow-this'>
  3117.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  3118.                 <data:followThisMessage/>
  3119.               </a>
  3120.             </div>
  3121.             <div class='follow-this profile-link item-control following-stop-following-this'>
  3122.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  3123.                 <data:stopFollowingMessage/>
  3124.               </a>
  3125.             </div>
  3126.           </b:if>
  3127.  
  3128.           <div class='followers-grid'>
  3129.             <b:if cond='data:totalFollowerCount == 0'>
  3130.               <div class='profile-link item-control following-follow-this'>
  3131.                 <data:emptyFollowersMessage/>
  3132.               </div>
  3133.             </b:if>
  3134.             <!--
  3135.            Relies on the js written out in navbar.gxp
  3136.            -->
  3137.             <b:loop values='data:followers' var='follower'>
  3138.               <div class='follower'>
  3139.                 <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
  3140.                 <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'/>
  3141.                 </a>
  3142.               </div>
  3143.             </b:loop>
  3144.             <div class='clear'/>
  3145.           </div>
  3146.  
  3147.           <div class='followers-canvas profile-link'>
  3148.             <data:followersFooterMessage/>
  3149.             <span class='item-control following-not-admin'>
  3150.               <a expr:href='data:followersUri'>
  3151.                 <data:viewAllMessage/>
  3152.               </a>
  3153.             </span>
  3154.             <span class='item-control blog-admin'>
  3155.               <a expr:href='data:manageFollowersUri'>
  3156.                 <data:manageFollowersMessage/>
  3157.               </a>
  3158.             </span>
  3159.           </div>
  3160.           </b:if>
  3161.       </b:if>
  3162.     </div>
  3163.     <b:include name='quickedit'/>
  3164.   </div>
  3165. </b:includable>
  3166. </b:widget>
  3167. </b:section>
  3168. <b:section class='main5' id='main5' showaddelement='yes'>
  3169. <b:widget id='Label1' locked='false' title='Labels' type='Label'>
  3170. <b:includable id='main'>
  3171.   <b:if cond='data:title'>
  3172.     <h2><data:title/></h2>
  3173.   </b:if>
  3174.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  3175.     <b:if cond='data:display == &quot;list&quot;'>
  3176.       <ul>
  3177.       <b:loop values='data:labels' var='label'>
  3178.         <li>
  3179.           <b:if cond='data:blog.url == data:label.url'>
  3180.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3181.           <b:else/>
  3182.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3183.           </b:if>
  3184.           <b:if cond='data:showFreqNumbers'>
  3185.             <span dir='ltr'>(<data:label.count/>)</span>
  3186.           </b:if>
  3187.         </li>
  3188.       </b:loop>
  3189.       </ul>
  3190.     <b:else/>
  3191.       <b:loop values='data:labels' var='label'>
  3192.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  3193.           <b:if cond='data:blog.url == data:label.url'>
  3194.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3195.           <b:else/>
  3196.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3197.           </b:if>
  3198.           <b:if cond='data:showFreqNumbers'>
  3199.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  3200.           </b:if>
  3201.         </span>
  3202.       </b:loop>
  3203.     </b:if>
  3204.     <b:include name='quickedit'/>
  3205.   </div>
  3206. </b:includable>
  3207. </b:widget>
  3208. </b:section>
  3209. <b:section class='main6' id='main6' showaddelement='yes'>
  3210. <b:widget id='BlogList1' locked='false' title='My Blog List' type='BlogList'>
  3211. <b:includable id='main'>
  3212.     <!-- only display title if it's non-empty -->
  3213.     <b:if cond='data:title != &quot;&quot;'>
  3214.       <h2 class='title'><data:title/></h2>
  3215.     </b:if>
  3216.  
  3217.     <div class='widget-content'>
  3218.       <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
  3219.         <ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
  3220.           <b:loop values='data:items' var='item'>
  3221.             <li expr:style='data:item.displayStyle'>
  3222.               <div class='blog-icon'>
  3223.                 <b:if cond='data:showIcon == &quot;true&quot;'>
  3224.                   <input expr:value='data:item.blogIconUrl' type='hidden'/>
  3225.                 </b:if>
  3226.               </div>
  3227.               <div class='blog-content'>
  3228.                 <div class='blog-title'>
  3229.                   <a expr:href='data:item.blogUrl' target='_blank'>
  3230.                     <data:item.blogTitle/></a>
  3231.                 </div>
  3232.                 <div class='item-content'>
  3233.                   <b:if cond='data:showItemThumbnail == &quot;true&quot;'>
  3234.                     <b:if cond='data:item.itemThumbnail'>
  3235.                       <div class='item-thumbnail'>
  3236.                         <a expr:href='data:item.blogUrl' target='_blank'>
  3237.                           <img alt='' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
  3238.                         </a>
  3239.                       </div>
  3240.                     </b:if>
  3241.                   </b:if>
  3242.                   <b:if cond='data:showItemTitle == &quot;true&quot;'>
  3243.                     <span class='item-title'>
  3244.                       <b:if cond='data:item.itemUrl != &quot;&quot;'>
  3245.                         <a expr:href='data:item.itemUrl' target='_blank'>
  3246.                           <data:item.itemTitle/></a>
  3247.                       <b:else/>
  3248.                         <data:item.itemTitle/>
  3249.                       </b:if>
  3250.                     </span>
  3251.                   </b:if>
  3252.                   <b:if cond='data:showItemSnippet == &quot;true&quot;'>
  3253.                     <b:if cond='data:showItemTitle == &quot;true&quot;'>
  3254.                       -
  3255.                     </b:if>
  3256.                     <span class='item-snippet'>
  3257.                       <data:item.itemSnippet/>
  3258.                     </span>
  3259.                   </b:if>
  3260.                   <b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
  3261.                     <div class='item-time'>
  3262.                       <data:item.timePeriodSinceLastUpdate/>
  3263.                     </div>
  3264.                   </b:if>
  3265.                 </div>
  3266.               </div>
  3267.               <div style='clear: both;'/>
  3268.             </li>
  3269.           </b:loop>
  3270.         </ul>
  3271.  
  3272.         <b:if cond='data:numItemsToShow != 0'>
  3273.           <b:if cond='data:totalItems &gt; data:numItemsToShow'>
  3274.             <div class='show-option'>
  3275.               <span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
  3276.                 <a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
  3277.               </span>
  3278.               <span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
  3279.                 <a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
  3280.               </span>
  3281.             </div>
  3282.           </b:if>
  3283.         </b:if>
  3284.  
  3285.         <b:include name='quickedit'/>
  3286.       </div>
  3287.     </div>
  3288.   </b:includable>
  3289. </b:widget>
  3290. </b:section>
  3291. </div><div class='clear'/></div></div>
  3292. </div>
  3293. <div class='fleft'>
  3294. <p>- Copyright &#169; 2013 <data:blog.title/> - <a href='http://date-a-live-bt.blogspot.com/' target='_blank'>Date A Live</a> - 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>
  3295. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  3296.  
  3297. <style type='text/css'>
  3298. #content{width:745px;}
  3299. #casing {
  3300. height:0px;
  3301. -webkit-animation: joload 10s linear forwards;
  3302. -moz-animation: joload 10s linear forwards;
  3303. -o-animation: joload 10s linear forwards;
  3304. -ms-animation: joload 10s linear forwards;
  3305. animation: joload 10s linear forwards;
  3306. }
  3307. @-webkit-keyframes joload {
  3308. 0% {height:0px;padding:0px;}
  3309. 10% {height:0px;padding:0px;}
  3310. 80% {height:0px;padding:0px;}
  3311. 90% {height:100%;}
  3312. 100% {height:100%;}
  3313. }
  3314. @-moz-keyframes joload{
  3315. 0% {height:0px;padding:0px;}
  3316. 10% {height:0px;padding:0px;}
  3317. 80% {height:0px;padding:0px;}
  3318. 90% {height:100%;}
  3319. 100% {height:100%;}
  3320. }
  3321. @-o-keyframes joload{
  3322. 0% {height:0px;padding:0px;}
  3323. 10% {height:0px;padding:0px;}
  3324. 80% {height:0px;padding:0px;}
  3325. 90% {height:100%;}
  3326. 100% {height:100%;}
  3327. }
  3328. @-ms-keyframes joload {
  3329. 0% {height:0px;padding:0px;}
  3330. 10% {height:0px;padding:0px;}
  3331. 80% {height:0px;padding:0px;}
  3332. 90% {height:100%;}
  3333. 100% {height:100%;}
  3334. }
  3335. @keyframes joload{
  3336. 0% {height:0px;padding:0px;}
  3337. 10% {height:0px;padding:0px;}
  3338. 80% {height:0px;padding:0px;}
  3339. 90% {height:100%;}
  3340. 100% {height:100%;}
  3341. }
  3342.  
  3343. #sliderloader {
  3344. width: 1065px;
  3345. height: 30px;
  3346. overflow: hidden;
  3347. -webkit-animation: fadeOut1 9s linear forwards;
  3348. -moz-animation: fadeOut1 9s linear forwards;
  3349. -o-animation: fadeOut1 9s linear forwards;
  3350. -ms-animation: fadeOut1 9s linear forwards;
  3351. animation: fadeOut1 9s linear forwards;
  3352. position: absolute;
  3353. margin: auto;
  3354. top: 450px;
  3355. z-index: 99;}
  3356. #progressbg {
  3357. width: 460px;
  3358. margin: auto;
  3359. height: 7px;
  3360. background-color: #ddd;
  3361. position: relative;
  3362. border-radius: 3px;
  3363. border: 1px solid #754F9A;
  3364. }/* Blog johanes djogzs.blogspot.com */
  3365. #johanesloader {
  3366. display:block;
  3367. width:1px;
  3368. height:5px;
  3369. background-color:#9059D1;
  3370. margin:1px;
  3371. -moz-animation:johanesloader 42s ease-in-out;
  3372. -webkit-animation:johanesloader 42s ease-in-out;
  3373. position:relative;
  3374. -moz-transition:all 170ms ease-in;
  3375. -webkit-transition:all 170ms ease-in;
  3376. -o-transition:all 170ms ease-in;
  3377. }
  3378.  
  3379. @-webkit-keyframes johanesloader {
  3380. 0% {width:0px; opacity:0;}
  3381. 2% {width:0px; opacity:1;}
  3382. 20% {width:460px; opacity:1;}
  3383. 22.5% {width:460px; opacity:0;}
  3384. 22.59% {width:0px;}
  3385. 25% {width:0px; opacity:1;}
  3386. 45% {width:460px; opacity:1;}
  3387. 47.5% {width:460px; opacity:0;}
  3388. 47.59% {width:0px;}
  3389. 50% {width:0px; opacity:1;}
  3390. 70% {width:460px; opacity:1;}
  3391. 72.5% {width:460px; opacity:0;}
  3392. 72.59% {width:0px;}
  3393. 75% {width:0px; opacity:1;}
  3394. 95% {width:460px; opacity:1;}
  3395. 98% {width:460px; opacity:0;}
  3396. 100% {width:0px; opacity:0;}
  3397. }
  3398. @-moz-keyframes johanesloader {
  3399. 0% {width:0px; opacity:0;}
  3400. 2% {width:0px; opacity:1;}
  3401. 20% {width:460px; opacity:1;}
  3402. 22.5% {width:460px; opacity:0;}
  3403. 22.59% {width:0px;}
  3404. 25% {width:0px; opacity:1;}
  3405. 45% {width:460px; opacity:1;}
  3406. 47.5% {width:460px; opacity:0;}
  3407. 47.59% {width:0px;}
  3408. 50% {width:0px; opacity:1;}
  3409. 70% {width:460px; opacity:1;}
  3410. 72.5% {width:460px; opacity:0;}
  3411. 72.59% {width:0px;}
  3412. 75% {width:0px; opacity:1;}
  3413. 95% {width:460px; opacity:1;}
  3414. 98% {width:460px; opacity:0;}
  3415. 100% {width:0px; opacity:0;}
  3416. }
  3417. @-webkit-keyframes fadeOut1 {
  3418. 0% { opacity: 1;}
  3419. 10% { opacity: 1; }
  3420. 90% { opacity: 1; }
  3421. 99% { opacity: 0;}
  3422. 100% { opacity: 0;}
  3423. }
  3424. @-moz-keyframes fadeOut1 {
  3425. 0% { opacity: 1;}
  3426. 10% { opacity: 1; }
  3427. 90% { opacity: 1; }
  3428. 99% { opacity: 0;}
  3429. 100% { opacity: 0;}
  3430. }
  3431.  
  3432. @-o-keyframes fadeOut1{
  3433. 0% { opacity: 1;}
  3434. 10% { opacity: 1; }
  3435. 90% { opacity: 1; }
  3436. 99% { opacity: 0;}
  3437. 100% { opacity: 0;}
  3438. }
  3439.  
  3440. @-ms-keyframes fadeOut1 {
  3441. 0% { opacity: 1;}
  3442. 10% { opacity: 1; }
  3443. 90% { opacity: 1; }
  3444. 99% { opacity: 0;}
  3445. 100% { opacity: 0;}
  3446. }
  3447.  
  3448. @keyframes fadeOut1 {
  3449. 0% { opacity: 1;}
  3450. 10% { opacity: 1; }
  3451. 90% { opacity: 1; }
  3452. 99% { opacity: 0;}
  3453. 100% { opacity: 0;}
  3454. }
  3455. </style></b:if>
  3456. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3457.  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  3458. <script src='http://masonry.desandro.com/js/jquery-1.7.1.min.js'/>
  3459. <script src='http://masonry.desandro.com/jquery.masonry.min.js'/>
  3460. <script>
  3461.   $(function(){
  3462.     $(&#39;#main&#39;).masonry({
  3463.       itemSelector: &#39;.post&#39;,
  3464. isAnimated: true
  3465.     });
  3466. });
  3467. </script></b:if></b:if>
  3468. </body></HTML>
Add Comment
Please, Sign In to add comment
Public Pastes
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!