Theme Icon center Cara

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>
  <head>

    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
BASE POR: THAYS BUENO   //    WWW.COISINHASMIL.COM
ADAPTAÇÃO RADICAL POR: VICK F.N.   //    WWW.FLICKR.COM/PHOTOS/VICKFN
NÃO CUSTA CREDITAR QUEM TANTO TE AJUDOU NÃO É MESMO?
----------------------------------------------- */
/* Nav, body links e afins */
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
body, .body-fauxcolumn-outer {
background-color: #F1F1F1;
background-image: url(http://static.tumblr.com/vuapb4x/GCJn1zmw7/iconcentaser.png);
background-position:top;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a:link {
color:#FF668C; /* cor dos links, altere se quiser */
font-weight:bold;
text-decoration:none;
}
a:visited {
color:#B7A49B; /* cor dos links já visitados, altere se quiser */
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#FF668C; /* cor dos links quando passa o mouse, altere se quiser */
font-weight:bold;
text-decoration:none;
}
a img {
border-width:0;
}
/* principais */
#main-wrapper .post-body a:hover {
color:#000;
text-decoration:none;
}
.topo {
font-size: 18px;
padding-top: 194px;
padding-left: 190px;
color: transparent;
width: 281px;
line-height: 14px;
font-size: 12px;
font-family: Trebuchet MS;
position: left;
height: 37;
background-repeat: no-repeat;
background-color: transparent;}
/* header */
#header-wrapper {
width:1000px;
height:456px; /* altura da imagem do topo */
background-image:url(linkdaimagemdotopo); /* coloque aqui a imagem do topo que você editou */
color: #ffffff;
margin:0 auto;
padding:0;
}
#header h1 {
margin:0;
padding:385px 580px 0 5px;
font:160%/.9em Century;
font-weight:bold;
line-height: 1.1em;
text-transform:uppercase;
color:$pagetitlecolor;
}
#header a {
text-decoration:none;
}
#header a:hover {
text-decoration:underline;
}
]]></b:skin>

  </head>


<!--pages-->

<div id='main' style='position:absolute; top: 180px; left:380px; z-index:2; width:350px; height:270px; overflow-y: auto;overflow-x: hidden; background-color:transparent;'>


<div class='title'/>

<br>

<div style='clear:both;'/><div class='separator' style='clear: both; text-align: center;'><img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/><img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/> </div><div class='separator' style='clear: both; text-align: center;'> <img border='0' src='URL DA IMAGEM'/><img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/> </div><div class='separator' style='clear: both; text-align: center;'> <img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL'/> <img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/> </div><div class='separator' style='clear: both; text-align: center;'><img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/> <img border='0' src='URL DA IMAGEM'/></div><div style='clear:both; padding-bottom:0.25em'/>


</br>
</div>

  <body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
      <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0754340883949055141369\46blogName\75Chuvas+de+Maio\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://28-de-maio.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://28-de-maio.blogspot.com/\46readAccessMode\75PRIVATE\46vt\0751999295365162166185&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
  </b:section>

Codigo by: Thays Bueno / Designer: Leticia Torres (Little things html).
</body>
</html>