BBB, o melhor Blogger/Blogspot

Pois é, resolvi participar do BBB do Blogger criado pelo Usuário Compulsivo, é que depois de ganhar a Ferrari resolvi que também que poderei ganhar o valioso prêmio de U$ 1.000.000,00 que blogueiro está oferecendo. (É por causa do valor do prêmio que a promoção se chama BBB. 1 milhão, entendeu ?)

Claro que terei que dividir essa quantia com o leão, dar um tanto para a Antônia, que é o anjo que trabalha comigo tirando das minhas costas todo o serviço de casa, dar um prêmio pequeno para quem votar em mim (não é suborno, é reconhecimento), dar uma parte ao meu marido pois sem ele, eu não poderia me dedicar tanto a essa tarefa de blogueira. Bom, vai me sobrar aí de cara uns, vejamos, U$ 100,00...
Ok, tá bom, o dólar não é mais aquele, poderia ser em Euro né ? rsrrsrs

Bom, então aí vão minhas indicações:

Bom, aqui abro um parênteses, sei que o Compulsivo vai revirar na cadeira, vai pensar:

Essa não leu o post, é B"B"B, o terceiro B é de Blogger/Blogsopt...

Sei que este blog não é do Blogger, mas vai Compulsivo seja bonzinho e abra uma excessão, a Claudya é tudo de bom, começou no Blogspot, é das antigas, então meu voto vai para ela.



Clique AQUI e participe

Bom, quem ficou de fora preste atenção, não é culpa minha mas resolvi que daria preferência aos blogs com conteúdo similar ao meu, fazer o quê...

Culpa do Compulsivo que só deixou votar em 3 blogs.

»»Leia mais...

Blogs mais populares do Brasil ganham Ferrari

Hoje, como quase todos os dias, fui ao Templates Novo Blogger, da Ariane e em sua postagem estava um link para uma lista dos 200 principais blogs brasileiros no site Mundo Tecno. Fui lá dar uma conferida né, tomei um banho, passei perfume e peguei o ônibus vai que o Templates e Acessórios pudesse estar na lista.
Fui olhando naquela desanimação total, sabe como é, como diz uma amiga, sou a "Lady" Murphy em pessoa.
E não é que o meu blog está lá !?

Não camarada, comece a ler a lista por baixo, é mais fácil de encontrar, sacou ? O blog está em 187ª posição. Nada mau para quem não esperava nada ao blogar. Agora só estou esperando chegar aqui em casa o prêmio que me cabe. Aquela Ferrari tinindo pela 187ª posição. É mole ou quer mais ?

Adorei a cor, combina com o blog

»»Leia mais...

Efeito de transparencia no Blogger

Mais uma dica de Gem@ blog. Para deixar o post e a sidebar com efeito de transparência. Clique aqui para ver o efeito. Agora se gostou siga as dicas abaixo.

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.

A primeira coisa a fazer é escolher uma imagem de fundo que seja grande o suficiente para cobrir toda a área de seu blog.
Eu aconselho a pegar Wallpapers, em sites especializados isso não será difícil.

Agora que encontrou a imagem que você tanto queria, hospede-a em um site. Se não sabe como fazer, clique AQUI e aprenda.


Em seguida vá até o HTML do seu blog e procure pelo código: body {

Cole então abaixo dele o seguinte código:

background: #000000 url("AQUI O ENDEREÇO DE SUA IMAGEM)" fixed no-repeat;

*Atenção, se no local já tiver outro código que inicie com "background" substitua tudo pelo código acima. O código em azul é a cor que ficará a página de fundo. Escolha uma cor que predomine em sua imagem de fundo. Se quer que sua imagem se repita, retire a parte"no-" do código.

Para fazer o efeito na header (cabeçalho)

Procure pelo código: #header-wrapper {
e cole o código depois

border:1px solid #808080;
background-color:#FAF2D4;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity:0.50;

Para fazer o efeito nos posts.
Procure pelo código: #main-wrapper {
e cole o código depois

border:1px solid #808080;
background-color:#FAF2D4;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity:0.50;

Para fazer o efeito na sidebar (coluna)
Procure pelo código: #sidebar-wrapper {
e cole o código depois

padding: 5px;
border:1px solid #808080;
background-color:#FAF2D4;
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
-khtml-opacity:0.50;

As partes em azul são as cores do fundo do post, sidbar e header.
Escolha a cor que mais combina com seu template clicando AQUI.
Para saber quais as cores que tem na sua imagem de fundo, clique AQUI

Créditos: Gem@

»»Leia mais...

Template Menina ao Vento

Template para o Blogger free

Clique para visualizar

Download

3 colunas, menu horizontal, data costumizada.

Veja o template instalado AQUI

Pegue o código AQUI

»»Leia mais...

Personalizar o formulário de comentários do Blogger

Para quem tem o formulário de comentários anexado ao Blogger essa dica que passo agora te da a oportunidade de costumizar o formulário. Se não tem, clique AQUI e o instale primeiro.

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.

Para quem já tem, copie o código abaixo, vá até o HTML do seu Blogger e procure pelo código: ]]></b:skin>

Cole então o código abaixo, fazendo as modificações necessárias.

.comment-form {
background: #181C27 url( 'AQUI O ENDEREÇO DA IMAGEM DE FUNDO DO FORMULÁRIO') repeat bottom;
padding-left:5px;
padding-right:5px;
border:1px solid #000;
margin: 0 auto;
}
.comment-form h3 {
background:url(' AQUI O ENDEREÇO DA IMAGEM ') right no-repeat;
line-height:200px;
padding:0pt 35pt 35pt 55px;
}
.comment-form p {
font-size:16px;
color:#000000;
text-align: center;
border: 3px #000 double;
background-color:#FA7B36;
padding:5x 0pt 5px 5px;
width:380px;
}
#comment-editor {
height:175px;
width:550px;}

Azul---------- cor de fundo do formulário
Vermelho----- endereço da sua imagem
Rosa--------- modifique aí o número conforme o tamanho de sua imagem

Verde-------- cor da tabela onde está o recado



_Ah Elke, mas acontece que no meu não tem este comentário personalizado como no seu. Onde o coloco ?

Vá até "Configurações" e clique em "Comentários"

Agora procure abaixo por: Mensagem do formulário de comentário, e escreva a sua mensagem.

Clique e salve.

Créditos: Gema Blog

»»Leia mais...

Últimos comentários no Blogger

Para saber quem comentou e em qual post comentaram em seu blog, copie o código abaixo,

http://AQUI-O-NOME-DE-SEU-BLOG.blogspot.com/feeds/comments/default

Vá até "Elementos de página" clique em "Adicionar um elemento de página" , clique em "Feed" cole o código e coloque o nome de seu blog no local indicado.

Créditos: World Wide Wacko

»»Leia mais...

Como colocar um formulário de comentários no post.

Bom, me perguntaram e vou ensinar como colocar um formulário de comentários incorporado.

A primeira coisa que você deverá fazer é entrar em seu blog pelo Blogger in Draft (OU NÂO DARÁ CERTO !!!)

Então faça o login e entre em seu blog, depois clique AQUI


Agora clique conforme a imagem abaixo.

Agora, clique em "COMENTÁRIOS" e selecione o ítem: "POSTAGENS ABAIXO INCORPORADAS" que automaticamente o formulário já estará incorporada a seu blog.

Caso você queira personalizar o aspécto de seus comentários como fiz nos meus, clique AQUI e aprenda.

»»Leia mais...

Novo editor para postagens

Agora temos um editor de post mais moderninho no Blogger com alguns recursos.
Faz textos riscados, textos com fundos coloridos criando este efeito ressaltado,

Agora para fazer upload de imagens está mais fácil.

Experimente. Clique AQUI e através do Blogger Draft, faça suas postagens.

Para as imagens você escolhe o tamanho desejado.

»»Leia mais...

Mais um blog bacanudo

Ah, vai, diz que sim...


Encontrei este blog, e é tudo de bom.



Vá lá, entre, tem muitas dicas para o Blogger.

»»Leia mais...

Menu com imagens

Para quem quer ter um menu como este acima ou este exemplo que é o dos meus feeds (esta caneca ao lado na coluna) copie o código abaixo. Vá até "Elementos de página", clique em "Adicionar um novo elemento de página" e depois em "HTML/Javascript" e cole o código. Coloque seus links no local indicado e salve

<script type="text/javascript">
function showDiv(objectID) {
var theElementStyle = document.getElementById(objectID);
if(theElementStyle.style.display == "block"){
theElementStyle.style.display = "none";
}else{
theElementStyle.style.display = "block";}
}
</script>
<style type="text/css">
#TW-feed, #TW-feed ul {list-style:none; margin:0px; padding:0px}
#TW-feed li ul {display:none;position:absolute;background-color:#ffffff;padding:3px;border:1px solid #cccccc;}
#TW-feed li {font-weight:bold; color:#EC8132;}
#TW-feed ul li {padding-bottom:3px;}
</style>
<div onmouseover="showDiv('TW-Pop');return false;" onmouseout="showDiv('TW-Pop');return false;">
<ul id="TW-feed">
<li> <img border="0" src="AQUI O ENDEREÇO DA IMAGEM QUE VAI APARECER"/>
<ul id="TW-Pop">

<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>

<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>


<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>

<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>

<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>

<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>

<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>

<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>

<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>

<li><a href="AQUI O ENDEREÇO DO LINK" rel="alternate" title="ESCREVA AQUI O QUE QUISER"><img alt="ESCREVA AQUI O QUE QUISER" src="ENDEREÇO DA IMAGEM QUE VAI APARECER DENTRO DO MENU"/></a>
</li>
</ul></li></ul></div>

Créditos: RSS Buttom Makker

»»Leia mais...

Acrescentando outra sidebar (coluna horizontal)

Bom, no La Blogueria encontrei essa dica que eu estava LOUCA atrás. Com ela você poderá colocar mais uma coluna ao blog. Só que essa coluna é horizontal e só tem sentido ser colocada se você tiver um template onde as duas colunas fiquem de um lado só.

Clique para visualizar

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.

Primeiro vá até o HTML do seu blog e coloque o código abaixo antes de: #sidebar-wrapper {

#widebar-wrapper {
width:360px;
float:right;
padding-bottom:10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

Atenção: Esses dois códigos na cor verde é para que você faça as modificações necessárias como largura e lado das colunas.

360px é a largura da coluna, vá trocando o número até que se ajuste ao tamanho desejado.

Caso no seu template as suas outras colunas fiquem do lado esquerdo, troque "right" por "left"


* Se você quer que a coluna fique acima das outras colunas:

Agora procure pelo código: <div id='sidebar-wrapper'>

E acima dele cole o código abaixo.

<div id='widebar-wrapper'>
<b:section class='sidebar' id='widebar' preferred='yes'>
</b:section></div>

*Se você quer que fique abaixo das outras colunas:


Procure pelo código:
Agora procure pelo código: <div id='sidebar-wrapper'>:

e ao final dele terá:

</b:section>
</div>

E abaixo dele cole o código.

<div id='widebar-wrapper'>
<b:section class='sidebar' id='widebar' preferred='yes'>
</b:section></div>

»»Leia mais...

Blog que recomendo

Navegando encontrei um blog bem bacana. É o "DICAS PARA BLOGGER".
Há várias dicas para o Blogger como mexer diretamente nos códigos de seu template, colocar fundo, trocar imagens, etc... Fora que por lá, como aqui, não tem essas de panelinha blogosférica, o rapaz faz parceria, sem miséria de links. Sabe como é ?

<a href="http://templateseacessorios.blogspot.com/2008/07/blog-que-recomendo.html"><br /><br /><img src="http://img142.imageshack.us/img142/9927/award2jz7.png" border="0" /></a><br /><br />

»»Leia mais...

Gerador de barra de navegação para o blog

Encontrei esse gerador de barra de navegação no Blog do Lui. Gostei muito !

É de um site que gera o código e você poderá colocar até 3 menus drop daw na barra. Depois de se cadastrar, voc~e será direcionado(a) a página para fazer a barra. Escolha o nome que irá na barra, tipo de letra, tamanho e cores da barra. Depois que linkar o que quiser na barra, pegue o código que o sie te dará cole no HTML do seu blog, depois do código: <head>

»»Leia mais...

Eliminar a barra de mostrar postagens no Blogger

Para eliminar a barra que fica ao alto dos posts quando se procura por determinado marcador no Blogger é fácil.

Vá até o HTML do seu blog e procure pelo código: ]]></b:skin>


Cole então acima dele o código abaixo.

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.

.status-msg-wrap {visibility:hidden;display:none;}

Créditos: El Blog de Lui

»»Leia mais...

Gifs Email

Abaixo uma seleção de imagens encontradas por mim na net. Clique com o botão direito do mouse e ao abrir a janela clique em "Salavar imagem como..." Depois hospede em um site e publique onde quiser.


Para linkar seu email no seu blog, clique AQUI e pegue o código.

*Essas imagens NÃO são de minha autoria.

»»Leia mais...