15 de mar. de 2014

Layout Free- Rose

|| ||
Oi, este é meu primeiro layout, dei o nome de Rose porque ele é rosinha.
Espero que gostem. Peço que não retirem os créditos, como é o primeiro
deu um trabalhinho para fazer. O modelo é o Travel que foi todo modificado.
O layout contém:

Afiliados com efeito rotate
Seguidores só com um botão
Sidebar personalizada
Postagens separadas
Blockquote
Menu na lateral da sidebar
Menu para marcadores
Data personalizada
Tooltip personalizado
Área dos comentários personalizada
Seleção de texto 
Arquivo em forma de calendário
Leia mais em imagem
Caixa de pesquisa personalizada
Barra de rolagem colorida
Slide
Negrito, itálico, sublinhado, e tachado ( riscado)
Links de navegação com imagem


PARA PERSONALIZAR A DATA DAS POSTAGENS:

Configurações-idioma e formatação


Códigos dos gadgets

O gadget seguidores com um botão.

<a href="http://www.blogger.com/follow-blog.g?blogID=SEU ID COLADO AQUI" title="O TITULO DO TOOLTIP" target="_blank"><center><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagem%20para%20seguidores/botaoseguidores-3.png" border="0" /></center></a>

Elite de afiliados com efeito rotate


<center><a href="Link do Blog afiliado" title="Título do Blog afiliado"><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagens%20Afiliados/afiliado-01.png" class="elite"/></a><a href="Link do Blog afiliado" title="Título do Blog afiliado"><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagens%20Afiliados/afiliado-01.png" class="elite"/></a><a href="Link do Blog afiliado" title="Título do Blog afiliado"><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagens%20Afiliados/afiliado-01.png" class="elite"/></a><a href="Link do Blog afiliado" title="Título do Blog afiliado"><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagens%20Afiliados/afiliado-01.png" class="elite"/></a></center>


Menu ao lado do gadget welcome
coloque no gadget welcome depois de sua descrição.
Se o menu não ficar correto, mexa em margin-left e
margin-top 

<div style="position: absolute; margin-left:287px; margin-top: -150px;">
<a href="#"><div class="sidemenu">Face</div></a>
<a href="#"><div class="sidemenu">Twitter</div></a>
<a href="#"><div class="sidemenu">Tumblr</div></a>
<a href="#"><div class="sidemenu">We heart it</div></a>
</div>
<br/><br/>

Menu para marcadores(tags)
Coloque no gadget html/java script

<div class="novi">
 <a href="seulink">nome do link </a>
 <a href="seulink">nome do link </a>
 <a href="seulink">nome do link </a>
 <a href="seulink">nome do link </a>
 <a href="seulink">nome do link </a>
 <a href="seulink">nome do link </a>
 <a href="seulink">nome do link </a>
 </div>

Caixa de pesquisa
Coloque no gadget welcome, depois do menu

<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="GO" />
</form>

Slide

O slide coque no gadget HTML/JAVA SCRIPT, o 2º  acima das postagens.

<div style="position: absolute; margin-top: -50px; left: -10px;">
<div id="slide"><div id="slider">
< a href="LINK" target="_blank"><img src="URL DA IMAGEM"title="ESCREVA A DESCRIÇÃO" width="625" height="100" /></a>
< a href="LINK" target="_blank"><img src="URL DA IMAGEM" title="ESCREVA A DESCRIÇÃO"width="625" height="100" /></a>
< a href="LINK" target="_blank"><img src="URL DA IMAGEM" title="ESCREVA A DESCRIÇÃO"width="625" height="100" /></a>
< /div></div>

Se quiser já com as imagens:

<div style="position: absolute; margin-top: -50px; left: -10px;">
<div id="slide"><div id="slider">
 <a href="LINK" target="_blank"><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagens%20Slyde/legal-1.png"title="ESCREVA A DESCRIÇÃO" width="625" height="100" /></a>
 <a href="LINK" target="_blank"><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagens%20Slyde/legal-3.png" title="ESCREVA A DESCRIÇÃO"width="625" height="100" /></a>
 <a href="LINK" target="_blank"><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagens%20Slyde/legal-2.png" title="ESCREVA A DESCRIÇÃO"width="625" height="100" /></a>
<a href="LINK" target="_blank"><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagens%20Slyde/legal-4.png" title="ESCREVA A DESCRIÇÃO"width="625" height="100" /></a>
 </div></div></div>

Widht: largura da imagem;
Height: altura da imagem.

O gadget The Ende

<center><img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Imagens%20Slyde/e1hover.jpg" /></center><center><span style="font-weight: bold;">Escreve aqui sua despedida-Escreve aqui sua despedida-Escreve aqui sua despedida-Escreve aqui sua despedida-</span></center><center><span style="font-weight: bold;"><br /><span style="font-style: italic;color:#333333;">Ultilizei para construir este layout tutoriais e imagens dos seguintes blogs:</span></span></center><center><span style="color:#ff6666;"><span style="font-weight: bold;"><a href="http://www.blogblackcherry.com/"><span style="font-weight: bold;"> ♥</span></a><a href="http://www.kawaii-things.net/"> <span style="font-weight: bold;"> <span style="font-weight: bold;"> ♥</span></span></a><a href="http://princesstutoriais.blogspot.com.br/"> <span style="font-weight: bold;"><span style="font-weight: bold;"> ♥</span></span></a></span><a href="http://www.templatesparavoce.com/"> <span style="font-weight: bold;"><span style="font-weight: bold;"> ♥</span></span></a></span></center>


O gadget arquivo faça assim:




ATENÇÃO:
Quando colocar postagens e gadgets, tudo fica centralizado.

-PEÇO QUE NÃO RETIRE OS CRÉDITOS DO GADGET THE END-



2 comentários:

© Layouts Free - 2014. Todos os direitos reservados.
Criado por: Claudine.
Tecnologia do Blogger.
Wonderland Layout-Layout Free