-

-

terça-feira, 3 de março de 2015

Como usar o Layout!



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,riscado,sublinhado


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

Vá em layout >> Clique em adicionar um gadget logo abaixo do cabeçalho >> selecione a opção imagem >> abra a imagem na pasta que você salvou >> selecione a caixa "Reduzir para ajustar>> e é obrigatorio colocar um titulo você poder colocar qualquer coisa, eu coloquei um traço " - ". E salve e pronto, seu layout estará normal! 


(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 />
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>
Afiliados

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.