Templates para blogger

Se está procurando por um tema bem legal pra instalar em seu blog, apresentamos aqui alguns sites especializados no assunto, trazendo templates de todos os tipos e gostos. Por enquanto são só esses abaixo, mas em breve postaremos mais.

Premium Blogger

BestTheme

Blogtemplate4u

Btemplates

Template para Blogspot

Templantes Gratis

Read More

Tumblr

Recentemente estava procurando uma plataforma semelhante ao blogspot para postar um conteudo mais especifico e pessoal, diferente do que faço aqui. Acabei por me bater novamente com o Tumblr, já conhecia o serviço de blogging mas não me pareceu muito agradável da primeira vez e até meio complicado por não ter ainda uma versão em português, mesmo assim resolvi dar mais uma chance ao Tumblr e estou começando a gostar.

Se você procura uma boa altenativa pra postar seus textos, fotos... faça um teste no Tumblr e tire suas proprias conclusões. Vale a pena conferir!

 

O que é o Tumblr?

Tumblr é uma plataforma de blogging que permite aos usuários publicarem textos, imagens, vídeo, links, citações, áudio e "diálogos", a maioria dos posts feitos no Tumblr são textos curtos, mas a plataforma não chega a ser um sistema de microblog, estando em uma categoria intermediária entre o Wordpress ou Blogger e o Twitter. Os usuários são capazes de "seguir" outros usuários e ver seus posts em seu painel (dashboard). Também é possível "gostar" (favoritar) ou "reblogar" (semelhante ao RT do Twitter) outros blogs. O sistema de personalização enfatiza a facilidade de uso e permite que os usuários usem tags especiais do sistema para criar seus themes.

• Meu Tumblr
• Temas para Tumblr

Read More

Caixa de Busca Estilo Apple com Efeito de Mudar de Cor

Demonstração

1º - Acesse o painel do seu blog e clique na guia Modelo.
2º - Em seguida clique em Editar Modelo.
3º - Depois Segure as teclas CTRL+F e procure por:

]]></b:skin>

4º - E ACIMA dele cole o seguinte código:

#search {
}
#search input[type="text"] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsfbV41lahwjWBx6uaAsqmojWGDDgSgtFDCTgcsqaJbKbhBQm6igmxuufGpdhH04kOsxu22EMUAY0cYsc9TR9UU045p86GmJIYGGPuKUIfxhtgklsXfzzmUaGp2qmKEYBh-OLS50VxXxs/s1600/search-white.png) no-repeat 10px 6px #444;
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #d7d7d7;
height: 20px;
width: 238px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKujVAm4GPY0sCTTdzndr1KlsjPfLKV5mnhexmlBQ1jgI5WFZAL5KOCA0x2OHzE17r7rZI0xx7-bQggm0it60VBzwpKues9dkZkRIWfdxcXz9i6RI-phQoqo4QnMlOdCDhyphenhyphensPcy9cndU/s1600/search-dark.png) no-repeat 10px 6px #fcfcfc;
color: #6a6f75;
width: 238px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

5º - Em Seguida clique em Salvar Modelo.
6º - Agora clique na Guia Layout.
7º - Depois clique em Adicionar Gadget e selecione o tipo "HTML/Javascript".
8º - Em conteúdo cole o seguinte código:

<form method="get" action="/search" id="search">
<input name="q" type="text" size="40" placeholder="Digite algo e tecle enter" />
</form>

Fonte: http://www.blogandocomfacilidade.com/2011/07/caixa-de-busca-estilo-apple-com-efeito.html

Read More

Como Alinhar um Widget

Sempre estamos querendo personalizar o nosso blog e deixa-lo mais ao nosso gosto, e pra quem achou que alinhar um widget era é uma tarefa dificil,verá que é algo simples através do recurso ao HTML.
Você pode centralizar, colocar à esquerda ou à direita, o que é muito útil, pois por padrão os widgets geralmente são colocados automaticamente à esquerda da sua sidebar.

Ao centro:

<center> código do widget </center>

ou 

<div align=”center”> código do widget </div>

A direita:

<div align=”right”> código do widget </div>

A esquerda:

<left> código do widget </left>

ou 

<div align=”left”> código do widget </div>

Read More