SHARE
TWEET

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

GabrielaSants Jan 21st, 2015 212 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
Top