API tools faq
paste
GabrielaSants

Código base: Ana Carolina (Adaptado por Diego Dias)

GabrielaSants
Jan 21st, 2015
516
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.32 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.  
  5. <head>
  6.  
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'/>
  9. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'/>
  10. <link href='http://fonts.googleapis.com/css?family=Romanesco' rel='stylesheet' type='text/css'/>
  11. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'/>
  12.  
  13.  
  14.  
  15.  
  16. <b:include data='blog' name='all-head-content'/>
  17. <title><data:blog.pageTitle/></title>
  18. <b:skin><![CDATA[/*
  19. -----------------------------------
  20. Código base por Ana Carolina
  21. Modificado por Diego Dias
  22. -----------------------------------
  23. */
  24. #navbar-iframe
  25. {
  26. display:none;
  27. }
  28. *
  29. {
  30. margin:0;
  31. padding:0;
  32. }
  33. body, .body-fauxcolumn-outer {
  34. background-color: #ffb0c7;
  35. background-image:url(http://static.tumblr.com/fxhuu9i/pKPmnw7bw/sem_t__tulo-1_c__pia.png);
  36. background-repeat:repeat-x;
  37. color:#000;
  38. font-family:Arial;
  39. font-size:12px;
  40. }
  41. a:link {
  42. color:#FFF;
  43. font-weight:normal;
  44. text-decoration:none;
  45. -moz-transition-duration:0.8s;
  46. -webkit-transition-duration:0.8s;
  47. }
  48. a:visited {
  49. color:#FFF;
  50. }
  51. a:hover {
  52. color:#f04f7d;
  53. text-shadow: 0px 0px 15px #FFF;
  54. cursor:help;
  55. text-decoration:none;
  56. }
  57. h1 {
  58. font-family: 'Economica', sans-serif;
  59. font-size:30px;
  60. font-weight:normal;
  61. text-align:center;
  62. }
  63. a img{
  64. box-shadow: 0px 0px 9px #000000;
  65. -moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 2s;
  66. -webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 2s;
  67. -o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 2s;
  68. background-position: top left;
  69. padding: 0px;
  70. border: 3px solid #ef3b6f; /* borda imagem hover */
  71. }
  72. a img:hover{
  73. -webkit-filter: blur(2px);
  74. -moz-filter: blur(2px);
  75. -ms-filter: blur(2px);
  76. -o-filter: blur(2px);
  77. filter: blur(2px);
  78. -webkit-transition-duration: .70s;
  79. }
  80. background: #cc4949;
  81. background-position: bottom right;
  82. }
  83. .clear
  84. {
  85. clear:both;
  86. }
  87. /* Header--------------------------------------#header-wrapper
  88. {
  89. margin:0 auto;
  90. width: 1135px;
  91. }
  92. /* Outer-Wrapper----------------------------------------------- */
  93. #outer-wrapper
  94. {
  95. width:1135px;
  96. margin:auto;
  97. }
  98. #content-wrapper
  99. {
  100. font-size:12px;
  101. }
  102. #main-wrapper
  103. {
  104. background:transparent;
  105. color:#000;
  106. font-size:7px;
  107. width:582px;
  108. float:left;
  109. margin-top:0px;
  110. text-align: center;
  111. }
  112. #sidebar-wrapper-left
  113. {
  114. background:url(http://static.tumblr.com/fxhuu9i/tlWmnw8eg/sidemeio.png);
  115. width:300px;
  116. float:left;
  117. margin-top:0px;
  118. margin-left:100px;
  119. margin-right:100px;
  120. word-wrap:break-word;
  121. overflow:hidden;
  122. font: Arial 12px;
  123. max-width:300px;
  124. }
  125. /* Headings----------------------------------------------- */
  126. .sidebar h2
  127. {
  128. width:300px;
  129. height:110px;
  130. padding-top:60px;
  131. background:url(http://static.tumblr.com/fxhuu9i/Fb6mnw8ez/sidecima.png);
  132. color: #fff;
  133. font-family:'Economica', sans-serif;
  134. text-shadow: 0px 0px 30px #fff; /* sombra do titulo da side */
  135. font-size: 34px;
  136. text-align: center;
  137. font-weight: normal;
  138. -webkit-transition:all 1s ease;
  139. }
  140.  
  141. /* Posts
  142. -----------------------------------------------
  143. */
  144. .post
  145. {
  146. font-size:12px;
  147. text-align: justify;
  148. margin-bottom: 0px;
  149. }
  150. .post h3
  151. {
  152. weight: 582px;
  153. height:130px;
  154. font-size:25px;
  155. text-decoration: none;
  156. line-height:02px;
  157. text-align:center;
  158. background:url(http://static.tumblr.com/fxhuu9i/TnWmnw8fh/postcima.png);
  159. font-family: 'Romanesco', cursive;
  160. padding-left:30px;
  161. padding-right:30px;
  162. font-style:none;
  163. font-weight:normal;
  164. text-transform: none;
  165. padding-top:120px;
  166. }
  167. .post h3:hover
  168. {
  169. text-shadow: 0px 0px 30px #FFF; /* sombra titulo hover do post */
  170. text-decoration: none;
  171. shadow: 20px;
  172. -webkit-transition:all 1s ease;
  173. }
  174. .post-header
  175. {
  176. color:#222222;
  177. font-style:none;
  178. font-size:12px;
  179. text-align:justify;
  180. margin-top: -65px;
  181. margin-bottom: 5px;
  182. background:transparent;
  183. }
  184. .post-body
  185. {
  186. padding: 0px 30px 30px 30px;
  187. text-align: auto;
  188. margin:0px 0px 0 0px;
  189. line-height:1.6em;
  190. background:url(http://static.tumblr.com/fxhuu9i/etZmnw8g2/postmeio.png);
  191. }
  192. .post-footer
  193. {
  194. height:270px;
  195. background:url(http://static.tumblr.com/fxhuu9i/K8rmnw8gl/postbaixo.png);
  196. margin-bottom:40px;
  197. text-transform:none;
  198. text-align:center;
  199. letter-spacing:.1em;
  200. font: Arial 12px;
  201. line-height:1.4em;
  202. }
  203. .jump-link
  204. {
  205. text-align:right;
  206. padding-right:15px;
  207. font-size:15px;
  208. background:url(http://static.tumblr.com/fxhuu9i/etZmnw8g2/postmeio.png);
  209. }
  210. .tr-caption-container img
  211. {
  212. border:none;
  213. padding:0;
  214. }
  215. /*BLOCKQUOTE */
  216. blockquote {
  217. background-color: #c5c5c5; /* fundo do blockquote */
  218. padding: 10px;
  219. font-size: 12px; /* tamanho da letra */
  220. color: #000; /* cor da letra */
  221. text-shadow: 1px 1px 1px #000;
  222. text-align: center; /* alinhamento do texto */
  223. box-shadow: inset 0 0 12px #9a9a9a, 0 0 5px #9a9a9a; /* cor da sombra que fica ao redor */
  224. -webkit-transition-duration: .50s;
  225. }
  226. blockquote:hover {
  227.  
  228. background-color: #ff9cb8; /* fundo do blockquote */
  229. padding: 10px;
  230. font-size: 12px; /* tamanho da letra */
  231. color: #000; /* cor da letra */
  232. text-shadow: 1px 1px 1px #000;
  233. text-align: center; /* alinhamento do texto */
  234. box-shadow: inset 0 0 12px #ff6792, 0 0 5px #ff6792; /* cor da sombra que fica ao redor */
  235. -webkit-transition-duration: 1.50s;
  236. }
  237. .post ul,.post ol
  238. {
  239. margin-left:0px;
  240. }
  241. /* Comments----------------------------------------------- */
  242. /*Blogger Threaded Comments Styles From http://www.dicasblogger.org*/
  243. #comments{overflow:hidden}
  244. #comments h4{display:inline;padding:10px;line-height:40px}
  245. #comments h4,.comments .continue a{background:#fff; text-decoration:none;}
  246. #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
  247. #comments h4,.comments .user a,.comments .continue a{font-size:16px; text-decoration:none;}
  248. #comments h4,.comments .continue a{font-weight:normal;color:#000; text-decoration:none;}
  249. #comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #fff;border-right:20px solid transparent;width:0;height:0;line-height:0}
  250. #comments .avatar-image-container img{border:0}
  251. .comment-thread{color:#111}
  252. .comment-thread ol{margin:0 0 20px}
  253. .comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
  254. .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
  255. .comments .comment-block,.comments .comment-thread.inline-thread .comment{background:#fff;padding:10px}
  256. .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
  257. .comments .comments-content .icon.blog-author{position:absolute;top:0px;right:0px;margin:0;background-image: url(https://si0.twimg.com/help/1307051362_737);width:23px;height:23px}
  258. .comments .comments-content .inline-thread{padding:0 0 0 20px}
  259. .comments .comments-content .comment-replies{margin-top:0}
  260. .comments .comment-content{padding:5px 0;line-height:1.4em}
  261. .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
  262. .comments .comment-thread.inline-thread .comment{width:auto}
  263. .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
  264. .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
  265. .comments .comment-thread.inline-thread .comment-block{margin-left:48px}
  266. .comments .comment-thread.inline-thread .user a{font-size:13px; text-decoration:none;}
  267. .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
  268. .comments .continue{border-top:0;width:100%}
  269. .comments .continue a{padding:10px 0;text-align:center; text-decoration:none;}
  270. .comment .continue{display:none}
  271. #comment-editor{width:103%!important}
  272. .comment-form{width:100%;max-width:100%}
  273. /*Blogger Threaded Comments Styles From http://www.dicasblogger.org*/
  274. #blog-pager-newer-link
  275. {
  276. float:left;
  277. }
  278. #blog-pager-older-link
  279. {
  280. float:right;
  281. }
  282. #blog-pager
  283. {
  284. text-align:center;
  285. font-size:12px;
  286. }
  287. .feed-links
  288. {
  289. display: none;
  290. clear:both;
  291. margin-left:10px;
  292. line-height:2.5em;
  293. color:#60875E;
  294. font-weight:normal;
  295. }
  296. /* Sidebar Content----------------------------------------------- */
  297. .sidebar
  298. {
  299. font-size:13px;
  300. color:#000000;
  301. }
  302. .sidebar ul
  303. {
  304. list-style:none;
  305. margin:0;
  306. padding:0;
  307. }
  308. .sidebar li
  309. {
  310. padding:5px 0;
  311. }
  312. .sidebar .widget
  313. {
  314. text-align: center;
  315. padding-bottom: 250px;
  316. background: url(http://static.tumblr.com/fxhuu9i/UTNmnw8h5/sidebaixo.png) bottom no-repeat;
  317. max-width: 300px;
  318. max-weight: 150px;
  319. }
  320. .sidebar .widget-content
  321. {
  322. background:#tranparent;
  323. margin:0px 0px 22px 0px;
  324. padding:0px 10px 0px 10px;
  325. }
  326. .main .Blog
  327. {
  328. border-bottom-width:0;
  329. }
  330. /* Profile----------------------------------------------- */
  331. .profile-img
  332. {
  333. float:left;
  334. margin-top:0;
  335. margin-right:5px;
  336. margin-bottom:5px;
  337. margin-left:0;
  338. padding:0px;
  339. }
  340. .profile-data
  341. {
  342. margin:0;
  343. text-transform:none;
  344. letter-spacing:.1em;
  345. font:normal normal 100% Arial;
  346. color:#000;
  347. font-weight:none;
  348. line-height:1.6em;
  349. }
  350. .profile-datablock
  351. {
  352. margin:.5em 0;
  353. }
  354. .profile-textblock
  355. {
  356. margin:.5em 0;
  357. line-height:1.6em;
  358. }
  359. .profile-link
  360. {
  361. font:normal normal 78% Arial;
  362. text-transform:none;
  363. letter-spacing:.1em;
  364. }
  365. /* Footer */
  366. #credits
  367. {
  368. width:auto;
  369. height:80px;
  370. background:#f4a1b9;
  371. text-align:center;
  372. border-top:3px solid #f04f7d;
  373. margin-bottom:-20px;
  374. padding:10px;
  375. color:#000;
  376. font-size:15px;
  377. font-family: 'Economica', sans-serif;
  378. font-style:none;
  379. font-weight:none;
  380. text-transform:none;
  381. letter-spacing:0px;
  382. float:justify;
  383. -webkit-transition:all 0.5s ease;
  384. }
  385.  
  386. p.introduction:first-letter {
  387. font-family: Arial;
  388. font-size : 350%;
  389. font-weight : bold;
  390. float : left;
  391. width : 2em;
  392. padding-right: 5px;
  393. }
  394.  
  395.  
  396. #links {position:absolute; overflow:hidden; top:8px; left:250px;}
  397. #links {position:absolute; overflow:hidden;}
  398. #links a {display:block; float:left; background:#; color:#fff;text-shadow: 0px 0px 15px #f04f7d; padding:3px 30px 30px 3px; margin-left:7px; font-family:'Romanesco', cursive;, sans-serif; font-size:35px; font-weight:none; text-transform:none; -moz-transition-duration:0.8s; -webkit-transition-duration:0.8s;}
  399. #links a:hover {background:#; color:#ff6792; font-weight:italic;text-shadow: 0px 0px 15px #fff; text-transform:none;}
  400.  
  401.  
  402. /* seleção colorida */
  403.  
  404. ::-moz-selection {
  405. background:#ff6792; /*Cor do fundo*/
  406. color:#fff; /*Cor da fonte*/
  407. }
  408. ::selection {
  409. background:#ff6792;/*Cor do fundo*/
  410. color:#fff; /*Cor da fonte*/
  411. }
  412.  
  413.  
  414. ]]></b:skin>
  415.  
  416. </head>
  417.  
  418.  
  419.  
  420.  
  421. <div id='links'>
  422. <a href='/'>HomePage</a>
  423. <a href='http://codbaseanamodificadodiego.blogspot.com.br/p/creditos.html'>Creditos</a>
  424. <a href='http://codigobaseade.blogspot.com.br/'>Codigo Origial</a>
  425. <a href='http://codbaseanamodificadodiego.blogspot.com.br/p/duvidas.html'>Duvidas</a>
  426. <a href='http://codbaseanamodificadodiego.blogspot.com.br/p/blacklist.html'>BlackList</a>
  427. </div>
  428.  
  429.  
  430.  
  431. <body onkeydown='return false'>
  432. <div id='outer-wrapper'><div id='wrap2'>
  433.  
  434.  
  435. <div style='text-align:center; width:1124px; margin-top: 0px; margin-left:0px; margin-right:-190px;'>
  436. <img src='http://static.tumblr.com/fxhuu9i/pKPmnw7bw/sem_t__tulo-1_c__pia.png'/>
  437.  
  438.  
  439.  
  440. </div>
  441.  
  442. <div class='clear'/>
  443.  
  444. <div id='content-wrapper'>
  445.  
  446. <div id='crosscol-wrapper' style='text-align:center'>
  447. </div>
  448.  
  449.  
  450. <div id='sidebar-wrapper-left'>
  451. <b:section class='sidebar' id='sidebar1' preferred='yes'>
  452. <b:widget id='Text3' locked='false' title='Status' type='Text'>
  453. <b:includable id='main'>
  454. <!-- only display title if it's non-empty -->
  455. <b:if cond='data:title != &quot;&quot;'>
  456. <h2 class='title'><data:title/></h2>
  457. </b:if>
  458. <div class='widget-content'>
  459. <data:content/>
  460. </div>
  461.  
  462. <b:include name='quickedit'/>
  463. </b:includable>
  464. </b:widget>
  465. <b:widget id='Stats1' locked='false' title='Visualizações' type='Stats'>
  466. <b:includable id='main'>
  467. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  468. <div class='widget-content'>
  469. <!-- Content is going to be visible when data will be fetched from server. -->
  470. <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
  471. <!-- Counter and image will be injected later via AJAX call. -->
  472. <b:if cond='data:showSparkline'>
  473. <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
  474. </b:if>
  475. <b:if cond='data:showGraphicalCounter'>
  476. <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
  477. <b:else/>
  478. <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
  479. </b:if>
  480. <b:include name='quickedit'/>
  481. </div>
  482. </div>
  483. </b:includable>
  484. </b:widget>
  485. <b:widget id='HTML3' locked='false' title='C-Box' type='HTML'>
  486. <b:includable id='main'>
  487. <!-- only display title if it's non-empty -->
  488. <b:if cond='data:title != &quot;&quot;'>
  489. <h2 class='title'><data:title/></h2>
  490. </b:if>
  491. <div class='widget-content'>
  492. <data:content/>
  493. </div>
  494.  
  495. <b:include name='quickedit'/>
  496. </b:includable>
  497. </b:widget>
  498. <b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'>
  499. <b:includable id='main'>
  500. <b:if cond='data:title != &quot;&quot;'>
  501. <b:if cond='data:codeSnippet != &quot;&quot;'>
  502. <h2 class='title'><data:title/></h2>
  503. <b:else/>
  504. <b:if cond='data:totalFollowerCount != &quot;&quot;'>
  505. <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
  506. </b:if>
  507. </b:if>
  508. </b:if>
  509. <div class='widget-content'>
  510. <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
  511. <b:if cond='data:codeSnippet != &quot;&quot;'>
  512. <div style='margin-right:2px;'>
  513. <data:codeSnippet/>
  514. </div>
  515. <b:else/>
  516. <b:if cond='data:totalFollowerCount == &quot;&quot;'>
  517. <span class='item-control following-not-admin'>
  518. <b><data:failureSnippet/></b>
  519. </span>
  520. <span class='item-control blog-admin'>
  521. <b><data:adminFailureSnippet/></b>
  522. </span>
  523. <b:else/>
  524. <b:if cond='data:followingLinkPresent'>
  525. <div class='follow-this profile-link item-control following-follow-this'>
  526. <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  527. <data:followThisMessage/>
  528. </a>
  529. </div>
  530. <div class='follow-this profile-link item-control following-stop-following-this'>
  531. <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  532. <data:stopFollowingMessage/>
  533. </a>
  534. </div>
  535. </b:if>
  536.  
  537. <div class='followers-grid'>
  538. <b:if cond='data:totalFollowerCount == 0'>
  539. <div class='profile-link item-control following-follow-this'>
  540. <data:emptyFollowersMessage/>
  541. </div>
  542. </b:if>
  543. <!--
  544. Relies on the js written out in navbar.gxp
  545. -->
  546. <b:loop values='data:followers' var='follower'>
  547. <div class='follower'>
  548. <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
  549. <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'/>
  550. </a>
  551. </div>
  552. </b:loop>
  553. <div class='clear'/>
  554. </div>
  555.  
  556. <div class='followers-canvas profile-link'>
  557. <data:followersFooterMessage/>
  558. <span class='item-control following-not-admin'>
  559. <a expr:href='data:followersUri'>
  560. <data:viewAllMessage/>
  561. </a>
  562. </span>
  563. <span class='item-control blog-admin'>
  564. <a expr:href='data:manageFollowersUri'>
  565. <data:manageFollowersMessage/>
  566. </a>
  567. </span>
  568. </div>
  569. </b:if>
  570. </b:if>
  571. </div>
  572. <b:include name='quickedit'/>
  573. </div>
  574. </b:includable>
  575. </b:widget>
  576. <b:widget id='HTML6' locked='false' title='Publicidade' type='HTML'>
  577. <b:includable id='main'>
  578. <!-- only display title if it's non-empty -->
  579. <b:if cond='data:title != &quot;&quot;'>
  580. <h2 class='title'><data:title/></h2>
  581. </b:if>
  582. <div class='widget-content'>
  583. <data:content/>
  584. </div>
  585.  
  586. <b:include name='quickedit'/>
  587. </b:includable>
  588. </b:widget>
  589. <b:widget id='Feed2' locked='false' title='Blogger Templates' type='Feed'>
  590. <b:includable id='main'>
  591. <h2><data:title/></h2>
  592. <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
  593. <span style='filter: alpha(25); opacity: 0.25;'>
  594. <a expr:href='data:feedUrl'><data:loadingMsg/></a>
  595. </span>
  596. </div>
  597. <b:include name='quickedit'/>
  598. </b:includable>
  599. </b:widget>
  600. </b:section>
  601. </div>
  602.  
  603.  
  604. <div id='main-wrapper'>
  605. <b:section class='main' id='main' showaddelement='no'>
  606. <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
  607. <b:includable id='main' var='top'>
  608. <b:if cond='data:mobile == &quot;false&quot;'>
  609.  
  610. <!-- posts -->
  611. <div class='blog-posts hfeed'>
  612.  
  613. <b:include data='top' name='status-message'/>
  614.  
  615. <data:defaultAdStart/>
  616. <b:loop values='data:posts' var='post'>
  617. <b:if cond='data:post.isDateStart'>
  618. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  619. &lt;/div&gt;&lt;/div&gt;
  620. </b:if>
  621. </b:if>
  622. <b:if cond='data:post.isDateStart'>
  623. &lt;div class=&quot;date-outer&quot;&gt;
  624. </b:if>
  625. <b:if cond='data:post.dateHeader'>
  626. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  627. </b:if>
  628. <b:if cond='data:post.isDateStart'>
  629. &lt;div class=&quot;date-posts&quot;&gt;
  630. </b:if>
  631. <div class='post-outer'>
  632. <b:include data='post' name='post'/>
  633. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  634. <b:include data='post' name='comment_picker'/>
  635. </b:if>
  636. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  637. <b:include data='post' name='comment_picker'/>
  638. </b:if>
  639. </div>
  640. <b:if cond='data:post.includeAd'>
  641. <b:if cond='data:post.isFirstPost'>
  642. <data:defaultAdEnd/>
  643. <b:else/>
  644. <data:adEnd/>
  645. </b:if>
  646. <div class='inline-ad'>
  647. <data:adCode/>
  648. </div>
  649. <data:adStart/>
  650. </b:if>
  651. </b:loop>
  652. <b:if cond='data:numPosts != 0'>
  653. &lt;/div&gt;&lt;/div&gt;
  654. </b:if>
  655. <data:adEnd/>
  656. </div>
  657.  
  658. <!-- navigation -->
  659. <b:include name='nextprev'/>
  660.  
  661. <!-- feed links -->
  662. <b:include name='feedLinks'/>
  663.  
  664. <b:if cond='data:top.showStars'>
  665. <script src='//www.google.com/jsapi' type='text/javascript'/>
  666. <script type='text/javascript'>
  667. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  668. function initialize() {
  669. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  670. google.annotations.createAll();
  671. google.annotations.fetch();
  672. }
  673. google.setOnLoadCallback(initialize);
  674. </script>
  675. </b:if>
  676.  
  677. <b:else/>
  678. <b:include name='mobile-main'/>
  679. </b:if>
  680.  
  681. <b:if cond='data:top.showDummy'>
  682. <data:top.dummyBootstrap/>
  683. </b:if>
  684.  
  685. </b:includable>
  686. <b:includable id='backlinkDeleteIcon' var='backlink'>
  687. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  688. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  689. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  690. </a>
  691. </span>
  692. </b:includable>
  693. <b:includable id='backlinks' var='post'>
  694. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  695. <b:if cond='data:post.numBacklinks != 0'>
  696. <dl class='comments-block' id='comments-block'>
  697. <b:loop values='data:post.backlinks' var='backlink'>
  698. <div class='collapsed-backlink backlink-control'>
  699. <dt class='comment-title'>
  700. <span class='backlink-toggle-zippy'>&#160;</span>
  701. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  702. <b:include data='backlink' name='backlinkDeleteIcon'/>
  703. </dt>
  704. <dd class='comment-body collapseable'>
  705. <data:backlink.snippet/>
  706. </dd>
  707. <dd class='comment-footer collapseable'>
  708. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  709. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  710. </dd>
  711. </div>
  712. </b:loop>
  713. </dl>
  714. </b:if>
  715. <p class='comment-footer'>
  716. <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>
  717. </p>
  718. </b:includable>
  719. <b:includable id='comment-form' var='post'>
  720. <div class='comment-form'>
  721. <a name='comment-form'/>
  722. <b:if cond='data:mobile'>
  723. <h4 id='comment-post-message'>
  724. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  725. <p><data:blogCommentMessage/></p>
  726. <data:blogTeamBlogMessage/>
  727. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  728. <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%'/>
  729. <b:else/>
  730. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  731. <p><data:blogCommentMessage/></p>
  732. <data:blogTeamBlogMessage/>
  733. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  734. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  735. </b:if>
  736. <data:post.friendConnectJs/>
  737. <data:post.cmtfpIframe/>
  738. <script type='text/javascript'>
  739. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  740. </script>
  741. </div>
  742. </b:includable>
  743. <b:includable id='commentDeleteIcon' var='comment'>
  744. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  745. <b:if cond='data:showCmtPopup'>
  746. <div class='goog-toggle-button'>
  747. <div class='goog-inline-block comment-action-icon'/>
  748. </div>
  749. <b:else/>
  750. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  751. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  752. </a>
  753. </b:if>
  754. </span>
  755. </b:includable>
  756. <b:includable id='comment_count_picker' var='post'>
  757. <b:if cond='data:post.forceIframeComments'>
  758. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  759. </span>
  760. <b:else/>
  761. <b:if cond='data:post.commentSource == 1'>
  762. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  763. </span>
  764. <b:else/>
  765. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  766. <data:post.commentLabelFull/>:
  767. </a>
  768. </b:if>
  769. </b:if>
  770. </b:includable>
  771. <b:includable id='comment_picker' var='post'>
  772. <b:if cond='data:post.commentSource == 1'>
  773. <b:include data='post' name='iframe_comments'/>
  774. <b:else/>
  775. <b:if cond='data:post.showThreadedComments'>
  776. <b:include data='post' name='threaded_comments'/>
  777. <b:else/>
  778. <b:include data='post' name='comments'/>
  779. </b:if>
  780. </b:if>
  781. </b:includable>
  782. <b:includable id='comments' var='post'>
  783. <div class='comments' id='comments'>
  784. <a name='comments'/>
  785. <b:if cond='data:post.allowComments'>
  786. <h4><data:post.commentLabelFull/>:</h4>
  787.  
  788. <b:if cond='data:post.commentPagingRequired'>
  789. <span class='paging-control-container'>
  790. <b:if cond='data:post.hasOlderLinks'>
  791. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  792. &#160;
  793. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  794. &#160;
  795. </b:if>
  796.  
  797. <data:post.commentRangeText/>
  798.  
  799. <b:if cond='data:post.hasNewerLinks'>
  800. &#160;
  801. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  802. &#160;
  803. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  804. </b:if>
  805. </span>
  806. </b:if>
  807.  
  808. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  809. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  810. <b:loop values='data:post.comments' var='comment'>
  811. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  812. <b:if cond='data:comment.favicon'>
  813. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  814. </b:if>
  815. <a expr:name='data:comment.anchorName'/>
  816. <b:if cond='data:blog.enabledCommentProfileImages'>
  817. <data:comment.authorAvatarImage/>
  818. </b:if>
  819. <b:if cond='data:comment.authorUrl'>
  820. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  821. <b:else/>
  822. <data:comment.author/>
  823. </b:if>
  824. <data:commentPostedByMsg/>
  825. </dt>
  826. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  827. <b:if cond='data:comment.isDeleted'>
  828. <span class='deleted-comment'><data:comment.body/></span>
  829. <b:else/>
  830. <p>
  831. <data:comment.body/>
  832. </p>
  833. </b:if>
  834. </dd>
  835. <dd class='comment-footer'>
  836. <span class='comment-timestamp'>
  837. <a expr:href='data:comment.url' title='comment permalink'>
  838. <data:comment.timestamp/>
  839. </a>
  840. <b:include data='comment' name='commentDeleteIcon'/>
  841. </span>
  842. </dd>
  843. </b:loop>
  844. </dl>
  845. </div>
  846.  
  847. <b:if cond='data:post.commentPagingRequired'>
  848. <span class='paging-control-container'>
  849. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  850. <data:post.oldestLinkText/>
  851. </a>
  852. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  853. <data:post.olderLinkText/>
  854. </a>
  855. &#160;
  856. <data:post.commentRangeText/>
  857. &#160;
  858. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  859. <data:post.newerLinkText/>
  860. </a>
  861. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  862. <data:post.newestLinkText/>
  863. </a>
  864. </span>
  865. </b:if>
  866.  
  867. <p class='comment-footer'>
  868. <b:if cond='data:post.embedCommentForm'>
  869. <b:if cond='data:post.allowNewComments'>
  870. <b:include data='post' name='comment-form'/>
  871. <b:else/>
  872. <data:post.noNewCommentsText/>
  873. </b:if>
  874. <b:else/>
  875. <b:if cond='data:post.allowComments'>
  876. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  877. </b:if>
  878. </b:if>
  879.  
  880. </p>
  881. </b:if>
  882. <b:if cond='data:showCmtPopup'>
  883. <div id='comment-popup'>
  884. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  885. </iframe>
  886. </div>
  887. </b:if>
  888.  
  889. <div id='backlinks-container'>
  890. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  891. <b:if cond='data:post.showBacklinks'>
  892. <b:include data='post' name='backlinks'/>
  893. </b:if>
  894. </div>
  895. </div>
  896. </div>
  897. </b:includable>
  898. <b:includable id='feedLinks'>
  899. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  900. <b:if cond='data:feedLinks'>
  901. <div class='blog-feeds'>
  902. <b:include data='feedLinks' name='feedLinksBody'/>
  903. </div>
  904. </b:if>
  905.  
  906. <b:else/> <!--Post feed links -->
  907. <div class='post-feeds'>
  908. <b:loop values='data:posts' var='post'>
  909. <b:if cond='data:post.allowComments'>
  910. <b:if cond='data:post.feedLinks'>
  911. <b:include data='post.feedLinks' name='feedLinksBody'/>
  912. </b:if>
  913. </b:if>
  914. </b:loop>
  915. </div>
  916. </b:if>
  917. </b:includable>
  918. <b:includable id='feedLinksBody' var='links'>
  919. <div class='feed-links'>
  920. <data:feedLinksMsg/>
  921. <b:loop values='data:links' var='f'>
  922. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  923. </b:loop>
  924. </div>
  925. </b:includable>
  926. <b:includable id='iframe_comments' var='post'>
  927.  
  928. <b:if cond='data:post.allowIframeComments'>
  929. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  930. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  931.  
  932. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  933. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  934. </b:if>
  935. </b:if>
  936. </b:includable>
  937. <b:includable id='mobile-index-post' var='post'>
  938. <div class='mobile-date-outer date-outer'>
  939. <b:if cond='data:post.dateHeader'>
  940. <div class='date-header'>
  941. <span><data:post.dateHeader/></span>
  942. </div>
  943. </b:if>
  944.  
  945. <div class='mobile-post-outer'>
  946. <a expr:href='data:post.url'>
  947. <h3 class='mobile-index-title entry-title' itemprop='name'>
  948. <data:post.title/>
  949. </h3>
  950.  
  951. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  952.  
  953. <div class='mobile-index-contents'>
  954. <b:if cond='data:post.thumbnailUrl'>
  955. <div class='mobile-index-thumbnail'>
  956. <div class='Image'>
  957. <img expr:src='data:post.thumbnailUrl'/>
  958. </div>
  959. </div>
  960. </b:if>
  961.  
  962. <div class='post-body'>
  963. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  964. </div>
  965. </div>
  966.  
  967. <div style='clear: both;'/>
  968. </a>
  969.  
  970. <div class='mobile-index-comment'>
  971. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  972. <b:if cond='data:post.allowComments'>
  973. <b:if cond='data:post.numComments != 0'>
  974. <b:include data='post' name='comment_count_picker'/>
  975. </b:if>
  976. </b:if>
  977. </b:if>
  978. </div>
  979. </div>
  980. </div>
  981. </b:includable>
  982. <b:includable id='mobile-main' var='top'>
  983. <!-- posts -->
  984. <div class='blog-posts hfeed'>
  985.  
  986. <b:include data='top' name='status-message'/>
  987.  
  988. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  989. <b:loop values='data:posts' var='post'>
  990. <b:include data='post' name='mobile-index-post'/>
  991. </b:loop>
  992. <b:else/>
  993. <b:loop values='data:posts' var='post'>
  994. <b:include data='post' name='mobile-post'/>
  995. </b:loop>
  996. </b:if>
  997. </div>
  998.  
  999. <b:include name='mobile-nextprev'/>
  1000. </b:includable>
  1001. <b:includable id='mobile-nextprev'>
  1002. <div class='blog-pager' id='blog-pager'>
  1003. <b:if cond='data:newerPageUrl'>
  1004. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1005. <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>
  1006. </div>
  1007. </b:if>
  1008.  
  1009. <b:if cond='data:olderPageUrl'>
  1010. <div class='mobile-link-button' id='blog-pager-older-link'>
  1011. <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>
  1012. </div>
  1013. </b:if>
  1014.  
  1015. <div class='mobile-link-button' id='blog-pager-home-link'>
  1016. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1017. </div>
  1018.  
  1019. <div class='mobile-desktop-link'>
  1020. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1021. </div>
  1022.  
  1023. </div>
  1024. <div class='clear'/>
  1025. </b:includable>
  1026. <b:includable id='mobile-post' var='post'>
  1027. <div class='date-outer'>
  1028. <b:if cond='data:post.dateHeader'>
  1029. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1030. </b:if>
  1031. <div class='date-posts'>
  1032. <div class='post-outer'>
  1033.  
  1034. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1035. <b:if cond='data:post.thumbnailUrl'>
  1036. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1037. </b:if>
  1038. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1039. <meta expr:content='data:post.id' itemprop='postId'/>
  1040.  
  1041. <a expr:name='data:post.id'/>
  1042. <b:if cond='data:post.title'>
  1043. <h3 class='post-title entry-title' itemprop='name'>
  1044. <b:if cond='data:post.link'>
  1045. <a expr:href='data:post.link'><data:post.title/></a>
  1046. <b:else/>
  1047. <b:if cond='data:post.url'>
  1048. <b:if cond='data:blog.url != data:post.url'>
  1049. <a expr:href='data:post.url'><data:post.title/></a>
  1050. <b:else/>
  1051. <data:post.title/>
  1052. </b:if>
  1053. <b:else/>
  1054. <data:post.title/>
  1055. </b:if>
  1056. </b:if>
  1057. </h3>
  1058. </b:if>
  1059.  
  1060. <div class='post-header'>
  1061. <div class='post-header-line-1'/>
  1062. </div>
  1063.  
  1064. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1065. <data:post.body/>
  1066. <div style='clear: both;'/> <!-- clear for photos floats -->
  1067. </div>
  1068.  
  1069. <div class='post-footer'>
  1070. <div class='post-footer-line post-footer-line-1'>
  1071. <span class='post-author vcard'>
  1072. <b:if cond='data:top.showAuthor'>
  1073. <b:if cond='data:post.authorProfileUrl'>
  1074. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1075. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1076. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1077. <span itemprop='name'><data:post.author/></span>
  1078. </a>
  1079. </span>
  1080. <b:else/>
  1081. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1082. <span itemprop='name'><data:post.author/></span>
  1083. </span>
  1084. </b:if>
  1085. </b:if>
  1086. </span>
  1087.  
  1088. <span class='post-timestamp'>
  1089. <b:if cond='data:top.showTimestamp'>
  1090. <data:top.timestampLabel/>
  1091. <b:if cond='data:post.url'>
  1092. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1093. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1094. </b:if>
  1095. </b:if>
  1096. </span>
  1097.  
  1098. <span class='post-comment-link'>
  1099. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1100. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1101. <b:if cond='data:post.allowComments'>
  1102. <b:include data='post' name='comment_count_picker'/>
  1103. </b:if>
  1104. </b:if>
  1105. </b:if>
  1106. </span>
  1107. </div>
  1108.  
  1109. <div class='post-footer-line post-footer-line-2'>
  1110. <b:if cond='data:top.showMobileShare'>
  1111. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1112. <a href='javascript:void(0);'><data:shareMsg/></a>
  1113. </div>
  1114. </b:if>
  1115. <b:if cond='data:top.showDummy'>
  1116. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1117. </b:if>
  1118. </div>
  1119.  
  1120. </div>
  1121. </div>
  1122.  
  1123. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1124. <b:include data='post' name='comment_picker'/>
  1125. </b:if>
  1126. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1127. <b:include data='post' name='comment_picker'/>
  1128. </b:if>
  1129. </div>
  1130. </div>
  1131. </div>
  1132. </b:includable>
  1133. <b:includable id='nextprev'>
  1134. <div class='blog-pager' id='blog-pager'>
  1135. <b:if cond='data:newerPageUrl'>
  1136. <span id='blog-pager-newer-link'>
  1137. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  1138. </span>
  1139. </b:if>
  1140.  
  1141. <b:if cond='data:olderPageUrl'>
  1142. <span id='blog-pager-older-link'>
  1143. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  1144. </span>
  1145. </b:if>
  1146.  
  1147. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1148.  
  1149. <b:if cond='data:mobileLinkUrl'>
  1150. <div class='blog-mobile-link'>
  1151. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1152. </div>
  1153. </b:if>
  1154.  
  1155. </div>
  1156. <div class='clear'/>
  1157. </b:includable>
  1158. <b:includable id='post' var='post'>
  1159. <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1160. <a expr:name='data:post.id'/>
  1161. <b:if cond='data:post.title'>
  1162. <h3 class='post-title entry-title' itemprop='name'>
  1163. <b:if cond='data:post.link'>
  1164. <a expr:href='data:post.link'><data:post.title/></a>
  1165. <b:else/>
  1166. <b:if cond='data:post.url'>
  1167. <b:if cond='data:blog.url != data:post.url'>
  1168. <a expr:href='data:post.url'><data:post.title/></a>
  1169. <b:else/>
  1170. <data:post.title/>
  1171. </b:if>
  1172. <b:else/>
  1173. <data:post.title/>
  1174. </b:if>
  1175. </b:if>
  1176. </h3>
  1177. </b:if>
  1178.  
  1179. <div class='post-header'>
  1180. <div class='post-header-line-1'/>
  1181. </div>
  1182.  
  1183. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1184. <data:post.body/>
  1185. <div style='clear: both;'/> <!-- clear for photos floats -->
  1186. </div>
  1187.  
  1188. <b:if cond='data:post.hasJumpLink'>
  1189. <div class='jump-link'>
  1190. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  1191. </div>
  1192. </b:if>
  1193.  
  1194. <div class='post-footer'>
  1195. <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'>
  1196. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1197. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1198. <b:if cond='data:post.allowComments'>
  1199. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1200. <data:post.commentLabelFull/>:
  1201. </a>
  1202. </b:if>
  1203. </b:if>
  1204. </b:if>
  1205. </span> <span class='post-icons'>
  1206. <!-- email post links -->
  1207. <b:if cond='data:post.emailPostUrl'>
  1208. <span class='item-action'>
  1209. <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  1210. <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  1211. </a>
  1212. </span>
  1213. </b:if>
  1214.  
  1215. <!-- quickedit pencil -->
  1216. <b:include data='post' name='postQuickEdit'/>
  1217. </span> <div class='post-share-buttons goog-inline-block'>
  1218. <b:if cond='data:post.sharePostUrl'>
  1219. <b:include data='post' name='shareButtons'/>
  1220. </b:if>
  1221. </div> </div>
  1222.  
  1223. <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
  1224. <b:if cond='data:post.labels'>
  1225. <data:postLabelsLabel/>
  1226. <b:loop values='data:post.labels' var='label'>
  1227. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1228. </b:loop>
  1229. </b:if>
  1230. </span> </div>
  1231.  
  1232. <div class='post-footer-line post-footer-line-3'><span class='post-location'>
  1233. <b:if cond='data:top.showLocation'>
  1234. <b:if cond='data:post.location'>
  1235. <data:postLocationLabel/>
  1236. <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  1237. </b:if>
  1238. </b:if>
  1239. </span> </div>
  1240. </div>
  1241. </div>
  1242. </b:includable>
  1243. <b:includable id='postQuickEdit' var='post'>
  1244. <b:if cond='data:post.editUrl'>
  1245. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1246. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1247. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1248. </a>
  1249. </span>
  1250. </b:if>
  1251. </b:includable>
  1252. <b:includable id='shareButtons' var='post'>
  1253. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  1254. </b:includable>
  1255. <b:includable id='status-message'>
  1256. <b:if cond='data:navMessage'>
  1257. <div class='status-msg-wrap'>
  1258. <div class='status-msg-body'>
  1259. <data:navMessage/>
  1260. </div>
  1261. <div class='status-msg-border'>
  1262. <div class='status-msg-bg'>
  1263. <div class='status-msg-hidden'><data:navMessage/></div>
  1264. </div>
  1265. </div>
  1266. </div>
  1267. <div style='clear: both;'/>
  1268. </b:if>
  1269. </b:includable>
  1270. <b:includable id='threaded-comment-form' var='post'>
  1271. <div class='comment-form'>
  1272. <a name='comment-form'/>
  1273. <b:if cond='data:mobile'>
  1274. <p><data:blogCommentMessage/></p>
  1275. <data:blogTeamBlogMessage/>
  1276. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1277. <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%'/>
  1278. <b:else/>
  1279. <p><data:blogCommentMessage/></p>
  1280. <data:blogTeamBlogMessage/>
  1281. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1282. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1283. </b:if>
  1284. <data:post.friendConnectJs/>
  1285. <data:post.cmtfpIframe/>
  1286. <script type='text/javascript'>
  1287. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1288. </script>
  1289. </div>
  1290. </b:includable>
  1291. <b:includable id='threaded_comment_js' var='post'>
  1292. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1293.  
  1294. <script type='text/javascript'>
  1295. (function() {
  1296. var items = <data:post.commentJso/>;
  1297. var msgs = <data:post.commentMsgs/>;
  1298. var config = <data:post.commentConfig/>;
  1299.  
  1300. // <![CDATA[
  1301. var cursor = null;
  1302. if (items && items.length > 0) {
  1303. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1304. }
  1305.  
  1306. var bodyFromEntry = function(entry) {
  1307. if (entry.gd$extendedProperty) {
  1308. for (var k in entry.gd$extendedProperty) {
  1309. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1310. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1311. }
  1312. }
  1313. }
  1314. return entry.content.$t;
  1315. }
  1316.  
  1317. var parse = function(data) {
  1318. cursor = null;
  1319. var comments = [];
  1320. if (data && data.feed && data.feed.entry) {
  1321. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1322. var comment = {};
  1323. // comment ID, parsed out of the original id format
  1324. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1325. comment.id = id ? id[2] : null;
  1326. comment.body = bodyFromEntry(entry);
  1327. comment.timestamp = Date.parse(entry.published.$t) + '';
  1328. if (entry.author && entry.author.constructor === Array) {
  1329. var auth = entry.author[0];
  1330. if (auth) {
  1331. comment.author = {
  1332. name: (auth.name ? auth.name.$t : undefined),
  1333. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1334. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1335. };
  1336. }
  1337. }
  1338. if (entry.link) {
  1339. if (entry.link[2]) {
  1340. comment.link = comment.permalink = entry.link[2].href;
  1341. }
  1342. if (entry.link[3]) {
  1343. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1344. if (pid && pid[1]) {
  1345. comment.parentId = pid[1];
  1346. }
  1347. }
  1348. }
  1349. comment.deleteclass = 'item-control blog-admin';
  1350. if (entry.gd$extendedProperty) {
  1351. for (var k in entry.gd$extendedProperty) {
  1352. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1353. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1354. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1355. comment.displayTime = entry.gd$extendedProperty[k].value;
  1356. }
  1357. }
  1358. }
  1359. comments.push(comment);
  1360. }
  1361. }
  1362. return comments;
  1363. };
  1364.  
  1365. var paginator = function(callback) {
  1366. if (hasMore()) {
  1367. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1368. if (cursor) {
  1369. url += '&published-min=' + new Date(cursor).toISOString();
  1370. }
  1371. window.bloggercomments = function(data) {
  1372. var parsed = parse(data);
  1373. cursor = parsed.length < 50 ? null
  1374. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1375. callback(parsed);
  1376. window.bloggercomments = null;
  1377. }
  1378. url += '&callback=bloggercomments';
  1379. var script = document.createElement('script');
  1380. script.type = 'text/javascript';
  1381. script.src = url;
  1382. document.getElementsByTagName('head')[0].appendChild(script);
  1383. }
  1384. };
  1385. var hasMore = function() {
  1386. return !!cursor;
  1387. };
  1388. var getMeta = function(key, comment) {
  1389. if ('iswriter' == key) {
  1390. var matches = !!comment.author
  1391. && comment.author.name == config.authorName
  1392. && comment.author.profileUrl == config.authorUrl;
  1393. return matches ? 'true' : '';
  1394. } else if ('deletelink' == key) {
  1395. return config.baseUri + '/delete-comment.g?blogID='
  1396. + config.blogId + '&postID=' + comment.id;
  1397. } else if ('deleteclass' == key) {
  1398. return comment.deleteclass;
  1399. }
  1400. return '';
  1401. };
  1402.  
  1403. var replybox = null;
  1404. var replyUrlParts = null;
  1405. var replyParent = undefined;
  1406.  
  1407. var onReply = function(commentId, domId) {
  1408. if (replybox == null) {
  1409. // lazily cache replybox, and adjust to suit this style:
  1410. replybox = document.getElementById('comment-editor');
  1411. if (replybox != null) {
  1412. replybox.height = '250px';
  1413. replybox.style.display = 'block';
  1414. replyUrlParts = replybox.src.split('#');
  1415. }
  1416. }
  1417. if (replybox && (commentId !== replyParent)) {
  1418. document.getElementById(domId).insertBefore(replybox, null);
  1419. replybox.src = replyUrlParts[0]
  1420. + (commentId ? '&parentID=' + commentId : '')
  1421. + '#' + replyUrlParts[1];
  1422. replyParent = commentId;
  1423. }
  1424. };
  1425.  
  1426. var hash = (window.location.hash || '#').substring(1);
  1427. var startThread, targetComment;
  1428. if (/^comment-form_/.test(hash)) {
  1429. startThread = hash.substring('comment-form_'.length);
  1430. } else if (/^c[0-9]+$/.test(hash)) {
  1431. targetComment = hash.substring(1);
  1432. }
  1433.  
  1434. // Configure commenting API:
  1435. var configJso = {
  1436. 'maxDepth': config.maxThreadDepth
  1437. };
  1438. var provider = {
  1439. 'id': config.postId,
  1440. 'data': items,
  1441. 'loadNext': paginator,
  1442. 'hasMore': hasMore,
  1443. 'getMeta': getMeta,
  1444. 'onReply': onReply,
  1445. 'rendered': true,
  1446. 'initComment': targetComment,
  1447. 'initReplyThread': startThread,
  1448. 'config': configJso,
  1449. 'messages': msgs
  1450. };
  1451.  
  1452. var render = function() {
  1453. if (window.goog && window.goog.comments) {
  1454. var holder = document.getElementById('comment-holder');
  1455. window.goog.comments.render(holder, provider);
  1456. }
  1457. };
  1458.  
  1459. // render now, or queue to render when library loads:
  1460. if (window.goog && window.goog.comments) {
  1461. render();
  1462. } else {
  1463. window.goog = window.goog || {};
  1464. window.goog.comments = window.goog.comments || {};
  1465. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1466. window.goog.comments.loadQueue.push(render);
  1467. }
  1468. })();
  1469. // ]]>
  1470. </script>
  1471. </b:includable>
  1472. <b:includable id='threaded_comments' var='post'>
  1473. <div class='comments' id='comments'>
  1474. <a name='comments'/>
  1475. <h4><data:post.commentLabelFull/>:</h4>
  1476.  
  1477. <div class='comments-content'>
  1478. <b:if cond='data:post.embedCommentForm'>
  1479. <b:include data='post' name='threaded_comment_js'/>
  1480. </b:if>
  1481. <div id='comment-holder'>
  1482. <data:post.commentHtml/>
  1483. </div>
  1484. </div>
  1485.  
  1486. <p class='comment-footer'>
  1487. <b:if cond='data:post.allowNewComments'>
  1488. <b:include data='post' name='threaded-comment-form'/>
  1489. <b:else/>
  1490. <data:post.noNewCommentsText/>
  1491. </b:if>
  1492. </p>
  1493.  
  1494. <b:if cond='data:showCmtPopup'>
  1495. <div id='comment-popup'>
  1496. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1497. </iframe>
  1498. </div>
  1499. </b:if>
  1500.  
  1501. <div id='backlinks-container'>
  1502. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1503. <b:if cond='data:post.showBacklinks'>
  1504. <b:include data='post' name='backlinks'/>
  1505. </b:if>
  1506. </div>
  1507. </div>
  1508. </div>
  1509. </b:includable>
  1510. </b:widget>
  1511. </b:section>
  1512. </div>
  1513.  
  1514.  
  1515. <!-- spacer for skins that want sidebar and main to be the same height-->
  1516. <div class='clear'>&#160;</div>
  1517.  
  1518. </div> <!-- end content-wrapper -->
  1519.  
  1520.  
  1521. <div id='credits'>
  1522. <br/>
  1523. &#169;Todos os direitos reservados a <a href='/'>Codigo Modificado</a> || Layout e Modificações por <a href='http://www.flickr.com/photos/dihh_dias/'>Diego Dias</a> || Código base por <a href='http://www.flickr.com/photos/58249764@N08/'>Ana</a>
  1524. </div>
  1525.  
  1526. </div> <!-- end outer-wrapper --></div>
  1527.  
  1528.  
  1529.  
  1530. </body>
  1531. </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!