Dicas Blogger

Home » Archives for fevereiro 2011

Problemas para editar templates

<img align="right" alt="blogicons_blogger" border="0" height="150" src="http://lh5.ggpht.com/_EttevOw0KeE/TWbNVfbR0QI/AAAAAAAAL5A/tFjo91DdQ5w/blogicons_blogger%5B19%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="blogicons_blogger" width="159" /> 
Tanto no Twitter, quanto no <a href="http://www.google.pl/support/forum/p/blogger/browse?hl=pt-BR">fórum oficial do Blogger</a>, vários usuários estão relatando dificuldades para editar seus templates – seja através do designer do modelo ou mesmo no HTML.  
As  queixas principais são com relação ao recurso “expandir os modelos de widgets”, upload de novos templates e erros BX durante a pré-visualização do Designer do Modelo.  
<img alt="Blogger" border="0" height="211" src="http://lh6.ggpht.com/_EttevOw0KeE/TWbLaA6zvDI/AAAAAAAAL44/Jx0zxHHBnrc/image%5B10%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Fórum do Blogger em 24/02/2011" width="552" /> 
A equipe do Blogger já está ciente desses problemas - <a href="http://knownissues.blogspot.com/2011/02/some-users-have-reported-issues-with.html" target="_blank">Known Issues for Blogger</a> 
<blockquote>
Some users have reported issues with our expanding widgets in HTML Editor and previewing in Template Designer. We are investigating and will report back once we have more information. </blockquote>

Problemas para editar templates

Tanto no Twitter, quanto no fórum oficial do Blogger , vários usuários estão relatando dificuldades para editar seus templates – seja atr...

Continue Lendo >>

18:15

Como configurar e usar o Janetter

<img align="left" alt="janetter-logo" border="0" height="71" src="http://lh5.ggpht.com/_EttevOw0KeE/TWaEb0x73jI/AAAAAAAAL4E/5WzBK5lbP9I/image%5B13%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 10px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Janetter" width="65" />Conforme eu disse no post <a href="http://www.dicasblogger.com.br/2011/02/programas-para-usar-o-twitter.html">3 programas poderosos para usar o Twitter</a>, eu escolhi o Janetter como o meu programa preferido para usar o Twitter. Ele é leve, estável e absurdamente configurável. Trata-se de uma ótima alternativa para quem não se adaptou ao famoso TweetDeck. 
 
Como instalar o Janetter 
<ol>
<li>Acesse <a href="http://janetter.net/" title="http://janetter.net/">http://janetter.net/</a> </li>
<li>Clique em “Free Download” </li>
<li>Baixe e instale o programa</li>
</ol>
Como incluir suas contas no Twitter 
<ol>
<li>Entre no menu opções (fica ao lado do lápis) </li>
<li>Clique em “setting” </li>
<li>Clique na aba “accounts” </li>
<li>Em “new account”, coloque username e senha do Twitter</li>
</ol>
Como colocar novas colunas 
Por padrão, o Janetter inicia com 3 colunas principais: home, mentions e DMs. Para inserir novas colunas, clique sobre um dos ícones que ficam no alto, à esquerda. 
<img alt="janetter" border="0" height="192" src="http://lh3.ggpht.com/_EttevOw0KeE/TWaEc1uldPI/AAAAAAAAL4I/BETE5IiBtoY/image%5B67%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Colunas" width="452" /> 
Como enviar um tweet 
Clique sobre um ícone em formato de lápis. Digite o tweet e clique em “send” ou use Crtl+enter no teclado. 
Como responder um tweet 
Passe o mouse pelo tweet, clique na setinha e escreva a resposta. 
Como responder a todos 
Passe o mouse sobre o tweet e clique sobre o 1º ícone>reply to everone 
Como enviar DM 
Clique sobre o avatar do destinatário e depois sobre o ícone da DM (envelope) 
Como ver o perfil dos seus amigos 
Clique sobre o avatar. As informações são super completas, incluindo até a data de criação da conta, número de tweets, followers e etc. 
Como dar follow, unfollow ou block 
Clique no avatar do destinatário e clique sobre follow, unfollow ou block 
Dá inclusive pra escolher com qual conta faremos isso (veja seta vermelha)<img alt="janetter" border="0" height="321" src="http://lh6.ggpht.com/_EttevOw0KeE/TWaEeoR50kI/AAAAAAAAL4M/2t-sdgP0Si0/block%5B5%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Gerenciar perfis" width="452" /> 
Como usar o RT (retweet) 
Temos duas opções: o RT padrão do Twitter e o RT editável. 
<ul>
<li><a href="http://www.dicasblogger.com.br/2010/10/colocar-comentario-rt-twitter.html">Twitter - Como enviar RT com comentário</a></li>
</ul>
Clique sobre o tweet. Aparecerá escrito RT. Para usar o RT do Twitter, clique sobre retweet e para usar o RT editável, clique sobre “quote” 
<img alt="Janetter" border="0" height="173" src="http://lh3.ggpht.com/_EttevOw0KeE/TWaEf2rtHQI/AAAAAAAAL4Q/UddPRTEkn5Y/image%5B68%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Rts" width="452" /> 
Como usar filtro para não receber tweets indesejáveis 
Bloquear nem sempre resolve, pois podemos receber tweets indesejáveis por RT. O Janetter oferece duas opções: mute, que emudece o amigo <strike>chato </strike>sem precisar dar unfollow ou block e um filtro de palavras e/ou usernames. 
Clique em “settings” e procure por mute e por NG Words. E creva a palavra ou o username e clique em “add”. Se quiser, marque excluir menções e mensagens. 
<img alt="janetter-mute" border="0" height="231" src="http://lh5.ggpht.com/_EttevOw0KeE/TWaEhB5Wu0I/AAAAAAAAL4U/RwmmfRYE4e4/mute%5B2%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="mute e filtro" width="452" /> 
Como configurar as fontes 
Um dos grandes diferenciais do Janetter, é a opção de poder aumentar a fonte e ainda escolher entre várias opções. Clique em “settings”>aba basic: 
<img alt="janetter-fonts" border="0" height="246" src="http://lh4.ggpht.com/_EttevOw0KeE/TWaEhkoTLNI/AAAAAAAAL4Y/iyUsTHdQajc/image%5B69%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Fontes" width="452" /> 
Como mudar o tema (design) 
Clique em “settings”>design e navegue sobre os temas 
<img alt="janetter-themes" border="0" height="269" src="http://lh3.ggpht.com/_EttevOw0KeE/TWaEjZcvsFI/AAAAAAAAL4c/KKCKzQVd64k/image%5B70%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Temas" width="452" /> 
Como usar o recurso auto-completar 
Quando quiser enviar um tweet para alguém que você segue, apenas digite @ na caixa de texto que irão aparecer todos os seus seguidos e seguidores. 
<img alt="janetter" border="0" height="168" src="http://lh3.ggpht.com/_EttevOw0KeE/TWaEkya14MI/AAAAAAAAL4g/VOtZqXcreT8/image%5B59%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="auto-completar" width="438" /> 
Outras configurações 
As configurações mais avançadas, tais como serviços de imagens e encurtador de URL e tipos de RTs, estão em setting>advanced 
<img alt="janetter-advanced" border="0" height="190" src="http://lh6.ggpht.com/_EttevOw0KeE/TWaElpLhPVI/AAAAAAAAL4k/iPo0NIHxmRk/image%5B72%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Recursos avançados" width="452" /> 
Como colocar perfis em listas 
Clique sobre o avatar do perfil e procure pelo botão “add Lists” 
Como ver o seu próprio perfil 
Clique sobre o menu de opções>my profile. Como eu disse anteriormente, dá para ver até a data de criação de sua conta (seta vermelha). Clicando sobre RT, podemos ver nossos tweets, retuitados e os tweets recebidos. 
<a href="http://lh5.ggpht.com/_EttevOw0KeE/TWaHvf5xISI/AAAAAAAAL4o/T-ANJxd16lo/s1600-h/meu-perfil%5B6%5D.png"><img alt="meu-perfil" border="0" height="319" src="http://lh3.ggpht.com/_EttevOw0KeE/TWaHxdLD2nI/AAAAAAAAL4s/ehLsNoP9zSs/meu-perfil_thumb%5B3%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="meu-perfil" width="452" /></a> 
Outras características e configurações 
<ol>
<li>Passando o mouse sobre 1 link, a URL já aparece no rodapé do programa </li>
<li>Imagens e vídeos  aparecem como pré-visualizações e aumentam com 1 clique </li>
<li>É possível traduzir tweets, usando o 1º ícone do tweet </li>
<li>Não quer usar colunas? Clique no ícone “restore down” (minimizar) </li>
<li>Para ver conversações, configure: setting>advanced>timeline>conversation view on </li>
<li>Para que a caixa de tweets fique embaixo da timeline, vá em setting > aba basic > marcar a opção “display tweets window of the bottom” </li>
<li>Para que apareçam na timeline, as atualizações mais recentes, acesse: setting>basic e marque a opção “view new tweets below”</li>
</ol>
Os desenvolvedores do Janetter são japoneses. Eles me disseram pelo Twitter que estão super interessados no feedback dos usuários. Basta mandar um tweet para <a href="http://twitter.com/#!/Janetter_jp" target="_blank">@Janetter_jp</a>, em inglês ou em japonês, solicitando novos recursos. 
O Janetter é simplesmente um luxo e é totalmente gratuito. “CORRÃO” 
<a href="http://twitter.com/dicas_blogger"><img alt="twitter-follow" border="0" height="111" src="http://lh5.ggpht.com/_EttevOw0KeE/TLPRpLuZyVI/AAAAAAAAKto/SYZwm9E9Kqs/twitter_exc2%5B5%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Siga o Dicas Blogger!" width="224" /></a> 
Não sabe por que escrevi “CORRÃO”? Então acesse: <a href="http://www.dicasblogger.com.br/2009/09/as-hashtags-e-linguagem-twitter.html">As # hashtags e a linguagem no Twitter</a>

Como configurar e usar o Janetter

Conforme eu disse no post 3 programas poderosos para usar o Twitter , eu escolhi o Janetter como o meu programa preferido para usar o Twitte...

Continue Lendo >>

13:40

Quanto vale o seu blog ou site?

<img align="right" alt="money" border="0" height="128" src="http://lh4.ggpht.com/_EttevOw0KeE/TWMUrNS0T0I/AAAAAAAAL3g/cIA4jFubDKA/money_no_shadow%5B9%5D.png?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: right; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="money" width="128" />Você já parou pra pensar quanto vale seu site ou blog? Saiba que existem diversos serviços online, que fazem estimativas do valor de revenda de um site. Não sei se podemos confiar neles, mas dá para se divertir bastante. O site <a href="http://bizinformation.com.my/" target="">BizInformation</a> , por exemplo, se baseia no tráfego capturado pelo site <a title="O que é Alexa?" href="http://pt.wikipedia.org/wiki/Alexa_Internet" target="_blank">Alexa</a>. Para fazer o cálculo, digite o endereço do site/blog e clique sobre o botão “valor” Alguém quer comprar o Dicas Blogger???? Vendo pela bagatela de R$144.385,97 :D <a href="http://bizinformation.org/br/www.dicasblogger.com.br" target="_blank"><img alt="Bizinformation" border="0" height="304" src="http://lh5.ggpht.com/_EttevOw0KeE/TWMSO-QmxOI/AAAAAAAAL3c/8fut1Yejv58/image%5B20%5D.png?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Valor do Dicas Blogger" width="582" /></a> O Biz Information já foi sugerido até pelo site da revista Info: <ul> <li> <a href="http://info.abril.com.br/noticias/mercado/servico-informa-quanto-vale-o-seu-site-31052010-34.shl" target="_blank">Serviço informa quanto vale o seu site</a></li> </ul> Ao final da avaliação, aparece um código pra colocar um pequeno botão no blog. <div style="width: 130px; background: url(http://bizinformation.org/images/widget/button_back.gif) no-repeat; height: 53px"> <div style="text-align: center; padding-bottom: 0px; line-height: 14px; border-right-width: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 12px"><a style="display: block; color: #222222; text-decoration: none" href="http://bizinformation.org/br/">O meu site vale</a><a style="line-height: 18px; display: block; text-decoration: none" title="dicasblogger.com.br" href="http://bizinformation.org/br/www.dicasblogger.com.br">R$144.385,97</a></div> </div> Segue uma lista de serviços que fazem esse tipo de cálculo: <ol> <li><a href="http://www.stimator.com/" target="_blank">Stimator</a> </li> <li><a href="http://www.yourwebsitevalue.com/" target="_blank">YourWebsiteValue</a> </li> <li><a href="http://www.dnscoop.com/" target="_blank">DnSCoop</a> </li> <li><a href="http://www.cubestat.com/" target="_blank">Cube Stat</a> </li> <li><a href="http://www.websitefact.com/" target="_blank">Website Fact</a> </li> <li><a href="http://www.sitevaluecalculator.com/" target="_blank">Site Calculator</a> </li> <li><a href="http://www.websiteoutlook.com/" target="_blank">Website Outlook</a></li> </ol> Lembrem-se que são apenas estimativas. Como exemplo, posso citar que o número de visitantes e de visualizações diárias do Dicas Blogger, que aparecem no BizInformations, são muito menores do que na realidade. Esses valores podem ser conferidos no nosso <a href="http://www.dicasblogger.com.br/p/anuncie.html" target="_blank">Midia Kit</a>. <div class="blogger-post-footer">   ATUALIZAÇÃO EM 30/04/2012 A maioria dos sites acima não estão mais no ar. Segue uma lista atualizada: <a href="http://www.mywebsiteworth.com/">My Website Worth</a> <a href="http://www.sitevaluecalculator.com/">WebSite Value Calculator</a> <a href="http://www.website2value.com/">Website 2 Value</a> <a href="http://www.website-worth.org/">WebSite Worth</a> <a href="http://realwebworth.com/">Real Web Worth</a> <a href="http://www.valuemyweb.com/">Value My Web</a> <a href="http://www.webworth.info/">Web Worth</a> <a href="http://www.findwebsitesworth.com">Find WebSite Worth</a> <a href="http://www.neatstat.com/">Neat Stat</a> <a href="http://www.worthofweb.com/">Worth of Web</a> <a href="http://www.estimurl.com/US/">Stim URL</a> <a href="http://www.cubestat.com/">Cube Stat</a> </div>

Quanto vale o seu blog ou site?

Você já parou pra pensar quanto vale seu site ou blog? Saiba que existem diversos serviços online, que fazem estimativas do valor de revenda...

Continue Lendo >>

22:41

A Blogosfera está de luto

<img align="right" alt="luto" border="0" height="166" src="http://lh4.ggpht.com/_EttevOw0KeE/TV4-rESRV2I/AAAAAAAAL3I/8nUKqSnpiQI/luto%5B6%5D.jpg?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="luto" width="109" /> 
Ao final da tarde de ontem, ficamos sabendo do falecimento de Rosa Torre, autora do blog <a href="http://elescaparatederosa.blogspot.com/" target="_blank">El Escaparate de Rosa</a>, um dos melhores metablogs em espanhol. Rosa entendia de códigos para o Blogger como poucos e era sempre muito gentil com seus leitores e colegas. 
Desejo que ela descanse em paz e que quando já estiver em condições, possa alegrar a vida dos que já passaram pro Outro Lado, assim como ela alegrou a nossa por tantas vezes. 
O Dicas Blogger está de luto.   
<ul>
<li><a href="http://www.pizcos.net/2011/02/la-blogosfera-esta-de-luto-rosa-torre.html">La blogosfera esta de luto, Rosa Torre del Escaparate de Rosa nos ha dejado.</a> – Pizcos </li>
<li><a href="http://www.malinamaniac.com/2011/02/en-memoria-de-rosa-nuestra-querida.html">En memoria de Rosa - Nuestra querida compañera de "El Escaparate"</a> – Malina Maniac </li>
<li><a href="http://vagabundia.blogspot.com/2011/02/rosa-in-memorian.html">Rosa: in memorian</a> – Vagabundia </li>
<li><a href="http://alaluzdetumirada.blogspot.com/2011/02/en-memoria-de-rosa-el-escaparate.html">En Memoria de Rosa - El Escaparate</a> – A la luz de tu mirada </li>
<li><a href="http://gemablog-.blogspot.com/2011/02/rosa-de-el-escaparate-de-rosa-nos-ha.html">Rosa, de "El escaparate de Rosa" nos ha dejado</a> – Gema Blog</li>
</ul>
Rosa, que Dios la bendiga hoy y siempre.

A Blogosfera está de luto

Ao final da tarde de ontem, ficamos sabendo do falecimento de Rosa Torre , autora do blog El Escaparate de Rosa , um dos melhores metablo...

Continue Lendo >>

06:38

Como colocar busca do Google no Blogger

<img align="right" alt="gtk_find_and_replace" border="0" height="128" src="http://lh3.ggpht.com/_EttevOw0KeE/TV1pVz7mXWI/AAAAAAAAL2s/wKxZLbLbE0E/gtk_find_and_replace%5B5%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="gtk_find_and_replace" width="128" />Muitos usuários do Blogger vêm se queixando que a caixa de busca padrão – gadget “caixa de pesquisa” – não é eficiente, pois não mostra todas as postagens. Esse problema já é antigo e, infelizmente, ainda não foi resolvido. 
No lugar do gadget “caixa de pesquisa”, é possível usarmos outras opções de caixa de busca do Google: 
<ol>
<li>Caixa de busca do <a href="https://www.google.com/adsense/" target="_blank">Google Adsense</a>; </li>
<li><a href="http://www.google.com/cse/" target="_blank">Caixa de busca personalizada do Google</a>; </li>
</ol>
 
Como colocar a busca do Google AdSense 
<img alt="busca-adsense" border="0" height="100" src="http://lh5.ggpht.com/_EttevOw0KeE/TV1pWZ2Cp1I/AAAAAAAAL2w/75jG0vhJf8o/image%5B30%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Busca do AdSense" width="315" /> 
A caixa de busca do AdSense é, de longe, a mais eficiente e ainda pode render uma graninha. Para colocá-la em seu blog, é preciso ser um editor cadastrado.  
<ol>
<li>Clique na aba “configurações do AdSense” </li>
<li>Escolha a opção “AdSense para pesquisas” </li>
<li>Em “tipo de pesquisa”, escolha “apenas os sites que eu selecionar” </li>
<li>Em “sites selecionados”, digite o endereço do seu blog </li>
<li>Clique em “continuar” e configure o tamanho da caixa </li>
<li>Clique em “continuar” e copie o código </li>
<li>No Blogger, cole no gadget HTML/Javascript</li>
</ol>
Como colocar a busca personalizada do Google 
<img alt="image" border="0" height="89" src="http://lh3.ggpht.com/_EttevOw0KeE/TV6qkhui7LI/AAAAAAAAL3U/Hh9P5ssDcpE/image%5B13%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="332" /> 
A caixa de busca personalizada do Google também é muito boa. 
<ol>
<li>Acesse <a href="http://www.google.com/cse/" title="http://www.google.com/cse/">http://www.google.com/cse/</a> </li>
<li>Faça login com sua senha do Google </li>
<li>Clique em “criar mecanismo de busca personalizado” </li>
<li>Preencha todos os campos </li>
<li>Em “site a pesquisar”, digite o endereço do seu blog </li>
<li>Clique em avançar e escolha um modelo </li>
<li>Copie o código </li>
<li>No Blogger, cole no gadget HTML/Javascript </li>
</ol>

Como colocar busca do Google no Blogger

Muitos usuários do Blogger vêm se queixando que a caixa de busca padrão – gadget “caixa de pesquisa” – não é eficiente, pois não mostra toda...

Continue Lendo >>

16:34

Blogosfera Brasil–uma rede social para blogueiros

<img align="left" alt="logo" border="0" height="110" src="http://lh4.ggpht.com/_EttevOw0KeE/TVmkyGcKY7I/AAAAAAAAL1w/X1zZZx4X-No/image%5B16%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 3px 15px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="logo" width="96" />Seguindo a tendência das redes sociais focadas em nichos específicos, a <a href="http://www.blogosferabrasil.com/">Blogosfera Brasil</a> tem como público principal os blogueiros, iniciantes ou veteranos. A rede também está aberta àqueles que ainda não têm um blog, mas que se interessam pelo assunto e pretendem criar um futuramente. 
O objetivo é que a Blogosfera Brasil seja um espaço para compartilhamento de ideias e de divulgação de novos trabalhos, além de servir também para que os membros possam fazer novas amizades e contatos profissionais. 
O lançamento oficial da Blogosfera Brasil está previsto para o dia 15 de março de 2011. Até lá alguns ajustes ainda serão feitos e novas ferramentas serão implementadas e testadas. É importante que os membros colaborem enviando sugestões e reportando bugs. 
As novidades da Blogosfera Brasil podem ser acompanhadas pelo <a href="http://www.twitter.com/blogosferabr">Twitter</a>, <a href="http://www.facebook.com/BlogosferaBrasil">Facebook</a> e também pelo <a href="http://www.blogosferabrasil.com/groups/blogosfera-brasil/">grupo oficial</a> da própria rede. Quem quiser colaborar com o projeto, poderá participar como apoiador da Blogosfera Brasil e ficar em destaque na página "Apoiadores". (<a href="http://www.blogosferabrasil.com/blog/divulgacao/saiba-como-ser-um-apoiador-da-blogosfera-brasil">saiba como</a>) 
Mesmo em fase beta, a Blogosfera Brasil está funcionando normalmente e os membros já contam com algumas ferramentas para poderem participar da rede enviando seus conteúdos e interagindo com outros membros. Nela já é possível, por exemplo, criar e participar de grupos e fóruns, inserir links, divulgar eventos, criar blogs, adicionar amigos, seguir outros membros, ou seja, tudo aquilo que encontramos normalmente numa rede social e, como eu já mencionei, outros recursos serão implementados. O registro na Blogosfera Brasil é bastante simples, rápido e, o mais importante, gratuito. 
A rede tem como base de funcionamento a plataforma WordPress em conjunto com o BuddyPress, além outros plugins que oferecem os recursos adicionais. Esta combinação faz com que a Blogosfera Brasil seja bastante versátil quanto aos recursos e relativamente simples de ser administrada. 
Então, convido os leitores do Dicas Blogger para conhecerem, compartilharem suas ideias e fazerem novos contatos nesta nova rede social, a Blogosfera Brasil! 
Agradeço a Juliana pelo espaço disponibilizado para a divulgação deste projeto. 
<hr />
<img align="left" alt="iv_blog" border="0" height="81" src="http://lh4.ggpht.com/_EttevOw0KeE/TVmkzAE2xqI/AAAAAAAAL14/pjzHCy-2DxM/iv_blog%5B20%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; margin: 0px 13px 0px 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="iv_blog" width="75" /> 
Este é um guest-post de Rodrigo Ribeiro Neto 
<a href="http://twitter.com/iv_blog">Twitter</a> | <a href="http://www.informacaovirtual.com/">Informação Virtual</a> | <a href="http://www.blogosferabrasil.com/">Blogosfera Brasil</a> 
Rodrigo é o criador da rede social Blogosfera Brasil 
<hr />

Blogosfera Brasil–uma rede social para blogueiros

Seguindo a tendência das redes sociais focadas em nichos específicos, a Blogosfera Brasil tem como público principal os blogueiros, inician...

Continue Lendo >>

19:59

35 novas fontes para o seu blog!

<img align="left" alt="fonts" border="0" height="114" src="http://lh5.ggpht.com/_EttevOw0KeE/TVfCgWh44nI/AAAAAAAAL1g/kKbRxYjO8nQ/fonts%5B6%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="fonts" width="114" />No final do mês passado, a querida Camila Fitz – funcionária do Google - anunciou no fórum do Blogger a chegada de 35 novas fontes no designer do modelo. Fui conferir e posso garantir que são lindas! Têm fontes com estilos mais antigos (retrô) e outras super modernas, para todos os gostos e temas. 
<blockquote>
Há alguns meses atrás, introduzimos Fontes da Web para o Blogger in Draft. Hoje, temos o prazer em anunciar, não somente as Fontes da Webpara TODOS os usuários do Blogger, mas também que adicionamos 35 fontes novas com um total agora de 77! <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=59322a2ea408b8c3&hl=pt-BR">Camila Fitz –funcionária do Google</a></blockquote>
Para acessá-las, é só clicar em design>designer do modelo e procurar pelas fontes: 
<img alt="blogger-fonts" border="0" height="286" src="http://lh6.ggpht.com/_EttevOw0KeE/TVfCiKeu-KI/AAAAAAAAL1k/p9ffFEnvF7U/image%5B14%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Novas fontes" width="550" />

35 novas fontes para o seu blog!

No final do mês passado, a querida Camila Fitz – funcionária do Google - anunciou no fórum do Blogger a chegada de 35 novas fontes no design...

Continue Lendo >>

09:37

3 programas poderosos para usar o Twitter

<img align="right" alt="gossip_birds" border="0" height="171" src="http://lh5.ggpht.com/_EttevOw0KeE/TVXshVtahoI/AAAAAAAALyE/hpv2uCK3Kdc/gossip_birds%5B5%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="gossip_birds" width="128" />Não é de hoje que procuro o aplicativo twitter-client perfeito. Nessa minha incansável busca, acabei testando vários programas até encontrar um que atendesse às minhas necessidades <strike>de viciada</strike>. 
Sendo assim, vou descrever os prós e os contras dos que, na minha opinião, são os 3 melhores aplicativos para usar o Twitter. 
Pra mim, um bom twitter-cliente precisa ter, além das funções básicas, os seguintes recursos: 
<ul>
<li>Rt editável e nativo ( <a href="http://www.dicasblogger.com.br/2010/10/colocar-comentario-rt-twitter.html">Como enviar RT com comentário</a> ) </li>
<li>Filtros ( <a href="http://www.dicasblogger.com.br/2010/04/eliminar-tweets-rts-timeline-twitter.html">Elimine tweets e RTs indesejáveis da sua timeline</a> ) </li>
<li>Gerenciamento de perfil com follow, unfollow e block </li>
<li>Opções de temas </li>
<li>Fontes personalizáveis </li>
<li>Possibilidade de gerenciar várias contas </li>
<li>Opção de trabalhar ou não com colunas (à critério do usuário) </li>
<li>Recurso auto-completar (coloca-se @ e aparecem os usernames) </li>
<li>Busca integrada de tweets e de perfil </li>
<li>Escolha de serviços, tais como encurtadores de URL, foto e vídeo </li>
<li>Pré-visualização de URLs, fotos e vídeos </li>
<li>Visualização nas mentions, tanto dos Rts nativos quanto dos editáveis</li>
</ul>
TweetDeck - O TweetDeck é de longe um dos aplicativos mais completos e o preferido dos usuários avançados e power users. A meu meu ver, sua única limitação está na interface, com apenas 2 temas e fonte pequena, sem opção de mudança.<a href="http://www.tweetdeck.com/desktop/"><img alt="tweetdeck" border="0" height="314" src="http://lh3.ggpht.com/_EttevOw0KeE/TVXsjn4z7II/AAAAAAAALyY/4gogwttwYhQ/image%5B69%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="tweetdeck" width="580" /></a> 
<table border="1" bordercolor="#cccccc" class="bordasimples" style="margin-left: auto; margin-right: auto; text-align: left; width: 541px;"> <tbody>
<tr> <td style="background-color: #eeeeee; font-weight: bold;" width="181">Características</td> <td style="background-color: #eeeeee; font-weight: bold;" width="224">Diferenciais</td> <td style="background-color: #eeeeee; font-weight: bold;" width="134">Contras</td></tr>
<tr> <td width="181">Roda em Adobe Air</td> <td width="224">trabalha com colunas</td> <td width="134">apenas 2 temas</td></tr>
<tr> <td width="181">Windows, Linux e Mac</td> <td width="224">permite agendar tweets</td> <td width="134">fonte pequena</td></tr>
<tr> <td width="181"><a href="http://www.tweetdeck.com/desktop/">Download</a></td> <td width="224">possui recurso auto-completar</td> <td width="134"></td></tr>
<tr> <td width="181"><a href="http://www.dicasblogger.com.br/2010/02/como-usar-e-configurar-o-tweetdeck.html">Tutorial</a></td> <td width="224">permite tweets longos</td> <td width="188"></td></tr>
<tr> <td width="181"><a href="http://www.tweetdeck.com/desktop/">Recursos</a></td> <td width="224">possui filtro</td> <td width="188"></td></tr>
</tbody></table>
 
Saezuri – O Saezuri foi o meu aplicativo preferido por um bom tempo, já que me permite mudar o tema e configurar as fontes, buscando um maior conforto visual. Por outro lado, não trabalha com colunas, não possui o recurso auto-completar e nem possibilita dar block. É ideal para usuários menos exigentes. 
<a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&offeringid=16720&marketplaceid=1"><img alt="saezuri" border="0" height="320" src="http://lh5.ggpht.com/_EttevOw0KeE/TVXsnK_XRdI/AAAAAAAALyg/DwdzCKN5A_8/image%5B70%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="saezuri" width="580" /></a> 
<table border="1" bordercolor="#cccccc" class="bordasimples" style="margin-left: auto; margin-right: auto; text-align: left; width: 580px;"> <tbody>
<tr> <td style="background-color: #eeeeee; font-weight: bold;">Características</td> <td style="background-color: #eeeeee; font-weight: bold;">Diferenciais</td> <td style="background-color: #eeeeee; font-weight: bold;">Contras</td></tr>
<tr> <td>Roda em Adobe Air</td> <td>Interface agradável </td> <td>Não tem block</td></tr>
<tr> <td>Windows, Linux e Mac</td> <td>vários temas</td> <td>Não tem auto-completar</td></tr>
<tr> <td><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&offeringid=16720&marketplaceid=1">Download</a></td> <td>fontes personalizáveis</td> <td>Não trabalha com colunas</td></tr>
<tr> <td><a href="http://www.playwell.co.jp/saezuri/">Página oficial</a></td> <td>possui filtro</td> <td>Suporte em japonês</td></tr>
</tbody></table>
 
Janetter – é o programa que uso atualmente, já que possui a interface agradável do Saezuri, com vários dos recursos avançados do TweetDeck. 
<a href="http://janetter.net/"><img alt="janetter" border="0" height="289" src="http://lh4.ggpht.com/_EttevOw0KeE/TVXsppxkGwI/AAAAAAAALyo/fXqm2dwKdfw/image%5B71%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="janetter" width="580" /></a> 
<table border="1" bordercolor="#cccccc" class="bordasimples" style="margin-left: auto; margin-right: auto; text-align: left; width: 580px;"> <tbody>
<tr> <td style="background-color: #eeeeee; font-weight: bold;" width="193">Características</td> <td style="background-color: #eeeeee; font-weight: bold;" width="205">Diferenciais</td> <td style="background-color: #eeeeee; font-weight: bold;" width="135">Contras</td></tr>
<tr> <td width="193">Não precisa de Adobe Air</td> <td width="205">Interface agradável</td> <td width="135">Não tem :)</td></tr>
<tr> <td width="193">Roda apenas no Windows</td> <td width="205">vários temas</td> <td width="135"></td></tr>
<tr> <td width="193"><a href="http://janetter.net/">Download</a></td> <td width="205">fontes personalizáveis</td> <td width="135"></td></tr>
<tr> <td width="193"><a href="http://janetter.net/features.html">Recursos</a></td> <td width="205">auto-completar</td> <td width="135"></td></tr>
<tr> <td width="193"><a href="http://twitter.com/janetter_jp">Twitter</a></td> <td width="205">trabalha com colunas ou sem</td> <td width="135"></td></tr>
<tr> <td width="193"><a href="http://www.dicasblogger.com.br/2011/02/como-configurar-e-usar-o-janetter.html">Tutorial</a></td> <td width="205">possui filtro</td> <td width="135"></td></tr>
</tbody></table>
 
 
<center> <table border="0" cellpadding="0" cellspacing="0" style="width: 581px;"> <tbody>
<tr> <td valign="top" width="193"><a href="http://lh5.ggpht.com/_EttevOw0KeE/TVZcg1qDSTI/AAAAAAAALzI/gahdnQ6VPbI/s1600-h/janetter-interface%5B7%5D.png"><img alt="janetter-interface" border="0" height="130" src="http://lh4.ggpht.com/_EttevOw0KeE/TVZciCRVs2I/AAAAAAAALzQ/Ak9PX-1lKq8/janetter-interface_thumb%5B2%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="janetter-interface" width="188" /></a></td> <td valign="top" width="193"><a href="http://lh4.ggpht.com/_EttevOw0KeE/TVZckE7VLwI/AAAAAAAALzY/GqPhy7J8fZg/s1600-h/janetter-configuracoes%5B7%5D.png"><img alt="janetter-configuracoes" border="0" height="131" src="http://lh6.ggpht.com/_EttevOw0KeE/TVZclgGVleI/AAAAAAAALzg/rv7cl_xgvFQ/janetter-configuracoes_thumb%5B2%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="janetter-configuracoes" width="197" /></a></td> <td valign="top" width="193"><a href="http://lh4.ggpht.com/_EttevOw0KeE/TVZcoE7pcJI/AAAAAAAALzo/6LiK0MOzIyg/s1600-h/janetter-fonts%5B7%5D.png"><img alt="janetter-fonts" border="0" height="132" src="http://lh3.ggpht.com/_EttevOw0KeE/TVZcpGp8ZsI/AAAAAAAALzs/P9RWxwOMiVM/janetter-fonts_thumb%5B2%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="janetter-fontes" width="191" /></a></td></tr>
</tbody></table>
</center> 
Aproveite para conhecer outros aplicativos, acessando <a href="http://bloggingforincome.net/8-multi-column-twitter-clients/">8 Multi-Column Twitter Clients</a> 
<a href="http://twitter.com/dicas_blogger"><img alt="twitter-follow" border="0" height="111" src="http://lh5.ggpht.com/_EttevOw0KeE/TLPRpLuZyVI/AAAAAAAAKto/SYZwm9E9Kqs/twitter_exc2%5B5%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Siga o Dicas Blogger!" width="224" /></a>

3 programas poderosos para usar o Twitter

Não é de hoje que procuro o aplicativo twitter-client perfeito. Nessa minha incansável busca, acabei testando vários programas até encontra...

Continue Lendo >>

08:25

Otimizando seu blog com meta tags

<img align="right" alt="seo" border="0" height="181" src="http://lh3.ggpht.com/_EttevOw0KeE/TVQRN--7ZqI/AAAAAAAALxk/YI7G0T0fuS8/image%5B42%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="seo" width="180" />Nunca foi segredo pra ninguém: não tenho muita paciência para estudar SEO. O DB sempre esteve bem posicionado no Google e isso me levou à uma certa acomodação e a acreditar que bastava algumas <a href="http://www.dicasblogger.com.br/2010/04/descricao-do-blog-mecanismos-de-busca.html" title="Descrição para os mecanismos de busca">configurações básicas</a> e um bom conteúdo que estava tudo resolvido. De certa forma eu não estava errada, mas  tal pensamento não se aplica a todos os blogs e só fui descobrir isso após trabalhar com encomendas de templates 
No caso do meu blog, o nome dele é um dos grandes diferenciais sendo responsável pela maior parte das visitas, mas nem sempre funciona assim. Em alguns blogs o nome pode não ajudar muito e, por padrão, o Blogger sempre mostra o nome do blog antes do título da postagem. Vejam: 
<img alt="busca-google" border="0" height="129" src="http://lh5.ggpht.com/_EttevOw0KeE/TVQTkGGUrFI/AAAAAAAALxo/MY86I82C_9c/image%5B51%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Busca feita no Google" width="452" /> 
No caso do DB isso não costuma ser um problema, mas em blogs cujo nome não está diretamente relacionado ao conteúdo pode acabar prejudicando o posicionamento nos motores de busca, que “enxergam” o que vem primeiro. 
Tenho um cliente que possui um blog muito bacana, sério e de ótima qualidade, mas que não tinha um bom posicionamento no Google. Isso não fazia sentido pra mim, pois ele tinha tudo que eu antes considerava eficiente para SEO. Onde estava o problema então? No nome do blog. Mudei a sequência e seu posicionamento melhorou muito. 
Pedi a ele que não enviasse links para agregadores durante 1 mês e fiz as modificações  para otimizar os títulos dos posts. Vejam os resultados iniciais: 
<img alt="comparativo" border="0" height="279" src="http://lh5.ggpht.com/_EttevOw0KeE/TVRJhOSgT2I/AAAAAAAALx8/eBhq4ZG6jF8/comparativo%5B4%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="comparativo" width="502" /> 
<div align="center">
Aumento de quase 50% apenas mudando o título dos posts</div>
Agora vamos analisar um caso fictício, mas baseado no que acabei de descrever: 
<blockquote>
Nome do blog: LAR DOCE LAR 
Post: receita de brigadeiro 
Busca por: receita de brigadeiro 
Padrão do Blogger: LAR DOCE LAR (nome do blog)– receita de brigadeiro (post) 
Ideal para este blog : receita de brigadeiro – LAR DOCE LAR</blockquote>
Para resolver esse problema, é preciso mudar algumas meta-tags. Meta tags são linhas de código HTML, ou "etiquetas", que, entre outras coisas, descrevem o conteúdo do seu site para os buscadores. 
Entre no HTML do template e procure por (fica bem no começo): 
<blockquote>
<title><data:blog.pageTitle/></title></blockquote>
Substitua tudo por: 
<blockquote>
<b:if cond='data:blog.pageType == "index"'> 
<title>NOME DO SEU BLOG - PEQUENA DESCRIÇÃO</title> 
<b:else/> 
<title><data:blog.pageName/> - <data:blog.title/></title> 
</b:if></blockquote>
A parte assinalada em amarelo é que fará a inversão entre o nome do blog e o título dos posts. Na parte em vermelho, escreva o nome do blog e,a pós o hífen, coloque uma breve descrição que irá aparecer na página inicial do blog. 
Eu apliquei esta técnica na minha página de produtos e serviços. Na primeira imagem, vemos como o blog aparece nos motores de busca e na segunda, vemos o título do post vindo antes do nome do blog. 
<img alt="image" border="0" height="52" src="http://lh3.ggpht.com/_EttevOw0KeE/TVQenNMiMaI/AAAAAAAALxw/0co1nmrrz6I/image%5B62%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="452" /> 
<img alt="seo" border="0" height="136" src="http://lh3.ggpht.com/_EttevOw0KeE/TVQPesC0rzI/AAAAAAAALx0/TALTCEnCnTE/seo%5B8%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Post - Nome do blog" width="452" /> 
Para colocar uma descrição mais detalhada, como a que aparece embaixo do nome do blog, basta usar o código do post <a href="http://www.dicasblogger.com.br/2010/04/descricao-do-blog-mecanismos-de-busca.html">Descrição do blog para os mecanismos de busca.</a> 
O padrão do Blogger é: 
<blockquote>
<b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title></blockquote>
Para colocar a descrição, as palavras-chave e mudar a sequência do nome do blog com o título dos posts, substitua: 
<blockquote>
<title><data:blog.pageTitle/></title></blockquote>
por: 
<blockquote>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <meta content='Descrição' name='description'/> <meta content='Palavras-chave' name='keywords'/> </b:if> 
  
<b:if cond='data:blog.pageType == "index"'> 
<title>NOME DO SEU BLOG - PEQUENA DESCRIÇÃO</title> 
<b:else/> 
<title><data:blog.pageName/> - <data:blog.title/></title> 
</b:if> </blockquote>
O código final ficaria assim: 
<blockquote>
<b:include data='blog' name='all-head-content'/>  (padrão blogger) 
<b:if cond='data:blog.homepageUrl == data:blog.url'> <!—descrição e palavras-chaves--><meta content='Descrição' name='description'/> <meta content='Palavras-chave' name='keywords'/> </b:if> 
  
<b:if cond='data:blog.pageType == "index"'>  <!—parte que se refere aos títulos--> 
<title>NOME DO SEU BLOG - PEQUENA DESCRIÇÃO</title> 
<b:else/> 
<title><data:blog.pageName/> - <data:blog.title/></title> 
</b:if> 
<b:skin><![CDATA[  (padrão blogger)</blockquote>
Os códigos devem ser inseridos entre as duas partes amarelas. 
No painel do Blogger>configurações> básico – deixe apenas o nome do blog em título. 
No blog da Clau – Mundo Blogger – tem uma outra forma ainda mais completa de colocar as meta-tags de descrição e 2 sites excelentes para vocês fazerem testes: 
<ul>
<li><a href="http://www.mundoblogger.com.br/2010/12/como-inserir-meta-tags-no-blogger.html">Como Inserir Meta Tags no Blogger</a></li>
</ul>
Como saber se seu blog precisa ou não destas mudanças? Testando. O que pode ser bom para um, pode não ser bom para outro. 
Sempre que você for mudar as meta-tags, guarde as anteriores, coloque data e as  estatísticas de acesso e vá fazendo comparativos. 
Atualização em 22/02/2011 
Vejam como anda o blog do meu cliente: 
<img alt="analytics" border="0" height="162" src="http://lh6.ggpht.com/_EttevOw0KeE/TWOJZRI9qQI/AAAAAAAAL3o/U-J5nYbRtOY/analytics%5B3%5D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="analytics" width="502" /> 
<div align="center">
Aumento de mais de 80%</div>

Otimizando seu blog com meta tags

Nunca foi segredo pra ninguém: não tenho muita paciência para estudar SEO. O DB sempre esteve bem posicionado no Google e isso me levou à um...

Continue Lendo >>

15:39

Widgets com ícones para redes sociais

<img align="right" alt="image" border="0" height="112" src="http://lh5.ggpht.com/_EttevOw0KeE/TVMJjkijU8I/AAAAAAAALw8/nR7B1GfybXE/image%5B85%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Redes Sociais" width="147" />A última moda em blogs, são os ícones para as redes sociais. O principal objetivo é incentivar os visitantes a seguirem no Twitter, Orkut, Facebook e a assinarem os feeds do blog.  
Pra ajudá-los, criei dois gadgets baseados em CSS, super simples de serem implementados no Blogger. 
Recomendo fortemente que as imagens dos ícones sejam enviadas para a conta do Picasa de vocês e que as URLs dessas imagens sejam substituídas. 
<ul>
<li><a href="http://www.dicasblogger.com.br/2010/07/como-hospedar-imagens-no-picasa.html">Como hospedar imagens no Picasa</a> </li>
<li><a href="http://www.dicasblogger.com.br/2008/09/backup-no-picasa-de-imagens-contidas.html">Backup no Picasa de imagens contidas nos templates</a></li>
</ul>
Widget 1 – Twitter, Feeds e Facebook 
<img alt="socialmedia-icons" border="0" height="211" src="http://lh5.ggpht.com/_EttevOw0KeE/TVL-MU-R0bI/AAAAAAAALww/tqafLP3NAyE/image%5B64%5D.png?imgmax=800" style="align: center; background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px 0px 0px 55px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Icones para redes sociais" width="340" /> 
Vá no HTML do template, dê um Crtl+F com o teclado e procure por ]]></b:skin> . 
Cole antes dessa tag o seguinte código: 
<blockquote>
/* SOCIAL MEDIA 
----------------------------------------------- */ 
#socialmedia{background:#F6F8F8;border:1px solid #DBE2E0;padding:10px 5px 15px 10px; margin: 5px;} 
#socialmedia:hover{border:1px solid #90C2D7;} 
#socialmedia a{color:#666666;text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif} 
#socialmedia a:hover{color:#3c88b2;text-decoration:underline} 
#socialmedia img{vertical-align:middle;margin-right:5px;}</blockquote>
Salve o template. Vá nos elementos de página e clique em adicionar gadget. Escolha HTML/javascript e cole este outro código: 
<blockquote>
<div id='socialmedia'><img alt='' src='<a href="https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BEKq7aTI/AAAAAAAAEUw/Lb9JMwUAiZ8/socialconnecttwitter.png">https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BEKq7aTI/AAAAAAAAEUw/Lb9JMwUAiZ8/socialconnecttwitter.png</a>' style='width: 32px; height: 32px; float:left;'/> 
<a href='URL DO TWITTER'>Siga no Twitter</a> 
</div> 
<div id='socialmedia'><img alt='' src='<a href="https://lh5.googleusercontent.com/_mcq01yDJ2uY/TW630L9WcaI/AAAAAAAAEUM/iLypEEa1b5Y/socialconnectrss.png">https://lh5.googleusercontent.com/_mcq01yDJ2uY/TW630L9WcaI/AAAAAAAAEUM/iLypEEa1b5Y/socialconnectrss.png</a>' style='width: 32px; height: 32px; float:left;'/> 
<a href='URL DOS FEEDS'>Assine os feeds</a> 
</div> 
<div id='socialmedia'><img alt='' src='<a href="https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BI34MoHI/AAAAAAAAEU0/GuFjmmcm87w/socialconnectfacebook.png">https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BI34MoHI/AAAAAAAAEU0/GuFjmmcm87w/socialconnectfacebook.png</a>' style='width: 32px; height: 32px; float:left;'/> 
<a href='URL DO FACEBOOK'>Curta no Facebook</a> 
</div></blockquote>
<ul>
<li>Em URL DO TWITTER, escreva o endereço do seu Twitter </li>
<li>Em URL DO FEED, coloque o endereço dos feeds do blog </li>
<li>Em URL DO FACEBOOK, coloque o endereço do seu perfil ou da página de fãs</li>
</ul>
Widegt 2 - Feeds, Twitter, YouTube, Orkut e Facebook 
    <img alt="socialmedia icons" border="0" height="72" src="http://lh3.ggpht.com/_EttevOw0KeE/TVMGxsGZSwI/AAAAAAAALw4/M97pOW5aIwk/image%5B59%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px 0px 0px 82px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Icones para redes sociais" width="293" /> 
No painel do Blogger, clique em design > adicionar gadget>HTML/javascript. 
Cole o código abaixo, fazendo as respectivas alterações (em vermelho) 
<blockquote>
<div style="margin: 5px; padding: 10px;"><a href="ENDEREÇO DO FEED"><img style="border: 0px solid ; width: 48px; height: 48px; float: left;" alt="" src="<a href="http://lh5.ggpht.com/_dAGEULh1_1g/THwD-xP5n9I/AAAAAAAAEBk/1DE1CA0UtCA/rss.png%22">http://lh5.ggpht.com/_dAGEULh1_1g/THwD-xP5n9I/AAAAAAAAEBk/1DE1CA0UtCA/rss.png"</a>></a><a href="ENDEREÇO DO TWITTER"><img style="border: 0px solid ; padding-left: 5px; width: 48px; height: 48px;" alt="" src="<a href="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-5SoTTI/AAAAAAAAEBo/Yh2jRrtkOeo/twitter.png%22">http://lh4.ggpht.com/_dAGEULh1_1g/THwD-5SoTTI/AAAAAAAAEBo/Yh2jRrtkOeo/twitter.png"</a>></a><a href="ENDEREÇO DO YOUTUBE"><img style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;" alt="" src="<a href="http://lh3.ggpht.com/_dAGEULh1_1g/THwD-4XjHKI/AAAAAAAAEBs/waG0ImvEsQI/youtube.png%22">http://lh3.ggpht.com/_dAGEULh1_1g/THwD-4XjHKI/AAAAAAAAEBs/waG0ImvEsQI/youtube.png"</a>></a><a href="ENDEREÇO DO ORKUT"><img style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;" alt="" src="<a href="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-3vEZVI/AAAAAAAAEBg/jq-RSB5gXBc/orkut.png%22">http://lh4.ggpht.com/_dAGEULh1_1g/THwD-3vEZVI/AAAAAAAAEBg/jq-RSB5gXBc/orkut.png"</a>></a><a href="ENDEREÇO DO FACEBOOK"><img style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;" alt="" src="<a href="http://lh6.ggpht.com/_dAGEULh1_1g/THwD-vZ7bDI/AAAAAAAAEBc/4fHoPnWmq8M/facebook.png%22">http://lh6.ggpht.com/_dAGEULh1_1g/THwD-vZ7bDI/AAAAAAAAEBc/4fHoPnWmq8M/facebook.png"</a>></a> </div>  </blockquote>
Neste template de testes, é possível ver os dois gadgets em ação. Clique para ampliar. 
<a href="http://lh6.ggpht.com/_EttevOw0KeE/TVMJlpx4l8I/AAAAAAAALxA/YYpphj5uanw/s1600-h/image%5B77%5D.png"><img alt="image" border="0" height="251" src="http://lh6.ggpht.com/_EttevOw0KeE/TVMJnm8kRlI/AAAAAAAALxE/SmMEJ5TavQM/image_thumb%5B3%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Teste" width="452" /></a> 
Atualização em 03/03/2011 
Tem coisas no Blogger que são simplesmente inexplicáveis. Até outro dia, bastava colar a URL da imagem no local indicado e pronto. Atualmente, notei que as imagens hospedadas no Picasa Web não estavam aparecendo mais. Depois de muita investigação, descobri que – sabe-se lá porque – o Blogger estava mudando as URLs por conta própria. A solução é ainda mais bizarra rs Depois de colar o código no gadget HTML/Javascrip, é preciso clicar em “Formato Rich Text” para que as imagens funcionem. Prefiro nem comentar.

Widgets com ícones para redes sociais

A última moda em blogs, são os ícones para as redes sociais. O principal objetivo é incentivar os visitantes a seguirem no Twitter, Orkut, F...

Continue Lendo >>

19:47