Colocar o novo Blogger em estilo revista modelo pequenos quadrados

 DEMO

»»Leia mais...

Template Lilás Clean

Mais um template para vocês. Baseado no Minima, portanto, modelo antigo. Este template possui 3 colunas, mais 3 colunas no footer e 5 colunas abaixo da header. Header dividida em duas colunas, slide com as últimas postagens que entram automaticamente. Postagens resumidas tipo revista, widget de posts mais vistos já personalizado.
DEMO/PEGAR CÓDIGO
Para habilitar o menu com imagens abaixo da header:
Depois de ter instalado o template, vá até "Layout"
Clique em Layout
Clique em editar em cada um deles para inserir a imagem e colocar seu link
Mude então o título do widget e insira sua imagem. Para colocar o link, faça como o modelo inserindo o endereço no local indicado

»»Leia mais...

Por favor, leiam os posts !!!!

Se você não ler todo o post, fica difícil... Recebo comentários sempre de pessoas que dizem não conseguir implementar códigos em seus blogs. Aí vai uma dica:
LEIAM OS POSTS, T O D O !
DO COMEÇO AO FIM !!!!
Muita gente não os lê, vão direto aos códigos para implementar os hacks e se esquecem que T U D O que está no post deve ser lido. Do início ao fim. Eu não perderia meu tempo escrevendo um post muitas vezes quilométrico, entendeu ? Tudo que coloco neste blog foi testado e se acaso não responder a seu comentário, veja se não refiz o post e concertei algo que eventualmente possa ter colocado errado, já que errar é humano e sou humana :-)
Quando escrevo que as dicas são para o novo Blogger, significa que são para os novos modelos, implementados em julho de 2010. É fácil e simples. Se digo que uso o modelo "SIMPLE" é porque os hacks foram feitos em cima deste modelo, portanto, usando outro modelo você poderá NÃO ENCONTRAR OS CÓDIGOS NOS QUAIS ME REFERENCIO. QUANDO SÃO OS ANTIGOS TEMPLATES, USO O "MINIMA"
Se uso o modelo "SIMPLE" e você outro modelo, fica realmente difícil implementar as dicas deste blog
Fácil de entender, não ?

»»Leia mais...

ìcones, icons para o Google+ Google Plus

Clique na imagem para ir até a página de download
Ícones para o mais novo queridinho: Google Plus, ou Google +.
Clique na imagem, faça o download e divulgue sua nova página.
Clique na imagem para fazer o download
Clique na imagem
Clique na Imagem
Clique na imagem Clique na imagem

»»Leia mais...

Menu com efeito hover

Coloque em seu blog um menu com efeito hover. Ao passar o mouse por cima, os botões do menu trocam de cor.

»»Leia mais...

Botão "Não gostei" no Facebook

Porque as vezes curtimos algo que não gostamos...
Eu sempre reclamei do fato do Facebook não ter um botão como esse, o que fazia a gente "Curtir" cada tranqueira no Facebook que dava interpretações no mínimo curiosa.O fato é, você precisará instalar uma extenção no seu navegador para ter essa opção, o que é bem fácil e rápido. Então corra, baixe o aplicativo e sai sendo antipática pelo Face :-)
Clique na imagem para baixar o aplicativo ou no link abaixo
http://di.slik.es/

»»Leia mais...

Troque o termo em ingles da caixa de assinar feed no novo Blogger

 Nada de termos em ingles no seu blog. Esse é o seu lema ? Então vamos trocar as paavras na caixa de assinar feed em seu blog.
Vá até o Modelo de seu blog, clique em Editar modelo
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. 
Clique em Expandir modelos de widget
Procure então por:
<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
E substiua por:
<input class='follow-by-email-address' name='email' placeholder='Coloque aqui seu email' type='text'/>
Agora um pouco abaixo veja um código como esse:
<input class='follow-by-email-submit' type='submit' value='Submit'/>
Troque por:
<input class='follow-by-email-submit' type='submit' value='Clique'/>

»»Leia mais...

Mostrar apenas o título das postagens

 DEMO

»»Leia mais...

Dividir o cabeçalho do novo Blogger

Os códigos sofreram transformações de nomes, mas as funções acabam por ser as mesmas. Muitas vezes precisamos aproveitar ao máximo o layout do blog para que fique em harmonia e perfeita simetria. Para isso, porque não usar o cabeçalho mais do que para o título do blog ?
Então, vamos aprender a diividir o cabeçalho do novo Blogger não tem muita diferença. Siga as instruções.
Vá até o Modelo de seu blog, clique em Editar modelo
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. 
Procure por:
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Templates e Acessórios (Cabeçalho)' type='Header'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
 Troque por:
  <div class='fauxborder-left header-fauxborder-left'>
<div class='region-inner header-inner' style='width:55%; float:left'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Templates e Acessórios (Cabeçalho)' type='Header'/>
</b:section></div>
<div class='fauxborder-right header-fauxborder-right' style='width:46%;float:right;height: auto;margin: 0px 4px 0 2px;'>
<b:section class='banner' id='banner' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML210' locked='false' title='' type='HTML'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div style='clear:both;'/>
Se este acima não deu certo, tente este:
  <div class='fauxborder-left header-fauxborder-left'>
<div class='region-inner header-inner' style='width:55%; float:left'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Templates e Acessórios (Cabeçalho)' type='Header'/>
</b:section></div>
<div class='fauxborder-right header-fauxborder-right' style='width:46%;float:right;height: auto;margin: 0px 4px 0 2px;'>
<b:section class='banner' id='banner' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML110' locked='false' title='' type='HTML'/>
</b:section>
</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div style='clear:both;'/>

»»Leia mais...

Retirar a retribuição do novo Blogger

Para retirar a referencia do Blogger de seu blog, proceda como aa imagens
Vá até o Modelo de seu blog, clique em Editar modelo
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. 
Procure por:
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
Troque por:
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
Salve.
Agora vá até
Procure então por ATTRIBUTION:
Ao abrir a janela, clique em Excluir.

»»Leia mais...

Post que se expande para os lados em um clique, no novo Blogger

 DEMO
Essa dica eu já tinha visto a um tempão no blog do Pizcos, mas era para ser usada no antigo Blogger. Trago agora a dica para usar no novo Blogger, depois das adaptações feitas por mim.
Vá até o Modelo de seu blog, clique em Editar modelo
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. 
Agora procure por:  
]]></b:skin>  
 
Substitua-o (TROQUE) então pelo seguinte código: (Observe que neste código há dois números destacados na cor vermelha. Isso é porque você vai precisar configurar para que fique de acordo com o seu template. Vá trocando os números e visualizando o seu blog até ficar certinho).
800---Tamanho ao expandir
500---Tamanho ao contrair
.expandp{
float: right;
margin: -40px 2px 50px 0;
]]></b:skin>
<script type='text/javascript'>
//<![CDATA[
function agrandarentrada(){
div = document.getElementById("sidebar-right-1");
div.style.display="none";
div = document.getElementById("sidebar-right-2-1");
div.style.display="none";
div = document.getElementById("sidebar-right-2-2");
div.style.display="none";
div = document.getElementById("sidebar-right-3");
div.style.display="none";
div = document.getElementById("main");
div.style.width="800px";
div.style.fontSize="14px";
function achicarentrada(){
div = document.getElementById("sidebar-right-1");
div.style.display="";
div = document.getElementById("sidebar-right-2-1");
div.style.display="";
div = document.getElementById("sidebar-right-2-2");
div.style.display="";
div = document.getElementById("sidebar-right-3");
div.style.display="";
div = document.getElementById("main");
div.style.width="500px";
div.style.fontSize="12px";
//]]>
</script>
Salve.
Agora clique em Expandir modelos de widget.
Procure por:
<div class='post-header'>
Cole então acima dele o código abaixo:
<div class='expandp'>
<a href='javascript:achicarentrada();'><img alt='Voltar à Área Padrão do Post' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ierU1etrj7AjTGgfR8TPYopY3AWh_ZMnuE9koJEgzVwrI46yoL1GdkxwBXTcBRUsQkoV7lN5zxKFcExS7AieeEBP6DaGJ83CbsBAnYVsbG1O6bk3HD4I_HZPGQdoekxy3JFgSJQGXf34/s320/arrow_left.png' title='Voltar à Área Padrão do Post'/></a>
<a href='javascript:agrandarentrada();'><img alt='Aumentar Área do Post' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja8qzLiZ1A-teQi8dDpiNyOLRuOtBc8ZE9awo3hQntWk3mPdzNJKro_SeT3fRT-mMbMUNe3Vmb9e3YTXNc9Rz2t_bQB7UsVw1Xm8UTDneC8egcUgmACFY4dUjuCvIsbynaQOxmzJQ9ja75/s320/arrow_right.png' title='Aumentar Área do Post'/></a>
</div>
Salve.

»»Leia mais...

Sua imagem de fundo (background) no novo Blogger

 
DEMO
O novo Blogger disponibiliza várias imagens de fundo para o novo Blogger, mas bem, acontece como essas  coisas que acontecem na vida real, que queremos mais, queremos algo com a nossa cara, queremos algo exclusivo e eis a dúvida. Como colocar uma imagem escolhida por mim no novo Blogger ?
Veja como é fácil.
Depois de escolhida a imagem que você quer e tê-la salvado em seu computador, vamos agora coloca-la em seu blog.
Vá até "Modelo" em seu Blogger e siga as imagens...
Clique em personalizar
Clique em Plano de fundo
Clique em fazer upload da...
Clique em Escolher arquivo
Ao abrir o browser, procure sua imagem
Ao ver sua iamgem, clique em Concluido
Agora faça os testes para ver onde fica melhor sua imagem
Veja se quer a imagem em apenas um local ou se quer que ela repita...
Decida aí se a sua imagem vai rolar junto com seu blog ou se ficará fixa
Tudo certo ? Agora aplique ao blog

»»Leia mais...