Colocando o lápis de edição rápida no Blogger

Coloque este lápis de edição rápida em seu blog. Fica bem mais fácil entrar nos posts.
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 "Layout" depois em "Elementos de página"
Agora clique em "Editar" que está abaixo de "Poatagens do blog"
Agora clique em "Mostrar edição rápida" e salve.
Bom meus amiguinhos, se mesmo assim não apareceu o lápis ao pé de suas postagens, então você terá que o colocar no HTML do seu blog.
Clique em "Expandir modelos de widgets" e procurar pelo seguinte código:
<div class='post-header-line-1'>
Tendo o encontrado troque-o pelo código abaixo e depois salve
<div class='post-header-line-1'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src=' http://www.blogger.com/img/icon18_edit_allbkg.gif '/>
</a>
</span>
Perceba que agora seu lápis de edição estará abaixo do título de seu post

»»Leia mais...

Adicionar 3 colunas ao footer do Blogger

Para colocar três colunas no footer do Blogger ( parte inferior do Blogger) como AQUI neste exemplo, a primeira coisa a fazer é retirar todo e qualquer widget que lá estiver. Não é preciso deletar, basta arrasta-los para a coluna lateral. Agora vá até o HTML do seu blog, clique em "Expandir modelos de widget"  e procure pelo código:

»»Leia mais...

Mudando as cores do fundo do seu Blogger

Para ter um widget onde o visitante pode mudar a cor do fundo do seu blog, como mostro no exemplo AQUI, vá até o HTML do seu Blogger e procure pelo seguinte código: body {
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 pelo código:    background: 
que estará logo abaixo e apague-o até o ponto e vírgula ;
Agora procure pelo código: ]]></b:skin>
e abaixo dele cole o código que está abaixo.
<script language='JavaScript'>
function r(hval)
{document.bgColor=hval; }
</script>
Agora vá até "Elementos de página", clique em "Adicionar um novo elemento de página" e clique em HTML/Javascript, cole o código abaixo e salve.
Se quiser modificar as cores, troque-as, mas atenção, note que as cores sempre se repetem de duas em duas. Outras cores AQUI
<center>
<table border="0" cellpadding="0">
<tr>
<td bgcolor="#ffffff"> <a onmouseover="r('#ffffff'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#BEA1CC"><a onmouseover="r('#BEA1CC'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#5A4C63"><a onmouseover="r('#5A4C63'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#9F0F34"><a onmouseover="r('#9F0F34'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#990033"><a onmouseover="r('#990033'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#9DB1B2"><a onmouseover="r('#9DB1B2'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#C6D2D2"><a onmouseover="r('#C6D2D2'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#B6D6E5"><a onmouseover="r('#B6D6E5'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#F9A028"><a onmouseover="r('#F9A028'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#FCC584"><a onmouseover="r('#FCC584'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#000000"><a onmouseover="r('#000000'); return true" href="javascript:">
<img border="0" width="13" src="" height="13"/></a></td> <td bgcolor="#000000"><a onmouseover="r
('#000000'); return true" href="javascript:">
</a></td></tr>
</table>
</center>

»»Leia mais...

Barra de recados na header do Blogger ( acima da imagem principal)

Para colocar uma barra de mensagem acima da imagem principal do seu blog como esta que tenho AQUI é bem facinho, basta copiar o código, vá até o HTML do seu blog procurar pelo código: </head>
e cole abaixo dele o código.
Faça as alterações como cor de fundo, border e claro, a sua mensagem. Outras cores AQUI, outros tipos de border AQUI
azul--cor da letravermelho--cor do fundolaranja--tipo de borderverde--cor do border
Para recado com efeito.
<div style='color:#ffffff; background-color:#bea1cc; border-bottom: 2px dotted #ffffff; border-top: 2px dotted #ffffff; margin: 0 0 5px 0; padding: 4px 0; font-size: 14px;'><b><center> <marquee>AQUI SEU RECADO</marquee></center> </b></div>
Para recado parado
<div style='color:#ffffff; background-color:#bea1cc; border-bottom: 2px dotted #ffffff; border-top: 2px dotted #ffffff; margin: 0 0 5px 0; padding: 4px 0; font-size: 14px;'><b><center>AQUI SEU RECADO</center> </b></div>
Barra com imagem
<div style='color:#ffffff; background-color:#bea1cc; border-bottom: 2px dotted #ffffff; border-top: 2px dotted #ffffff; margin: 0 0 5px 0; padding: 4px 0; font-size: 14px;'><b><center><img src='ENDEREÇO DA IMAGEM AQUI'/>ESCREVA AQUI</center></b></div>

»»Leia mais...

Fundo do seu blog em movimento

Com este código é possível dar movimento ao fundo do seu blog. Clique AQUI e veja o exemplo. Mas é calro que para isso você terá que ter uma imagem de fundo em seu blog, nean ?!
Copie o código vá até elementos de página, "Adicionar um novo elemento de página" e depois clique em "HTML/Javascript", cole-o e salve. Prontinho
Movimenta para cima
Pegar código
<script language="JavaScript">
var backgroundOffset=138; //must be equel to maxSize
function scrollBG(maxSize)
{ backgroundOffset-=1;
if (backgroundOffset<0) backgroundOffset=maxSize;
document.body.style.backgroundPosition="0 "+backgroundOffset;
var ScrollTimer=window.setInterval("scrollBG(138)",64);
// -->
</script>
Movimenta para baixo
Pegar código
<script language="JavaScript">
<!-- Begin
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {
backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = "0 " + backgroundOffset;
var ScrollTimer = window.setInterval("scrollBG(307)", 64);
// End -->
</script>

»»Leia mais...

Bloquear imagens

Com este código você poderá bloquear imagens específicas.
Aqui sem o código
Aqui com o código
<img oncontextmenu="return false" src="ENDEREÇO DA IMAGEM AQUI" border="0" />

»»Leia mais...

Tipos de border

Tipos de border (margem) ou tipos de borda.
DOTTED
 border: 5px dotted #FEE4FE;
DASHED
border: 5px dashed #FEE4FE;
SOLID
border: 5px solid #FEE4FE;
DOUBLE
border: 5px double #FEE4FE;
GROOVE
border: 5px groove #FEE4FE;
RIGDGE
border: 5px ridge #FEE4FE;
INSET
border: 5px inset #FEE4FE;
Tem como deixa-las arredondadas também (mas só funciona no Mozilla e no Chrome :-(
O código é este:
-moz-border-radius:8px;
-webkit-border-radius:8px;
Portanto, se você quer deixa-la com essa aparência o código ficará assim:
border: 5px solid #FEE4FE;
-moz-border-radius:8px;
-webkit-border-radius:8px;
SOLID
border: 5px solid #FEE4FE;
-moz-border-radius:8px;
-webkit-border-radius:8px;
Claro que este código deverá ficar no local adequado para que colunas, posts, header fiquem com a aparência desejada, ou não dará certo.

»»Leia mais...

Pullquote facil

Pullquote sáo essas caixinhas que você coloca em seu post para dar destaque a algo em seu post. Há muitas maneiras de fazê-los eu já ensinei uma maneira AQUI, mas agora colocarei aqui uma maneira bem fácil, assim, você não precisará mexer nem no HTML do seu Blogger. Basta copiar o código e cola-lo no modo "EDITAR HTML" no local onde você escreve.
* Em vermelho é a cor de seu fundo
* Em verde é a cor da margem
* Em azul é o tipo de margem, para ver outros modelos, clique AQUI
Veja outras cores AQUI
Assim você dá destaque a algo que queira escrever em seu post. Fácil, fácil. Você poderá modificar as cores do fundo, o border ( essa margem)
Pegar código
<p style="float:right;width:30%;padding:8px;border:3px solid #000000;font-size:.8em;margin:20px;background-color:#cc0000;">
<strong> ESCREVA AQUI O SEU TEXTO</strong><br>
</p>
Para fazer assim, com imagem de fundo não é nada difícil, assim você terá um pullquote bem personalizado, rsrrsrsr
Atenção, o Blogger possui pullquote, para saber mais, clique AQUI

»»Leia mais...

Calendário de arquivos

Este é um calendário que funciona como arquivo do seu blog, mostrando os dias que você postou, as postagens daquele dia, assim, tudo que estiver relacionado a um determinado dia, o calendário apontará.

»»Leia mais...

Ranking Technorati

O blog Purple Moggy's desponibilizou um código para sabermos qual o nosso ranking no Technorati quantos são os blogs que tem links para nosso blog. Claro que para isso você tem que estar cadastrado no site da Technorati. Copie os códigos e coleque-os nos locais indicados colocando o endereço do seu blog no local indicado.
Vá até o HTML do seu blog e procure pelo código: ]]></b:skin>
ATENÇÃO: onde está em verde é o endereço da imagem, querendo outro é só trocar pelo endereço da imagem de sua preferência.
Pegar código
div.tec_name {
display:none;
div.tec_rank {
background: url(http://static.technorati.com/static/css/img/icn/talkbubble.png) 0 2px no-repeat;
padding-left:16px;
div.tec_rank a:link, div.tec_rank a:visited {
color: #390;
text-decoration:none;
div.tec_rank a:hover {
border-bottom:1px dashed #390;}
Agora copie o próximo código e cole-o em HTML/Javascript, faça a mudança para o endereço de seu blog no local em vermelho e salve.
Pegar 2º código
<script src=" http://purplemoggy.clawsorpaws.com/technorati/rank.php?u=AQUI O ENDEREÇO DE SEU BLOG" type="text/javascript"/<</script<

»»Leia mais...

Gerador de cores

Vá passando o mouse por cima do círculo e tomando nota das cores. Para personalizar o template, os posts, etc.

»»Leia mais...

Cartoom com suas fotos

Faça efeitos em suas imagens no site Befunky. Você pode fazer o efeito cartoom, colocar adereços, fazer caricatura e outras coisinhas. Recomendo !!!

»»Leia mais...

Redirecionar itens dentro do texto

Este código permite que você faça um redirecionamento dentro do próprio post. Veja o exemplo. Clique nos títulos dos links abaixo.

»»Leia mais...

Template Azul 2 Tons

Visualizar
Download
Ou pegue o código AQUI

»»Leia mais...

Novo blog

Bom pessoal, ainda estou com este blog em construção e ele será um diretório sobre dicas de alguns blogs brasileiros. Caso você tenha um blog de dicas e queira participar é só deixar um comentário. Atenção, este blog não tem posts, apenas os links de alguns blogs, ele não será atualizado e caso o seu blog estiver lá e não for do seu agrado, avise-me que o retirarei imediatamente.
Visite, link, divulgue, não é um blog meu, é um blog para o usuário e o fiz linkando alguns blogs que gosto e frequento. Beijinhos

»»Leia mais...

Imagem antes de comentários ao pé do post

Para colocar uma imagem antes dos comentários ao pé do post do Blogger, vá até o HTML do seu Blogger e clique em "Expandir elementos de widgets". Agora procure pelo código:
<span class='post-comment-link'>
E abaixo delecole o seguinte código:
<img src="AQUI O ENDEREÇO DE SUA IMAGEM"/>
Abaixo alguma imagens que fiz. Salve em seu pc e depois as hospede.
Algumas imagens que encontrei na net

»»Leia mais...

Imagem antes de marcadores, ao pé do post no Blogger

Para colocar uma imagem antes de "MARCADORES" ao pé de cada post no Blogger, vá até o HTML do seu blog e clique em "Expandir modelo de widget", agora procure pelo código:
<a expr:href='data:label.url' rel='tag'>
Troque pelo código abaixo e insira no local indicado o endereço da imagem
<a expr:href='data:label.url' rel='tag'><img src='AQUI O ENDEREÇO DE SUA IMAGEM '/>
Você pode colocar a imagem que quiser. Abaixo algumas imagens de TAG que fiz. Salve em seu pc e hospede-os em algum site.
Essas abaixo foram encontradas na net, só modifiquei as cores

»»Leia mais...