Guest User

CÓDIGO BASE DE LAYOUT BLOGGER - POR THEO RIBEIRO

a guest
Feb 16th, 2013
3,520
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 76.36 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' 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.   <head>
  5.     <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  6.     <b:if cond='data:blog.isMobile'>
  7.       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  8.     <b:else/>
  9.       <meta content='width=1100' name='viewport'/>
  10.     </b:if>
  11.     <b:include data='blog' name='all-head-content'/>
  12.     <title><data:blog.pageTitle/></title>
  13.  
  14.     <b:skin><![CDATA[/*
  15. -----------------------------------------------
  16. Nome: Sugoi Tutoriais
  17. Design e Código Base: Theo Ribeiro
  18. ----------------------------------------------- */
  19.  
  20. /* Variable definitions
  21.   ====================
  22.   <Variable name="keycolor" description="Main Color" type="color" default="#539bcd" value="#cfd9f6"/>
  23.  
  24.   <Group description="Page Text" selector="body">
  25.     <Variable name="body.font" description="Font" type="font"
  26.         default="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif"/>
  27.     <Variable name="body.text.color" description="Text Color" type="color" default="#000000" value="#000000"/>
  28.   </Group>
  29.  
  30.   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  31.     <Variable name="body.background.color" description="Outer Background" type="color" default="#539bcd" value="#cfd9f6"/>
  32.     <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="#ffffff"/>
  33.   </Group>
  34.  
  35.   <Group description="Links" selector=".main-outer">
  36.     <Variable name="link.color" description="Link Color" type="color" default="#ff9900" value="#000000"/>
  37.     <Variable name="link.visited.color" description="Visited Color" type="color" default="#b87209" value="#000000"/>
  38.     <Variable name="link.hover.color" description="Hover Color" type="color" default="#000000" value="#000000"/>
  39.   </Group>
  40.  
  41.   <Group description="Blog Title" selector=".header h1">
  42.     <Variable name="header.font" description="Font" type="font"
  43.         default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif"/>
  44.     <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff"  value="#000000"/>
  45.   </Group>
  46.  
  47.   <Group description="Blog Description" selector=".header .description">
  48.     <Variable name="description.text.color" description="Description Color" type="color"
  49.         default="$(body.text.color)"  value="$(body.text.color)"/>
  50.   </Group>
  51.  
  52.   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  53.     <Variable name="tabs.font" description="Font" type="font"
  54.         default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif"/>
  55.     <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
  56.     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
  57.   </Group>
  58.  
  59.   <Group description="Tabs Background" selector=".tabs-outer .PageList">
  60.     <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="#000000"/>
  61.     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="#333333"/>
  62.   </Group>
  63.  
  64.   <Group description="Date Header" selector=".main-inner h2.date-header">
  65.     <Variable name="date.font" description="Font" type="font"
  66.         default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
  67.     <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
  68.   </Group>
  69.  
  70.   <Group description="Post Title" selector="h3.post-title a">
  71.     <Variable name="post.title.font" description="Font" type="font"
  72.         default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 20px Homemade Apple"/>
  73.     <Variable name="post.title.text.color" description="Text Color" type="color"
  74.         default="#ffffff" value="#000000"/>
  75.   </Group>
  76.  
  77.   <Group description="Post Background" selector=".column-center-inner">
  78.     <Variable name="post.background.color" description="Background Color" type="color"
  79.         default="transparent" value="#ffffff"/>
  80.     <Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"/>
  81.   </Group>
  82.  
  83.   <Group description="Gadget Title Color" selector="h2">
  84.     <Variable name="widget.title.font" description="Font" type="font"
  85.        default="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
  86.     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="$(post.title.text.color)"/>
  87.   </Group>
  88.  
  89.   <Group description="Gadget Text" selector=".footer-inner .widget, .sidebar .widget">
  90.     <Variable name="widget.font" description="Font" type="font"
  91.        default="$(body.font)" value="$(body.font)"/>
  92.     <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
  93.   </Group>
  94.  
  95.   <Group description="Gadget Links" selector=".sidebar .widget">
  96.     <Variable name="widget.link.color" description="Link Color" type="color" default="$(body.text.color)" value="#b71c54"/>
  97.     <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#b71c54"/>
  98.     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#ffffff" value="#b71c54"/>
  99.   </Group>
  100.  
  101.   <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
  102.     <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent"  value="transparent"/>
  103.     <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="transparent"  value="transparent"/>
  104.   </Group>
  105.  
  106.   <Variable name="body.background" description="Body Background" type="background"
  107.       color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="#cfd9f6 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMZDgyZmJiZTMtNWUxNC00NjA1LWJhZWMtODc3ZWQwMzZiYjcz) repeat fixed top center"/>
  108.   <Variable name="content.background" description="Content Background" type="background"
  109.       color="$(content.background.color)" default="$(color) none repeat scroll top center" value="#ffffff url(//www.blogblog.com/1kt/travel/bg_container.png) repeat-x scroll top left"/>
  110.   <Variable name="comments.background" description="Comments Background" type="background"
  111.       default="#fff none repeat scroll top center" value="#fff none repeat scroll top center"/>
  112.  
  113.   <Variable name="content.imageBorder.top.space" description="Content Image Border Top Space" type="length" default="0" value="5px"/>
  114.   <Variable name="content.imageBorder.top" description="Content Image Border Top" type="url" default="none" value="url(//www.blogblog.com/1kt/travel/bg_container.png)"/>
  115.  
  116.   <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="20px"/>
  117.   <Variable name="content.padding" description="Content Padding" type="length" default="20px" value="20px"/>
  118.   <Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="10px" value="10px"/>
  119.  
  120.   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
  121.       default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
  122.   <Variable name="tabs.selected.background.gradient" description="Tabs Selected Background Gradient" type="url"
  123.       default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
  124.   <Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"
  125.       default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
  126.   <Variable name="footer.background.gradient" description="Footer Background Gradient" type="url" default="none" value="none"/>
  127.   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  128.       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  129.   <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>
  130.   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  131.   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  132. */
  133.  
  134. /* Content
  135. ----------------------------------------------- */
  136. body {
  137.  font: $(body.font);
  138.  color: $(body.text.color);
  139.  background: $(body.background);
  140.  background:#bce2f2 url(http://i.imgur.com/GxPVpgn.png) repeat; */ BACKGROUND DO BLOG */
  141. }
  142.  
  143. html body .region-inner {
  144.  min-width: 0;
  145.  max-width: 100%;
  146.  width: auto;
  147. }
  148.  
  149. a:link {
  150.  text-decoration:none;
  151.  color: $(link.color);
  152. }
  153.  
  154. a:visited {
  155.  text-decoration:none;
  156.  color: $(link.visited.color);
  157. }
  158.  
  159. a:hover {
  160.  text-decoration:underline;
  161.  color: $(link.hover.color);
  162. }
  163.  
  164. .content-outer .content-cap-top {
  165.  height: ;
  166.  background: ;
  167. }
  168.  
  169. .content-outer {
  170.  margin: 0 auto;
  171. }
  172.  
  173. .content-inner {
  174.  background: ;
  175.  background-position: ;
  176.  background-color: ;
  177. }
  178.  
  179. .main-inner .date-outer {
  180.  margin-bottom: 2em;
  181. }
  182.  
  183. /* Header
  184. ----------------------------------------------- */
  185. .header-inner .Header .titlewrapper,
  186. .header-inner .Header .descriptionwrapper {
  187.  padding-left: 10px;
  188.  padding-right: 10px;
  189. }
  190.  
  191. .Header h1 {
  192.  font: $(header.font);
  193.  color: $(header.text.color);
  194. }
  195.  
  196. .Header h1 a {
  197.  color: $(header.text.color);
  198. }
  199.  
  200. .Header .description {
  201.  font-size: 130%;
  202. }
  203.  
  204. /* Tabs
  205. ----------------------------------------------- */
  206. .tabs-inner {
  207.  padding: 0;
  208. }
  209.  
  210. .tabs-inner .section {
  211.  margin: 0;
  212. }
  213.  
  214. .tabs-inner .widget ul {
  215.  padding: 0;
  216.  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
  217. }
  218.  
  219. .tabs-inner .widget li {
  220.  border: none;
  221. }
  222.  
  223. .tabs-inner .widget li a {
  224.  display: inline-block;
  225.  padding: 1em 1.5em;
  226.  color: $(tabs.text.color);
  227.  font: $(tabs.font);
  228. }
  229.  
  230. .tabs-inner .widget li.selected a,
  231. .tabs-inner .widget li a:hover {
  232.  position: relative;
  233.  z-index: 1;
  234.  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  235.  color: $(tabs.selected.text.color);
  236.  
  237. }
  238. /* Headings
  239. ----------------------------------------------- */
  240. /* TITULO DA SIDEBAR */
  241.  
  242. .sidebar h2 {
  243. font-family: Arial; /*Tipo de fonte*/
  244. font-size: 15px; /*Tamanho da fonte*/
  245. color: #000; /*Cor da fonte*/
  246. text-align: center; /*Alinhamento do texto*/
  247. }
  248.  
  249. /* TITULO DA SIDEBAR */
  250.  
  251. /* DATA DOS POSTS */
  252. .main-inner h2.date-header {
  253. font: georgia; /*tipo da fonte*/
  254. color: #333;  /*cor da fonte*/
  255. margin-top: -20px;
  256. margin-right: 50px;
  257. background: #8db6c8; /*cor do background*/
  258. float: right;
  259. font-size: 11px;  /*tamanho da fonte*/
  260. padding: 5px;
  261. }
  262.  
  263. /* DATA DOS POSTS */
  264.  
  265. .footer-inner .widget h2,
  266. .sidebar .widget h2 {
  267.  padding-bottom: 0.0em;
  268. }
  269.  
  270. /* Main
  271. ----------------------------------------------- */
  272.  
  273. .main-inner {
  274. margin-top: -13px;
  275.  padding: $(content.padding) 0;
  276. }
  277.  
  278. .main-inner .column-center-inner {
  279.  padding: $(content.posts.padding) 0;
  280. }
  281.  
  282. .main-inner .column-center-inner .section {
  283.  margin: 0 $(content.posts.padding);
  284. }
  285.  
  286. .main-inner .column-right-inner {
  287.  margin-left: $(content.padding);
  288. }
  289.  
  290. .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  291.  margin-left: $(content.padding);
  292.  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  293. }
  294.  
  295. .main-inner .column-left-inner {
  296.  margin-right: $(content.padding);
  297. }
  298.  
  299. .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  300.  margin-right: $(content.padding);
  301.  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  302. }
  303.  
  304. .main-inner .column-left-inner,
  305. .main-inner .column-right-inner {
  306.  padding: 15px 0;
  307. }
  308.  
  309. /* Posts
  310. ----------------------------------------------- */
  311. /* TITULO DAS POSTAGENS */
  312. h3.post-title {
  313.  font-family: Arial; /*tipo de fonte*/
  314.  font-size: 15px; /*tamanho da fonte*/
  315.  text-align: center;
  316.  margin-top: -2px;
  317. }
  318.  
  319.  
  320. h3.post-title a {
  321.  font-family:Arial; /*tipo de fonte*/
  322.  font-size: 15px; /*tamanho da fonte*/
  323.  color: $(post.title.text.color);
  324.  margin-left: 2px;
  325. }
  326.  
  327.  
  328. h3.post-title a:hover {
  329. color: #d296bd; /*Cor do hover*/
  330. -webkit-transition-duration: 1.0s;
  331.  text-decoration: underline;
  332. }
  333. /* TITULO DAS POSTAGENS */
  334.  
  335. /* PERSONALIZAÇÃO DA ÁREA DE POST */
  336. .post-outer {
  337. border-top: 5px solid #8db6c8; */cor da borda de cima*/
  338. margin: 4px 2px 30px;
  339. padding: 10px 10px;
  340. background:#ffffff; /* cor do fundo*/
  341. -webkit-border-radius: 10px;
  342. -moz-border-radius: 10px;
  343. border-radius: 10px;
  344. border-radius:50px;
  345. border-bottom: 5px solid #8db6c8; */ cor da borda de baixo */
  346. box-shadow: inset 0 0 6px #e2e1e1, 0 0 1px #ccc; /* cor da sombra*/
  347. }
  348. /* PERSONALIZAÇÃO DA ÁREA DE POST */
  349.  
  350.  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  351.  _background-image: none;
  352. }
  353.  
  354. .post-body {
  355.  line-height: 1.4;
  356.  position: relative;
  357. }
  358.  
  359. .post-header {
  360.  margin: 0 0 1em;
  361.  
  362.  line-height: 1.6;
  363. }
  364.  
  365. /* IMAGEM DO FINAL DO POST */
  366.  
  367. .post-footer {
  368. width:-90;
  369. height:px;
  370. background: url(http://i.imgur.com/axnp3kt.png)no-repeat; /* url da imagem */
  371. color: #000;
  372. margin:.25em 0 0;
  373. padding:120px 0 0px 135px;
  374. font-size:12px;
  375. line-height:1.4em;
  376.  margin: .5em 0;
  377.  line-height: 1.6;
  378. }
  379.  
  380. /* IMAGEM DO FINAL DO POST */
  381.  
  382. #blog-pager {
  383.  font-size: 140%;
  384. }
  385.  
  386. #comments {
  387.  background: $(comments.background);
  388.  padding: 15px;
  389. }
  390.  
  391. #comments .comment-author {
  392.  padding-top: 1.5em;
  393. }
  394.  
  395. #comments h4,
  396. #comments .comment-author a,
  397. #comments .comment-timestamp a {
  398.  color: $(post.title.text.color);
  399. }
  400.  
  401. #comments .comment-author:first-child {
  402.  padding-top: 0;
  403.  border-top: none;
  404. }
  405.  
  406. .avatar-image-container {
  407.  margin: .2em 0 0;
  408. }
  409. border-radius:100px;
  410.  height:60px;
  411.  widht:60px;
  412.  
  413. /* Comments
  414. ----------------------------------------------- */
  415. #comments a {
  416.  color: $(post.title.text.color);
  417. }
  418.  
  419. .comments .comments-content .icon.blog-author {
  420.  background-repeat: no-repeat;
  421.  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  422. }
  423.  
  424. .comments .comments-content .loadmore a {
  425.  border-top: 1px solid $(post.title.text.color);
  426.  border-bottom: 1px solid $(post.title.text.color);
  427. }
  428.  
  429. .comments .comment-thread.inline-thread {
  430.  background: $(post.background.color);
  431. }
  432.  
  433. .comments .continue {
  434.  border-top: 2px solid $(post.title.text.color);
  435. }
  436.  
  437.  
  438. /* Widgets
  439. ----------------------------------------------- */
  440. .sidebar .widget {
  441.  border-bottom: 2px solid $(widget.border.bevel.color);
  442.  padding-bottom: 10px;
  443.  margin: 10px 0;
  444. }
  445.  
  446. .sidebar .widget:first-child {
  447.  margin-top: 0;
  448. }
  449.  
  450. /*PERSONALIZAÇÃO DA SIDEBAR*/
  451. .sidebar .widget:last-child {
  452.  border-bottom: none;
  453.  margin-bottom: 0;
  454.  padding-bottom: 0;
  455. background:#fff; /*cor do fundo*/
  456. border-top: 5px solid #8db6c8; /*cor da borda de cima*/
  457. padding: 5px;
  458. margin-left: 13px;
  459. margin-top: 0px;
  460. margin-bottom:25px;
  461. border-radius:30px;
  462. border-bottom: 5px solid #8db6c8;box-shadow: inset 0 0 6px #8db6c8, 0 0 1px #ccc; /*cor da borda de baixo*/
  463. }
  464. /*PERSONALIZAÇÃO DA ÚLTIMA SIDEBAR*/
  465.  
  466. .footer-inner .widget,
  467. .sidebar .widget {
  468.  font: $(widget.font);
  469.  color: $(widget.text.color);
  470. }
  471.  
  472.  
  473. .sidebar .widget a:link {
  474.  color: $(widget.link.color);
  475.  text-decoration: none;
  476. }
  477.  
  478. .sidebar .widget a:visited {
  479.  color: $(widget.link.visited.color);
  480. }
  481.  
  482. .sidebar .widget a:hover {
  483.  color: $(widget.link.color);
  484.  text-decoration: underline;
  485. }
  486.  
  487. .footer-inner .widget a:link {
  488.  color: $(link.color);
  489.  text-decoration: none;
  490. }
  491.  
  492. .footer-inner .widget a:visited {
  493.  color: $(link.visited.color);
  494. }
  495.  
  496. .footer-inner .widget a:hover {
  497.  color: $(link.color);
  498.  text-decoration: underline;
  499. }
  500.  
  501. .widget .zippy {
  502.  color: $(widget.alternate.text.color);
  503. }
  504.  
  505. .footer-inner {
  506.  background: transparent $(footer.background.gradient) repeat scroll top center;
  507. }
  508.  
  509. /* Mobile
  510. ----------------------------------------------- */
  511. body.mobile  {
  512.  padding: 0 10px;
  513.  background-size: 100% auto;
  514. }
  515.  
  516. body.mobile .AdSense {
  517.  margin: 0 -10px;
  518. }
  519.  
  520. .mobile .body-fauxcolumn-outer {
  521.  background: $(mobile.background.overlay);
  522. }
  523.  
  524. .mobile .footer-inner .widget a:link {
  525.  color: $(widget.link.color);
  526.  text-decoration: none;
  527. }
  528.  
  529. .mobile .footer-inner .widget a:visited {
  530.  color: $(widget.link.visited.color);
  531. }
  532.  
  533. .mobile-post-outer a {
  534.  color: $(post.title.text.color);
  535. }
  536.  
  537. .mobile-link-button {
  538.  background-color: $(link.color);
  539. }
  540.  
  541. .mobile-link-button a:link, .mobile-link-button a:visited {
  542.  color: $(mobile.button.color);
  543. }
  544.  
  545. .mobile-index-contents {
  546.  color: $(body.text.color);
  547. }
  548.  
  549. .mobile .tabs-inner .PageList .widget-content {
  550.  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  551.  color: $(tabs.selected.text.color);
  552. }
  553.  
  554. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  555.  border-$startSide: 1px solid $(tabs.selected.text.color);
  556. }
  557. .feed-links{display:none !important;}
  558.  
  559. /*BARRA DE CRÉDITOS*/
  560. #footer-wrapper {
  561. border-top: 5px solid #3d6d82; /*cor da borda de cima*/
  562. background:  #8db6c8; /*cor do fundo*/
  563. background-repeat: no-repeat;
  564. z-index: 1000;
  565. height: 20px;
  566. clear: both;
  567. font-size: 90%; /*tamanho da fonte*/
  568. color: #000; /*cor da fonte*/
  569. text-align: center;
  570. padding: 5px;
  571. }
  572. /*BARRA DE CRÉDITOS*/
  573.  
  574. /*PERSONALIZAÇÃO DA SIDEBAR*/
  575. .sidebar .widget {
  576. margin: 4px 2px 30px;
  577. padding: 10px 10px;
  578. background:#ffffff; /*cor do fundo*/
  579. -webkit-border-radius: 10px;
  580. -moz-border-radius: 10px;
  581. border-radius: 10px;
  582. border-radius:30px;
  583. border-bottom: 5px solid #8db6c8; /*cor da borda de baixo*/
  584. border-top: 5px solid #8db6c8; /*cor da borda de cima*/
  585. box-shadow: inset 0 0 6px #e2e1e1, 0 0 1px #ccc;
  586. }
  587. /*PERSONALIZAÇÃO DA SIDEBAR*/
  588.  
  589. /*BARRA DE ROLAGEM*/
  590. ::-webkit-scrollbar-thumb:vertical {
  591. background: #8db6c8; /*cor da barra de rolagem*/
  592. border: 1px solid #bgh;
  593. height:50px;
  594. }
  595. ::-webkit-scrollbar-thumb:horizontal {
  596. background color: #8db6c8; /*cor da barra de rolagem*/
  597. border: 1px solid #bgh;
  598. height: 7px;
  599. }
  600. ::-webkit-scrollbar {
  601. height:10px; width:12px;
  602. background: #bce2f2; /*cor do background da barra de rolagem*/
  603. border: 1px solid #bgh;
  604. width:8px;
  605. }
  606. /*BARRA DE ROLAGEM*/
  607.  
  608. /*EFEITO NAS IMAGENS*/
  609. .post img{-webkit-border-radius:
  610. 10px;-moz-border-radius: 10px;}
  611. /*EFEITO NAS IMAGENS*/
  612.  
  613. #comment-form, .comment-form {margin:auto; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px;}
  614.  
  615. ]]></b:skin>
  616.  
  617.     <b:template-skin>
  618.       <b:variable default='960px' name='content.width' type='length' value='1050px'/>
  619.       <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  620.       <b:variable default='310px' name='main.column.right.width' type='length' value='340px'/>
  621.  
  622.       <![CDATA[
  623.      body {
  624.        min-width: $(content.width);
  625.      }
  626.  
  627.      .content-outer, .content-fauxcolumn-outer, .region-inner {
  628.        min-width: $(content.width);
  629.        max-width: $(content.width);
  630.        _width: $(content.width);
  631.      }
  632.  
  633.      .main-inner .columns {
  634.        padding-left: $(main.column.left.width);
  635.        padding-right: $(main.column.right.width);
  636.      }
  637.  
  638.      .main-inner .fauxcolumn-center-outer {
  639.        left: $(main.column.left.width);
  640.        right: $(main.column.right.width);
  641.        /* IE6 does not respect left and right together */
  642.        _width: expression(this.parentNode.offsetWidth -
  643.            parseInt("$(main.column.left.width)") -
  644.            parseInt("$(main.column.right.width)") + 'px');
  645.      }
  646.  
  647.      .main-inner .fauxcolumn-left-outer {
  648.        width: $(main.column.left.width);
  649.      }
  650.  
  651.      .main-inner .fauxcolumn-right-outer {
  652.        width: $(main.column.right.width);
  653.      }
  654.  
  655.      .main-inner .column-left-outer {
  656.        width: $(main.column.left.width);
  657.        right: 100%;
  658.        margin-left: -$(main.column.left.width);
  659.      }
  660.  
  661.      .main-inner .column-right-outer {
  662.        width: $(main.column.right.width);
  663.        margin-right: -$(main.column.right.width);
  664.      }
  665.  
  666.      #layout {
  667.        min-width: 0;
  668.      }
  669.  
  670.      #layout .content-outer {
  671.        min-width: 0;
  672.        width: 800px;
  673.      }
  674.  
  675.      #layout .region-inner {
  676.        min-width: 0;
  677.        width: auto;
  678.      }
  679.  
  680. /*BLOCKQUOTE */
  681.  
  682. blockquote {
  683. border-left: 10px solid #000; /*cor da borda esquerda do blockquote*/
  684. background-color: #8db6c8; /*cor de fundo do blockquote */
  685. padding: 10px;
  686. font-size: 12px; /*tamanho da letra do blockquote*/
  687. color: #fff; /*cor da letra do blockquote*/
  688. -webkit-transition-duration: .50s;
  689. }
  690.  
  691. /*BLOCKQUOTE */
  692.  
  693.      ]]>
  694.     </b:template-skin>
  695.   </head>
  696.  
  697.   <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  698.   <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  699. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
  700. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  701.     function setAttributeOnload(object, attribute, val) {
  702.       if(window.addEventListener) {
  703.         window.addEventListener(&#39;load&#39;,
  704.           function(){ object[attribute] = val; }, false);
  705.       } else {
  706.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  707.       }
  708.     }
  709.   &lt;/script&gt;
  710. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  711. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  712. &lt;script type=&quot;text/javascript&quot;&gt;
  713.         gapi.load(&quot;iframes-styles-bubble&quot;, function() {
  714.           if (window.iframes &amp;&amp; iframes.open) {
  715.             iframes.open(
  716.                 &#39;//www.blogger.com/navbar.g?targetBlogID\0757676691861464786192\46blogName\75OUTROS+TESTES\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://outrostestess.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://outrostestess.blogspot.com/\46vt\75-251169128233360459&#39;,
  717.                 {
  718.                   container: &quot;navbar-iframe-container&quot;,
  719.                   id: &quot;navbar-iframe&quot;
  720.                 },
  721.                 {
  722.                 });
  723.           }
  724.         });
  725.       &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  726. (function() {
  727. var script = document.createElement(&#39;script&#39;);
  728. script.type = &#39;text/javascript&#39;;
  729. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  730. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  731. if (head) {
  732. head.appendChild(script);
  733. }})();
  734. &lt;/script&gt;
  735. </b:includable>
  736. </b:widget>
  737. </b:section>
  738.  
  739.   <b:if cond='data:blog.pageType == &quot;index&quot;'>
  740.     <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  741.       <meta expr:content='data:blog.title' itemprop='name'/>
  742.       <b:if cond='data:blog.metaDescription'>
  743.         <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  744.       </b:if>
  745.     </div>
  746.   </b:if>
  747.  
  748.   <div class='body-fauxcolumns'>
  749.     <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  750.     <div class='cap-top'>
  751.       <div class='cap-left'/>
  752.       <div class='cap-right'/>
  753.     </div>
  754.     <div class='fauxborder-left'>
  755.     <div class='fauxborder-right'/>
  756.     <div class='fauxcolumn-inner'>
  757.     </div>
  758.     </div>
  759.     <div class='cap-bottom'>
  760.       <div class='cap-left'/>
  761.       <div class='cap-right'/>
  762.     </div>
  763.     </div>
  764.   </div>
  765.  
  766.   <div class='content'>
  767.   <div class='content-fauxcolumns'>
  768.     <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  769.     <div class='cap-top'>
  770.       <div class='cap-left'/>
  771.       <div class='cap-right'/>
  772.     </div>
  773.     <div class='fauxborder-left'>
  774.     <div class='fauxborder-right'/>
  775.     <div class='fauxcolumn-inner'>
  776.     </div>
  777.     </div>
  778.     <div class='cap-bottom'>
  779.       <div class='cap-left'/>
  780.       <div class='cap-right'/>
  781.     </div>
  782.     </div>
  783.   </div>
  784.  
  785.   <div class='content-outer'>
  786.   <div class='content-cap-top cap-top'>
  787.     <div class='cap-left'/>
  788.     <div class='cap-right'/>
  789.   </div>
  790.   <div class='fauxborder-left content-fauxborder-left'>
  791.   <div class='fauxborder-right content-fauxborder-right'/>
  792.   <div class='content-inner'>
  793.  
  794.     <header>
  795.     <div class='header-outer'>
  796.     <div class='header-cap-top cap-top'>
  797.       <div class='cap-left'/>
  798.       <div class='cap-right'/>
  799.     </div>
  800.     <div class='fauxborder-left header-fauxborder-left'>
  801.     <div class='fauxborder-right header-fauxborder-right'/>
  802.     <div class='region-inner header-inner'>
  803.       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'/>
  804.     </div>
  805.     </div>
  806.  
  807. <div style='margin-top:-40px;'/>
  808. <div style='text-align:center; width:1024px; margin-left:auto; margin-right:auto;'>
  809. <img alt='' border='0' height='600' id='Image-Maps_5201301060911567' src='http://3.bp.blogspot.com/-DWf6sn5321A/URQrQ3nYK2I/AAAAAAAAAGg/FGIrSg2GVLY/s1600/RIHANNA.png' usemap='#Image-Maps_5201301060911567' width='1024'/>
  810. <map id='_Image-Maps_5201301060911567' name='Image-Maps_5201301060911567'>
  811. <area alt='' coords='67,15,176,93' href='' shape='rect' title=''/>
  812. <area alt='' coords='181,18,330,96' href='' shape='rect' title=''/>
  813. <area alt='' coords='336,18,516,96' href='' shape='rect' title=''/>
  814. <area alt='' coords='522,19,776,97' href='' shape='rect' title=''/>
  815. <area alt='' coords='781,17,922,95' href='' shape='rect' title=''/>
  816. </map>
  817. </div>
  818.  
  819.     <div class='header-cap-bottom cap-bottom'>
  820.       <div class='cap-left'/>
  821.       <div class='cap-right'/>
  822.     </div>
  823.     </div>
  824.     </header>
  825.  
  826.     <div class='tabs-outer'>
  827.     <div class='tabs-cap-top cap-top'>
  828.       <div class='cap-left'/>
  829.       <div class='cap-right'/>
  830.     </div>
  831.     <div class='fauxborder-left tabs-fauxborder-left'>
  832.     <div class='fauxborder-right tabs-fauxborder-right'/>
  833.     <div class='region-inner tabs-inner'>
  834.       <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
  835.       <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  836.     </div>
  837.     </div>
  838.     <div class='tabs-cap-bottom cap-bottom'>
  839.       <div class='cap-left'/>
  840.       <div class='cap-right'/>
  841.     </div>
  842.     </div>
  843.  
  844.     <div class='main-outer'>
  845.     <div class='main-cap-top cap-top'>
  846.       <div class='cap-left'/>
  847.       <div class='cap-right'/>
  848.     </div>
  849.  
  850.     <div class='fauxborder-left main-fauxborder-left'>
  851.     <div class='fauxborder-right main-fauxborder-right'/>
  852.     <div class='region-inner main-inner'>
  853.  
  854.       <div class='columns fauxcolumns'>
  855.  
  856.         <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  857.         <div class='cap-top'>
  858.           <div class='cap-left'/>
  859.           <div class='cap-right'/>
  860.         </div>
  861.         <div class='fauxborder-left'>
  862.         <div class='fauxborder-right'/>
  863.         <div class='fauxcolumn-inner'>
  864.         </div>
  865.         </div>
  866.         <div class='cap-bottom'>
  867.           <div class='cap-left'/>
  868.           <div class='cap-right'/>
  869.         </div>
  870.         </div>
  871.  
  872.         <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  873.         <div class='cap-top'>
  874.           <div class='cap-left'/>
  875.           <div class='cap-right'/>
  876.         </div>
  877.         <div class='fauxborder-left'>
  878.         <div class='fauxborder-right'/>
  879.         <div class='fauxcolumn-inner'>
  880.         </div>
  881.         </div>
  882.         <div class='cap-bottom'>
  883.           <div class='cap-left'/>
  884.           <div class='cap-right'/>
  885.         </div>
  886.         </div>
  887.  
  888.         <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  889.         <div class='cap-top'>
  890.           <div class='cap-left'/>
  891.           <div class='cap-right'/>
  892.         </div>
  893.         <div class='fauxborder-left'>
  894.         <div class='fauxborder-right'/>
  895.         <div class='fauxcolumn-inner'>
  896.         </div>
  897.         </div>
  898.         <div class='cap-bottom'>
  899.           <div class='cap-left'/>
  900.           <div class='cap-right'/>
  901.         </div>
  902.         </div>
  903.  
  904.         <!-- corrects IE6 width calculation -->
  905.         <div class='columns-inner'>
  906.  
  907.         <div class='column-center-outer'>
  908.         <div class='column-center-inner'>
  909.           <b:section class='main' id='main' showaddelement='no'>
  910. <b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'>
  911. <b:includable id='nextprev'>
  912.   <div class='blog-pager' id='blog-pager'>
  913.     <b:if cond='data:newerPageUrl'>
  914.       <span id='blog-pager-newer-link'>
  915.       <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>
  916.       </span>
  917.     </b:if>
  918.  
  919.     <b:if cond='data:olderPageUrl'>
  920.       <span id='blog-pager-older-link'>
  921.       <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>
  922.       </span>
  923.     </b:if>
  924.  
  925.     <a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/></a>
  926.  
  927.     <b:if cond='data:mobileLinkUrl'>
  928.       <div class='blog-mobile-link'>
  929.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  930.       </div>
  931.     </b:if>
  932.  
  933.   </div>
  934.   <div class='clear'/>
  935. </b:includable>
  936. <b:includable id='shareButtons' var='post'>
  937.   <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>
  938. </b:includable>
  939. <b:includable id='threaded_comment_js' var='post'>
  940.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  941.  
  942.   <script type='text/javascript'>
  943.     (function() {
  944.       var items = <data:post.commentJso/>;
  945.       var msgs = <data:post.commentMsgs/>;
  946.       var config = <data:post.commentConfig/>;
  947.  
  948. // <![CDATA[
  949.      var cursor = null;
  950.      if (items && items.length > 0) {
  951.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  952.      }
  953.  
  954.      var bodyFromEntry = function(entry) {
  955.        if (entry.gd$extendedProperty) {
  956.          for (var k in entry.gd$extendedProperty) {
  957.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  958.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  959.            }
  960.          }
  961.        }
  962.        return entry.content.$t;
  963.      }
  964.  
  965.      var parse = function(data) {
  966.        cursor = null;
  967.        var comments = [];
  968.        if (data && data.feed && data.feed.entry) {
  969.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  970.            var comment = {};
  971.            // comment ID, parsed out of the original id format
  972.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  973.            comment.id = id ? id[2] : null;
  974.            comment.body = bodyFromEntry(entry);
  975.            comment.timestamp = Date.parse(entry.published.$t) + '';
  976.            if (entry.author && entry.author.constructor === Array) {
  977.              var auth = entry.author[0];
  978.              if (auth) {
  979.                comment.author = {
  980.                  name: (auth.name ? auth.name.$t : undefined),
  981.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  982.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  983.                };
  984.              }
  985.            }
  986.            if (entry.link) {
  987.              if (entry.link[2]) {
  988.                comment.link = comment.permalink = entry.link[2].href;
  989.              }
  990.              if (entry.link[3]) {
  991.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  992.                if (pid && pid[1]) {
  993.                  comment.parentId = pid[1];
  994.                }
  995.              }
  996.            }
  997.            comment.deleteclass = 'item-control blog-admin';
  998.            if (entry.gd$extendedProperty) {
  999.              for (var k in entry.gd$extendedProperty) {
  1000.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1001.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1002.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1003.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  1004.                }
  1005.              }
  1006.            }
  1007.            comments.push(comment);
  1008.          }
  1009.        }
  1010.        return comments;
  1011.      };
  1012.  
  1013.      var paginator = function(callback) {
  1014.        if (hasMore()) {
  1015.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1016.          if (cursor) {
  1017.            url += '&published-min=' + new Date(cursor).toISOString();
  1018.          }
  1019.          window.bloggercomments = function(data) {
  1020.            var parsed = parse(data);
  1021.            cursor = parsed.length < 50 ? null
  1022.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1023.            callback(parsed);
  1024.            window.bloggercomments = null;
  1025.          }
  1026.          url += '&callback=bloggercomments';
  1027.          var script = document.createElement('script');
  1028.          script.type = 'text/javascript';
  1029.          script.src = url;
  1030.          document.getElementsByTagName('head')[0].appendChild(script);
  1031.        }
  1032.      };
  1033.      var hasMore = function() {
  1034.        return !!cursor;
  1035.      };
  1036.      var getMeta = function(key, comment) {
  1037.        if ('iswriter' == key) {
  1038.          var matches = !!comment.author
  1039.              && comment.author.name == config.authorName
  1040.              && comment.author.profileUrl == config.authorUrl;
  1041.          return matches ? 'true' : '';
  1042.        } else if ('deletelink' == key) {
  1043.          return config.baseUri + '/delete-comment.g?blogID='
  1044.               + config.blogId + '&postID=' + comment.id;
  1045.        } else if ('deleteclass' == key) {
  1046.          return comment.deleteclass;
  1047.        }
  1048.        return '';
  1049.      };
  1050.  
  1051.      var replybox = null;
  1052.      var replyUrlParts = null;
  1053.      var replyParent = undefined;
  1054.  
  1055.      var onReply = function(commentId, domId) {
  1056.        if (replybox == null) {
  1057.          // lazily cache replybox, and adjust to suit this style:
  1058.          replybox = document.getElementById('comment-editor');
  1059.          if (replybox != null) {
  1060.            replybox.height = '250px';
  1061.            replybox.style.display = 'block';
  1062.            replyUrlParts = replybox.src.split('#');
  1063.          }
  1064.        }
  1065.        if (replybox && (commentId !== replyParent)) {
  1066.          document.getElementById(domId).insertBefore(replybox, null);
  1067.          replybox.src = replyUrlParts[0]
  1068.              + (commentId ? '&parentID=' + commentId : '')
  1069.              + '#' + replyUrlParts[1];
  1070.          replyParent = commentId;
  1071.        }
  1072.      };
  1073.  
  1074.      var hash = (window.location.hash || '#').substring(1);
  1075.      var startThread, targetComment;
  1076.      if (/^comment-form_/.test(hash)) {
  1077.        startThread = hash.substring('comment-form_'.length);
  1078.      } else if (/^c[0-9]+$/.test(hash)) {
  1079.        targetComment = hash.substring(1);
  1080.      }
  1081.  
  1082.      // Configure commenting API:
  1083.      var configJso = {
  1084.        'maxDepth': config.maxThreadDepth
  1085.      };
  1086.      var provider = {
  1087.        'id': config.postId,
  1088.        'data': items,
  1089.        'loadNext': paginator,
  1090.        'hasMore': hasMore,
  1091.        'getMeta': getMeta,
  1092.        'onReply': onReply,
  1093.        'rendered': true,
  1094.        'initComment': targetComment,
  1095.        'initReplyThread': startThread,
  1096.        'config': configJso,
  1097.        'messages': msgs
  1098.      };
  1099.  
  1100.      var render = function() {
  1101.        if (window.goog && window.goog.comments) {
  1102.          var holder = document.getElementById('comment-holder');
  1103.          window.goog.comments.render(holder, provider);
  1104.        }
  1105.      };
  1106.  
  1107.      // render now, or queue to render when library loads:
  1108.      if (window.goog && window.goog.comments) {
  1109.        render();
  1110.      } else {
  1111.        window.goog = window.goog || {};
  1112.        window.goog.comments = window.goog.comments || {};
  1113.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1114.        window.goog.comments.loadQueue.push(render);
  1115.      }
  1116.    })();
  1117. // ]]>
  1118.   </script>
  1119. </b:includable>
  1120. <b:includable id='backlinks' var='post'>
  1121.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1122.   <b:if cond='data:post.numBacklinks != 0'>
  1123.     <dl class='comments-block' id='comments-block'>
  1124.       <b:loop values='data:post.backlinks' var='backlink'>
  1125.         <div class='collapsed-backlink backlink-control'>
  1126.           <dt class='comment-title'>
  1127.             <span class='backlink-toggle-zippy'>&#160;</span>
  1128.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1129.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  1130.           </dt>
  1131.           <dd class='comment-body collapseable'>
  1132.             <data:backlink.snippet/>
  1133.           </dd>
  1134.           <dd class='comment-footer collapseable'>
  1135.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1136.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1137.           </dd>
  1138.         </div>
  1139.       </b:loop>
  1140.     </dl>
  1141.   </b:if>
  1142.   <p class='comment-footer'>
  1143.     <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>
  1144.   </p>
  1145. </b:includable>
  1146. <b:includable id='comment_count_picker' var='post'>
  1147.   <b:if cond='data:post.forceIframeComments'>
  1148.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1149.     </span>
  1150.   <b:else/>
  1151.     <b:if cond='data:post.commentSource == 1'>
  1152.       <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1153.       </span>
  1154.     <b:else/>
  1155.       <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1156.         <data:post.commentLabelFull/>:
  1157.       </a>
  1158.     </b:if>
  1159.   </b:if>
  1160. </b:includable>
  1161. <b:includable id='mobile-main' var='top'>
  1162.     <!-- posts -->
  1163.     <div class='blog-posts hfeed'>
  1164.  
  1165.       <b:include data='top' name='status-message'/>
  1166.  
  1167.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1168.         <b:loop values='data:posts' var='post'>
  1169.           <b:include data='post' name='mobile-index-post'/>
  1170.         </b:loop>
  1171.       <b:else/>
  1172.         <b:loop values='data:posts' var='post'>
  1173.           <b:include data='post' name='mobile-post'/>
  1174.         </b:loop>
  1175.       </b:if>
  1176.     </div>
  1177.  
  1178.    <b:include name='mobile-nextprev'/>
  1179. </b:includable>
  1180. <b:includable id='post' var='post'>
  1181.   <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1182.     <b:if cond='data:post.thumbnailUrl'>
  1183.       <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1184.     </b:if>
  1185.     <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1186.     <meta expr:content='data:post.id' itemprop='postId'/>
  1187.  
  1188.     <a expr:name='data:post.id'/>
  1189.     <b:if cond='data:post.title'>
  1190.       <h3 class='post-title entry-title' itemprop='name'>
  1191.       <b:if cond='data:post.link'>
  1192.         <a expr:href='data:post.link'><data:post.title/></a>
  1193.       <b:else/>
  1194.         <b:if cond='data:post.url'>
  1195.           <b:if cond='data:blog.url != data:post.url'>
  1196.             <a expr:href='data:post.url'><data:post.title/></a>
  1197.           <b:else/>
  1198.             <data:post.title/>
  1199.           </b:if>
  1200.         <b:else/>
  1201.           <data:post.title/>
  1202.         </b:if>
  1203.       </b:if>
  1204.       </h3>
  1205.     </b:if>
  1206.  
  1207.     <div class='post-header'>
  1208.     <div class='post-header-line-1'/>
  1209.     </div>
  1210.  
  1211.     <b:if cond='data:blog.metaDescription == &quot;&quot;'>
  1212.       <!-- Then use the post body as the schema.org description,
  1213.          for good G+/FB snippeting. -->
  1214.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  1215.         <data:post.body/>
  1216.         <div style='clear: both;'/> <!-- clear for photos floats -->
  1217.       </div>
  1218.     <b:else/>
  1219.       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1220.         <data:post.body/>
  1221.         <div style='clear: both;'/> <!-- clear for photos floats -->
  1222.       </div>
  1223.     </b:if>
  1224.  
  1225.     <b:if cond='data:post.hasJumpLink'>
  1226.       <div class='jump-link'>
  1227.         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  1228.       </div>
  1229.     </b:if>
  1230.  
  1231.     <div class='post-footer'>
  1232.     <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
  1233.         <b:if cond='data:top.showAuthor'>
  1234.           <data:top.authorLabel/>
  1235.             <b:if cond='data:post.authorProfileUrl'>
  1236.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1237.                 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1238.                 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1239.                   <span itemprop='name'><data:post.author/></span>
  1240.                 </a>
  1241.               </span>
  1242.             <b:else/>
  1243.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1244.                 <span itemprop='name'><data:post.author/></span>
  1245.               </span>
  1246.             </b:if>
  1247.         </b:if>
  1248.       </span> <span class='post-timestamp'>
  1249.         <b:if cond='data:top.showTimestamp'>
  1250.           <data:top.timestampLabel/>
  1251.         <b:if cond='data:post.url'>
  1252.           <meta expr:content='data:post.url' itemprop='url'/>
  1253.           <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>
  1254.         </b:if>
  1255.         </b:if>
  1256.       </span> <span class='post-comment-link'>
  1257.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1258.           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1259.             <b:if cond='data:post.allowComments'>
  1260.               <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1261.                 <data:post.commentLabelFull/>:
  1262.               </a>
  1263.             </b:if>
  1264.           </b:if>
  1265.         </b:if>
  1266.       </span> <span class='post-icons'>
  1267.         <!-- email post links -->
  1268.         <b:if cond='data:post.emailPostUrl'>
  1269.           <span class='item-action'>
  1270.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  1271.               <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  1272.           </a>
  1273.           </span>
  1274.         </b:if>
  1275.  
  1276.         <!-- quickedit pencil -->
  1277.         <b:include data='post' name='postQuickEdit'/>
  1278.       </span> <div class='post-share-buttons goog-inline-block'>
  1279.         <b:if cond='data:post.sharePostUrl'>
  1280.           <b:include data='post' name='shareButtons'/>
  1281.         </b:if>
  1282.       </div> </div>
  1283.  
  1284.       <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
  1285.         <b:if cond='data:post.labels'>
  1286.           <data:postLabelsLabel/>
  1287.           <b:loop values='data:post.labels' var='label'>
  1288.             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1289.           </b:loop>
  1290.         </b:if>
  1291.       </span> </div>
  1292.  
  1293.       <div class='post-footer-line post-footer-line-3'><span class='post-location'>
  1294.         <b:if cond='data:top.showLocation'>
  1295.           <b:if cond='data:post.location'>
  1296.             <data:postLocationLabel/>
  1297.             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  1298.           </b:if>
  1299.         </b:if>
  1300.       </span> </div>
  1301.     </div>
  1302.   </div>
  1303. </b:includable>
  1304. <b:includable id='comment_picker' var='post'>
  1305.   <b:if cond='data:post.forceIframeComments'>
  1306.     <b:include data='post' name='iframe_comments'/>
  1307.     <b:if cond='data:post.showThreadedComments'>
  1308.       <b:include data='post' name='threaded_comments'/>
  1309.     <b:else/>
  1310.       <b:include data='post' name='comments'/>
  1311.     </b:if>
  1312.   <b:else/>
  1313.     <b:if cond='data:post.commentSource == 1'>
  1314.       <b:include data='post' name='iframe_comments'/>
  1315.     <b:else/>
  1316.       <b:if cond='data:post.showThreadedComments'>
  1317.         <b:include data='post' name='threaded_comments'/>
  1318.       <b:else/>
  1319.         <b:include data='post' name='comments'/>
  1320.       </b:if>
  1321.     </b:if>
  1322.   </b:if>
  1323. </b:includable>
  1324. <b:includable id='status-message'>
  1325.   <b:if cond='data:navMessage'>
  1326.   <div class='status-msg-wrap'>
  1327.     <div class='status-msg-body'>
  1328.       <data:navMessage/>
  1329.     </div>
  1330.     <div class='status-msg-border'>
  1331.       <div class='status-msg-bg'>
  1332.         <div class='status-msg-hidden'><data:navMessage/></div>
  1333.       </div>
  1334.     </div>
  1335.   </div>
  1336.   <div style='clear: both;'/>
  1337.   </b:if>
  1338. </b:includable>
  1339. <b:includable id='comment-form' var='post'>
  1340.   <div class='comment-form'>
  1341.     <a name='comment-form'/>
  1342.     <b:if cond='data:mobile'>
  1343.       <h4 id='comment-post-message'>
  1344.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1345.       <p><data:blogCommentMessage/></p>
  1346.       <data:blogTeamBlogMessage/>
  1347.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1348.       <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%'/>
  1349.     <b:else/>
  1350.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1351.       <p><data:blogCommentMessage/></p>
  1352.       <data:blogTeamBlogMessage/>
  1353.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1354.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1355.     </b:if>
  1356.     <data:post.friendConnectJs/>
  1357.     <data:post.cmtfpIframe/>
  1358.     <script type='text/javascript'>
  1359.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1360.     </script>
  1361.   </div>
  1362. </b:includable>
  1363. <b:includable id='threaded_comments' var='post'>
  1364.   <div class='comments' id='comments'>
  1365.     <a name='comments'/>
  1366.     <h4><data:post.commentLabelFull/>:</h4>
  1367.  
  1368.     <div class='comments-content'>
  1369.       <b:if cond='data:post.embedCommentForm'>
  1370.         <b:include data='post' name='threaded_comment_js'/>
  1371.       </b:if>
  1372.       <div id='comment-holder'>
  1373.          <data:post.commentHtml/>
  1374.       </div>
  1375.     </div>
  1376.  
  1377.     <p class='comment-footer'>
  1378.       <b:if cond='data:post.allowNewComments'>
  1379.         <b:include data='post' name='threaded-comment-form'/>
  1380.       <b:else/>
  1381.         <data:post.noNewCommentsText/>
  1382.       </b:if>
  1383.     </p>
  1384.  
  1385.     <b:if cond='data:showCmtPopup'>
  1386.       <div id='comment-popup'>
  1387.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1388.         </iframe>
  1389.       </div>
  1390.     </b:if>
  1391.  
  1392.     <div id='backlinks-container'>
  1393.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1394.        <b:if cond='data:post.showBacklinks'>
  1395.          <b:include data='post' name='backlinks'/>
  1396.        </b:if>
  1397.     </div>
  1398.     </div>
  1399.   </div>
  1400. </b:includable>
  1401. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1402.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1403.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1404.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1405.     </a>
  1406.   </span>
  1407. </b:includable>
  1408. <b:includable id='mobile-nextprev'>
  1409.   <div class='blog-pager' id='blog-pager'>
  1410.     <b:if cond='data:newerPageUrl'>
  1411.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  1412.       <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>
  1413.       </div>
  1414.     </b:if>
  1415.  
  1416.     <b:if cond='data:olderPageUrl'>
  1417.       <div class='mobile-link-button' id='blog-pager-older-link'>
  1418.       <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>
  1419.       </div>
  1420.     </b:if>
  1421.  
  1422.     <div class='mobile-link-button' id='blog-pager-home-link'>
  1423.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1424.     </div>
  1425.  
  1426.     <div class='mobile-desktop-link'>
  1427.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1428.     </div>
  1429.  
  1430.   </div>
  1431.   <div class='clear'/>
  1432. </b:includable>
  1433. <b:includable id='mobile-post' var='post'>
  1434.   <div class='date-outer'>
  1435.     <b:if cond='data:post.dateHeader'>
  1436.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1437.     </b:if>
  1438.     <div class='date-posts'>
  1439.       <div class='post-outer'>
  1440.  
  1441.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1442.           <b:if cond='data:post.thumbnailUrl'>
  1443.             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1444.           </b:if>
  1445.           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1446.           <meta expr:content='data:post.id' itemprop='postId'/>
  1447.  
  1448.           <a expr:name='data:post.id'/>
  1449.           <b:if cond='data:post.title'>
  1450.             <h3 class='post-title entry-title' itemprop='name'>
  1451.               <b:if cond='data:post.link'>
  1452.                 <a expr:href='data:post.link'><data:post.title/></a>
  1453.               <b:else/>
  1454.                 <b:if cond='data:post.url'>
  1455.                   <b:if cond='data:blog.url != data:post.url'>
  1456.                     <a expr:href='data:post.url'><data:post.title/></a>
  1457.                   <b:else/>
  1458.                     <data:post.title/>
  1459.                   </b:if>
  1460.                 <b:else/>
  1461.                   <data:post.title/>
  1462.                 </b:if>
  1463.               </b:if>
  1464.             </h3>
  1465.           </b:if>
  1466.  
  1467.           <div class='post-header'>
  1468.             <div class='post-header-line-1'/>
  1469.           </div>
  1470.  
  1471.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1472.             <data:post.body/>
  1473.             <div style='clear: both;'/> <!-- clear for photos floats -->
  1474.           </div>
  1475.  
  1476.           <div class='post-footer'>
  1477.             <div class='post-footer-line post-footer-line-1'>
  1478.               <span class='post-author vcard'>
  1479.                 <b:if cond='data:top.showAuthor'>
  1480.                   <b:if cond='data:post.authorProfileUrl'>
  1481.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1482.                       <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1483.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1484.                         <span itemprop='name'><data:post.author/></span>
  1485.                       </a>
  1486.                     </span>
  1487.                   <b:else/>
  1488.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1489.                       <span itemprop='name'><data:post.author/></span>
  1490.                     </span>
  1491.                   </b:if>
  1492.                 </b:if>
  1493.               </span>
  1494.  
  1495.               <span class='post-timestamp'>
  1496.                 <b:if cond='data:top.showTimestamp'>
  1497.                   <data:top.timestampLabel/>
  1498.                   <b:if cond='data:post.url'>
  1499.                     <meta expr:content='data:post.url' itemprop='url'/>
  1500.                     <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>
  1501.                   </b:if>
  1502.                 </b:if>
  1503.               </span>
  1504.  
  1505.               <span class='post-comment-link'>
  1506.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1507.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1508.                     <b:if cond='data:post.allowComments'>
  1509.                       <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1510.                         <data:post.commentLabelFull/>:
  1511.                       </a>
  1512.                     </b:if>
  1513.                   </b:if>
  1514.                 </b:if>
  1515.               </span>
  1516.             </div>
  1517.  
  1518.             <div class='post-footer-line post-footer-line-2'>
  1519.               <b:if cond='data:top.showMobileShare'>
  1520.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1521.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  1522.                 </div>
  1523.               </b:if>
  1524.               <b:if cond='data:top.showDummy'>
  1525.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1526.               </b:if>
  1527.             </div>
  1528.  
  1529.           </div>
  1530.         </div>
  1531.  
  1532.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1533.           <b:include data='post' name='comment_picker'/>
  1534.         </b:if>
  1535.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1536.           <b:include data='post' name='comment_picker'/>
  1537.         </b:if>
  1538.       </div>
  1539.     </div>
  1540.   </div>
  1541. </b:includable>
  1542. <b:includable id='postQuickEdit' var='post'>
  1543.   <b:if cond='data:post.editUrl'>
  1544.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1545.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1546.         <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
  1547.       </a>
  1548.     </span>
  1549.   </b:if>
  1550. </b:includable>
  1551. <b:includable id='main' var='top'>
  1552.   <b:if cond='data:mobile == &quot;false&quot;'>
  1553.  
  1554.     <!-- posts -->
  1555.     <div class='blog-posts hfeed'>
  1556.  
  1557.       <b:include data='top' name='status-message'/>
  1558.  
  1559.       <data:defaultAdStart/>
  1560.       <b:loop values='data:posts' var='post'>
  1561.         <b:if cond='data:post.isDateStart'>
  1562.           <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1563.             &lt;/div&gt;&lt;/div&gt;
  1564.           </b:if>
  1565.         </b:if>
  1566.         <b:if cond='data:post.isDateStart'>
  1567.           &lt;div class=&quot;date-outer&quot;&gt;
  1568.         </b:if>
  1569.         <b:if cond='data:post.dateHeader'>
  1570.           <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1571.         </b:if>
  1572.         <b:if cond='data:post.isDateStart'>
  1573.           &lt;div class=&quot;date-posts&quot;&gt;
  1574.         </b:if>
  1575.         <div class='post-outer'>
  1576.         <b:include data='post' name='post'/>
  1577.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1578.           <b:include data='post' name='comment_picker'/>
  1579.         </b:if>
  1580.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1581.           <b:include data='post' name='comment_picker'/>
  1582.         </b:if>
  1583.         </div>
  1584.         <b:if cond='data:post.includeAd'>
  1585.           <b:if cond='data:post.isFirstPost'>
  1586.             <data:defaultAdEnd/>
  1587.           <b:else/>
  1588.             <data:adEnd/>
  1589.           </b:if>
  1590.           <div class='inline-ad'>
  1591.             <data:adCode/>
  1592.           </div>
  1593.           <data:adStart/>
  1594.         </b:if>
  1595.       </b:loop>
  1596.       <b:if cond='data:numPosts != 0'>
  1597.         &lt;/div&gt;&lt;/div&gt;
  1598.       </b:if>
  1599.       <data:adEnd/>
  1600.     </div>
  1601.  
  1602.     <!-- navigation -->
  1603.     <b:include name='nextprev'/>
  1604.  
  1605.     <!-- feed links -->
  1606.     <b:include name='feedLinks'/>
  1607.  
  1608.     <b:if cond='data:top.showStars'>
  1609.       <script src='//www.google.com/jsapi' type='text/javascript'/>
  1610.       <script type='text/javascript'>
  1611.         google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1612.         function initialize() {
  1613.           google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1614.           google.annotations.createAll();
  1615.           google.annotations.fetch();
  1616.         }
  1617.         google.setOnLoadCallback(initialize);
  1618.       </script>
  1619.     </b:if>
  1620.  
  1621.   <b:else/>
  1622.     <b:include name='mobile-main'/>
  1623.   </b:if>
  1624.  
  1625.   <b:if cond='data:top.showDummy'>
  1626.     <data:top.dummyBootstrap/>
  1627.   </b:if>
  1628.  
  1629. </b:includable>
  1630. <b:includable id='commentDeleteIcon' var='comment'>
  1631.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1632.     <b:if cond='data:showCmtPopup'>
  1633.       <div class='goog-toggle-button'>
  1634.         <div class='goog-inline-block comment-action-icon'/>
  1635.       </div>
  1636.     <b:else/>
  1637.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1638.         <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1639.       </a>
  1640.     </b:if>
  1641.   </span>
  1642. </b:includable>
  1643. <b:includable id='feedLinks'>
  1644.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1645.     <b:if cond='data:feedLinks'>
  1646.       <div class='blog-feeds'>
  1647.         <b:include data='feedLinks' name='feedLinksBody'/>
  1648.       </div>
  1649.     </b:if>
  1650.  
  1651.     <b:else/> <!--Post feed links -->
  1652.     <div class='post-feeds'>
  1653.       <b:loop values='data:posts' var='post'>
  1654.         <b:if cond='data:post.allowComments'>
  1655.           <b:if cond='data:post.feedLinks'>
  1656.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  1657.           </b:if>
  1658.         </b:if>
  1659.       </b:loop>
  1660.     </div>
  1661.   </b:if>
  1662. </b:includable>
  1663. <b:includable id='threaded-comment-form' var='post'>
  1664.   <div class='comment-form'>
  1665.     <a name='comment-form'/>
  1666.     <b:if cond='data:mobile'>
  1667.       <p><data:blogCommentMessage/></p>
  1668.       <data:blogTeamBlogMessage/>
  1669.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1670.       <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%'/>
  1671.     <b:else/>
  1672.       <p><data:blogCommentMessage/></p>
  1673.       <data:blogTeamBlogMessage/>
  1674.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1675.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1676.     </b:if>
  1677.     <data:post.friendConnectJs/>
  1678.     <data:post.cmtfpIframe/>
  1679.     <script type='text/javascript'>
  1680.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1681.     </script>
  1682.   </div>
  1683. </b:includable>
  1684. <b:includable id='mobile-index-post' var='post'>
  1685.   <div class='mobile-date-outer date-outer'>
  1686.     <b:if cond='data:post.dateHeader'>
  1687.       <div class='date-header'>
  1688.         <span><data:post.dateHeader/></span>
  1689.       </div>
  1690.     </b:if>
  1691.  
  1692.     <div class='mobile-post-outer'>
  1693.       <a expr:href='data:post.url'>
  1694.         <h3 class='mobile-index-title entry-title' itemprop='name'>
  1695.           <data:post.title/>
  1696.         </h3>
  1697.  
  1698.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1699.  
  1700.         <div class='mobile-index-contents'>
  1701.           <b:if cond='data:post.thumbnailUrl'>
  1702.             <div class='mobile-index-thumbnail'>
  1703.               <div class='Image'>
  1704.                 <img expr:src='data:post.thumbnailUrl'/>
  1705.               </div>
  1706.             </div>
  1707.           </b:if>
  1708.  
  1709.           <div class='post-body'>
  1710.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1711.           </div>
  1712.         </div>
  1713.  
  1714.         <div style='clear: both;'/>
  1715.       </a>
  1716.  
  1717.       <div class='mobile-index-comment'>
  1718.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1719.           <b:if cond='data:post.allowComments'>
  1720.             <b:if cond='data:post.numComments != 0'>
  1721.               <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1722.                 <data:post.commentLabelFull/>:
  1723.               </a>
  1724.             </b:if>
  1725.           </b:if>
  1726.         </b:if>
  1727.       </div>
  1728.     </div>
  1729.   </div>
  1730. </b:includable>
  1731. <b:includable id='iframe_comments' var='post'>
  1732.  
  1733.   <b:if cond='data:post.allowIframeComments'>
  1734.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1735.     <div class='cmt_iframe_holder'/>
  1736.  
  1737.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1738.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1739.     </b:if>
  1740.   </b:if>
  1741. </b:includable>
  1742. <b:includable id='feedLinksBody' var='links'>
  1743.   <div class='feed-links'>
  1744.   <data:feedLinksMsg/>
  1745.   <b:loop values='data:links' var='f'>
  1746.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1747.   </b:loop>
  1748.   </div>
  1749. </b:includable>
  1750. <b:includable id='comments' var='post'>
  1751.   <div class='comments' id='comments'>
  1752.     <a name='comments'/>
  1753.     <b:if cond='data:post.allowComments'>
  1754.       <h4><data:post.commentLabelFull/>:</h4>
  1755.  
  1756.       <b:if cond='data:post.commentPagingRequired'>
  1757.         <span class='paging-control-container'>
  1758.           <b:if cond='data:post.hasOlderLinks'>
  1759.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1760.               &#160;
  1761.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1762.               &#160;
  1763.           </b:if>
  1764.  
  1765.           <data:post.commentRangeText/>
  1766.  
  1767.           <b:if cond='data:post.hasNewerLinks'>
  1768.             &#160;
  1769.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1770.             &#160;
  1771.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1772.           </b:if>
  1773.         </span>
  1774.       </b:if>
  1775.  
  1776.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1777.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1778.           <b:loop values='data:post.comments' var='comment'>
  1779.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1780.               <b:if cond='data:comment.favicon'>
  1781.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1782.               </b:if>
  1783.               <a expr:name='data:comment.anchorName'/>
  1784.               <b:if cond='data:blog.enabledCommentProfileImages'>
  1785.                 <data:comment.authorAvatarImage/>
  1786.               </b:if>
  1787.               <b:if cond='data:comment.authorUrl'>
  1788.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1789.               <b:else/>
  1790.                 <data:comment.author/>
  1791.               </b:if>
  1792.               <data:commentPostedByMsg/>
  1793.             </dt>
  1794.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1795.               <b:if cond='data:comment.isDeleted'>
  1796.                 <span class='deleted-comment'><data:comment.body/></span>
  1797.               <b:else/>
  1798.                 <p>
  1799.                   <data:comment.body/>
  1800.                 </p>
  1801.               </b:if>
  1802.             </dd>
  1803.             <dd class='comment-footer'>
  1804.               <span class='comment-timestamp'>
  1805.                 <a expr:href='data:comment.url' title='comment permalink'>
  1806.                   <data:comment.timestamp/>
  1807.                 </a>
  1808.                 <b:include data='comment' name='commentDeleteIcon'/>
  1809.               </span>
  1810.             </dd>
  1811.           </b:loop>
  1812.         </dl>
  1813.       </div>
  1814.  
  1815.       <b:if cond='data:post.commentPagingRequired'>
  1816.         <span class='paging-control-container'>
  1817.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1818.             <data:post.oldestLinkText/>
  1819.           </a>
  1820.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1821.             <data:post.olderLinkText/>
  1822.           </a>
  1823.           &#160;
  1824.           <data:post.commentRangeText/>
  1825.           &#160;
  1826.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1827.             <data:post.newerLinkText/>
  1828.           </a>
  1829.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1830.             <data:post.newestLinkText/>
  1831.           </a>
  1832.         </span>
  1833.       </b:if>
  1834.  
  1835.       <p class='comment-footer'>
  1836.         <b:if cond='data:post.embedCommentForm'>
  1837.           <b:if cond='data:post.allowNewComments'>
  1838.             <b:include data='post' name='comment-form'/>
  1839.           <b:else/>
  1840.             <data:post.noNewCommentsText/>
  1841.           </b:if>
  1842.         <b:else/>
  1843.           <b:if cond='data:post.allowComments'>
  1844.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1845.           </b:if>
  1846.         </b:if>
  1847.  
  1848.       </p>
  1849.     </b:if>
  1850.     <b:if cond='data:showCmtPopup'>
  1851.       <div id='comment-popup'>
  1852.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1853.         </iframe>
  1854.       </div>
  1855.     </b:if>
  1856.  
  1857.     <div id='backlinks-container'>
  1858.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1859.        <b:if cond='data:post.showBacklinks'>
  1860.          <b:include data='post' name='backlinks'/>
  1861.        </b:if>
  1862.     </div>
  1863.     </div>
  1864.   </div>
  1865. </b:includable>
  1866. </b:widget>
  1867. </b:section>
  1868.         </div>
  1869.         </div>
  1870.  
  1871.         <div class='column-left-outer'>
  1872.         <div class='column-left-inner'>
  1873.           <aside>
  1874.           <macro:include id='main-column-left-sections' name='sections'>
  1875.             <macro:param default='0' name='num' value='0'/>
  1876.             <macro:param default='sidebar-left' name='idPrefix'/>
  1877.             <macro:param default='sidebar' name='class'/>
  1878.             <macro:param default='true' name='includeBottom'/>
  1879.           </macro:include>
  1880.           </aside>
  1881.         </div>
  1882.         </div>
  1883.  
  1884.         <div class='column-right-outer'>
  1885.         <div class='column-right-inner'>
  1886.           <aside>
  1887.           <macro:include id='main-column-right-sections' name='sections'>
  1888.             <macro:param default='2' name='num' value='1'/>
  1889.             <macro:param default='sidebar-right' name='idPrefix'/>
  1890.             <macro:param default='sidebar' name='class'/>
  1891.             <macro:param default='true' name='includeBottom'/>
  1892.           </macro:include>
  1893.           </aside>
  1894.         </div>
  1895.         </div>
  1896.  
  1897.         </div>
  1898.  
  1899.         <div style='clear: both'/>
  1900.       <!-- columns -->
  1901.       </div>
  1902.  
  1903.     <!-- main -->
  1904.     </div>
  1905.     </div>
  1906.     <div class='main-cap-bottom cap-bottom'>
  1907.       <div class='cap-left'/>
  1908.       <div class='cap-right'/>
  1909.     </div>
  1910.     </div>
  1911.  
  1912.     <footer>
  1913.     <div class='footer-outer'>
  1914.     <div class='footer-cap-top cap-top'>
  1915.       <div class='cap-left'/>
  1916.       <div class='cap-right'/>
  1917.     </div>
  1918.     <div class='fauxborder-left footer-fauxborder-left'>
  1919.     <div class='fauxborder-right footer-fauxborder-right'/>
  1920.     <div class='region-inner footer-inner'>
  1921.       <macro:include id='footer-sections' name='sections'>
  1922.         <macro:param default='2' name='num' value='1'/>
  1923.         <macro:param default='footer' name='idPrefix'/>
  1924.         <macro:param default='foot' name='class'/>
  1925.         <macro:param default='false' name='includeBottom'/>
  1926.       </macro:include>
  1927.       <!-- outside of the include in order to lock Attribution widget -->
  1928.       <b:section class='foot' id='footer-3' showaddelement='no'/>
  1929.     </div>
  1930.     </div>
  1931.     <div class='footer-cap-bottom cap-bottom'>
  1932.       <div class='cap-left'/>
  1933.       <div class='cap-right'/>
  1934.     </div>
  1935.     </div>
  1936.     </footer>
  1937.  
  1938.   <!-- content -->
  1939.   </div>
  1940.   </div>
  1941.   <div class='content-cap-bottom cap-bottom'>
  1942.     <div class='cap-left'/>
  1943.     <div class='cap-right'/>
  1944.   </div>
  1945.   </div>
  1946.   </div>
  1947.  
  1948.   <script type='text/javascript'>
  1949.     window.setTimeout(function() {
  1950.         document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  1951.       }, 10);
  1952.   </script>
  1953.   <b:include data='blog' name='google-analytics'/>
  1954. <div id='footer-wrapper'>&#8226; 2013 &#8226; Todos os Direitos Reservados - Sugoi Tutoriais | Design e Código Base por: <a href='http://wackodesigns.blogspot.com.br/'>Theo Ribeiro</a></div>
  1955. </body>
  1956.  
  1957. <macro:includable id='sections' var='col'>
  1958.   <macro:if cond='data:col.num == 0'>
  1959.   <macro:else/>
  1960.     <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  1961.  
  1962.     <macro:if cond='data:col.num &gt;= 2'>
  1963.       <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  1964.       <tbody>
  1965.       <tr>
  1966.         <td class='first columns-cell'>
  1967.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  1968.         </td>
  1969.  
  1970.         <td class='columns-cell'>
  1971.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  1972.         </td>
  1973.  
  1974.         <macro:if cond='data:col.num &gt;= 3'>
  1975.           <td class='columns-cell'>
  1976.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  1977.           </td>
  1978.         </macro:if>
  1979.  
  1980.         <macro:if cond='data:col.num &gt;= 4'>
  1981.           <td class='columns-cell'>
  1982.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  1983.           </td>
  1984.         </macro:if>
  1985.       </tr>
  1986.       </tbody>
  1987.       </table>
  1988.  
  1989.       <macro:if cond='data:col.includeBottom'>
  1990.         <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  1991.       </macro:if>
  1992.     </macro:if>
  1993.   </macro:if>
  1994. </macro:includable>
  1995.  
  1996. <b:section-contents id='sidebar-right-1'>
  1997. <b:widget id='Poll1' locked='false' title='Baixou o Código?' type='Poll'>
  1998. <b:includable id='main'>
  1999.   <!-- only display title if it's non-empty -->
  2000.   <b:if cond='data:title != &quot;&quot;'>
  2001.     <h2 class='title'><data:title/></h2>
  2002.   </b:if>
  2003.  
  2004.  <div class='widget-content' id='widget-content'>
  2005.    <iframe allowtransparency='true' expr:height='data:iframeheight' expr:name='&quot;poll-widget&quot; + data:pollid' expr:src='data:iframeurl' frameborder='0' style='border:none; width:100%;'/>
  2006.    <b:include name='quickedit'/>
  2007.   </div>
  2008. </b:includable>
  2009. </b:widget>
  2010. <b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'>
  2011. <b:includable id='main'>
  2012.   <b:if cond='data:title != &quot;&quot;'>
  2013.     <b:if cond='data:codeSnippet != &quot;&quot;'>
  2014.       <h2 class='title'><data:title/></h2>
  2015.     <b:else/>
  2016.       <b:if cond='data:totalFollowerCount != &quot;&quot;'>
  2017.         <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
  2018.       </b:if>
  2019.     </b:if>  
  2020.   </b:if>
  2021.   <div class='widget-content'>
  2022.     <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
  2023.       <b:if cond='data:codeSnippet != &quot;&quot;'>
  2024.         <div style='margin-right:2px;'>
  2025.           <data:codeSnippet/>
  2026.         </div>
  2027.       <b:else/>
  2028.         <b:if cond='data:totalFollowerCount == &quot;&quot;'>
  2029.           <span class='item-control following-not-admin'>
  2030.             <b><data:failureSnippet/></b>
  2031.           </span>
  2032.           <span class='item-control blog-admin'>
  2033.             <b><data:adminFailureSnippet/></b>
  2034.           </span>
  2035.         <b:else/>
  2036.           <b:if cond='data:followingLinkPresent'>
  2037.             <div class='follow-this profile-link item-control following-follow-this'>
  2038.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  2039.                 <data:followThisMessage/>
  2040.               </a>
  2041.             </div>
  2042.             <div class='follow-this profile-link item-control following-stop-following-this'>
  2043.               <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  2044.                 <data:stopFollowingMessage/>
  2045.               </a>
  2046.             </div>
  2047.           </b:if>
  2048.  
  2049.           <div class='followers-grid'>
  2050.             <b:if cond='data:totalFollowerCount == 0'>
  2051.               <div class='profile-link item-control following-follow-this'>
  2052.                 <data:emptyFollowersMessage/>
  2053.               </div>
  2054.             </b:if>
  2055.             <!--
  2056.            Relies on the js written out in navbar.gxp
  2057.            -->
  2058.             <b:loop values='data:followers' var='follower'>
  2059.               <div class='follower'>
  2060.                 <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
  2061.                 <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'/>
  2062.                 </a>
  2063.               </div>
  2064.             </b:loop>
  2065.             <div class='clear'/>
  2066.           </div>
  2067.  
  2068.           <div class='followers-canvas profile-link'>
  2069.             <data:followersFooterMessage/>
  2070.             <span class='item-control following-not-admin'>
  2071.               <a expr:href='data:followersUri'>
  2072.                 <data:viewAllMessage/>
  2073.               </a>
  2074.             </span>
  2075.             <span class='item-control blog-admin'>
  2076.               <a expr:href='data:manageFollowersUri'>
  2077.                 <data:manageFollowersMessage/>
  2078.               </a>
  2079.             </span>
  2080.           </div>
  2081.           </b:if>
  2082.       </b:if>
  2083.     </div>
  2084.     <b:include name='quickedit'/>
  2085.   </div>
  2086. </b:includable>
  2087. </b:widget>
  2088. </b:section-contents><b:section-contents id='footer-1'/></html>
Add Comment
Please, Sign In to add comment