Dicas para Blogs

Problemas para mover ou adicionar gadgets do blog

2010-09-04T12:42:00.004-03:00

Veja o que fazer quando não é possível arrastar um gadget na pagina elementos de pagina para o local desejado. Muitas vezes não podemos colocar mais gadgets embaixo do cabeçalho ou alguma outra parte. Além disso, vamos mostrar como exibir o link para adicionar gadget caso no seu template não apareça.

Aproveitando o assunto veja como é simples achar novos gadgets ou colocar últimas notícias no blog, essas são coisas que frequentemente nos perguntam, mas vamos começar a mostrar como você pode resolver esses problemas na hora de mover os gadgets do seu blog.

Entre na pagina editar HTML e procure por:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

E altere os trechos do código HTML do blog:

showaddelement='no' - Apague onde está “no” e coloque yes para mostrar o adicionar gadget

maxwidgets='1' - mude o numero 1 para 5 ou quantos gadgets desejar, assim poderá colocar mais gadgets embaixo do cabeçalho ou qualquer parte do blog.

Para facilitar também fizemos esse video tutorial que você vê logo acima, esperamos que goste e visitem o nosso canal no Youtube.

Essa é uma solução bem simples para o problema de não conseguir mover os gadgets livremente pela pagina do blogger que foi resolvido apenas com mudanças simples de html.

Moderar Comentários do Blogger

2010-09-01T15:50:00.004-03:00

O Blogger tem uma pagina de comentários que agora facilita localizar e se necessário excluir comentário já publicado. Isso também deixou mais organizado a moderação de comentários, mas claro isso somente para aqueles que já fizeram a configuração do blogger para moderar os comentários e receber um email de aviso para cada novo comentário feito.

O Primeiro passo é entrar no painel do Blogger e clicar em comentários esse link aparece junto com o nome do seu blog.

Na pagina que aparece vemos todos os comentários publicados, então caso queira apagar algum é bem simples de localizar e deletar qualquer comentário indesejado. Aqui também temos a pagina de moderação de comentários para você decidir se aprova ou deleta os comentários recebidos.

Claro que isso só aparece se você deixar a moderação de comentários ativada, isso é feito na guia configurações >> comentários, lá você encontrará o Moderação de comentários, então sugerimos marcar a opção sempre e logo abaixo colocar o seu endereço de email, assim a cada novo comentário no seu blog você receberá um email perguntando o que fazer, ou seja, para decidir se aprova (publica) ou exclui o comentário.

Isso é muito útil, pois infelizmente muitas pessoas pensam que comentário do blog é para só deixar o link pedindo visitas ou então para ofender os outros, então para evitar mostrar coisas desagradáveis no seu blog recomendamos que usem a moderação de comentários.

Personalizar gadgets do Blog

2010-08-30T14:17:00.005-03:00

Esse tutorial vai mostrar como é simples formatar o texto dos links dos marcadores do blog e isso pode ser utilizado para formatar qualquer gadget do seu blogger, pois o modo de fazer é o mesmo e funcionará bem em qualquer texto que esteja dentro de um gadget.

Primeiro vamos entrar na pagina editar HTML e procurar pelos marcadores do blog, aperte ctrl+F no seu teclado que aparecerá uma caixa para procurar texto na pagina, então digite o título dos seus marcadores em nosso caso utilizamos o título guia rápido.

Então encontramos a linha:

<b:widget id='Label1' locked='false' title='Guia Rápido' type='Label'/>

O que procuramos aqui é a id do gadget, no caso é label1 que está logo no começo widget id='Label1', então deve ver e usar como está nos marcadores do seu blog.

Depois role o código html até o começo de antes de body{....} coloque esse código:

#Label1 a{text-indent:15px;letter-spacing: 1px;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left;padding-left:15px}
#Label1 a:hover{letter-spacing: normal; font-weight: bold;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left}

Aqui você poderá escolher qualquer formatação de texto, imagem de fundo(veja que no código tem endereço da imagem, então coloque uma ou apague aquele trecho), além disso podemos colocar bordas, ou seja, poderá deixar com a aparência que desejar (veja nossa postagem sobre fazer botões). Novamente vamos repetir que neste estilo que acabamos de criar usamos label1 no inicio dele porque é a id dos marcadores de nosso blog, então você usará igual está no seu blog senão não funcionará.

Esse mesmo procedimento serve para formatar o texto de qualquer gadget, basta entrar a id e criar um estilo utilizando o mesmo nome. Mantenha as letras maiúsculas e minúsculas como estão no código do gadget para evitar erros.

Esse tutorial foi feito atendendo alguns pedidos e duvidas sobre como fizemos o nosso menu guia rápido mudando o estilo dos links dos marcadores do blog.

Fazer sorteio entre os seguidores do Twitter ou Retweets

2010-08-28T12:25:00.007-03:00

Fazer sorteios usando o Twitter e o site sorteie é muito fácil, em poucos cliques você pode escolher se quer sortear aleatoriamente um dos seus seguidores do Twitter ou entre aqueles que enviarem um retweet de alguma url (pagina), isso parece ser bem interessante para criar promoções e divulgação do blog, afinal sorteio de brindes ou algum outro premio sempre atrai muitas pessoas que procuram encontrar a sorte.

Ao entrar no site Sorteie você verá essa imagem, então clique em criar sorteio:

Agora faça login com seu nome e senha do Twitter para autorizar a utilização das informações de sua conta e clique no botão Allow (permitir)

E já está tudo pronto, você só precisa escolher se fará um sorteio entre os seus seguidores ou entre as pessoas que retwitaram uma pagina para fazer isso precisa ser utilizado o encurtador de url migre, neste caso coloque a url que reduziu usando o migre no local indicado e clique em sortear.

Depois que clicar no botão do sorteio que desejar verá a pagina do resultado semelhante a essa:

Esse é um site muito interessante e pode ser muito útil para blogueiros, basta usar sua criatividade e criar promoções para ajudar na divulgação do seu blog ou presentear seus visitantes.

Converter blog em arquivo PDF e enviar por e-mail

2010-08-26T15:39:00.005-03:00

Veja como converter as postagens do seu blog para o formato PDF e enviar por email para qualquer pessoa, e o melhor qualquer pessoa que visitar seu blog pode fazer isso! Usando esse acessório quando seus visitantes quiserem enviar uma copia da sua postagem para alguém só precisam digitar o endereço de email da pessoa e clicar em enviar e pronto, o será criado automaticamente um arquivo PDF com o conteúdo do seu blog e enviado para o email. Tudo muito rápido e fácil, sem mexer com códigos.

Esse widget para converter e enviar as postagens do blog em formato PDF é feito pelo site: Criador & Conversor de PDF Gratuito.

Para colocar esse acessório no seu blog entre na pagina designer, adicionar gadget, html/javacript e cole esse código:

<style type="text/css"> .pdf24Plugin-sbp-box { background-image:url(http://pdf24-blogger-widget.googlecode.com/svn/tags/1.1/bg.gif); background-repeat: no-repeat; width:190px; height:125px; position:relative; padding:4px; font-family: Verdana, Arial } .pdf24Plugin-sbp-title { position:absolute; left: 10px; top: 4px; text-align:left; width:110px; color:#fff; font-size: 14px; font-weight:bold } .pdf24Plugin-sbp-sendto { position:absolute; left: 10px; top: 71px; } .pdf24Plugin-sbp-sendto input { width: 169px; height: 17px; border:1px solid silver } .pdf24Plugin-sbp-submit { position:absolute; right: 15px; top: 100px; } .pdf24Plugin-sbp-submit input { background-color: #66A4DA; border:0px; border-left: 1px solid silver; border-bottom: 1px solid silver; color:#fff; font-weight:bold; padding:1px; cursor: pointer } .pdf24Plugin-sbp-backlink { position:absolute; left: 11px; top: 103px; font-size:11px; } </style> <script language="javascript" src="http://pdf24-blogger-widget.googlecode.com/svn/tags/1.1/script.js"></script> <div class="pdf24Plugin-sbp-box"> <div class="pdf24Plugin-sbp-title">Send articles as PDF to</div> <form action="http://doc2pdf.pdf24.org/doc2pdf/blogger.php" target="pdf24PopWin" name="pdf24Form" method="POST" onsubmit="return pdf24_onSubmit(this);">
<div class="pdf24Plugin-sbp-sendto">
<input value="Enter email address" onmousedown="this.value = '';" name="sendEmailTo" type="text" />
</div>
<div class="pdf24Plugin-sbp-submit"><input value="Send" onclick="pdf24_onSubmitBtnClick();" type="submit" /></div> </form> <div class="pdf24Plugin-sbp-backlink"><a href="http://en.pdf24.org" target="_blank" title="PDF | PDF Creator | PDF Converter">PDF Creator</a></div> </div>

O trecho em negrito (Send articles as PDF to) é o texto original gerado pelo site, você pode alterar como desejar. Se você souber editar html e modificar código poderá fazer varias alterações na aparência deste gadget, pois todo ele é em html. A parte principal do acessório é essa:

<script language="javascript" src="http://pdf24-blogger-widget.googlecode.com/svn/tags/1.1/script.js"></script>
<form action="http://doc2pdf.pdf24.org/doc2pdf/blogger.php" method="post" name="pdf24Form" target="pdf24PopWin" id="pdf24Form" onsubmit="return pdf24_onSubmit(this);">
<input value="Enter email address" onmousedown="this.value = '';" name="sendEmailTo" type="text" />
<input value="Send" onclick="pdf24_onSubmitBtnClick();" type="submit" />
</form>

O restante é somente formatação de texto, imagens de fundo, então você pode usar da forma que achar melhor.

Se quiser colocar no final da postagem do seu blog entre na pagina editar html procure por post.body e coloque o código deste jeito, qualquer duvida veja aqui sobre como mostrar conteúdo diferente nas paginas do blog:

<b:if cond='data:blog.pageType == "item"'>
<script language="javascript" src="http://pdf24-blogger-widget.googlecode.com/svn/tags/1.1/script.js"></script>
<form action="http://doc2pdf.pdf24.org/doc2pdf/blogger.php" method="post" name="pdf24Form" target="pdf24PopWin" id="pdf24Form" onsubmit="return pdf24_onSubmit(this);">
<input value="Enter email address" onmousedown="this.value = '';" name="sendEmailTo" type="text" />
<input value="Send" onclick="pdf24_onSubmitBtnClick();" type="submit" />
</form>
</b:if>

Usamos aqui a segunda opção (código essencial do widget), mas poderia ser a versão completa com a imagem de fundo, isso é uma questão de gosto pessoal de cada blogueiro.

Achamos que isso pode ajudar aumentar as visitas do blog, afinal quem receber um e-mail com suas postagens em PDF provavelmente visitará o blog para ver mais. Claro que o principal é ter um bom conteudo no seu blog para conseguir mais visitas, mas qualquer forma de divulgação é sempre bem vinda.

Efeito na tag Alt - Personalizar texto sobre a imagem

2010-08-24T15:01:00.008-03:00

Veja como criar um efeito na tag alt, aquela que faz aparecer um texto quando colocamos o mouse sobre uma imagem. E o melhor é um código fácil de ser utilizado no blog. Com esse código o texto que aparece seguirá os movimentos do mouse sobre a foto. Além disso, podemos formatar o texto, escolher a cor da caixinha da caixinha de texto alt.

Entre na pagina designer, adicionar gadget, html/javascript e coloque o código abaixo:

<style type="text/css">

</style>
<script language='javascript' type='text/javascript'>
var tooltip=function(){
var id = 'tt';
var top = 3;
var left = 3;
var maxw = 300;
var speed = 10;
var timer = 20;
var endalpha = 95;
var alpha = 0;
var tt,t,c,b,h;
var ie = document.all ? true : false;
return{
show:function(v,w){
if(tt == null){
tt = document.createElement('div');
tt.setAttribute('id',id);
t = document.createElement('div');
t.setAttribute('id',id + 'top');
c = document.createElement('div');
c.setAttribute('id',id + 'cont');
b = document.createElement('div');
b.setAttribute('id',id + 'bot');
tt.appendChild(t);
tt.appendChild(c);
tt.appendChild(b);
document.body.appendChild(tt);
tt.style.opacity = 0;
tt.style.filter = 'alpha(opacity=0)';
document.onmousemove = this.pos;
}
tt.style.display = 'block';
c.innerHTML = v;
tt.style.width = w ? w + 'px' : 'auto';
if(!w && ie){
t.style.display = 'none';
b.style.display = 'none';
tt.style.width = tt.offsetWidth;
t.style.display = 'block';
b.style.display = 'block';
}
if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
h = parseInt(tt.offsetHeight) + top;
clearInterval(tt.timer);
tt.timer = setInterval(function(){tooltip.fade(1)},timer);
},
pos:function(e){
var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
tt.style.top = (u - h) + 'px';
tt.style.left = (l + left) + 'px';
},
fade:function(d){
var a = alpha;
if((a != endalpha && d == 1) || (a != 0 && d == -1)){
var i = speed;
if(endalpha - a < speed && d == 1){
i = endalpha - a;
}else if(alpha < speed && d == -1){
i = a;
}
alpha = a + (i * d);
tt.style.opacity = alpha * .01;
tt.style.filter = 'alpha(opacity=' + alpha + ')';
}else{
clearInterval(tt.timer);
if(d == -1){tt.style.display = 'none'}
}
},
hide:function(){
clearInterval(tt.timer);
tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
}
};
}();
</script>

Depois é só alterar os links das imagens usando esse modelo de código:

<a href="endereço da pagina" target="_blank" onmouseover="tooltip.show('Anúncie Aqui!');" onmouseout="tooltip.hide();" ><img src="endereço da imagem" border="0" /></a>

Veja quais alterações você pode fazer neste código:
Mudar a cor do texto e fundo da tag alt, veja neste trecho do código:
#ttcont {
display:block;
padding:2px 7px 3px 7px;
margin-left:5px;
background:#1F164C; - Mudar a cor de fundo
color:#FFF; - Trocar a cor da letra (fonte)

Aqui você pode ver o código das cores e alterar como desejar. Na outra parte do código aquela que vai na imagem só troque o endereço da pagina e da imagem e o texto anuncie aqui, mas cuidado para não apagar os sinais '' que estão junto do texto senão o código não funcionará.

Lembre-se esse efeito só funciona nas imagens que alterar o código da imagem, ele não funciona automaticamente para todas as imagens. A primeira parte do codigo só precisa ser colocada uma vez depois pode alterar e colocar o código em quantas imagens desejar.

Demonstração do efeito da tag alt seguindo o ponteiro do mouse

Esse código pedimos e tivemos autorização para retirar do blog Mundo Curioso, o video para demonstração do código também fizemos no mesmo site.

O que é o Blogger Draft? (Blogger em Rascunho)

2010-08-21T09:53:00.005-03:00

Algumas pessoas perguntam sobre o blogger in draft ou blog em rascunho, para saber se pertence mesmo ao blogger, é seguro e outras coisas do tipo. A resposta para isso é que sim, ele pertence ao blogger e pode ser confiável, apenas é mais sujeito a mudanças. E claro você pode entrar nele apenas para ver como é e depois continuar usando o blogger normalmente. Veja algumas perguntas e respostas sobre o assunto que achamos nas paginas de ajuda do blogger. Nele podemos ver e usar novidades antes de todos, como por exemplo: Pagina de estatísticas no blogger, a pagina designer do modelo e outras novidades sempre aparecem primeiro por aqui.

Blogger em rascunho é uma versão especial do Blogger onde podemos experimentar novas funcionalidades, antes de liberá-los a todos. Pense nisso como nossa caixa de areia, ou de laboratório, ou apenas "coisas Blogger + novo." Ao tomar o seu feedback e olhando para o que funciona e o que não, nós vamos ser capazes de fazer as características que muito melhor quando liberá-los para todos.

Veja a seguir algumas perguntas e respostas sobre o blogger in draft que traduzimos das paginas do blogger.

Para experimentar o Blogger em rascunho, basta ir ao http://draft.blogger.com/ e logar. Se você quer parar de usá-lo e voltar ao "normal" Blogger, basta fazer login em http://www. blogger.com / em vez. Seus blogs e posts são os mesmos, independentemente de você usar o Blogger em rascunho ou Blogger regular. A única diferença é que você vê na interface.

O que eu entro no Blogger em rascunho?
Acesso a novos recursos, funcionalidades e interfaces que estamos a experimentar. Para ver o que está atualmente disponível no Blogger em rascunho, lê o blog em http://bloggerindraft.blogspot.com/.

Como faço para deixá-lo saber a minha opinião sobre algo no Blogger em rascunho?
O blog do Blogger em projeto de comentários habilitado. Basta encontrar um post sobre o recurso que você deseja falar, e deixar um comentário!

Algo mudou completamente ou desapareceram! O que está acontecendo?
Características do Blogger em rascunho pode ser atualizada, modificada, re-imaginada, transformou, ou removidas a qualquer momento. Projeto nos dá a liberdade para ver o que funciona ou que não antes de disponibilizar para todos os usuários do blogger - espero que você pensa que é para o melhor!

Se eu estou conectado no Blogger em rascunho, todos os meus posts sejam salvos como rascunho?
Não, você pode publicar normalmente do Blogger em rascunho. Estamos apenas sendo brincalhão com o nome, que não tem especificamente a ver com as mensagens que são salvos como rascunhos. É a recursos que estão "em fase de projeto", não (necessariamente) os seus posts.

Se usar e gostar do blogger em rascunho pode defini-lo como sua pagina padrão marcando o campo Tornar o Blogger em rascunho meu painel padrão como mostra a imagem acima. Você não precisa fazer isso apenas para conhecer o site, apenas se desejar que nas próximas vezes que entrar no blogger vá diretamente para o painel do blogger in draft. Para voltar ao painel normal é só desmarcar a opção.

Fonte: Blogger in Draft

Botão adicionar Gadget no Blogger (Add to Blogger)

2010-08-18T16:25:00.015-03:00

Aprenda como colocar um botão add to blogger (adicionar ao blogger) no seu site ou blog, esse botão já envia diretamente o código do gadget para o blogger, sem precisar copiar códigos. Isso pode ajudar na divulgação do seu blog e também a conseguir mais visitas. Quando seus visitantes clicarem no botão envia o código diretamente para o blog da pessoa ou se ele tiver mais de um blog aparece uma pagina para selecionar em qual de seus blogs ela adicionará esse gadget, tudo isso automaticamente sem mexer em uma linha de código.

Veja como isso funciona, entre na pagina designer, adicionar gadget, html/javascript e cole o código abaixo, apenas fazendo as alterações nas áreas destacadas:

<center><form action="http://beta.blogger.com/add-widget" method="post">
<input value="Dicas para Blogs" name="widget.title" type="hidden"/>
<textarea style="display: none;" name="widget.content">
Código html do gadget
</textarea>
<input value="http://www.dicasparablogs.com.br/p/dicas-no-seu-siteblog.html" name="infoUrl" type="hidden"/>
<input value="http://acessoriosparablogs.com.br/dicas/icone.png" name="logoUrl" type="hidden"/>
<input src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image"/>
</form></center>

O que precisamos modificar no código:

Título do gadget, altere onde está dicas para blogs:
<input value="Dicas para Blogs" name="widget.title" type="hidden"/>

Código html do gadget, neste local você deve colocar o código do seu banner ou qualquer outra coisa que desejar

Nas duas linhas seguintes você deve colocar o endereço de sua pagina para mais informações sobre o gadget (veja na imagem acima) e uma imagem que aparecerá ao lado do link mais informações(use uma imagem quadrada)

<input value="http://www.dicasparablogs.com.br/p/dicas-no-seu-siteblog.html" name="infoUrl" type="hidden"/>
<input value="http://acessoriosparablogs.com.br/dicas/icone.png"
Veja na imagem no canto inferior direito o logotipo do nosso blog ao lado do link saiba mais.

E finalmente o botão que aparecerá no seu blog é na linha:
<input src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image"/>

Você pode testar o funcionamento deste código clicando no botão add blogger que está logo acima e adicionar uma lista de nossas postagens ao seu blog.

O Blogger oferece 3 botões diferentes, veja abaixo os exemplos e o endereço das imagens:

http://www.blogger.com/img/add/add2blogger_lg.gif

http://www.blogger.com/img/add/add2blogger_sm_b.gif

http://www.blogger.com/img/add/add2blogger_sm_w.gif

Esse tem o fundo transparente para se adaptar melhor a cor de fundo do seu blog. Claro que nada impede que você use crie outra imagem para usar como botão só precisa hospedar a imagem e colocar o endereço dela no local indicado. Encontramos o código para esse botão nas paginas de ajuda do Blogger, infelizmente o texto original está em inglês, mas se quiserem olhar veja a ajuda do blogger.

Botão personalizado para seguir o blog

2010-08-16T14:35:00.005-03:00

Fizemos um botão com link para seguir nosso blog em vez de usar o widget criado pelo site google friend connect, e algumas pessoas perguntam como fazer um botão deste tipo para o blog. Isso é feito em duas partes primeiro você precisa achar ou editar uma imagem para usar como botão e depois copiar o link usado para seguir o seu blog.

Não vamos entrar em detalhes sobre como criar imagens pois já mostramos isso em outros tutoriais: programas para editar imagens gratis e como fazer banners online.

O mais importante é você pegar o link correto para as pessoas seguirem seu blog isso você faz no painel do blog, veja os links nova postagem, configurações, designer, clique sobre qualquer um deles veja que na pagina que abre o endereço dela tem um numero grande no final então copie esse numero(representado na imagem acima por xxxx..).

Agora troque esse no código abaixo e depois coloque no seu blog pela pagina designer, adicionar gadget, html/javascript:

<a href="http://www.blogger.com/follow-blog.g?blogID=6733904293279049411" target="_blank">seguir esse blog</a>

Se quiser pode usar esse link com uma imagem enviando como um gadget de imagem e no campo link coloque o endereço http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxxxx e quando alguém clicar no link de texto ou na imagem irá para uma pagina falando para seguir o seu blog(faça o teste neste link). Essa é uma maneira diferente de convidar as pessoas para seguirem seu blog e pode dar bons resultados porque vamos usar o texto e imagens que desejarmos.

Twitter button no seu blog - botão retweet

2010-08-14T12:48:00.008-03:00

O Twitter lançou o seu próprio botão para enviar as postagens do blog para o Twitter (retweet), é muito fácil de usar principalmente porque não precisa alterar nada no código do botão que achamos nos Twitter Goodies >> Tweet Button. Você só precisa entrar no Twitter, escolher entre as opções de modelos de botão e pegar o código do seu retweet button e para colocar no seu blog também é muito fácil e rápido.

Entre na pagina do Tweet Button, escolha uma das opções de botão, sugerimos não alterar nada nas configurações: Tweet text, URL e Language, a única que seria interessante é o idioma, mas quando escrevemos esse tutorial ainda não tem a opção português (item language).

Depois que escolheu seu modelo é só copiar o código no final da pagina e voltar ao blogger, entre na pagina designer >> editar html, clique para expandir o modelo e coloque o código logo junto com <data:post.body/>.

Escolha se prefere o botão retweet no inicio ou final do texto de sua postagem e coloque o código antes ou depois do trecho que citamos. Evidentemente colocar o código antes faz o botão aparece no inicio do texto e colocar depois o botão aparece no final do seu texto.

Podemos também escolher o lado que o botão aparecerá, colocando o código fornecido pelo Twitter dentro da tag div, deste jeito:

<div style="float:left; margin:2px">codigo do botao retweet</div>

Do jeito que está o código acima o botão aparecerá do lado esquerdo, se preferir do lado direito troque a palavra left por right.

Notamos uma diferença entre o numero de retweets mostrado pelo contador entre esse botão oficial do Twitter e os botões feitos pelos sites Meme e Topsy, mas esperamos que essa falha seja corrigida em breve. Embora seja um pouco difícil (trabalhoso) saber qual deles é o mais correto.

Dicas para Blogs no Youtube (Video Tutorial)

2010-08-11T17:34:00.003-03:00

Agora o Dicas para Blogs está também no Youtube, vamos mostrar na pratica como fazer as modificações no seu blog com diversos vídeo tutoriais explicando como editar, colocar acessórios, alterar template, e muitos outras coisas sobre o blogger. Enfim esperamos que nossos tutoriais publicados no Youtube ajudem muitos blogueiros a resolver suas duvidas.

Fizemos um vídeo tutorial mostrando justamente como colocar vídeos do youtube no seu blog, lá mostramos quais são as opções para postar vídeos, como personalizar o tamanho e cores do vídeo e alguns outros detalhes que você poderá ver logo a seguir:

Esperamos que gostem e deixem sua opinião que certamente será muito útil para nós afinal estamos apenas começando a publicar vídeos tutoriais e sabemos que podemos melhorar muito na produção de vídeo tutoriais. Aguardamos também sugestões de assuntos para novos vídeos.

Personalizar pesquisa (cores e imagens da caixa de busca)

2010-08-09T14:22:00.010-03:00

Esse tutorial mostrará como criar e personalizar uma pesquisa dentro do seu blog, vamos usar imagens e cores diferentes para fazer o campo de busca, trocar o botão pesquise por uma imagem a sua escolha e explicar como fazer essa pesquisa dentro do blog combinar com o seu template. Vamos trocar a imagem de fundo, cores do campo de busca e usar uma imagem como botão de pesquisa, mas os resultados dela serão os mesmos da pesquisa google para o seu blog.

O código da pesquisa pesquisa personalizada está logo abaixo você precisa trocar o endereço que está nele para o do seu blog (note que aparece duas vezes no código), depois disso vamos mostrar como alterar as imagens e tamanho desta pesquisa.

<style type="text/css">

</style>
<div id="barra-busca">
<FORM id="form-busca" method=GET action="http://www.google.com.br/search"><INPUT id="sprocura" TYPE=text name=q maxlength=255 value="O que você procura?" />
<input name=btnG type=submit id="bt-busca" value="" />
<input type=hidden name=domains value="http://www.dicasparablogs.com.br"><input type=hidden name=sitesearch value="http://www.dicasparablogs.com.br">
</FORM></div>

Entre na pagina designer >> adicionar gadget >> html/javascript e coloque o código acima.

Agora vamos mostrar como personalizar sua pesquisa no começo do código tem a formatação (cores, imagens de fundo, posicionamento) tudo isso feito em CSS, então vamos por partes. Neste primeiro trecho temos a imagem de fundo da pesquisa
#barra-busca {
width: 500px;
height: 40px;
background-image: url(pesquisa-fundo.jpg);

Para usar outra imagem você precisa trocar o endereço da imagem(pesquisa-fundo.jpg) e alterar os valores width: 500px; e height: 40px; para o tamanho da imagem que está usando as dimensões da nova imagem.

Nesta parte é a formatação do campo de texto para digitar o que procuramos no site.
#form-busca #sprocura{
height: 20px;
width: 400px;
margin-top: 8px;
margin-left: 8px;
color: #0000CC;
border: 1px solid #000000;
float: left;
padding: 2px;
background-color: #FFFF99;
}

Aqui podemos fazer qualquer tipo de formação: escolher as cores de fundo, trocar as bordas, formatar o texto, veja nestes links que acabamos de mostrar como fazer cada uma destas coisas

Aqui temos o botão usado na pesquisa.
#form-busca #bt-busca {
height: 33px;
width: 37px;
background-image: url(pesquisa-botao.jpg);

Da mesma maneira que falamos para a imagem de fundo da pesquisa é para trocar a imagem do botão, hospede uma imagem, coloque o endereço dela no lugar onde está pesquisa-botao.jpg e depois altere os valores 33px e 37 px com a largura e altura da imagem que está usando agora.

Apenas um aviso a imagem no inicio da postagem onde o texto fica aparecendo e sumindo é uma animação em flash apenas para ilustrar esse tutorial no seu blog a pesquisa aparecerá com o texto fixo como na imagem logo acima.

Agregadores de conteúdo são realmente uma boa opção para conseguir tráfego?

2010-08-07T12:50:00.007-03:00

Se esta pergunta tivesse que ser respondida de bate - pronto, eu diria SIM. Porém, esta é uma questão que possui outros fatores a serem vistos e que demanda uma análise um pouco maior. É fato que agregadores de conteúdo, ainda mais como Ocioso, Linklog, Ueba e Colméia, podem fazer seu tráfego ter picos impressionantes em apenas alguns minutos, mais nem tudo é da forma que imaginamos. Existem algumas análises que devem ser realizadas antes que possamos simplesmente afirmar que se trata de um ótimo negócio. Dois pontos que considero cruciais para esta análise, é a dificuldade para se conseguir que um post seja publicado e a qualidade do tráfego originário dessas publicações. Alguns agregadores podem ser vistos em Maiores e melhores agregadores de conteúdo

Porque qualidade de tráfego?
Considero tráfego de qualidade aquele que possa apreciar o conteúdo de nosso blog e não chegou até ele apenas por ter gostado da imagem da publicação. Tráfego de qualidade para mim são leitores que vieram e que realmente estão interessados no conteúdo do artigo e do conteúdo do restante blog. Embora este recurso não seja completo (para este tipo de análise), mais uma boa forma de se medir é através da taxa de rejeição apresentada no Google Analytics. Pela experiência que obtive neste blog em algumas publicações, pude perceber que a taxa de rejeição apresentada pelas visitas provenientes a agregadores gira sempre acima de 90%, enquanto a taxa de rejeição do restante das visitas do blog ficam sempre abaixo dos 70%. Isso demonstra que boa parte dos leitores que vem de agregadores de conteúdo nos visitam por uma mera convenção ou por terem gostado da imagem da figura.

Qualidade do tráfego varia de acordo com o nicho?
O que posso dizer é que sim. Blogs que possuem conteúdo voltado a novidades, celebridades, curiosidades, humor e conteúdo adulto têm uma procura maior em agregadores e consequentemente acabam conseguindo um tráfego melhor do que blogs com conteúdos científicos e sociais. É fato que maioria dos internautas que visitam com frequencia esses agregadores buscam conteúdos como os citados acima, o que faz com que essas visitas acabem fidelizando novos leitores, sendo assim um ótimo negócio para o blog que publicou a postagem.

A dificuldade para publicação influência?
Esse fator é algo que também é importante para ser analisado. Com algum tempo de blog, pude perceber que alguns agregadores me trazem mais resultados que outros. Dentre os quatro agregadores que citei, tenho obtido ótimos resultados com o linklog, pois é o agregador que mais consegui publicações. De que adianta um agregador que mande 15.000 visitas a alguns posts sendo que não conseguimos publicações nele?
Esta pergunta eu deixo no ar para que reflitam sobre o assunto. Após este tempo, eu particularmente não gasto mais tempo tentando publicar artigos em agregadores que nunca consegui um espaço antes. Eliminei da minha lista de favoritos aqueles agregadores que não me trazem resultado, voltando o foco apenas aos mais importantes.

Como lucrar com esses picos de tráfego?
A melhor forma de lucrar é estar explorar e muito sua publicidade. Se você utiliza Adsense (o mais utilizado), otimize-o com palavras-chave bem escolhidas e de acordo com o conteúdo, pois se conseguir o retorno é garantido. Em caso de outros tipos de publicidade, procure algo relacionado ao conteúdo que esta publicando. Como um exemplo, tive um post recentemente publicado no Linklog, o post chama Cala a Boca Galvão - O Marketing viral do ano?, que trata de uma reflexão relacionada ao ocorrido nas redes sociais em específico do Twitter. Este post, ficou muito bem otimizado pois as publicidades exibidas estavam todas relacionadas ao assunto da moda (Copa do Mundo). As consequências disso foi que obtive um rendimento com apenas este post bem maior do que postagens publicadas anteriormente.

Conclusão
Investir tempo em busca de visitas provenientes a agregadores de conteúdo para mim é sim uma boa opção. Porém é muito importante que tenhamos o cuidado de estar sempre atentos aos agregadores que nos trazem maior resultado. Alguns fatores são importantes para este tipo de análise, como qualidade de tráfego e conteúdo compatível com o interesse dos internautas de agregadores.
Em resumo, otimizem seus posts, selecionem bem os agregadores que mais se encaixam ao perfil e bom tráfego!
E você, o que pensa a respeito?

Guest Post enviado por Adriano Luz do blog Publicidade na web

Tutoriais, widgets, códigos e muito mais para seu blog

2010-08-05T16:18:00.006-03:00

Ouvir as postagens do blog
Coloque um acessório no seu blog que permite as pessoas ouvirem o que você escreveu, isso ajudará varias pessoas com problemas visuais e pode ser algo diferente já que poucas pessoas usam.

Fazer postagens via celular ou e mail
Veja que não é complicado fazer postagens no seu blog de onde você estiver, é possível publicar seus textos através do telefone celular ou email, apenas precisa fazer o cadastro e ter alguns cuidados com a segurança.

Qual o melhor tema para criar um blog
Você está pensando em criar um blog e não sabe qual o melhor assunto para usar, então cuidado na sua escolha para seu blog não virar um inferno na sua vida. Escolha um tema que goste de falar e ler.

Colocar Barra de Rolagem nas postagens
Com apenas algumas linhas de código é possível colocar uma barra de rolagem nas postagens do blog ou em qualquer outra parte dele. Dependendo do seu layout, isso pode ser muito útil e terá um efeito muito legal no seu template.

Botão Promova no Orkut
Divulgue seu no blog no Orkut, colocando um botão para promover o seu blog no Orkut, isso mesmo aquelas promoções do Orkut que aparecem no topo da pagina, com um código simples você permitirá que qualquer pessoa com apenas um clique crie uma promoção de suas postagens.

Voltar ao modelo layout do Blogger
Algumas pessoas não gostaram dos novos modelos de template do blogger, então veja como voltar aos modelos layout, é muito simples de fazer.

Imagem personalizada para o fundo do site/blog
Como trocar a imagem de fundo do seu blog, você só precisa hospedar uma imagem e trocar uma linha de código CSS (pagina editar HTML).

Gadget Nuvem de tags (marcadores)
Adicione um gadget com uma nuvem de tags no seu blog, mostrando os marcadores do blog desta forma você pode atrair a atenção dos seus visitantes.

12 Dicas para Modificar seu Blogger
Fazer um Blog mais Rápido, Responsabilidade Social na Internet, Receber o Primeiro Pagamento do AdSense, Conteúdo duplicado (Postagens, comentários), Como melhorar os lucros com anúncios Adsense, Pagina com Postagens Aleatórias e muito mais...

Colocar Widget do twitter no Blog
Mostra suas atualizações recentes do Twitter no seu blog, esse gadget é muito fácil de instalar e pode melhorar suas visitas tanto no blogger quanto no Twitter.

Como fazer Apresentação de Slides com Banners
Crie uma apresentação de slides no seu blog mostrando suas postagens mais recentes, isso ajudará a fazer seus visitantes olharem mais posts e conhecer melhor o blog.

Pagina de estatísticas no blogger
A pagina de estatísticas incorporada ao blogger pode ser uma maneira muito pratica de acompanhar o que acontece no seu blog e saber de onde vieram as visitas, quais são as paginas mais visitas e muitas outras coisas.

Trocar imagem de fundo no blog - Designer do modelo

2010-08-03T16:55:00.015-03:00

Agora o blogger permite enviar imagens de fundo diretamente pela pagina designer do modelo, ficou muito mais simples usar uma imagem de fundo personalizada. Você pode achar ou editar uma imagem para usar como fundo do blog e depois enviar para o blogger sem se preocupar com hospedagem ou endereços de imagens de fundo.

Veja esse video tutorial: Trocar imagem de fundo do seu blog

Faça login no Blogger in Draft, clique em designer, depois em designer do modelo, plano de fundo e clique no link fazer upload da imagem, então é só achar a imagem que desejar uma com background(fundo do blog), depois salvar. E já está pronto, mas veja que temos algumas opções interessantes nesta pagina.

O posicionamento da imagem de fundo ficou muito simples de fazer, isso é o mesmo que posicionar a imagem de fundo, veja na imagem abaixo e escolha o lugar onde a imagem aparecerá no seu blog.

Outra novidade muito legal é escolher se a imagem de fundo se repetirá ou não e também podemos deixar o fundo do blog fixo deixando apenas o conteúdo se mover e a imagem de fundo permanecendo fixa quando usar a barra de rolagem.

Veja como funciona cada uma das opções:
Não dividir em blocos: a imagem aparece apenas uma vez
Bloco: a imagem se repete pela pagina toda
Dividir horizontalmente: ela aparece lado a lado
Dividir verticalmente: aparece uma embaixo da outra

A opção abaixo Rolar com a página faz a imagem do blog acompanhar a barra de rolagem, se desmarcar essa opção a imagem de fundo ficará fixa, somente o conteúdo (postagens, sidebar) irão se mover quando usar a barra de rolagem da pagina.

Vimos essa informação no blog do Blogger, para nós foi um pouco chato afinal faz pouco tempo fizemos um tutorial falando como colocar uma imagem de fundo no blog, o que agora ficou muito mais simples e rápido, mas tudo bem, não poderíamos adivinhar.

Ebook sobre blog, tutoriais e idéias para melhorar seu blog

2010-08-01T13:43:00.007-03:00

Ter sucesso na internet e ganhar dinheiro com blogs ou sites certamente é possível, mas dá trabalho então aqui estão alguns e books para ajudar a melhorar seu blog. Neles você achará coisas úteis e interessantes sobre a blogosfera, internet, criação de sites e muito mais. Outra dica interessante é ver uma palestra sobre o Google Adsense mostrando como melhorar o desempenho dos anúncios que você mostra no seu blog.

Bê a Blog - Sua jornada no mundo dos blogs começa aqui
Nospheratt - Blosque
Um guia com 120 dicas para blogs certamente isso será de muita ajuda para os blogueiros iniciantes, afinal criar um blog envolve um pouco de trabalho e sempre aparecem duvidas sobre o assunto, esse e-book é dividido em 8 partes: Começando a Blogar, Design e Visual, Conteúdo, Comportamento, Divulgação, Networking, Monetização e Miscelânea.

BLOGAR - O processo de criação de Blogs
Marcos Lemos – Ferramentas Blog
Planejamento do seu blog, pesquisar palavras chave, ter um conteúdo de qualidade para seu publico, técnicas de divulgação de blogs (SEO), como fidelizar seus visitantes, como ganhar dinheiro através de seu blog, analisar melhor as estatísticas.

Blogger Seguro – Aprenda a proteger seu blog
Sérgio Estrela – IceBreaker
Ter um blog dá bastante trabalho para desenvolver um template, conteúdo relevante, mostrar sempre coisas novas e muito mais, porém você não pode descuidar da segurança do seu blog. Precisamos tomar cuidado com plagio, comentários maldosos ou ainda pior ter o blog hackeado.

Otimização de sites nos Mecanismos de Busca
Celso Lemes – Criar Sites
Como o próprio titulo sugere aprenda como melhorar os resultados do seu blog ou site nos resultados das pesquisas Google, Yahoo e outros buscadores, são dicas praticas do que fazer ou não no seu site ou blog para conseguir aparecer em melhores posições nos sites de buscas onde o principal é o Google.

Esperamos que achem as informações úteis e a partir delas tenham novas idéias ou vejam onde podem melhorar o blog para conseguir cada vez mais visitas e mostrar sempre um conteúdo interessante.

Esses são apenas alguns e-books que estão disponíveis em diversos sites e blog, mas se você conhecer algum outro e-book que ache interessante e tenha um conteúdo útil para blogueiros deixe um comentário e poderemos incluí-lo nesta lista.

Ouvir as postagens do blog

2010-07-29T16:18:00.007-03:00

Permita que seus visitantes possam ouvir suas postagens, é isso mesmo transformar os posts do seu blog em áudio é mais fácil do que você imagina, assim seus visitantes poderão ouvir o que você escreveu em vez de ler. Esse acessório pode ser instalado no Blogger, existe também um plugin para Wordpress, plugin para Joomla e algumas outras opções.

O site que faz esse trabalho de transformar os posts em áudio é o vozMe, entrando no site você verá o código para cada tipo de blog que citamos acima, mas vamos colocar aqui os códigos para blogspot e WordPress.

No caso do Blogger você entra na pagina editar html, clica para expandir o modelo e coloque o código logo depois de post.body, depois apenas clique para salvar

<script src='http://vozme.com/get_text.js' type='text/javascript'/><a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"pt\",\"fm\");"' href='javascript:void(0);' style='margin-left:1.5em;'>((•)) Ouça este post</a>

Veja que o site sempre oferece a opção de voz masculina e feminina, então faça sua escolha antes de pegar o código, outra opção que temos é usar uma imagem em vez de texto como link para ouvir a postagem, isso é feito basicamente trocando o texto Ouça esse post pelo código de uma imagem que é assim:

<img src="endereço da imagem" border="0" />

O site vozMe fornece outro código já com uma imagem pronto logo abaixo deste que mostramos aqui com link de texto, então é só você decidir qual deles deverá utilizar. Se escolher por criar uma imagem personalizada, cuidado na hora de hospedar a imagem para usar o endereço correto da imagem no código.

Para ouvir os posts do Wordpress o site explica da seguinte forma:
Baixar vozme.zip ou vozme.tar; Extraia o arquivo compactado. Você receberá uma pasta chamada vozme.
Enviar a pasta vozme para /wp-content/plugins/.
Comece no Wordpress administração ferramenta > Plugins e clique no link "Ativar" dentro da plugin Vozme
Acesso a "Opzioni> vozMe" e escolha o seu favorito opções.

Lembramos que a narração das postagens é feita por um programa de computador e não por uma pessoa então a voz pode parecer um pouco estranha, afinal é uma maquina que está falando, mas já é um começo para facilitar a leitura de sites para pessoas com problemas de visão ou para aqueles que preferem ouvir um texto enquanto fazem outra coisa.

Fazer postagens via celular ou e mail

2010-07-27T15:13:00.009-03:00

Além de entrar na pagina do Blogger para fazer nossas postagens também é possível publicar nossos textos no blogspot através de e-mail ou via telefone celular. Para fazer isso só precisa cadastrar a opção postagem por celular ou postagem por email clicando nos ícones que ficam ao lado do nome do seu blog na pagina inicial do blogger (painel).

Vamos ver como fazer postagens por e-mail, quando clicar no ícone parecido com um telefone ao lado do nome do seu blog verá uma imagem semelhante a essa:

Você só precisa escrever algo no lugar onde está secretWords e salvar, veja que já aparece algo antes, provavelmente seu nome como está no email ou quase igual, juntando isso mais a secretwords será o email que usará para fazer postagens no seu blog. Mas cuidado não diga para ninguém esse endereço de email porque se outra pessoa enviar algo ele também será publicado no seu blog.

Outra possibilidade é fazer postagens no blog pelo telefone celular, o procedimento é parecido com as postagens por email, clique no ícone do telefone ao lado do nome do blog e você verá um código de verificação que deverá enviar para o blogger através do seu telefone. Veja se o seu aparelho envia mensagens MMS ou SMS.

Quando aparece a tela para cadastrar o MMS também vemos a mensagem:
Se o seu telefone não for compatível com MMS, você poderá postar por e-mail ou registrar-se usando SMS. Saiba mais....

Porém como verá o serviço de publicação no blog por SMS somente está disponível para telefones dos EUA, com diz essa mensagem no blogger: “Registre o seu dispositivo móvel SMS. (Somente números dos EUA)
Se o seu número de telefone for um número de fora dos EUA ou se desejar postar fotos, você poderá postar por e-mail ou registrar-se usando MMS. Saiba mais.”
Portanto se for esse o seu caso clique no link e verá outra tela para cadastrar seu telefone para fazer postagens no blog via SMS.

Como já dissemos acima para não divulgar o e-mail que usará para postar no seu blog, cuidado também com esses códigos de verificação para que ninguém saiba quais são, afinal se outra pessoa usar você certamente terá problemas (outra pessoa poderá postar no seu blog) e na hora de proteger seu blog todo cuidado ainda é pouco.

Qual o melhor tema para criar um blog

2010-07-24T13:49:00.006-03:00

Qual o melhor tema para criar um blog, sobre o que devo escrever no meu blog, qual o melhor assunto para fazer um blog e outras perguntas deste tipo são muito comuns. Provavelmente a maioria está pensando em como fazer um blog para conseguir muitas visitas e ganhar dinheiro com blogs, mas as coisas não são tão simples assim.

Então pense na hora de criar um blog ou mais especificamente sobre qual será seu assunto principal, afinal você terá que escrever muitas vezes sobre aquele tema, quero dizer fazer uma ou dez postagens sobre algo que não tenha interesse é fácil, mas um blog para ter sucesso leva tempo, e você terá que passar meses na verdade anos fazendo postagens por isso deve escolher um assunto que goste ou pelo menos tenha algum interesse.

Outra coisa muito errada (para não dizer criminosa) é copiar conteúdo de outros blogs ou sites, isso é plagio, um crime previsto no código penal, e o próprio Google tem uma pagina para receber denuncias de plagio (usamos sempre e realmente funciona, os blogs que copiaram nosso conteúdo tiveram as postagens excluídas e às vezes o blog inteiro). Além disso, se o Google notar que seu blog é copia de outros sites remove você do índice, isso significa que não aparecerá mais nos resultados da pesquisa Google.

Mais um fator que complica muito o desenvolvimento de blogs é no caso de plagio você não saberá responder os possíveis comentários que suas postagens tiverem, afinal mal leu o artigo que publicou ou no caso de ser um assunto que não goste será muito difícil falar e pensar sobre esse tema todos os dias. Afinal ter um blog envolve muito mais que publicar textos.

Ganhar dinheiro na internet leva certo tempo e deve pensar bem nisso na hora de criar um blog se for escrever sobre um tema especifico para não cair nestes erros que citamos acima. Então pense um pouco sobre esses pontos que citamos antes de criar um blog que será um problema para você.

Colocar Barra de Rolagem nas postagens

2010-07-21T16:01:00.005-03:00

Atendendo aos pedidos de alguns visitantes deste site vamos mostrar como colocar uma barra de rolagem nas postagens do blogspot, isso pode ser interessante caso queira dar um visual diferente no seu blog ou colocar algum outro acessório abaixo das postagens. Mas lembre-se isso é só uma barra de rolagem isso não deixará o blog mais rápido, pois carregará a pagina toda da mesma forma que antes.

Para fazer isso entre na pagina editar HTML e procure pela linha de código responsável por mostrar as postagens do seu blog, normalmente se procurar por postagens do blog achará uma linha parecida com essa:

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>

Aqui não vamos alterar nada o que viemos fazer aqui é ver qual é a id (estilo de formatação) da postagem, em nosso exemplo é Blog1, então rolamos a pagina do HTML até o começo de antes da linha body{...} colocamos esse código:

#Blog1{overflow-y:auto; overflow-x: hidden; height:300px; width: 100%;margin: 0px;}

Note que apenas colocamos o sinal # antes da id e criamos um estilo (formatação), o trecho height:300px é a altura que terá a barra de rolagem, mas se quiser pode usar isso para modificar a aparência da postagem como por exemplo formatar o texto de outra forma ou colocar bordas nesta barra de rolagem.

Ainda é possível fazer esse mesmo procedimento em qualquer outro trecho do blog, por exemplo, a sidebar, o código dela é assim:

<b:section-contents id='sidebar-right-1'>

Então iríamos criar o estilo #sidebar-right-1{….} da mesma forma que fizemos com a postagem.

Botão Promova no Orkut

2010-07-19T16:06:00.006-03:00

Colocar o botão promova no orkut no seu blog pode ajudar a conseguir mais visitas afinal é a possibilidade de nossos visitantes recomendarem o blog para todos seus amigos no orkut e inserir esse botão para divulgação do blog no orkut é muito simples. Além deste existem outros acessórios para blogs feitos pelo Google.

Entre na pagina Orkut Share Element, veja que o primeiro item (style) está selecionado regular botton se quiser pode alterar para a opção mini, sugerimos não alterar os outros itens mas se quiser poderá alterar varios itens
Title: titulo da postagem
Summary: resumo da postagem
Thumbnail URL: imagem que será utilizada na divulgação no Orkut
Destination URL: endereço da sua pagina

Mas como já dissemos achamos melhor deixar todos em auto detect. Depois é só pegar o código que está no campo abaixo e colocar no seu blog pela pagina designer, adicionar gadget, html/javascript..

Se desejar é possivel usar outras imagens ou somente texto em vez do botão promova no orkut para fazer isso em vez de usar o código gerado pelo site Orkut Share Element, use esse código com o texto que desejar:

<script language="javascript">
var titulo=(document.title);
var endereco=(location.href)
document.write('<a href="http://promote.orkut.com/preview?nt=orkut.com&tt='+titulo+'&du='+endereco+'"target="_blank">Promova no Orkut</a>')
</script>

Caso queria usar uma imagem use desta forma:

<script language="javascript">
var titulo=(document.title);
var endereco=(location.href)
document.write('<a href="http://promote.orkut.com/preview?nt=orkut.com&tt='+titulo+'&du='+endereco+'"target="_blank"><img src="endereço da imagem" border="0" /></a>')
</script>

Mas verifique se está usando o endereço correto da imagem na hora que colocar o código no seu blog, depois é só colocar no blog do mesmo jeito que o código original do botão do orkut, ou seja, adicione um gadget de html/javascript. Essa outra forma com texto ou imagem a sua escolha pode ser um boa opção assim poderá usar da maneira que melhor combina com o seu template.

Voltar ao modelo layout do Blogger

2010-07-17T12:01:00.006-03:00

Muita gente está usando os modelos novos publicados no blogger com a pagina designer do modelo, mesmo após usar essa novidade se quiser você pode voltar ao modelo layout, ou até mesmo para os modelos clássicos, mas terá que usar um template padrão do blogger, mas temos como salvar nosso template antes de fazer alterações nele.

Antes de aplicar um dos templates da pagina designer do modelo no seu blog entre na pagina editar html e clique em baixar modelo completo

Assim você fará o download do seu template atual, salvando esse arquivo poderá voltar neste template somente enviando novamente o arquivo para o blogger por essa mesma pagina clicando no botão selecionar arquivo e depois upload.

Esse procedimento é conhecido como backup, mais popularmente chamado de backup do blog ou backup do template, mas quer dizer a mesma coisa salvar uma cópia do seu template, isso é útil também na hora de fazer modificações no html do seu blog, assim não correrá o risco de perder nada caso os códigos que alterar der algum erro no blogger.

Agora que já temos uma copia do modelo salva você poderá testar qualquer um dos novos modelos do blogger que estão na pagina designer de modelo e caso não goste das alterações é só voltar ao seu modelo atual.

Para fazer isso entre na pagina editar html e veja que abaixo de onde está o html e os botões limpar edições, visualizar e salvar modelo tem o link:
Modelos de layout (lançados em 2006)
Selecionar modelo de layout

Clicando nele terá você escolherá um template padrão do blogger, mas não se preocupe com isso escolha qualquer um e aplique ao seu blog, depois entre na pagina editar html e envie arquivo que salvamos no inicio deste tutorial, assim que fizer isso o seu template será novamente instalado no blog e você não perderá nada, ou seja, o blog terá a mesma aparência que tinha no momento que baixou o template.

Essas recomendações são validas para os blogueiros que já começaram seus blogs há algum tempo, se você está començando agora, sugerimos ir diretamente para a pagina designer de modelo, agora(quando estou escrevendo esse tutorial) essa pagina ainda é uma novidade, mas em breve será muito mais utilizada e provavelmente todos os blogs de dicas e tutoriais escreveram sobre ela.

Imagem personalizada para o fundo do site/blog

2010-07-14T17:35:00.007-03:00

Com a pagina designer de modelo o blogger tem muitas imagens de fundo prontas para serem instaladas no blog com apenas um clique do mouse, porém ainda é possível que você queira colocar sua própria imagem de fundo no seu blog, então vamos ver como colocar uma imagem de fundo personalizada no blog.

O primeiro passo é ter essa imagem que iremos usar em nosso computador depois disso vamos hospedar a imagem para isso sugerimos o site Imageshack, após enviar a imagem copie o endereço dele, isso aparece em direct link, se tiver duvidas veja aqui como saber se está usando o endereço certo da imagem porque a maioria dos problemas na hora de trocar o fundo do blog é endereço errado de imagem.

Depois disso vamos entrar na pagina do blogger >> designer >> editar html, aqui vamos procurar por body{...} isso é o responsável pelo fundo da pagina(blog), ele deve ser mais ou menos assim:

body {background-color: #66ccff;
margin: 0;border: 0;
text-align:center;color: #333333}

body {
text-align:center;
color:#cc0000;
background:#fff url(endereço da imagem) repeat top right;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;

Não tenho como dizer exatamente como é, pois isso irá variar conforme o modelo de template que você usa, mas o importante é achar body e dentro dele background. Agora você deve apagar a linha background que está em destaque nos exemplos e trocar por isso aqui, claro que usando o endereço da imagem que enviou para o Imageshack.

background-image: url(endereço da imagem);

O restante você não deve modificar somente o trecho background, se quiser pode ver aqui como deixar a imagem de fundo fixa, isso faz que ao rolar a pagina o fundo não se mova, ou ainda como posicionar a imagem de fundo, isso é muito útil no caso de usar imagens pequenas e sem repetição.

Após publicamos esse tutorial o blogger fez alterações e agora permite enviar as imagens de fundo diretamente pela pagina designer do modelo, veja mais detalhado:Trocar imagem de fundo no blog - Designer do modelo.

Gadget Nuvem de tags (marcadores)

2010-07-12T13:41:00.010-03:00

O Blogger tem um gadget com nuvem de tags, não é preciso usar nenhum código só adicionar o gadget. Você só precisa pesquisar por label e achará esse gadget com a nuvem de tags com marcadores do blog já pronto, ou seja, só precisa de poucos cliques para adicionar ao seu blog.

Vamos explicar mais detalhado como colocar essa nuvem de tags com os marcadores do seu blog. Entre na pagina designer e clique para adicionar um gadget, no campo de busca digite label. Nos resultados clique na primeira opção que deve ser Label Sphere.

Agora é só ajustar como desejar o numero de marcadores exibidos e a altura do gadget, depois clicar no botão salvar e já está pronto.

Essa foi uma maneira bem simples de colocar a nuvem de tags, é igual adicionar qualquer outro gadget no seu blog. Já haviamos publicado um código para colocar os marcadores do blog em forma de nuvem mas era bem mais complicado que esse para fazer.

12 Dicas para Modificar seu Blogger

2010-07-10T12:39:00.007-03:00

Miniaturas das Imagens não aparecem
Descubra o porque as miniatura das imagens não aparecem em alguns códigos que usamos no blog como por exemplo mostrar assuntos relacionados

Fazer um Blog mais Rápido
Veja se o seu blog não está demorando demais para carregar e assim fazendo você perder visitas pois nem todos tem paciência de esperar ou uma banda larga realmente rápida

13 tutoriais para melhorar seu blog
Tutoriais diversos: Como proteger seu blog, Colocar últimas notícias no blog, Colocar Anúncios do Google Adsense no Blog, Permitir acesso ao Perfil Blogger e outras coisas mais que foram publicadas neste blog no mês anterior.

Responsabilidade Social na Internet
Seja um blogueiro consciente, divulgue algum site que colabore para melhorar a vida de alguma forma, pode ser qualquer coisa: defesa da ética, religião, combate a discriminação, assistência social e outros

Conteúdo duplicado (Postagens, comentários)
Como resolver o problema de conteudo duplicado dentro do blog, veja quais partes do html pode estar gerando esse problema e como resolver isso

Receber o Primeiro Pagamento do AdSense
Instruções sobre como receber seu primeiro pagamento do Google Adsense, existem algumas coisas que precisam ser feitas antes que o dinheiro do google chegue na sua conta bancaria.

Parar de Seguir um Blog
Se você está seguindo algum blog que não quer mais, veja como é fácil deixar de seguir um blog, afinal os blogueiros precisam ter um conteúdo interessante para manter e conseguir mais seguidores para o blog

Como melhorar os lucros com anúncios Adsense
Palestra feita pelo Google Adsense mostrando quais são os melhores jeitos de ganhar dinheiro com os anuncios google no seu blog

Adicionar Blog ao iGoogle e Google Reader
Coloque botões para adicionar seu blog ao Google Reader e iGoogle no seu blog, essa é mais uma boa maneira de divulgar e conseguir mais visitas

Gadgets do Blogger com Título
O Blogger tevê problemas o mês passado durante uma atualização gerou um erro exigindo títulos em todos os gadgets, felizmente isso já foi resolvido

Como usar o FeedBurner – RSS
Primeiros passos para usar o Feedburner no seu blog, esse site tem varios acessórios que ajudam na divulgação do feed e assim aumenta o numero de visitantes do seu site.

Pagina com Postagens Aleatórias
Veja como criar um link para mostrar postagens sorteadas aleatóriamente entre as mais recentes publicadas no blog, isso ajuda as pessoas a conhecerem melhor seu site.