Hey! Aqui mais um layout free feito por mim, Gleicy Haner do blog Teens Forever. Layout simples e prático de usar. Com temática vintage/hipster que eu particularmente adoro e muitas pessoas também, tanto mulheres e homens, porém o layout é voltado mais para os blogs femininos.
Regras:
Pode personalizar/mudar o que quiser, porém para uso próprio.
Pode sim repassar o layout em seu blog/site, porém não pode dizer que foi você que fez.
Não retirar os créditos em hipótese alguma.
O layout contém:
Personalização total da área de postagem, incluindo título da postagem, comentários.
Blockquote personalizado
Negrito,italico,
Efeito nos afiliados e efeito para imagem de boas vindas.
Titulo do blog personalizado a hover
Como Usar:
Primeiramente instale o HTML do layout, o download estará no final da postagem. Aqui tem um tutorial que ensina como fazer isso.
Depois de instalado o seu layout ficará assim
Como pode ver, a area de posts e a sidebar ficam muito para cima, a unica solução para esse problema é adicionar uma imagem nos gadgets abaixo do cabeçalho como nas imagens abaixo.
Primeiro baixe essa imagem transparente aqui
(clique nas imagens para ver em tamanho maior)
Pronto problema resolvido! agora vou mostrar os outros códigos para utilizar tudo corretamente!
Para usar os marcadores personalizados:
Basta adicionar o gadget nos marcadores, e na configuração selecione todos os marcadores ou só os que você quiser mostra. Marque a opção Cloud e salve!
Gadget de boas vindas (welcome)
Adicione um gadget de HTML/javascript e cole nele o código abaixo. Modifique o que quiser.
<center><a href="LINK" title="Nome do blog"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPpP-FBQlwvGYHlMTQoLSRbYOYPo1zK6P8Ue3bbxTbPzyYjbgcOkt3I96-UTSz0puUk3HuJ-OrSKnLttQZ1xZdVPOMfTflXwS6yNICfzbDNNUYG627_u_wRBrVRAkFkhHzfc0aVCXfWOM-/s1600/large+(11).png" class="efeitoflipping"/></a><br />Afiliados
Seja muito bem vindo ao meu blog! descrição, descrição,descrição, descrição, descrição,descrição
</center><br />
<center><style type="text/css">
#w2b-searchbox{background:url(http://i.imgur.com/VYjw4Hb.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Buscar..." onfocus='if (this.value == "Buscar...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Buscar...";}'/>
<input type="image" src="" id="sbutton" />
</form>
</div></center>
O mesmo esquema, adicione um gadget de HTML/Javascript e cole nele o código abaixo, modificando o que se pede.
<center><a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://i.imgur.com/tzzeLD1.png" class="efeitopisca2" /></a><br />
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://4.bp.blogspot.com/-uHZtag3Q2YM/T_edCcyy_QI/AAAAAAAAAG8/_v-W1VBbllU/s1600/11.png" class="efeitopisca2" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://3.bp.blogspot.com/-hH3iOeYf6eg/T_edCy-e2WI/AAAAAAAAAHI/YkV3GyiiPhc/s1600/12.png" class="efeitopisca2" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://1.bp.blogspot.com/-PbzzljZe47M/T_edDfy6y2I/AAAAAAAAAHQ/2YUI864PhHQ/s1600/13.png" class="efeitopisca2" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://2.bp.blogspot.com/-2duyVtIKBdY/T_edD1h65JI/AAAAAAAAAHY/aYZjRxHM1mc/s1600/14.png" class="efeitopisca2" /></a><br />
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://3.bp.blogspot.com/-ONTEWxRU0Jo/T_edEKYf6lI/AAAAAAAAAHg/0rKMwf9Bo9g/s1600/15.png" class="efeitopisca2" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://1.bp.blogspot.com/-qm5u2sTtniI/T_edEjKs--I/AAAAAAAAAHo/z5ckYBGRofU/s1600/16.png" class="efeitopisca2" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://2.bp.blogspot.com/-KKJD625C_6o/T_edFN9y-5I/AAAAAAAAAHw/tk3EGW6yvXU/s1600/17.png" class="efeitopisca2" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEsa9gqvxCv1P4nqupsjuIo4urr40Pqq2fdeCpup2dhyphenhyphentofGSjkf8WYFC02yJcBi68l1GbwkYqH-z7gzxZykRbGVP20I96B8i5ktAW9FUaSrjkHa-62GKApQpnvrZgsBeiXHH6TpSpR3V/s1600/2431.png" class="efeitopisca2" /></a><br />
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="http://i.imgur.com/tzzeLD1.png" class="efeitopisca2" /></a><br />
</center>
Salve tudo e pronto, adicione quantos gadgets quiser, porém tenha consciência que muitos gadgets podem deixar seu blog sobrecarregado e lento.