Finalmente, saiu o primeiro template free para vocês feito com todo carinho do mundo.
OBSERVAÇÃO: Quando baixar o arquivo, terá os banners, informações e o template.
Quando baixar use o arquivo XML.
- Marcador personalizado
- Menu personalizado
- Comentário personalizado
- Blockquote " " personalizado
- Tag de Leia mais personalizado: Crédito Fallow your dreams
- Barra de rolagem colorida
- Data personalizada
- Links com efeitos/personalizados
- Seleção colorida na postagem
- Fonte (título e sidebar) personalizados
- Postagens antigas/ Recentes e Home personalizados
- Perfil e caixa de pesquisa
- Fonte do post personalizado
Como colocar?
Para ter a data fofa personalizada com tudo certinho, vá em LAYOUT e depois em POSTAGEM DO BLOG, como demonstra a imagem abaixo:
CLIQUE PARA VER MELHOR |
Para ter um perfil como o meu ao lado use o código abaixo adicionando HTML java script:
<div class="separator" style="clear: both; text-align: center;"><a href="URL DA IMAGEM DE SEU PERFIL" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL DA IMAGEM DE SEU PERFIL" /></a></div><div style="text-align: justify;"><span style="font-family:Times, Times New Roman, serif;">TEXTO DE SEU PERFIL</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family:inherit;"><a href="LINK DA REDE SOCIAL 1" target="_blank"><img border="0" src="URL DA IMAGEM 1" / /></a><a href="LINK DA REDE SOCIAL 2" target="_blank"><img border="0" src="URL DA IMAGEM 2" / /></a><a href="LINK DA REDE SOCIAL 3 " target="_blank"><img border="0" src="URL DA IMAGEM 3" / /></a><a href="LINK DA REDE SOCIAL 4" target="_blank"><img border="0" src="URL DA IMAGEM 4" / /></a><a href="LINK DA REDE SOCIAL 5" target="_blank"><img border="0" src="URL DA IMAGEM 5" / /></a></span></div>Se quiser adicionar ou retirar alguma das redes sociais, só retirar o código ou adicionar:
<a href="LINK DA REDE SOCIAL X" target="_blank"><img border="0" src="URL DA IMAGEM X" / /></a>
<style>Beijos!
#search {
float:right;
height: 30px;
margin:10px 0 0 0;
}
#search input.field {
font-family: "Arial","Lucida Sans Unicode",Arial,Verdana,sans-serif;
background-position:top right;
background-repeat:no-repeat;
width: 205px;
padding:7px;
outline: none;
font-size: 13px;
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: 13px;
cursor:pointer; margin:0 0 0 1px;
}
#search input.field {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiciZHhMUDoKPT2GHlUSqEudHvdRAmg9qrRiDNK3EChCYCwC-E1yqy0QXxRhPTu0p4dCPhgcEMMxQ3ccmIdVZsBlJC4hEyk7sZI-45IlsNgpWrJ0ae9ejgbaJ20tqEjwb_eTv2FZT55UVkW/s30/search_icon.png);
background-color:#8FBC8F; /*cor de fundo de onde digitamos a busca*/
color: #000;/*cor de fonte*/
}
#search input.field:focus {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiciZHhMUDoKPT2GHlUSqEudHvdRAmg9qrRiDNK3EChCYCwC-E1yqy0QXxRhPTu0p4dCPhgcEMMxQ3ccmIdVZsBlJC4hEyk7sZI-45IlsNgpWrJ0ae9ejgbaJ20tqEjwb_eTv2FZT55UVkW/s30/search_icon.png);
background-color:#8FBC8F;/*cor de fundo do botão Buscar em estado hover*/
}
#search input.submit {
background-color:#2E8B57; /*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 == '') {this.value = 'Digite sua busca..';}' onfocus='if (this.value == 'Digite sua busca..') {this.value = '';}' type='text' value='Digite sua busca...'/>
<input class='submit' name='submit' type='submit' value='Pesquise'/></div>
</form>
</div>