Dicas Blogger

Home » Archives for maio 2012

Como criar uma nuvem de palavras em imagem

<div style="text-align: justify;">
Você já pensou em criar uma imagem super interessante e personalizada com as principais palavras do seu blog, destacando todas as tags com um designer arrojado e moderno? Se você sempre quis fazer mas nunca soube como, após ler esta postagem você saberá criar de forma rápida e fácil, sem a necessidade de ser um expert em criação e edição de imagens.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Ol7nq-Qy9jB25PJBgkRpXO5QxYJ_RkO5ZICL4FuUCKvUo010PFx0l2vZzRF5q9yZQBSuzAGJKNwg6NFxSo1qz90s3uYU793NLv_srDJ3lER3ZFaBxn-IuCPFaSVKZsjdokpvDVi4qQw/s1600/nuvem+geral+db1b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Ol7nq-Qy9jB25PJBgkRpXO5QxYJ_RkO5ZICL4FuUCKvUo010PFx0l2vZzRF5q9yZQBSuzAGJKNwg6NFxSo1qz90s3uYU793NLv_srDJ3lER3ZFaBxn-IuCPFaSVKZsjdokpvDVi4qQw/s400/nuvem+geral+db1b.png" width="400" /></a></div>
</div>
<div>
</div>
<div>
<br />
<a href="http://www.wordle.net/">Wordle</a> é um aplicativo online e gratuito onde você poderá gerar a "nuvem de palavras" a partir de qualquer texto. Por meio da nuvem é possível destacar às palavras que aparecem com mais freqüência, assim, quanto mais a palavra for citada, maior será o destaque dela dentro da nuvem. Também é possível personalizar as nuvens com diferentes cores, layouts e fontes. Além disso, você pode imprimir, guardar as imagens na galeria do Wordle ou, por meio de uma captura de tela, gerar uma imagem jpeg.<br />
<div>
<br /></div>
<div>
<div class="" style="clear: both; text-align: center;">
Primeiramente acesse o site <a href="http://www.wordle.net/">Wordle</a> e clique em "create".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNqjrdpv2RFZvBb4PartdzAuemGh3wjQ1mmvRYDlgQvqAr7gB80FTaF5yJa2mLgVQeBaXyh2Bdm5Yx66YW7gXy79YIvLrd2c0Cx74UHNHSOOrR0mckSj56DgAMQPsHe1kRbl4f0RTC3fA/s1600/nuvem+geral+wordle1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNqjrdpv2RFZvBb4PartdzAuemGh3wjQ1mmvRYDlgQvqAr7gB80FTaF5yJa2mLgVQeBaXyh2Bdm5Yx66YW7gXy79YIvLrd2c0Cx74UHNHSOOrR0mckSj56DgAMQPsHe1kRbl4f0RTC3fA/s400/nuvem+geral+wordle1.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: justify;">
Na página a seguir você encontrará três opções para selecionar qual será a origem das palavras que formarão a sua nuvem. Na imagem abaixo você tem um exemplo de como inserir o texto ou a url, mas utilize apenas uma opção de cada vez.</div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCpZ5Od-lEQx43Od-n7X481AdfCGDFd9yoNMggWIP2gmUKTYIv3vezdE3aezqmHuNlVLiYebvg4sSxub_d49_3zsuji973p9Qh12g4FCXklpqxBlRXM21m79vFbaZU9-IBZav1DX3EWLQ/s1600/nuvem+geral+wordle+create.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCpZ5Od-lEQx43Od-n7X481AdfCGDFd9yoNMggWIP2gmUKTYIv3vezdE3aezqmHuNlVLiYebvg4sSxub_d49_3zsuji973p9Qh12g4FCXklpqxBlRXM21m79vFbaZU9-IBZav1DX3EWLQ/s320/nuvem+geral+wordle+create.png" width="320" /></a></div>
<br />
<div style="text-align: justify;">
1º) No espaço superior, em "Paste in a bunch of text", digite quantas palavras desejar para gerar a nuvem. Em seguida clique em "Go" para gerar a imagem.</div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2º) No espaço "Enter the URL of any blog, blog feed (...)", digite a URL do seu blog, feed, conta do twitter ou qualquer outra página da web que tenha um feed Atom ou RSS. Em seguida clique em "Submit" para gerar a imagem.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
3º) No espaço "Enter a del.icio.us user name (...)" digiter um nome de usuário do Delicious e clique em "Submit" para gerar a imagem.</div>
<br />
Após gerar a imagem abrirá um painel onde é possível alterar a fonte, a cor e o layout da imagem.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh36zvYPztvz5-V8zYS2EQPNeZ-pZCbRUmFrzRGIsfNXmakU2y6tSzhhuv9VY1IjV5Gt3R8Vekbu2cxKwN5Et9t3ta0Ov_tz1YxxwaHmk1qOQVrdYBmnT9youxvwZaYumeqXJGP-_KcmBk/s1600/nuvem+geral+wordle+ferramentas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh36zvYPztvz5-V8zYS2EQPNeZ-pZCbRUmFrzRGIsfNXmakU2y6tSzhhuv9VY1IjV5Gt3R8Vekbu2cxKwN5Et9t3ta0Ov_tz1YxxwaHmk1qOQVrdYBmnT9youxvwZaYumeqXJGP-_KcmBk/s320/nuvem+geral+wordle+ferramentas.png" width="320" /></a></div>
Agora algumas dicas para personalizar melhor a sua nuvem de palavras para o seu blog:</div>
<div>
<br /></div>
<div>
<b>1º Cores</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj19uv4W9g6EJOX2XcnohYoSXAh_YfBk13-dZAWrvkBhTZJEO5YuinN2KFZSQkucQ29222uD3LNQpFW0lJTOK7-DLoV4q_K3xwyGb883lvhCs5j0H4Gbo128MLBGk5naw6Mgs5ClUQSoPE/s1600/nuvem+geral+wordle+color.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj19uv4W9g6EJOX2XcnohYoSXAh_YfBk13-dZAWrvkBhTZJEO5YuinN2KFZSQkucQ29222uD3LNQpFW0lJTOK7-DLoV4q_K3xwyGb883lvhCs5j0H4Gbo128MLBGk5naw6Mgs5ClUQSoPE/s320/nuvem+geral+wordle+color.png" width="320" /></a><a href="http://4.bp.blogspot.com/-fncUbOX0q5s/T8aGjNmobLI/AAAAAAAAAOQ/RaLRgXcWwM8/s1600/nuvem+geral+wordle+color.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a></div>
<div style="text-align: justify;">
Clicando em "color" você tem várias opções de combinações de cores. Mas caso deseje outras cores é só clicar em "Edit custom palette", clicar em cima da cor que deseja alterar e selecionar a sua preferida no painel de seleção de cores. Em "Edit custom palette" também é possível escolher quantas cores vai ter a seleção. Uma dica, cada clique em cima da seleção escolhida altera aleatoriamente as cores das palavras a partir das combinações que escolheu. </div>
<div>
<br />
<div>
<b>2º Layout</b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaMpmGsR_AjmnFDR9O6AepTuc2ZAXMowWQF6qyyrq006QIFPF-Ecr7tstY0m9nff0gqw3J3HiHGFzq6EOFE7BYrwbepH3Id_F82I5qhH1UC04ZcLjPuy3tjgc_hzKsAO161gyXhx01lHo/s1600/nuvem+geral+wordle+layout.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaMpmGsR_AjmnFDR9O6AepTuc2ZAXMowWQF6qyyrq006QIFPF-Ecr7tstY0m9nff0gqw3J3HiHGFzq6EOFE7BYrwbepH3Id_F82I5qhH1UC04ZcLjPuy3tjgc_hzKsAO161gyXhx01lHo/s320/nuvem+geral+wordle+layout.png" width="320" /></a></div>
<br />
<div style="text-align: justify;">
Clicando em "layout" você tem várias opções de estrutura das palavras na nuvem. Podendo ser na forma horizontal, vertical, maior parte horizontal (mostly horizontal), maior parte vertical (mostly vertical), de qualquer maneira (any which way) e meio a meio (half and half). A opção "maximum words" define quantas palavras aparecerão na nuvem. E em "prefer alphabetical order" as palavras são organizadas em ordem alfabética.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>3º Destaque das palavras</b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9M_cxazi2tHZJlifyhUB1TM2_jmwYSWGKAGvGE8aQTgoT-ozRqnZDf3tkxfzhaqNxAXxWZ9HQKVdec4QKcfQ8gIl5mi2hm886216bhoRo6oFwgWwQPyVT1MnYUhztmH2ZSebAKqm2oi8/s1600/nuvem+geral+wordle+palavras.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9M_cxazi2tHZJlifyhUB1TM2_jmwYSWGKAGvGE8aQTgoT-ozRqnZDf3tkxfzhaqNxAXxWZ9HQKVdec4QKcfQ8gIl5mi2hm886216bhoRo6oFwgWwQPyVT1MnYUhztmH2ZSebAKqm2oi8/s320/nuvem+geral+wordle+palavras.png" width="320" /></a></div>
<br />
<div style="text-align: justify;">
O destaque de cada palavra na nuvem corresponde à quantidade de vezes que ela é encontrada no texto. Por exemplo, se você quer que o endereço do seu blog fique em destaque, utilize o primeiro espaço, onde você mesmo irá definir quais palavras farão parte da nuvem, e digite mais vezes o endereço do seu blog. Quanto mais importante for a palavra, mais vezes ela deverá ser escrita. Assim, você poderá variar os tamanhos e isso deixará a nuvem mais diversificada.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Enfim, use a sua criatividade. Há muitas opções e, com certeza, essa ferramenta pode ser muito bem aproveitada. O interessante ao montar a nuvem a partir da url do seu blog é que você poderá identificar, por meio desse aplicativo, quais as palavras que mais utiliza. Além disso, pode criar um nuvem com as tags do seu blog ou a partir dos marcadores. Utilizei esse serviço para criar a nova timeline do <a href="https://www.facebook.com/blogdicasblogger">Dicas Blogger</a> no <a href="https://www.facebook.com/blogdicasblogger">facebook</a>, vale a pena conferir como ficou!</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
E ai, pronto pra fazer a sua nuvem de palavras?</div>
</div>
</div>

Como criar uma nuvem de palavras em imagem

Você já pensou em criar uma imagem super interessante e personalizada com as principais palavras do seu blog, destacando todas as tags com ...

Continue Lendo >>

18:48

Como configurar o Analytics nos templates de visualizações dinâmicas e layout do Blogger

<div style="text-align: justify;">
Os templates de visualizações dinâmicas são modernos, clean e se tornaram uma nova aposta para quem gosta de novidades. Tanto que alguns usuários do Blogger gostaram e já a aplicaram em seus blogs. Mas junto com a novidade veio a questão: se o html está fechado, como posso configurar o Google Analytics?</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Mesmo que a nova interface do Blogger não tenha sido opcional, o que não agradou muitos blogueiros, no entanto, ela trouxe algumas vantagens. Uma delas é a maneira fácil e prática de configurar o Google Analytics nos templates de visualizações dinâmicas e layout do Blogger, não sendo necessário instalar manualmente o código no html do template. O que resolve o problema e possibilita a configuração da ferramenta nos templates de visualizações dinâmicas.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Posts relacionados:</div>
<a href="http://www.dicasblogger.com.br/2012/05/usar-template-visualizacao-dinamica.html">Como usar os templates de visualizações dinâmicas</a><br />
<a href="http://www.dicasblogger.com.br/2012/01/contador-de-usuarios-online-do.html">Contador de usuários online do Analytics</a><br />
<a href="http://www.dicasblogger.com.br/2010/02/como-usar-o-google-analytics.html">Como usar o Google Analytics – funções básicas</a><br />
<div>
<br />
<div style="text-align: justify;">
A primeira coisa que deve ser feita por quem já possui a conta no Google Analytics e tem o blog configurado é identificar o código de acompanhamento gerado para o seu blog.</div>
<br />
Para isso, acesse a sua conta no Google Analytics e selecione o blog que você fará a configuração, conforme indicado na figura abaixo:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbBzRSF8SM-Bq2hySaNf3jYjRBTAdztCGmrgZSNV6XQuUoH865v1WS30ce3MDl-U-3-SFI0LAv9lD44flHbF7FXXjuaw33Vd0WFzO_t_YycLdoSrU46vBzyn1TuOt2tTugPPU_HCL9wy8/s1600/Analytics+Todas+as+Contas+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbBzRSF8SM-Bq2hySaNf3jYjRBTAdztCGmrgZSNV6XQuUoH865v1WS30ce3MDl-U-3-SFI0LAv9lD44flHbF7FXXjuaw33Vd0WFzO_t_YycLdoSrU46vBzyn1TuOt2tTugPPU_HCL9wy8/s400/Analytics+Todas+as+Contas+1.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span id="goog_129997965"></span><span id="goog_129997966"></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Na página que abrir, clique na opção "Administrador":<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4VqBXtrsD-F_5khL_29SJTrraFd4XRMN36pAafIpcoc8pgwOq7WigGLNeDbKn_9tWsDz5auI4sDBlvOiZu_kRyPV7LR0SXr8q3BRYCqNlVLi82P2reoFUOXz-Aj4OC3rxG0gqnazGgag/s1600/Analytics+Administrador1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4VqBXtrsD-F_5khL_29SJTrraFd4XRMN36pAafIpcoc8pgwOq7WigGLNeDbKn_9tWsDz5auI4sDBlvOiZu_kRyPV7LR0SXr8q3BRYCqNlVLi82P2reoFUOXz-Aj4OC3rxG0gqnazGgag/s400/Analytics+Administrador1.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
Em seguida, clique em "Código de acompanhamento" e copie o ID (um código com letras e números). Esse código é a identidade do seu blog no Google Analytics. É por meio dele que a ferramenta irá identificar o seu blog e receber os dados de visitação.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiDYfq4Lm8kn9o2-J6CoLmbiScGOmPP2aMvDTx8tgD6BCF2HsRpd4B27R5bSMfv6DQzCYDDGcZKlZmnZkRAfDqx015KY5VYK7gZ0bt8Ng19evYmeJaj5hP6dJPH2u8uIm-w4LDiXfglGs/s1600/Analytics+ID+Acompanhamento1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiDYfq4Lm8kn9o2-J6CoLmbiScGOmPP2aMvDTx8tgD6BCF2HsRpd4B27R5bSMfv6DQzCYDDGcZKlZmnZkRAfDqx015KY5VYK7gZ0bt8Ng19evYmeJaj5hP6dJPH2u8uIm-w4LDiXfglGs/s400/Analytics+ID+Acompanhamento1.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: justify;">
Agora vamos para a etapa mais simples. Acesse o painel de controle do seu blog no Blogger e clique em "configurações", depois em "Outro". Ao final da tela você irá localizar o "ID de propriedade da web do Google Analytics". No espaço em branco insira o ID de acompanhamento gerado no Google Analytics. Salve as configurações e pronto. Você inseriu com facilidade o código.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHOf4sJ58T4JGOrymOf9S-dZ0sKfNc2kaCdcPmv6QJRie-75LskF343goOh1hB4sZN-dOzdOmeZWkTZ8aNBPGCYzFFTjfDnZfbSALXQWL_SC1S_Go7cnpvSqXFlAfZApoJ1_si6A0eLI/s1600/Analytics+Configura%25C3%25A7%25C3%25A3o+Blogger1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWHOf4sJ58T4JGOrymOf9S-dZ0sKfNc2kaCdcPmv6QJRie-75LskF343goOh1hB4sZN-dOzdOmeZWkTZ8aNBPGCYzFFTjfDnZfbSALXQWL_SC1S_Go7cnpvSqXFlAfZApoJ1_si6A0eLI/s400/Analytics+Configura%25C3%25A7%25C3%25A3o+Blogger1.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: justify;">
Para ter certeza que a configuração foi feita com sucesso. Volte no Google Analytics, acesse "Administrador", em seguida clique em "Código de Acompanhamento" e verifique o "Status de acompanhamento". Se aparecer a informação "Recebendo dados", conforme figura abaixo, você realizou a configuração com sucesso.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzo_ml82cCbBFf8NSe5SD6_NuN_Z5DxvvNpbvlfW1QKlohGseWUYOQoHDjtLms7ITs5GqvfqzOenNlbZK_SShR70QXvg6XwF_lBOIj5VEFlHnusbcELMYotRSV_29Fsce4rqdvebTR8g/s1600/Analytics+Configurado+Corretamente.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzo_ml82cCbBFf8NSe5SD6_NuN_Z5DxvvNpbvlfW1QKlohGseWUYOQoHDjtLms7ITs5GqvfqzOenNlbZK_SShR70QXvg6XwF_lBOIj5VEFlHnusbcELMYotRSV_29Fsce4rqdvebTR8g/s400/Analytics+Configurado+Corretamente.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: justify;">
Contudo, se ao verificar o "Status de acompanhamento" aparecer a informação "Acompanhamento não instalado", conforme figura abaixo, repita as etapas acima porque alguma coisa foi feita de maneira errada.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ORlxIn63iHSMlOQH2ntJvgyY-FKm8-HfYShCPyhgiMPZR9oZ5UrHXoPcOqXrQuFWMdntTNdG9R3WHdjhJci9zYGS4wuvjdh0j3qVsHR-znJg9mFRkoueif_SI8958fAUhwUXFQqYieI/s1600/Analytics+Configurado+Incorretamente1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ORlxIn63iHSMlOQH2ntJvgyY-FKm8-HfYShCPyhgiMPZR9oZ5UrHXoPcOqXrQuFWMdntTNdG9R3WHdjhJci9zYGS4wuvjdh0j3qVsHR-znJg9mFRkoueif_SI8958fAUhwUXFQqYieI/s400/Analytics+Configurado+Incorretamente1.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: justify;">
Mas atenção, esse meio de configuração não funciona para os templates personalizados. Fizemos alguns testes e esse tipo de configuração só funcionou para os templates padrão do Blogger e de visualizações dinâmicas. Para os personalizados continua valendo a configuração com inserção manual do código no html do blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
E ai, o que você achou desta opção na nova interface?</div>
</div>

Como configurar o Analytics nos templates de visualizações dinâmicas e layout do Blogger

Os templates de visualizações dinâmicas são modernos, clean e se tornaram uma nova aposta para quem gosta de novidades. Tanto que alguns us...

Continue Lendo >>

10:00

Como usar os templates de visualizações dinâmicas

<div style="text-align: justify;">
Um dos recursos mais legais dessa nova fase do Blogger, são os <a href="http://www.dicasblogger.com.br/2011/04/novas-opcoes-de-visualizacoes.html" target="_blank">templates de visualizações dinâmicas</a>. Eles são feitos usando AJAX, HTML5 e CSS , que são a tendência atual para design de páginas web.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0AOVSF4-j2KoakE40b8Yg87hasUBzY_EIsp7Scg7y5CgXiiUxcpVdHf-c9vmfKOx_okx7oBpQyIK5cnzaRBXc5EXIRcvLrVe7ym59CMM2ZPKcpjn0UuzoNghr40QPUfUs08nZ_gcP_Vlk/s1600/visualizacoes-dinamicas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Templates de visualização dinâmica" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0AOVSF4-j2KoakE40b8Yg87hasUBzY_EIsp7Scg7y5CgXiiUxcpVdHf-c9vmfKOx_okx7oBpQyIK5cnzaRBXc5EXIRcvLrVe7ym59CMM2ZPKcpjn0UuzoNghr40QPUfUs08nZ_gcP_Vlk/s1600/visualizacoes-dinamicas.png" title="Templates de visualização dinâmica" /></a></div>
<div style="text-align: justify;">
Qualquer blog do Blogger pode ser visto dinamicamente. Basta digitarmos "view," após o endereço do blog. Exemplo:<a href="http://www.dicasblogger.com.br/view/" target="_blank"> http://www.dicasblogger.com.br/view/</a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Além disso, é possível usarmos um dos 7 modelos disponíveis em nossos blogs. Todos eles possuem um visual <i>clean</i>, moderno e arrojado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
O modelo Magazine, por exemplo, confere um visual de site e o Snapshot fica muito bom em blogs de fotografias. Vejam um exemplo no <a href="http://www.templates.dicasblogger.com.br/?view=snapshot" target="_blank">DB Templates</a>:</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMudpNxKIzR53pavgApBLb5W3nr5wrZ9hTlIwO01o0Vf_J__1jLJolXYORgomypc66prCRRPM6aVGvjmP6w0y1tpT5qLa4hpv2Y7qAXLpWRLXs9Bg62VwiKtx-JWm5BCRO86uSLoGlWREz/s1600/snapshot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Snapshot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMudpNxKIzR53pavgApBLb5W3nr5wrZ9hTlIwO01o0Vf_J__1jLJolXYORgomypc66prCRRPM6aVGvjmP6w0y1tpT5qLa4hpv2Y7qAXLpWRLXs9Bg62VwiKtx-JWm5BCRO86uSLoGlWREz/s1600/snapshot.png" title="Snapshot" /></a></div>
<div style="color: #e69138;">
<b>Como colocar um template de visualização dinâmica no blog</b></div>
<ol>
<li>Entre em "modelo" e clique em "personalizar"</li>
<li>Escolha um dos modelos de visualização dinâmica</li>
<li>Clique em "avançado" para editar algumas cores ( não tem muitas opções)</li>
<li>Ao término, clique no botão "aplicar ao blog"</li>
</ol>
<div style="color: #e69138;">
<b>Como colocar gadgets na barra lateral</b><br />
<br />
<div style="color: #444444;">
<div style="text-align: justify;">
Nem todos os gadgets estão disponíveis para as visualizações dinâmicas. 
Nesses templates, temos apenas a opção de uma barra lateral que aparece 
quando passamos o mouse sobre ela. Vejam exemplo na imagem abaixo.</div>
</div>
<div style="color: #444444;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigjzT242tTgwbjGjIQ6aStuwUi3c8Gec48RnxmuCLGZgXoXj6tWQH1f6mwi2twXv9cLx7zd7xzQbJfGkxQ_au_q6sYPp22lO4oBebplHV2hfrOhDhlIlfglXaEatgYOdjuFORRXiMY-arM/s1600/barra-lateral.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Gadgets Barra Lateral" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigjzT242tTgwbjGjIQ6aStuwUi3c8Gec48RnxmuCLGZgXoXj6tWQH1f6mwi2twXv9cLx7zd7xzQbJfGkxQ_au_q6sYPp22lO4oBebplHV2hfrOhDhlIlfglXaEatgYOdjuFORRXiMY-arM/s1600/barra-lateral.png" title="Gadgets Barra Lateral" /></a></div>
<br />
<br />
<div style="text-align: justify;">
<b>Para adicionar gadgets a barra lateral</b>, entre em "layout" e clique em "adicionar gadget". Os gadgets disponíveis aparecerão com a mensagem "disponível para visualizações dinâmicas"</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVt-we9r7ax2vy4XLg0JVQZQIN8pop7slOA9bPY98UjpMCpwr69BBLEhyK1V0e_h7UUApei2KzVoBb65xf3B2tgb2nG4xfCCVx6E0dKBt6kRI0XXNNqI4tvegCdNaSH-PPhMRQwenfwu5r/s1600/gadgets.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Gadgets" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVt-we9r7ax2vy4XLg0JVQZQIN8pop7slOA9bPY98UjpMCpwr69BBLEhyK1V0e_h7UUApei2KzVoBb65xf3B2tgb2nG4xfCCVx6E0dKBt6kRI0XXNNqI4tvegCdNaSH-PPhMRQwenfwu5r/s1600/gadgets.png" title="Gadgets" /></a></div>
<div style="text-align: justify;">
Estou usando templates de visualizações dinâmicas em 3 dos meus blogs e notei que ao mudar de um template personalizado, para um dinâmico, todos os gadgets foram mantidos, mas - obviamente - nem todos funcionam. O único problema que encontrei foi referente ao serviços de estatísticas. O código do Google Analytics, por exemplo, parou de funcionar e, infelizmente, não foi possível inserir via HTML pois essa função encontra-se desabilitada nos templates de visualização dinâmica.<br />
<br />
<b>Atualização:</b> A Priscila descobriu como usar o Analytics nos templates de visualizações dinâmica. <a href="http://www.dicasblogger.com.br/2012/05/configurar-analytics-nos-templates-de.html" target="_blank">Clique aqui</a> para ler o post. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Apesar de lindos, esses modelos não são recomendados para blogs que necessitam de recursos mais avançados. Pelo que pude notar, o Adsense pode ser inserido apenas através do painel do Blogger, na guia "ganhos".<br />
<br />
Para desfazer o uso desses templates, basta escolher um dos modelos padrão ou enviar um modelo personalizado.<br />
<ul>
<li><a href="http://www.dicasblogger.com.br/2012/05/como-mudar-o-template-na-nova-interface.html" target="_blank">Como mudar o template no novo Blogger </a></li>
</ul>
</div>
<br />

Como usar os templates de visualizações dinâmicas

Um dos recursos mais legais dessa nova fase do Blogger, são os templates de visualizações dinâmicas . Eles são feitos usando AJAX, HTML5 e ...

Continue Lendo >>

10:58

Mudar domínio no Novo Blogger

Para mudar o domínio ( endereço do blog ) usando a nova interface, clique em "configurações" e depois em "básico". Na parte "publicação" vai aparecer o atual endereço (domínio, URL) do seu blog.<br />
<b>Para mudar apenas o endereço</b>, sem alterar o subdomínio - que por padrão é "blogspot.com.br", clique em "editar" (seta vermelha).<br />
<br />
<div style="text-align: center;">
<span style="color: red; font-size: large;"><b>Atualização</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>A configuração dos domínios personalizados no Blogger mudou. Acesse:</b></span></div>
<a href="http://www.dicasblogger.com.br/2012/09/como-configurar-CNAME-em-novos-dominios-personalizados-blogger.html" target="_blank">Como configurar CNAME em novos domínios personalizados</a> - Novo método.<br />
<a href="http://www.dicasblogger.com.br/2012/10/como-configurar-um-novo-dominio-no.html" target="_blank">Como configurar um novo domínio no Godaddy</a><br /><a href="http://www.dicasblogger.com.br/2012/09/como-configurar-um-novo-dominio-no-uol-host.html" target="_blank">Como configurar um novo domínio no Uol Host</a><br /><a href="http://www.dicasblogger.com.br/2012/12/como-resolver-erros-novos-dominios-personalizados.html" target="_blank">Como resolver erros em novos domínios personalizados</a><br /><br />
<b>Para colocar um domínio próprio</b> (.com, .com.br e etc), clique em "adicionar um domínio personalizado".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy15sihNVUkRHw2tcyDazN725I9SuVgsqHD3dZ-9FJTvTDhBWA_gU4HQXkGWpT0vX6A3fbMmhDGqBgKO555h_At3ttGPhEx4kVgx0qMOpBvchV0JJcf2EkOm4-EJ72AEdhzPHdk6y2R1Q/s1600/novoblogger-trocar-dominio.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy15sihNVUkRHw2tcyDazN725I9SuVgsqHD3dZ-9FJTvTDhBWA_gU4HQXkGWpT0vX6A3fbMmhDGqBgKO555h_At3ttGPhEx4kVgx0qMOpBvchV0JJcf2EkOm4-EJ72AEdhzPHdk6y2R1Q/s1600/novoblogger-trocar-dominio.png" title=" " /></a></div>
<div style="color: #e69138;">
<b>Trocando apenas o endereço do blog</b></div>
Conforme dito acima, o domínio que o Blogger oferece gratuitamente é "blogspot.com.br". Aliás, a denominação correta é "subdomínio". Quando criamos um blog, temos que escolher um endereço para ele. Na figura acima, vemos o seguinte endereço:<br />
<blockquote class="tr_bq">
<span style="background-color: yellow;">testedicasblogger</span>.blogspot.com.br</blockquote>
Ao clicarmos em "editar", aparecerá a opção de mudarmos esse endereço. Vejam:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzCOV03Y_-o1j98CKfbs1ylYLTeiJuozxg_wjgQR8CnBfQoqbR8ERhU_8kuAz_xYbaNdYKQN94DmOUc7z8jNj5kLWzpBA3takX0l0uUQUAIt7YGk0ktKB_k7qMKfj_-5MVeuPqdsONiRY/s1600/novoblogger-trocar-url.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzCOV03Y_-o1j98CKfbs1ylYLTeiJuozxg_wjgQR8CnBfQoqbR8ERhU_8kuAz_xYbaNdYKQN94DmOUc7z8jNj5kLWzpBA3takX0l0uUQUAIt7YGk0ktKB_k7qMKfj_-5MVeuPqdsONiRY/s1600/novoblogger-trocar-url.png" /></a></div>
No exemplo acima, eu adicionei a palavra "do", mas é possível trocar o endereço todo, menos o subdomínio "blogspot.com.br".<br />
Após alterar o endereço, clique em "salvar".<br />
<b style="color: #e69138;"><br /></b>
<b style="color: #e69138;">Colocando um domínio próprio</b><br />
Antes de mais nada, é preciso fazer algumas configurações no painel de controle de onde você comprou o domínio. Leiam os seguintes posts:<br />
<ul>
<li><a href="http://www.dicasblogger.com.br/2012/09/como-configurar-CNAME-em-novos-dominios-personalizados-blogger.html" target="_blank">Como configurar CNAME em novos domínios personalizados</a></li>
<li><a href="http://www.dicasblogger.com.br/2012/10/como-configurar-um-novo-dominio-no.html" target="_blank">Como configurar um novo domínio no Godaddy</a></li>
<li><a href="http://www.dicasblogger.com.br/2012/09/como-configurar-um-novo-dominio-no-uol-host.html" target="_blank">Como configurar um novo domínio no Uol Host</a></li>
<li><a href="http://support.google.com/blogger/bin/answer.py?hl=pt-BR&answer=58317" target="_blank">Ajuda do Blogger</a> (vários serviços de hospedagem)</li>
</ul>
Muito bem. Depois que configurarmos o DNS no serviço de host, voltamos ao painel do Blogger, conforme mostrei na primeira figura deste post.<br />
O Blogger oferece a opção de comprarmos um domínio em um serviço parceiro deles. Ao  clicar em "adicionar um domínio personalizado", vai aparecer o local para escrever o endereço e no menu ao lado o tipo de domínio (.com, .com.br e etc). Clique em "verificar disponibilidade" e siga os passos.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwq-tmXgKpIY-EYqeeCIntY5gT2h4MXy-QKwbYFe43yoay-bc_2BzngcHeeg7kqgrKWZ6A5W54maP6sEghX8aJqTIz0QSHWSLw4lxW2WZQZ2vZBtx0uo8ah9DB-Oukd86-I9wd6JogdMc/s1600/dominio-proprio-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwq-tmXgKpIY-EYqeeCIntY5gT2h4MXy-QKwbYFe43yoay-bc_2BzngcHeeg7kqgrKWZ6A5W54maP6sEghX8aJqTIz0QSHWSLw4lxW2WZQZ2vZBtx0uo8ah9DB-Oukd86-I9wd6JogdMc/s1600/dominio-proprio-blogger.png" /></a></div>
Se você adquiriu um domínio em outro local (Uol Host, Locaweb, Registro BR e etc), clique em"alternar para configurações avançadas" e escreva o endereço completo do domínio que você comprou. No exemplo abaixo, usei o próprio domínio do Dicas Blogger.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOoraYVeJYbmFcNGDflIuSactXjjAi0_CfrWt_ZGdWlkzrMtZci-3lZML8XiMBeS5KqYnYynX4viuVzYQul12olGzHQ-XtfLIXsJiB7IbBwtp9SY8uqM0Ypltjnsgamk5SDs2CwCJTEZD6/s1600/mudar-dominio-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOoraYVeJYbmFcNGDflIuSactXjjAi0_CfrWt_ZGdWlkzrMtZci-3lZML8XiMBeS5KqYnYynX4viuVzYQul12olGzHQ-XtfLIXsJiB7IbBwtp9SY8uqM0Ypltjnsgamk5SDs2CwCJTEZD6/s1600/mudar-dominio-blogger.png" title=" " /></a></div>
<br />
Clique em salvar e faça as <a href="http://www.dicasblogger.com.br/2012/09/como-configurar-CNAME-em-novos-dominios-personalizados-blogger.html" target="_blank">configurações de CNAME</a>. Caso apareça a mensagem "outro blog já está hospedado neste endereço", procure ajuda no <a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR" target="_blank">Fórum do Blogger</a>.<br />
Para configurar com ou sem www, acesse:<br />
<ul>
<li><a href="http://www.dicasblogger.com.br/2012/10/como-redirecionar-o-dominio-proprio-sem-www.html" target="_blank">Como redirecionar o domínio próprio sem o www</a></li>
</ul>
<div style="text-align: justify;">
<span style="background-color: #fce5cd;"><b><span style="color: red;">Observação: Alguns leitores estão chegando a este post reportando um erro na configuração de domínio, que afetou diversos blogs. Para mais informações acesse o artigo "<a href="http://www.dicasblogger.com.br/2012/09/erro-404-no-blogger.html?showChttp://www.dicasblogger.com.br/2012/09/erro-404-no-blogger.html" target="_blank">Erro 404 no Blogger</a>", que está abordando esse problema. </span></b></span></div>
<ul>
</ul>
<ul>
</ul>

Mudar domínio no Novo Blogger

Para mudar o domínio ( endereço do blog ) usando a nova interface, clique em "configurações" e depois em "básico". Na pa...

Continue Lendo >>

11:36

Como agendar posts no novo Blogger

Para programar posts no novo Blogger, para serem publicados em uma data ou hora anterior ou posterior ao momento em que o artigo foi escrito, devemos clicar no link "programar" (seta azul), escolher a data e a hora, clicar em "concluído" e depois clicar no botão "publicar" (seta vermelha);<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu5svMOIFBx0AZxB8JYoHSbGEnNWagdRl4ZbEl8B_gjOHySj3owg2Iiknd9W-uF_DbrExfej7itMqyUraV2MMZswZFF2jwshIr6CyMeH3VggrViFdyIaNexBTQwM0_gwr6mHA5YNHHqLoQ/s1600/novoblogger-agendar-posts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="agendar postagens" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu5svMOIFBx0AZxB8JYoHSbGEnNWagdRl4ZbEl8B_gjOHySj3owg2Iiknd9W-uF_DbrExfej7itMqyUraV2MMZswZFF2jwshIr6CyMeH3VggrViFdyIaNexBTQwM0_gwr6mHA5YNHHqLoQ/s1600/novoblogger-agendar-posts.png" title="Agendar Postagens Seta em Publicar" /></a></div>
Eu testei aqui no blog e todos os posts agendados foram publicados corretamente.<br />
Os posts aparecerão como "programados" na área de postagens.  Caso esteja escrito "rascunho", é porque o post não foi programado 
corretamente. Isso acontece, geralmente, porque esquecemos de clicar no 
botão "publicar". <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbWiPWg7fayXGPdBxXXD891GkMW6zrDPS23jTYALDEIF8Ya4fDD7trok3UhBcDaHh8b08coPIa3FBLIltSMoe7TagQlVL365apGTeyprET5ZfcztK2lI070_0L6HueF-Y3PlBI-weR6ST/s1600/posts-programados.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDbWiPWg7fayXGPdBxXXD891GkMW6zrDPS23jTYALDEIF8Ya4fDD7trok3UhBcDaHh8b08coPIa3FBLIltSMoe7TagQlVL365apGTeyprET5ZfcztK2lI070_0L6HueF-Y3PlBI-weR6ST/s1600/posts-programados.png" /></a></div>
<br />

Como agendar posts no novo Blogger

Para programar posts no novo Blogger, para serem publicados em uma data ou hora anterior ou posterior ao momento em que o artigo foi escrito...

Continue Lendo >>

10:00

Como fazer backup no novo Blogger

Com a mudança obrigatória para a nova interface é natural que os usuários encontrem dificuldades na hora de utilizar o painel do novo Blogger. Dependendo da alteração feita, ela pode afetar o blog e prejudicar todo o trabalho já realizado. Para que isso tipo de imprevisto não aconteça é fundamental fazer o backup e evitar futuras dores de cabeça. Nesse post estarei ensinando como fazer o backup do template e dos posts e comentários do blog.<br />
<br />
Primeiramente, recomendo a criação de uma pasta específica para salvar o backup do blog. Ex: Backup Blog.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKhH7viVmtwhwaFe-Y9dVgkiMLoaDD4z0LjJSo5lnM5Ti0gA7CP17fFoBlx_liFdK7roywQ6yWxXyQiSJgop6euxwqLgYE0bcYLXSKjLfmUH_uQNcgsKFZ4HaD9KGUBqh-sfMUZSRl8rY/s1600/Backup+Blog+Computador.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKhH7viVmtwhwaFe-Y9dVgkiMLoaDD4z0LjJSo5lnM5Ti0gA7CP17fFoBlx_liFdK7roywQ6yWxXyQiSJgop6euxwqLgYE0bcYLXSKjLfmUH_uQNcgsKFZ4HaD9KGUBqh-sfMUZSRl8rY/s400/Backup+Blog+Computador.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<b><u>Na primeira etapa</u></b>, acesse o painel do novo Blogger e clique em modelo:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinZu3y-nMFW-fSio0xceoUZkdTbYy5OSZ-LJdPTIWJ6aPT2umEn0rDbwYK8ltuEKwVQWkuMHull7iTUj3EVFr681S5LFNgI1RsyqrG2S1g0u9QvF700YvetDwqPi2XXmQ4B_oNPk9aa98/s1600/Novo+blogger+Modelo+Backup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinZu3y-nMFW-fSio0xceoUZkdTbYy5OSZ-LJdPTIWJ6aPT2umEn0rDbwYK8ltuEKwVQWkuMHull7iTUj3EVFr681S5LFNgI1RsyqrG2S1g0u9QvF700YvetDwqPi2XXmQ4B_oNPk9aa98/s400/Novo+blogger+Modelo+Backup.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Na próxima tela, no canto direito ao alto, você irá clicar em "Fazer Backup/Restaurar". <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy1AOXlJmSIYf3OgVWUreH8AtbS8H8-55jsjnkxYpkDhMw7cycIVv92hEWC3-Jc3xiL1FVKtoEraQChgtPRyu-8NPwUzd2FguwiUbhBwYsO2s5qeox3doIjLvs9fR89f-CgDI4bB240PQ/s1600/13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy1AOXlJmSIYf3OgVWUreH8AtbS8H8-55jsjnkxYpkDhMw7cycIVv92hEWC3-Jc3xiL1FVKtoEraQChgtPRyu-8NPwUzd2FguwiUbhBwYsO2s5qeox3doIjLvs9fR89f-CgDI4bB240PQ/s400/13.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Na tela que abrir, você irá clicar em "Fazer download do modelo completo". Agora é só selecionar a pasta onde irá arquivar o backup. Lembre-se que no início da postagem recomendei a criação de uma pasta específica para guardar esse tipo de arquivo. Se você a criou, salve dentro dela.<br />
<br />
<u><b>Na segunda etapa</b></u> você irá salvar as postagens e os comentários. Para isso, é necessário voltar ao painel de controle do novo Blogger e clicar em "configurações", em seguida em "outros".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitvYKncB-R1VwoI84b7o0CfdAeZAksn_NG9UhVKjFtzvFaHhdGAl5Q_yiyZy1QLfDNBL1RS1d-LbOmZ9LCb2WNBgyX8ZdD63ALwm1m4YzvyUaWYDFOUsvGdpcb-9az-Hotlg4bJ3CNPoE/s1600/Blog+Backup+Exportar+Configura%25C3%25A7%25C3%25A3o.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitvYKncB-R1VwoI84b7o0CfdAeZAksn_NG9UhVKjFtzvFaHhdGAl5Q_yiyZy1QLfDNBL1RS1d-LbOmZ9LCb2WNBgyX8ZdD63ALwm1m4YzvyUaWYDFOUsvGdpcb-9az-Hotlg4bJ3CNPoE/s400/Blog+Backup+Exportar+Configura%25C3%25A7%25C3%25A3o.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Nesta janela, você irá clicar em "exportar blog" e depois em "fazer download do blog". Então, selecione a pasta onde você irá guardar o arquivo, de preferência a que foi criada no início para manter os seus dados do seu blog a salvo.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiVhQlycgu2cT8lsAyALOhHrxJt-zzcMCMnxD-vurI088CIR3hMRYjyBS6U2vW4HGBpVtUlTGmZIR0l8RJSjUIYNz7c9m5hCfbHGg385BmrxN2-MMEIvijk4wjzL9Bmz-GaqiGcoXX2MU/s1600/Exportar+Blog+Backup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiVhQlycgu2cT8lsAyALOhHrxJt-zzcMCMnxD-vurI088CIR3hMRYjyBS6U2vW4HGBpVtUlTGmZIR0l8RJSjUIYNz7c9m5hCfbHGg385BmrxN2-MMEIvijk4wjzL9Bmz-GaqiGcoXX2MU/s400/Exportar+Blog+Backup.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
Pronto, agora é só mantê-los bem guardados e fazer os backups com certa regularidade, no mínimo a cada dois meses. Contudo, antes de qualquer alteração no html, siga os passos orientados na primeira etapa, pois se algo der errado, você terá como restaurar.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Não deixe de manter os dados do seu blog a salvo após a leitura desse post. Faça agora mesmo o backup!!!</div>

Como fazer backup no novo Blogger

Com a mudança obrigatória para a nova interface é natural que os usuários encontrem dificuldades na hora de utilizar o painel do novo Blogge...

Continue Lendo >>

15:00

Como mudar o template no novo Blogger

Para mudar o tema (modelo, template) na nova interface do Blogger, devemos acessar a guia "modelo" na coluna lateral esquerda no painel de configurações do blog.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBSfOtVUOjB_085xdvxB63zdKTXOIlYvSU1ZkkvtDKA1bre1rYuMqgPLkud3c1sR4t4gud3KhxeUyz3eYsOTS_3P142ILonMdZCbMwXyibq7f9nAv-nalpnhus0ExHVxEnSZO_shjyuM6T/s1600/novoblogger-template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBSfOtVUOjB_085xdvxB63zdKTXOIlYvSU1ZkkvtDKA1bre1rYuMqgPLkud3c1sR4t4gud3KhxeUyz3eYsOTS_3P142ILonMdZCbMwXyibq7f9nAv-nalpnhus0ExHVxEnSZO_shjyuM6T/s1600/novoblogger-template.png" /></a></div>
Clicando no botão "personalizar", iremos acessar os templates que são disponibilizados pelo próprio Blogger, chamados de Designer do Modelo.<br />
Para aprender a criar ou editar esses modelos, acesse este post:<br />
<ul>
<li><a href="http://www.dicasblogger.com.br/2010/03/como-criar-um-template-para-blogger.html" target="_blank">Como criar um template para Blogger/Blogspot</a></li>
</ul>
Clicando em "editar HTML", temos a opção de editar o modelo que está em uso. <br />
<br />
E para fazer o <b>backup do template</b> ou <b>enviar um template personalizado</b>, clicamos no botão <b>Fazer  backup/restaurar</b>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0zlkNoAcD7o12UkKzUgqqxipCCUtajAjOMd64IFmpb0tj_vPNd7KybAzXQtoZobxO_t2Q1RrIo-Xi5YHotec1azKw_4sQGKPW6rV5oLKYAAaTpNzBZuMLhPLZ0VJ9p5odEXM-F60QBLg/s1600/backup-template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0zlkNoAcD7o12UkKzUgqqxipCCUtajAjOMd64IFmpb0tj_vPNd7KybAzXQtoZobxO_t2Q1RrIo-Xi5YHotec1azKw_4sQGKPW6rV5oLKYAAaTpNzBZuMLhPLZ0VJ9p5odEXM-F60QBLg/s1600/backup-template.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEq6mageZ1vFpy-sp_HKE__AYhdzZk0kvSkMCxIVbty0fMjnpNS90tZxJTFoBkf1V34jo-MfDN_h_ukKWObMZQ57oWMSnRA2qp_8sfB9Cy2acncraM335nt4i3z7xEhae30-HXegUfD6Eu/s1600/template-novo-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEq6mageZ1vFpy-sp_HKE__AYhdzZk0kvSkMCxIVbty0fMjnpNS90tZxJTFoBkf1V34jo-MfDN_h_ukKWObMZQ57oWMSnRA2qp_8sfB9Cy2acncraM335nt4i3z7xEhae30-HXegUfD6Eu/s1600/template-novo-blogger.png" /></a></div>
Post de referência (antiga interface): <a href="http://www.dicasblogger.com.br/2010/09/mudar-template-blogger-blogspot.html" target="_blank">Como mudar o template do Blogger</a><br />
<br />
<b>Onde baixar templates personalizados:</b><br />
<a href="http://btemplates.com/" target="_blank">bTemplates</a><br />
<a href="http://www.soratemplates.com/" target="_blank">Sora Templates </a><b></b><br />
<a href="http://www.dicasblogger.com.br/2010/02/templates-para-blogger-blogspot.html" target="_blank">Templates para Blogger</a><b><br /></b><br />
<br />

Como mudar o template no novo Blogger

Para mudar o tema (modelo, template) na nova interface do Blogger, devemos acessar a guia "modelo" na coluna lateral esquerda no p...

Continue Lendo >>

10:30

Como mudar o layout no novo Blogger

Dando continuidade à série de artigos sobre a nova interface do Blogger, hoje explicarei como alterar o layout do Blogger - antes denominado de <a href="http://www.dicasblogger.com.br/2009/01/os-elementos-de-pagina-do-blogger.html" target="_blank">elementos de páginas</a>. Acesse o blog que receberá a alteração e, na coluna lateral esquerda, clique em "layout"<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2E-Qr7658MXc_9POWBOtr_QJOWRrCVr15dFn-vhXM9BcAa07m2-5ogkwj6CUuLMUc4Ip6HOofZ7SOqjsPPaVMnPMicdkrvPubVMzAJ5thcCFm7B-CEy__8IiPMJiKSZ0yOY1d2stQDnx7/s1600/novoblogger-layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2E-Qr7658MXc_9POWBOtr_QJOWRrCVr15dFn-vhXM9BcAa07m2-5ogkwj6CUuLMUc4Ip6HOofZ7SOqjsPPaVMnPMicdkrvPubVMzAJ5thcCFm7B-CEy__8IiPMJiKSZ0yOY1d2stQDnx7/s1600/novoblogger-layout.png" /></a></div>
<b>Como instalar gadgets</b><br />
Para adicionar um gadget, instalando novos recursos em seu blog, clique em "adicionar gadget" e escolha um dos gadgets disponíveis.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM7MWH2exh1_apnJ_4oxq7SjuTg5hTJ0O7drZqhq-PP3nH_wjkvP0qEbhlFEZzyljHWQQVIgBLyCoRbyJuQypX7SNLPQHahOyO2R_19HA5Nb6ujTlzBTR2p8zqYYbkyoXkqrnPIJBOOZm5/s1600/novoblogger-adicionargadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM7MWH2exh1_apnJ_4oxq7SjuTg5hTJ0O7drZqhq-PP3nH_wjkvP0qEbhlFEZzyljHWQQVIgBLyCoRbyJuQypX7SNLPQHahOyO2R_19HA5Nb6ujTlzBTR2p8zqYYbkyoXkqrnPIJBOOZm5/s1600/novoblogger-adicionargadget.png" /></a></div>
O Blogger disponibiliza várias gadgets bacanas, mas caso você queira conhecer outras opções, <a href="http://www.dicasblogger.com.br/search/label/Gadgets" target="_blank">clique aqui</a><br />
<br />
<b>Como configurar o layout das postagens</b><br />
Você pode alterar diversas funções de suas postagens, clicando em "editar" no elemento "postagens do blog"<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06HUqZRqd7TEkHDTZHhSreghKO9_r-y8EzkWNeLyJY7-Gc3ai2Zju99aenxUwIGBNfvJeC3YaCSQhJu-MBnIHMAAqQDRvVnVsILnY8x3W5KYImKibRLhiDb261K-zLTtQtemsVGMjemNm/s1600/novoblogger-editar-postagens.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06HUqZRqd7TEkHDTZHhSreghKO9_r-y8EzkWNeLyJY7-Gc3ai2Zju99aenxUwIGBNfvJeC3YaCSQhJu-MBnIHMAAqQDRvVnVsILnY8x3W5KYImKibRLhiDb261K-zLTtQtemsVGMjemNm/s1600/novoblogger-editar-postagens.png" /></a></div>
Depois que fazemos as mudanças, podemos clicar no botão "visualizar" para conferir como ficou. Se ficar bacana, clicamos em "salvar organização" e pronto.

Como mudar o layout no novo Blogger

Dando continuidade à série de artigos sobre a nova interface do Blogger, hoje explicarei como alterar o layout do Blogger - antes denominado...

Continue Lendo >>

15:00

Como colocar links que abram em uma nova janela

No novo editor de posts do Blogger, é possível fazer links abrirem em uma nova aba ou janela, sem a necessiade de incluir códigos, como antigamente<br />
<ul>
<li><a href="http://www.google.com/url?q=http://www.dicasblogger.com.br/2009/06/abrir-links-em-nova-aba-ou-janela.html&sa=U&ei=_jKgT4GQK8yftwfH4sCDAg&ved=0CAUQFjAA&client=internal-uds-cse&usg=AFQjCNE7prn30mhlacNc2oA846tav4IjEg" target="_blank">Como abrir links em nova aba</a></li>
</ul>
<b>Como colocar um link </b><br />
Escreva a frase ou palavra, passe o mouse sobre e clique em "link"<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRF113-SeAkDvxPVIJ9wUEVKso-3Zu_s6hQs6HO_-O5_EPBNrlX4kRmb28WmTmE9ZI7y5BgTQTjdyvA26-KKQu2jfKrjuM65uwg7pIZpd71m2dm9bkM5zmXlQfWV6UM6SZ8sKRSKLu8Js/s1600/novoblogger-links.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxRF113-SeAkDvxPVIJ9wUEVKso-3Zu_s6hQs6HO_-O5_EPBNrlX4kRmb28WmTmE9ZI7y5BgTQTjdyvA26-KKQu2jfKrjuM65uwg7pIZpd71m2dm9bkM5zmXlQfWV6UM6SZ8sKRSKLu8Js/s1600/novoblogger-links.png" /></a></div>
Em "edit link",  cole ou escreva o link na caixa  <b>web address</b>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhFR8RbGSvPpQF3Vuhmr-Q4ZZQy-_7q15IsluncKe-lw7mZ_mZ6YhGtLrdGjfs6C_4-DddDXBGqsXzV87nEWRkFjLKCda78AkstDDi6XiAhYXDfF9Ts1UOjwzMTJ3P74IVKBuvUcLXSCxE/s1600/edit-link.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhFR8RbGSvPpQF3Vuhmr-Q4ZZQy-_7q15IsluncKe-lw7mZ_mZ6YhGtLrdGjfs6C_4-DddDXBGqsXzV87nEWRkFjLKCda78AkstDDi6XiAhYXDfF9Ts1UOjwzMTJ3P74IVKBuvUcLXSCxE/s1600/edit-link.png" /></a></div>
<br />
<b><br /></b><br />
<b>Como fazer o link abrir em uma nova janela</b><br />
Ao clicar em "link", marque a opção "open this link in a new window"<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6dAt05ghiIKXEY8cWGqBwwj1-i9dFX3fIAq_QgxQ-ZxgPld1FhIRTpA0HDaPowjqL4Vt_QcLohyphenhyphenNJmqNHaFF7yXpA2lwwJDoSnJsCJdlUeg8rQGo3YeLU8P8iOmvLIjDraEEst6DrDAJ/s1600/novoblogger-link-nova-aba.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6dAt05ghiIKXEY8cWGqBwwj1-i9dFX3fIAq_QgxQ-ZxgPld1FhIRTpA0HDaPowjqL4Vt_QcLohyphenhyphenNJmqNHaFF7yXpA2lwwJDoSnJsCJdlUeg8rQGo3YeLU8P8iOmvLIjDraEEst6DrDAJ/s1600/novoblogger-link-nova-aba.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />

Como colocar links que abram em uma nova janela

No novo editor de posts do Blogger, é possível fazer links abrirem em uma nova aba ou janela, sem a necessiade de incluir códigos, como anti...

Continue Lendo >>

16:16

Nova Interface: como gerenciar os comentários

Na nova interface do Blogger, o gerenciamento de comentários não mudou muito. Ao acessar o link "comentários", na coluna lateral do painel de configurações, temos a seguinte imagem:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-WhbGXxj3bl4eMNr77BEEE6RcRZEsW4-D8ZSyeuz-4Y9ehoY_amCsm0gV-dFeP9qQ7XrqTx36q36o_WSfExB8FXu2oS-iEdKfZiRY3mdOG9hE-Fa4rJBf_wkl65L1LzLlPYqiAk05YhRB/s1600/novoblogger-comentarios.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-WhbGXxj3bl4eMNr77BEEE6RcRZEsW4-D8ZSyeuz-4Y9ehoY_amCsm0gV-dFeP9qQ7XrqTx36q36o_WSfExB8FXu2oS-iEdKfZiRY3mdOG9hE-Fa4rJBf_wkl65L1LzLlPYqiAk05YhRB/s1600/novoblogger-comentarios.png" /></a></div>
Ainda na coluna de configurações, podemos acessar os comentários já publicados, os que estão aguardando moderação e os que foram enviados, automaticamente, para a pasta spam.<br />
Dos <b>comentários que já foram publicados</b>, temos as seguintes opções:<br />
<ol>
<li>Remover conteúdo: apenas remove o comentário, deixando a seguinte mensagem: <i>Este comentário foi removido por um administrador do blog</i> </li>
<li>Excluir: o comentário é apagado</li>
<li>Spam: move o comentário para a pasta de spam</li>
</ol>
Dos <b>comentários aguardando moderação</b>, temos estas opções:<br />
<ol>
<li>Publicar: publica o comentário</li>
<li>Excluir: apaga o comentário</li>
<li>Spam: move o comentário para a pasta spam </li>
</ol>
Para configurar os comentários, clique em "configurações", "postagens e comentários":<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ2ct2G0EDeNoT0EmwExJDgNGe_T3MUOxbRrBHfNMaz6cc17fdYjUd-H451UK_TU3mgKwlZ2KIkKC5JYD-qmW2G85CAaRNPdeCTU4REcmahsIBJlPaEu6l4RxNpDk-OCTODcvvPKtLq9L4/s1600/novoblogger-configurar-comentarios.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ2ct2G0EDeNoT0EmwExJDgNGe_T3MUOxbRrBHfNMaz6cc17fdYjUd-H451UK_TU3mgKwlZ2KIkKC5JYD-qmW2G85CAaRNPdeCTU4REcmahsIBJlPaEu6l4RxNpDk-OCTODcvvPKtLq9L4/s1600/novoblogger-configurar-comentarios.png" /></a></div>

Nova Interface: como gerenciar os comentários

Na nova interface do Blogger, o gerenciamento de comentários não mudou muito. Ao acessar o link "comentários", na coluna lateral d...

Continue Lendo >>

10:53

Novo Blogger: Criar e gerenciar posts

<p>Na nova interface, temos recursos mais avançados para criação, edição e gerenciamentos de nossos posts. É possível acompanhar as estatísticas de visitação e as indicações de cada post no Google+.</p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgghxqWficwUjWwq4azDecr1QGO1ROftKhgg4A1QO0Zm6vc_Q7NK0DEN717No82dUNw7CLwo5fM_4LdVmmHqH7VI8gQAwGKVDvnUSaxSbLOsa5MMsZ0czk0H6M2T0jue1Pk2eTxaCQY-UYN/s1600-h/novoblogger-postagens%25255B5%25255D.png"><img alt="novoblogger-postagens" border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKqLl0aQuAWzSYbAPLs6_JKV9ftHe1EF9nLUV5yCvkQdZ8cgAPzmYhETIobJA9XwX6-Sp7m9FdY0rjT3Ubb0gH_rrBCqqgZ8yHy5eYnRmLNztQ_md2EyfCNiOrZMsqJQ-sZO1W8oNpH-4V/?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="novoblogger-postagens" width="552" /></a></p>  <p>Na imagem acima, vemos o painel de postagens do Dicas Blogger (seta vermelha grande). Ao passar o mouse por cada post, encontramos as opções “editar”, “visualizar” e “excluir” (setas pequenas na cor azul). Mais á frente, temos as estatísticas do Google+, dos comentários e das viositações, respectivamente.</p>  <p><strong>Como criar um novo post/postagem</strong></p>  <p>Clique no botão “Nova Postagem” (seta verde)</p>  <p><strong>Como excluir um post</strong></p>  <p>Passe o mouse sobre o post e clique em excluir</p>  <p><strong>Como editar um post</strong></p>  <p>Passe o mouse sobre o post e clique em editar</p>  <p><strong>Como inserir marcadores</strong></p>  <p>Marque os posts que receberão o novo marcador e depois clique no ícone que parece uma etiqueta. Escolha um dos marcadores existentes ou clique em “novo marcador”</p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQai_5sRQSyd8oCzyn5uU5ip7WdyBMpF7_kzPW83RXHePLCX5Ler6gNxGN1LmE4BqoTYLT6yVKjadPpixplapxM1dSvwFbEvzgeiETgdym2_ekMyiiQJ1EppnRnPysxGUnYXiPQiLLvAcI/s1600-h/novoblogger-marcadores%25255B5%25255D.png"><img alt="novoblogger-marcadores" border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8gGD2_a31NdCvG4coeg-8VQMRa1LNJAy6NLRVQHd3bf6T029TbLigkUb_iL2iy2Fw1iqIBuP-o-Fwz-NsOKE57InJxKcg_Kz-g-qeWZZH6YBt2f8_a-jp1DNUNPwFoxADmvpvWydRUVGr/?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="novoblogger-marcadores" width="552" /></a></p>  <p>Os marcadores também podem ser inseridos durante a criação do post</p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-xFklOARNPT1aGuDtZ6N_tOCTEeeocmvQswsMGCtkDJrkPilz9g-mUdO8fF2RoSQdQi2lAVsS_fGk7ZkIbO_-r1Qvhg_UbKFueo04mzcK-m-m_j_ns-cXfEtXLt2Dz1ALzeJOeQzmn5T0/s1600-h/novoblogger-marcadores-posts%25255B5%25255D.png"><img alt="novoblogger-marcadores-posts" border="0" height="377" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIGt1Nz3SUVOoaWiF1EJfHlYq8gSa_sK6iQcsXTqwFpyJVSZy9EmT65g2H-Uz7rpD148Fr-mYpfi6GF79aEzsxFqDJmHIcDnRX3fgToYuKISvIFSzfKu4Bn2OpDrG_tUb7VRmaTBO7avY3/?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="novoblogger-marcadores-posts" width="552" /></a></p>  <p><strong><font color="#f79646">Novo editor de postagens</font></strong></p>  <p>O novo editor de postagens apresenta a seguinte visão:</p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCcBfrWT6FH1wWg_YSFNJiSGEAosO_p-t1dX4aGvZtd8MhTUuJxsSAWekHXE9cUNqZ-VWLjiIaEYJchhbEYZmMaCx7uwaJ8eFeZd4egZSZ4a87D-NHz7l60N4vwLjH9a0LCtlmnAize965/s1600-h/image%25255B16%25255D.png"><img alt="novoblogger-editor" border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiitegg_nBPm44ca9-nZcMdeCm_ocK_-Vbj2HJcrT1rQuqJMgzip9OXfdkwDUB6GInvEHJOIEKYC-ei4sBIwYsv671MpTYh7MK09xWM5VT6IDxInIDzA-FO9jttlvWXvzHpsOukBLjXV1Sp/?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="novoblogger-editor" width="552" /></a></p>  <p>A barra de formatação do texto mantém quase a mesma. O que mudou foram as configurações. Na direita vemos as opções: marcadores (já citado acima), programar, local, links anexados e opções.</p>  <p><strong>Como programar uma postagem</strong></p>  <p>Escreva o post, clique em “programar” e defina uma data para a publicação</p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7JD2JgZR5ACaQWk8TbLppu_s70Mnz14f07y-tmWDuzbeZXHMzamKjE_ALSgysGngXEx3o1zSlUNI1fijvEnoN-tIA3fS-GXqgd45DJlMpI72JL7KApr4Q6Y6upWMwFGCZ79FUiTTDmHB1/s1600-h/image%25255B18%25255D.png"><img alt="novoblogger-programar" border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx5vQqgXt6d4UARAMXBqO2P1-N3Wf1MV2UUCg2cyarxiNaM4xzqNQ7TbsSR5_dqJA2CucPZfjXU6o3csV81eRM_JOwOPNjUUBtH7p9FjuKOFR24HE3QTaNEGXCoWxjJ-X4V01Dr03ze98L/?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="novoblogger-programar" width="552" /></a></p>  <p> </p>  <p><strong>Como gerenciar comentários</strong></p>  <p>Clique em opções e escolha  se vai ou não permitir comentários</p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh6EQjSBH1BylDy_R4aPz4J-yzvG3gommsITG-ZxHKS4PcKh3MMSo-l_640N34Pb8hVlz37N0yn6aCq06Vm9IiIULqofjwkCrRujj2LcY9f1jH2KKJNFLs-8enwNkbO9I9pr5Zvu_d_OKq/s1600-h/image%25255B20%25255D.png"><img alt="novoblogger-comentarios" border="0" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU1GAN4c3Et39Sk_nF1-YHSWKlPMxMKWMWOhxipLhwu43T03MB206gMRCD7l0s3RN814NGfk3ADWqQxYRBNXJBwbuLh8WGpWILFvd9oJNkBbVuVhDAMMLdk32TzC95PPLYLqwZaBN0tQHY/?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="novoblogger-comentarios" width="552" /></a></p>

Novo Blogger: Criar e gerenciar posts

Na nova interface, temos recursos mais avançados para criação, edição e gerenciamentos de nossos posts. É possível acompanhar as estatística...

Continue Lendo >>

10:49

Como usar a nova interface do Blogger

<p>Hoje iniciamos uma série de posts ensinando a usar a nova interface do Blogger. Quando necessário, iremos incluir posts com a antiga interface como referência de pesquisa.  Recomendo que os novatos acessem esses links de referência, a fim de obterem um conhecimento mais avançado sobre cada recurso do Blogger.    <br />No novo Blogger, assim que logamos, temos a seguinte visão :     <br />    <br /></p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DIo2Jn8bkXm3WAL3Mq5-7Bv3zqHjt5hGLZzg_0tpUJTodXg2vlCMTwWqVIQq69eoiI4jAHeZIF7BvcpW0PN2W64tEi8gHXjXxEKz3bEYWxAZKvZ0vATgvWmTDyBzXegwLrN_2tjXThyA/s1600-h/image%25255B4%25255D.png"><img alt="nova-interface-blogger" border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghWao1j-gvhj4ed1oZtdj5EC1P6SEsGU-9kcoN4cg5vD9xbiVyxlOuNd5JgE2jdAx6FBwFj6kpl0D1wAaBbohhYgKnV5K73MsUmwenF1eMStmcoOv48R6F8Mqxo7hef4vUMzVUF1j9jQu0/?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="Nova Interface" width="536" /></a>     <br />    <br />No alto, à direita, encontramos as configurações de idioma e, logo ao lado, as configurações da conta do Blogger. Abaixo, aparecem todos os blogs vinculados à conta em que estamos logados. Para acessar as configurações de cada blog, clique sobre o nome do blog que você deseja configurar.     <br /><b>Visão Geral</b>     <br />    <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ4XYywM7sLiNOoTb4XQI74_d13mPKTW9QEvQNPGNXy_hTORV1KahVsPhWlMzKcIWkCIx_SkbcMttWgJY54_ot4f7Duj7FBybiIX6ZzxWP-41A9nPWYjL_Z-XlPNdQNI75aAWQnuCEsaAM/s1600-h/image5%25255B4%25255D.png"><img alt="novoblogger" border="0" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqf5kdiVLDPLHfdw7Wnnc1WNalOye1xbeY57UGG6ZoA0IZEwedUCda2Uir39h-5WusXswbVWO_sUuYQdHJ9VJl7kCKmkMwoUdUH7-5tUXuRR-eMr82oaj2Tt4ijGlBxfGJhDsKd2MFBfe/?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="Nova Interface - visão geral" width="536" /></a>     <br />    <br />Ao clicar no nome do blog, encontramos uma espécie de resumo, denominado “visão geral”. Notem que existe uma coluna de links à esquerda. São esses links que nos levarão à todas as configurações de nosso blog. </p>  <p><b>Postagens</b> </p>  <p>   <br />Nesse link, temos acesso a: </p>  <ul>   <li>todos os posts, inclusive os rascunhos </li>    <li>estatísticas de cada post, incluindo o Google+ e comentários </li>    <li>opções de visualizar, excluir e editar </li>    <li>marcadores      <br /></li> </ul>  <br /><b>Páginas</b>   <ul>   <li>Criação, edição e gerenciamento de páginas estáticas. </li>    <li>Essas páginas poderão der utilizadas no gadget “páginas” </li> </ul>  <br /><b>Comentários</b>   <ul>   <li>Aprovação, visualização e exclusão de comentários      <br /></li> </ul>  <br /><b>Estatísticas</b>   <ul>   <br />    <li>Dados de visitações por dia, mês e ano </li> </ul>  <br /><b>Ganhos</b>   <ul>   <li>Lucros com o Google Adsense, quando for o caso.      <br /></li> </ul>  <br /><b>Layout</b>   <ul>   <li>Acesso aos elementos de página e gadgets </li> </ul>  <br /><b>Modelo</b>   <ul>   <li>Edição do template via HTML ou designer do modelo </li> </ul>  <br /><b>Configurações</b>   <ul>   <li>Acesso às configurações mais avançadas do blog </li> </ul>  <br />A seguir, iremos explicar cada uma dessas funções.

Como usar a nova interface do Blogger

Hoje iniciamos uma série de posts ensinando a usar a nova interface do Blogger. Quando necessário, iremos incluir posts com a antiga interfa...

Continue Lendo >>

10:48