22 de abr. de 2014

Layout Verde e Amarelo

|| ||
Olá amigas(os), trago para vocês mais um layout, este é verde e Amarelo em homenagem
ao nosso País. Espero Que gostem.

Este layout Contém:

Negrito, italico, sublinhado e tachado Seguidores Só com hum Botão
Personalizada de dados
Personalizada Sidebar
separadas postagens

ARQUIVO los forma de Calendário
Marcadores parágrafos menu
Personalizado Tooltip
Seleção de Texto 
Caixa de Pesquisa personalizada
Barra de rolagem Colorida
Links de Navegação Personalizado
Título da postagem Personalizado
Blockquote

Colocando os gadgets

Bem-vindo


<img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Brasil/Brasil-01.png" class="border" align="left"/> ESCREVA AQUI SUA BREVE DESCRIÇÃO-ESCREVA AQUI SUA BREVE DESCRIÇÃO-ESCREVA AQUI SUA BREVE DESCRIÇÃO-ESCREVA AQUI SUA BREVE DESCRIÇÃO <br />


  <style>
#search {
float:right; 
height: 30px; 
margin:10px 0 0 0; 
}
#search input.field {
font-family: "Arial","Lucida Sans Unicode",Verdana,sans-serif; 
background-position:top right; 
background-repeat:no-repeat; 
width: 130px; 
padding:7px; 
outline: none; 
font-size: 11px; 
border: none; 
z-index: 1; 
height:16px; 
float:left; 
padding-right:30px;
}
#search input.field:focus {
background-position:top right; 
background-repeat:no-repeat;
}
#search input.submit {
width:auto; 
height:30px; 
font-weight:bold; 
float:left; 
border:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
cursor:pointer; margin:0 0 0 1px;
}
#search input.field {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUyFn-OUuOiA44wdj4gOic_pf5c6w0x5ZtdKRlhRcjezYb20C114rKoSVN3PWqOF0BzOCB83di644Jy7AvJPZtkxofpxyGqhtEFYlV51HZkmWucEsGNeSP3ukK2n0fGoFv5qIgZKzE2hb0/s30/search_icon.png); 
background-color:#6797BF; /*cor de fundo de onde digitamos a busca*/
color: #FFF;/*cor de fonte*/
}
#search input.field:focus {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUyFn-OUuOiA44wdj4gOic_pf5c6w0x5ZtdKRlhRcjezYb20C114rKoSVN3PWqOF0BzOCB83di644Jy7AvJPZtkxofpxyGqhtEFYlV51HZkmWucEsGNeSP3ukK2n0fGoFv5qIgZKzE2hb0/s30/search_icon.png); 
background-color:#53BE67;/*cor de fundo do botão Buscar em estado hover*/
}
#search input.submit {
background-color:#53BE67; /*cor de fundo do botão Buscar*/
color:#fff;/*cor da fonte do botão Buscar*/
}
</style>
<div id='search'>
<form action='/search' id='searchform' method='get'>
<div><input class='field' id='s' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Digite sua busca...&apos;;}' onfocus='if (this.value == &apos;Digite sua busca..&apos;) {this.value = &apos;&apos;;}' type='text' value='Digite sua busca...'/>
<input class='submit' name='submit' type='submit' value='Buscar'/></div>
</form>
</div>


Marcadores


<div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy">link</div></a>
 </div>
 <div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy1">link</div></a>
 </div>
 <div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy">link</div></a>
 </div>
 <div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy1">link</div></a>
 </div>
 <div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy">link</div></a>
 </div>
<div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy">link</div></a>
 </div>
 <div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy1">link</div></a>
 </div>
 <div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy">link</div></a>
 </div>
 <div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy1">link</div></a>
 </div>
 <div style="float: left; width: 20%">
 <a href="#" title="descrição"><div class="fluffy">link</div></a>
 </div>


Seguidores com um só botão


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

Onde TEM  SEU ID Colado AQUI-coloque o ID de Seu Blog
Onde TEM  O TITULO DO TOOLTIP-Coloque uma frase Que Quer Que Apareça

Arquivo em forma de Calendário

Coloque o gadget arquivo e configure assim:


Clique na imagem para vê-la em tamanho natural


Créditos


<a href="http://www.elainegaspareto.com">Elaine Gaspareto</a> <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/02lrty.gif"/>Caixa de pesquisa e comentários<br/>
<a href="http://princesstutoriais.blogspot.com">Princess Tutoriais</a> <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/02lrty.gif" />Personalização do Layout<br/>
<a href="http://www.templatesparavoce.com/2013/07/arquivo-do-blogger-na-forma-de.html">Templates para Você</a> <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/02lrty.gif"/>Arquivo em forma de calendário<br/><br/>



PEÇO QUE NÃO RETIRE OS CRÉDITOS DO LAYOUT





Nenhum comentário:

Postar um comentário

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