Layout Free: Layout Free Simple - 400 Followers (Códigos)

Olá, pessoal. Bem-vindos ao preview do Layout Free Simple especial de 400 seguidores <3 Veja o resto da postagem e pegue os códigos dos gadgets e faça o Download do Layout. Não se esqueça de ler as regrinhas. Fiz esse Layout com muito esforço por conta da minha falta de prática e tempo, espero realmente que tenham gostado <3

As regrinhas são básicas, pessoal. E são elas:
- Não retirar os créditos (Pode mudá-los de lugar, mas nunca os retire);
- Não distribuir partes do Layout.

Você pode:
- Mudar cores, imagens, tema...;
- Adicionar ou retirar gadgets;
- Usar como base (desde que credite).

Download

Imagem do cabeçalho

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgtkO661sRy1pfTA_domQGq05l4GEp2uBMnWZZFk1FzbL92MY7D1CVQPpkhKcSDODWtbdVM7pvcx394K-HlGyx4NOLokHP35ADX5xYCwZmxVP52jF6c8ZyRAle5KFvbHufdP3RJD3EDShq/s902/FCGVBN.png

Bem-vindo

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrW1XkNqHEfi72Eb_yHiPejyd1DNROzMCF8LR4hTuMjE1HR8UAufN_SzDJaasx3lcRs9KrbElHTIkmfJ_0l9ckHodyYMDMhCucik2zBH5feYOBEhPI8y5vMRYA6si9x3dEOKGQq35NmXc/s1600/Welcomeo.png" class="border" align="right"/>
<div style="text-align: justify;"> Olá. Seja bem-vindo ao <b>Layout Free</b>. Aqui fale so-bre seu Blog. Esse Layout foi criado por mim, <i>Rafaela</i> do Blog Bra-siáticos. Não retire os cré-ditos.
<br/>
<br/><center>
<a href="seu link aqui" id="menusimples2">Menu</a>
<a href="seu link aqui" id="menusimples2">Menu</a>
<a href="seu link aqui" id="menusimples2">Menu</a>
</center></div>

Afiliados

<div style="position: absolute; margin-top: 0px; left: -8px;"><style>
#comida a img{
width:auto;
height:auto;
display:inline;
margin-right:2px;
margin-left:1px;
margin-top:1px;
margin-bottom:1px;
padding: 3px;
background: #ffe8ed;
border: 1px solid #ffd1dc;
outline: solid 1px #fff;
outline-offset: -5px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#comida a:hover img{
outline: solid 3px transparent;
opacity: 0.5;
outline-offset: -20px;
}
</style>
<div id="comida">
<center>
<a href="Link" title="Nome"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjcOfnK5ueUAXgJv0isrewfszwNkangR9QW6TEHQYHuCbXG3dw_AM5oPcXFooGfSBb8LNnHybQPkIHQtmjuVQ5QrcGIb1Q3uz3HINnU9CCY0wrbRRzteW-1UUV102oM3_Pmt4CW5Dq7c/s1600/asdf.png" /></a>
<a href="Link" title="Nome"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjcOfnK5ueUAXgJv0isrewfszwNkangR9QW6TEHQYHuCbXG3dw_AM5oPcXFooGfSBb8LNnHybQPkIHQtmjuVQ5QrcGIb1Q3uz3HINnU9CCY0wrbRRzteW-1UUV102oM3_Pmt4CW5Dq7c/s1600/asdf.png" /></a>
<a href="Link" title="Nome"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjcOfnK5ueUAXgJv0isrewfszwNkangR9QW6TEHQYHuCbXG3dw_AM5oPcXFooGfSBb8LNnHybQPkIHQtmjuVQ5QrcGIb1Q3uz3HINnU9CCY0wrbRRzteW-1UUV102oM3_Pmt4CW5Dq7c/s1600/asdf.png" /></a>
<a href="Link" title="Nome"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjcOfnK5ueUAXgJv0isrewfszwNkangR9QW6TEHQYHuCbXG3dw_AM5oPcXFooGfSBb8LNnHybQPkIHQtmjuVQ5QrcGIb1Q3uz3HINnU9CCY0wrbRRzteW-1UUV102oM3_Pmt4CW5Dq7c/s1600/asdf.png" /></a>
<a href="Link" title="Nome"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjcOfnK5ueUAXgJv0isrewfszwNkangR9QW6TEHQYHuCbXG3dw_AM5oPcXFooGfSBb8LNnHybQPkIHQtmjuVQ5QrcGIb1Q3uz3HINnU9CCY0wrbRRzteW-1UUV102oM3_Pmt4CW5Dq7c/s1600/asdf.png" /></a>
<a href="Link" title="Nome"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjcOfnK5ueUAXgJv0isrewfszwNkangR9QW6TEHQYHuCbXG3dw_AM5oPcXFooGfSBb8LNnHybQPkIHQtmjuVQ5QrcGIb1Q3uz3HINnU9CCY0wrbRRzteW-1UUV102oM3_Pmt4CW5Dq7c/s1600/asdf.png" /></a>
<a href="Link" title="Nome"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjcOfnK5ueUAXgJv0isrewfszwNkangR9QW6TEHQYHuCbXG3dw_AM5oPcXFooGfSBb8LNnHybQPkIHQtmjuVQ5QrcGIb1Q3uz3HINnU9CCY0wrbRRzteW-1UUV102oM3_Pmt4CW5Dq7c/s1600/asdf.png" /></a>
<a href="Link" title="Nome"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrjcOfnK5ueUAXgJv0isrewfszwNkangR9QW6TEHQYHuCbXG3dw_AM5oPcXFooGfSBb8LNnHybQPkIHQtmjuVQ5QrcGIb1Q3uz3HINnU9CCY0wrbRRzteW-1UUV102oM3_Pmt4CW5Dq7c/s1600/asdf.png" /></a>
</center>
</div></div>

Caixinha de pesquisa

<div style="position: absolute; margin-top: -680px; left: -10px;">
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" placeholder='' type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form></div>

Eu '3'

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzsNSLpBLYzDGnoemCti2dQ5ALUuv5IN0TY5k78ARGc_rGMqEF7NDMW0a0hyvIPeh5SC2Duncn1-GD_8x1_5E77tzQF9seWGUQfxPK3vipMdbVwh9sVNhQEKOeWqsuHo_gTpft7QPX4j0/s1600/Welcomeo.png" class="border" align="left"/>
<div style="text-align: justify;">Sou <b>Joana</b>, tenho 23 anos, amo <i>abobrinha</i> e água. Sonho em conhecer a Disney. Vo-cê que usará esse Layout deve editar isso. Obriga-da.</div>
<br/>
<center>
<a href="seu link aqui" id="menusimples2">Menu</a>
<a href="seu link aqui" id="menusimples2">Menu</a>
<a href="seu link aqui" id="menusimples2">Menu</a>
</center>

Marcadores

<div style="float: left; width: 50%">
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
</div>
<div style="float: left; width: 50%">
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div><div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
<div class='tag'><a href='http://www.seublog.blogspot.com/NOME-DA-TAG'>Nome</a></div>
</div>

Caixinha cinza escuro atrás do texto do "Créditos"

<div style="position: absolute; margin-top: 0px; left: -8px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhogOsrt3QDeBm4jHblJ9kda291mecxZ3Sm1l-8gpmEEMvNDZsR7eVPEIQPSXoCRlNLCtkMRSjhMsi6EWPUxbA180rqkFPhbk5b_R2CgsmaotJOhiWY-XAK4wLRyfOXFfJ8rDH1fgYEtt/s254/Sidebar.png" /></div>

Créditos (Texto)

<div style="position: absolute; margin-top: -10px; left: 10px;"><div style="text-align: justify;">Layout feito por <b>Rafa-ela Chagas</b> do Blog <a href="http://b-rasiaticos.blogspot.com.br/">Bra-siáticos</a> e editado por SEU NOME. Você poderá modificá-lo o quanto quiser, mas <b>não retire os créditos!</b></div></div>
<div style="position: absolute; margin-top: 103px; left: 5px;">
<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #fbf6fc;
width: 140px;
height: 10px;
font-family: wish;
font-size: 10px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #cac2ce;
line-height: 13px;
border: 1px solid #e8ddee;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="http://b-rasiaticos.blogspot.com.br/" title="Brasiáticos" id="afiliados5">b r a s i á t i c o s</a>
<a href="http://www.kawaii-world.net/" title="Kawaii World" id="afiliados5">k a w a i i w o r l d</a>
<a href="http://l-ovelymilkshake.blogspot.com.br/" title="Lovely Milkshake" id="afiliados5">l o v e l y m i l k s h a k e</a>
<a href="http://camilasdesigns.blogspot.com.br/" title="Camila's Designs" id="afiliados5">c a m i l a ' s d e s i g n s</a>
<a href="http://www.enjoythings.com.br/" title="Enjoy Things" id="afiliados5">e n j o y t h i n g s</a>
</div>

Caixinha cinza escura atrás do texto "Olá, seja bem-vindo ♡"

<div style="position: absolute; margin-top: -688px; left: -10px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJF3733SqLFSDemPojn1e0lQzh45nYYKS88IC66laUU-F8tpBqDSB1vJ3xM54V6vLgM11xstugo7zpf4KKkId3l8ehvZBDo5wRnar-JDzxWGwNxHV4Eere52wvfZKWewY_0y43KtlzS9DO/s183/Ol%25C3%25A1.png" /></div>

Texto "Olá, seja bem-vindo ♡"