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).




Imagem do cabeçalho
https://lh6.googleusercontent.com/-sVJr0b-pZFM/VR3REbOnn0I/AAAAAAAAACM/_ePYpSkwyVI/s902/FCGVBN.png

Bem-vindo
<img src="http://1.bp.blogspot.com/-mvwIk9RxI28/Ujdk3-ZcCwI/AAAAAAAABZ0/Fvd-pkqaJ-4/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="http://1.bp.blogspot.com/-E4zFqj8hpbk/UjtyPQ64TsI/AAAAAAAABb4/BNtfEhB2aeo/s1600/asdf.png" /></a>
<a href="Link" title="Nome">  <img src="http://1.bp.blogspot.com/-E4zFqj8hpbk/UjtyPQ64TsI/AAAAAAAABb4/BNtfEhB2aeo/s1600/asdf.png" /></a>
<a href="Link" title="Nome">  <img src="http://1.bp.blogspot.com/-E4zFqj8hpbk/UjtyPQ64TsI/AAAAAAAABb4/BNtfEhB2aeo/s1600/asdf.png" /></a>
<a href="Link" title="Nome">  <img src="http://1.bp.blogspot.com/-E4zFqj8hpbk/UjtyPQ64TsI/AAAAAAAABb4/BNtfEhB2aeo/s1600/asdf.png" /></a>
<a href="Link" title="Nome">  <img src="http://1.bp.blogspot.com/-E4zFqj8hpbk/UjtyPQ64TsI/AAAAAAAABb4/BNtfEhB2aeo/s1600/asdf.png" /></a>
<a href="Link" title="Nome">  <img src="http://1.bp.blogspot.com/-E4zFqj8hpbk/UjtyPQ64TsI/AAAAAAAABb4/BNtfEhB2aeo/s1600/asdf.png" /></a>
<a href="Link" title="Nome">  <img src="http://1.bp.blogspot.com/-E4zFqj8hpbk/UjtyPQ64TsI/AAAAAAAABb4/BNtfEhB2aeo/s1600/asdf.png" /></a>
<a href="Link" title="Nome">  <img src="http://1.bp.blogspot.com/-E4zFqj8hpbk/UjtyPQ64TsI/AAAAAAAABb4/BNtfEhB2aeo/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="http://3.bp.blogspot.com/-MNXH-5lHuCY/UjuT_u9LR0I/AAAAAAAABcU/SVakUiNSqwg/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://lh6.googleusercontent.com/-xUYilN-8UxI/VR8WyCKie4I/AAAAAAAAADY/VapA8LEq6ds/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://lh3.googleusercontent.com/-f7YmxvYo-OQ/VR8eDq3N_fI/AAAAAAAAAEA/IZziqShaY74/s183/Ol%25C3%25A1.png" /></div>

Texto "Olá, seja bem-vindo ♡"
<div style="position: absolute; margin-top: -706px; left: 1px;"><div style="text-align: justify;">Olá,<b> seja bem-vindo ♡</b></div></div>

Negrito, ItálicoSublinhado

Um comentário: