Dicas Blogger: Teilor

Home » Categories: Teilor

Mostrando postagens com marcador Teilor. Mostrar todas as postagens

Novidades: Visualizações Dinâmicas mobile e nova Navbar

<br />
<div style="text-align: justify;">
Essa semana a equipe do Blogger lançou duas novidades bem legais.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A primeira é a possibilidade de usar as <a href="http://www.dicasblogger.com.br/2011/04/novas-opcoes-de-visualizacoes.html" target="_blank">Visualizações Dinâmicas</a> nos templates mobile. Ao acessar a aba <b><span style="color: #444444;">Modelo</span></b> no painel do Blogger, você tem a opção de configurar o template do seu blog exibido em desktops mas também tem a possibilidade de ativar e configurar um template específico para quem acessa seu blog através de dispositivos mobile, como por exemplo smartphones e tablets. Veja o anuncio oficial da novidade no <a href="http://buzz.blogger.com/2012/08/dynamic-mobile-reading-experience.html" target="_blank">Blogger Buzz</a> </div>
<div style="text-align: justify;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1vCFNn7TfLLHWa95GCbeB2oMxg4wGwX7_9OQkHrzTDTAvgcslz7T-JWoLXh4PW-qsd5RcdCZbGNVfFBn4-btaUCNH_ZwEAJaKPV6GpEUG3PMFa32gDHggisKLmelEB6mK6Q3BJYuFJ0o/s1600/modelo_blogger.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1vCFNn7TfLLHWa95GCbeB2oMxg4wGwX7_9OQkHrzTDTAvgcslz7T-JWoLXh4PW-qsd5RcdCZbGNVfFBn4-btaUCNH_ZwEAJaKPV6GpEUG3PMFa32gDHggisKLmelEB6mK6Q3BJYuFJ0o/s400/modelo_blogger.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Acesse a aba Modelo no painel do Blogger para configurar seu<br />
template mobile</td></tr>
</tbody></table>
<div style="text-align: justify;">
Ao incluir a possibilidade de usar as Visualizações Dinâmicas nos templates mobile, a equipe do Blogger espera tornar possível para os blogueiros otimizar a experiência dos seus visitantes. Para aqueles que acessarem seu blog em dispositivos com telas menores será mostrado o modelo “Classic” das Visualizações Dinâmicas, já aqueles que acessarem usando telas maiores, como a de um tablet por exemplo, terão uma experiências bem mais próxima da apresentada no desktop. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
A segunda novidade é a atualização da navbar, aquela barrinha que fica no topo de blogs hospedados no Blogger. Por enquanto, apenas alguns blogs receberam a atualização, mas não deve demorar para que todos os blogs da plataforma sejam atualizados.</div>
<div style="text-align: justify;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgehlg76kmZWI-J3YivkFn0GydcuubHE1U6pgNOFhu8-fi9w98qwyjmkIFZy0pUiMKWwytRNBoUOE__4ojCw-4T5Jdiib3vjK2Hi9-H9QeqQOMeqMBwFDcaREdOr4Sw3G7oiMAgu_FAGDk/s1600/nova_navbar_blogger.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgehlg76kmZWI-J3YivkFn0GydcuubHE1U6pgNOFhu8-fi9w98qwyjmkIFZy0pUiMKWwytRNBoUOE__4ojCw-4T5Jdiib3vjK2Hi9-H9QeqQOMeqMBwFDcaREdOr4Sw3G7oiMAgu_FAGDk/s640/nova_navbar_blogger.png" width="520" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Nova navbar (clique para expandir)</td></tr>
</tbody></table>
<div style="text-align: justify;">
<br />
A mudança não é muito drástica, e vem apenas para incluir mais opções de compartilhamento, com destaque para o Google+. Ao clicar no botão <b>Compartilhar</b>, você pode enviar a home ou a postagem do blog que estiver visualizando para a rede social do Google. Esse novo recurso é bem mais prático do que aqueles botões de compartilhamento que alguns blogueiros adicionam através de hacks em suas postagens e muito mais destacado do que os botões de compartilhamento padrão do Blogger. Caso você tenha desativado a navbar em seu blog não precisa se preocupar; apesar da atualização ela continuará desabilitada.</div>

Novidades: Visualizações Dinâmicas mobile e nova Navbar

Essa semana a equipe do Blogger lançou duas novidades bem legais. A primeira é a possibilidade de usar as Visualizações Dinâmicas nos...

Continue Lendo >>

21:21

Novidade: aba Google+ no painel do Blogger

<div style="text-align: justify;">
Nesta última semana a equipe do Blogger deu mais uma passo na integração com a nova rede social do Google, – que eles juram não ser uma rede social, mas sim uma <i>camada social </i>para os seus serviços – e incluiu a <b>aba Google+</b> no painel administrativo do Blogger. Veja o <a href="http://productforums.google.com/forum/#%21category-topic/blogger-pt/YIAmXu8b4jw" target="_blank">anúncio no Fórum Oficial</a>.<br />
<br />
Ao acessar a nova opção no seu painel administrativo, você pode ver diferentes opções de acordo com o uso que você já faz do Google+. Caso você ainda não tenha <a href="http://www.dicasblogger.com.br/2012/06/associar-perfil-do-blogger-ao-google.html" target="_blank">associado o seu perfil do Blogger ao Google+</a>, será solicitado a faze-lo – como no exemplo da imagem abaixo. Depois de associar seu blog ao seu perfil, ou caso já o tenha feito anteriormente, será apresentada a possibilidade de criar uma página para o seu blog no Google+ ou selecionar entre uma das já existentes na sua conta.</div>
<div style="text-align: justify;">
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3hO9qx_zilHoWpuyWln5G-uLTGpOl4eo3DU3yvzx_zLyght72YgxriuYyAiPhUsgWlXaFiARtKo4N3vCffBYmCzEHIRNAluQH_yodncojBOGDZDlFomV02rMhv2_S9VSW0UEkGBqrbgo/s1600/aba_google%252B_blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3hO9qx_zilHoWpuyWln5G-uLTGpOl4eo3DU3yvzx_zLyght72YgxriuYyAiPhUsgWlXaFiARtKo4N3vCffBYmCzEHIRNAluQH_yodncojBOGDZDlFomV02rMhv2_S9VSW0UEkGBqrbgo/s400/aba_google%252B_blogger.png" width="400" /></a></div>
<br />Se você ainda não tem uma página no Google+ recomendo, fortemente que você crie uma, pois através dela, você pode alcançar de forma bem mais efetiva os seus leitores que estão usando essa nova rede social. Se você ainda não criou seu prefil no Google+ também recomendo que resolva isso logo, e aproveite para adicionar a <a href="https://plus.google.com/118113041588182046931" target="_blank">página do Dicas Blogger</a> nos seus círculos.<br />
<br /></div>

Novidade: aba Google+ no painel do Blogger

Nesta última semana a equipe do Blogger deu mais uma passo na integração com a nova rede social do Google, – que eles juram não ser uma red...

Continue Lendo >>

07:00

Novidade: opção Editar HTML disponível nas Visualizações Dinâmicas

<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPU_XTeH3btJVod2j3eTedz5x_9LPN6gNvyok2yZf3uoKKL4FsiSm-LUHQHfyn9_GjtbKFRWGGx24hD-ejMMSZuCYJnG9YG9AFHAgM2-S5hzUqDfGxa7X2ztRw0I6uHM8XY3O_Y-LKqT4/s1600/Snapshot.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPU_XTeH3btJVod2j3eTedz5x_9LPN6gNvyok2yZf3uoKKL4FsiSm-LUHQHfyn9_GjtbKFRWGGx24hD-ejMMSZuCYJnG9YG9AFHAgM2-S5hzUqDfGxa7X2ztRw0I6uHM8XY3O_Y-LKqT4/s200/Snapshot.png" width="200" /></a></div>
<div style="text-align: justify;">
Quando foram  lançados os templates de <a href="http://www.dicasblogger.com.br/2012/05/usar-template-visualizacao-dinamica.html" target="_blank">Visualização Dinâmica</a> no Blogger, umas das principais reclamações em relação à novidade era o fato destes novos modelos terem configurações muito restritas e principalmente, não permitirem editar o HTML do template, algo que alguns blogueiros estão acostumados a fazer para adicionar funções aos seus blog e customizar seus layouts. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pois parece que o Blogger recebeu o feedback e, embora ainda não tenha sido feito nenhum anúncio oficial, se você acessar a guia <b>Modelo</b> do seu blog e estiver usando as visualizações dinâmicas, verá que o botão <b>Editar HTML</b> aparece habilitado agora, da mesma forma que nos templates padrão da plataforma.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Essa novidade abre inúmeras possibilidades para blogueiros que gostariam de usar as visualizações dinâmicas, mas que também querem manter a possibilidade de personalizar seus blogs além das opções oferecidas por padrão pelo Blogger. Ainda não testei a novidade à fundo, para ver o que funciona e o que não funciona, mas acredito que muita coisa interessante vai surgir á partir dessa nova opção no Blogger.</div>

Novidade: opção Editar HTML disponível nas Visualizações Dinâmicas

Quando foram lançados os templates de Visualização Dinâmica no Blogger, umas das principais reclamações em relação à novidade era o fat...

Continue Lendo >>

12:15

Envie fotos e vídeos direto da sua webcam para o Blogger

O Blogger disponibilizou uma nova funcionalidade bem interessante no editor de postagens. Agora é possível enviar fotos e vídeos diretamente da sua webcam. A novidade foi anunciada pela equipe <a href="https://plus.google.com/u/0/110587955497525318489/posts/HFBn2TeGkCY" target="_blank">através do perfil do Blogger no Google+</a>.  <br />  <br />  <div style="text-align: center; clear: both" class="separator"><a href="https://plus.google.com/u/0/110587955497525318489/posts/HFBn2TeGkCY"><img alt="Screen Shot 2012-04-04 at 10.20.08 PM" border="0" height="370" src="http://lh6.ggpht.com/-OYebZNwXFL0/T33ZMnE-x5I/AAAAAAAAC-c/kcTYLgm15oc/Screen%252520Shot%2525202012-04-04%252520at%25252010.20.08%252520PM%25255B5%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; margin: 0px auto; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top: 0px; border-right: 0px; padding-top: 0px" title="Screen Shot 2012-04-04 at 10.20.08 PM" width="596" /></a></div>  <br />  <br />Ao clicar no ícone de adicionar imagens você terá a opção <b>From your webcam</b>, nesta opção você pode tirar até três <i>instantâneos </i>e escolher o melhor para adicionar a sua postagem. Já ao clicar no ícone de adicionar vídeos você pode usar sua webcam para gravar um vídeo de até 15 minutos. Ao fim da gravação você tem a opção de assistir o vídeo antes de adicioná-lo a sua postagem.   <br />  <br />Achei este novo recurso fantástico, pois com ele é possível fazer muita coisa legal. Usar o envio de vídeos para criar um videocast no seu blog é apenas uma das possibilidades. Se você pretende editar seus vídeos e disponibiza-los em alta qualidade na internet o Youtube ainda é a melhor opção, mas se você quiser apenar conversar “cara a cara” com seu leitores de uma maneira rápida e fácil, esse novo recurso será de grande ajuda.

Envie fotos e vídeos direto da sua webcam para o Blogger

O Blogger disponibilizou uma nova funcionalidade bem interessante no editor de postagens. Agora é possível enviar fotos e vídeos diretamente...

Continue Lendo >>

14:38

É hora de dizer adeus à antiga interface do Blogger

<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW4nfHY0xUxhEcf0JLV0XzkhmNc2Bir6Um2t656doKaugnGrJvV_zReR9W3mRNnCmZ6DP7-WoEHCaQaCzf34Q3fmeZnG5UnKLzqDVgO-qP3TwHWnQkWHRQUmIwVfDES5_l3t3vuluUwAc/s1600/blogger.jpeg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW4nfHY0xUxhEcf0JLV0XzkhmNc2Bir6Um2t656doKaugnGrJvV_zReR9W3mRNnCmZ6DP7-WoEHCaQaCzf34Q3fmeZnG5UnKLzqDVgO-qP3TwHWnQkWHRQUmIwVfDES5_l3t3vuluUwAc/s200/blogger.jpeg" width="200" /></a></div>
<div style="text-align: justify;">
Era algo que todos sabíamos que um dia iria acontecer mas agora um <a href="http://buzz.blogger.com/2012/04/moving-to-new-blogger-interface.html" target="_blank">anúncio do Blogger Buzz</a> tornou oficial: a antiga interface do Blogger deve ser desativada nos próximos dias. Para quem ainda usa a interface antiga, ela será atualizada automaticamente para a <a href="http://www.dicasblogger.com.br/2011/06/nova-interface-do-blogger.html" target="_blank">nova interface</a> e não terá opção de retorno; para quem já está usando a nova interface, não haverá nenhuma alteração.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Recomendo fortemente que todos aqueles que ainda usar a interface antiga, cliquem no link <b>Upgrade Now</b> no topo do seu painel do Blogger e atualizem. A nova interface oferece vários recursos interessantes, como por exemplo integração com o <a href="http://www.dicasblogger.com.br/2011/07/google-uma-nova-rede-social.html" target="_blank">Google+</a>, <a href="http://www.dicasblogger.com.br/2011/04/novas-opcoes-de-visualizacoes.html" target="_blank">Visualizações Dinâmicas</a> e <a href="http://www.dicasblogger.com.br/2012/03/novidade-preferencias-de-pesquisas.html" target="_blank">Preferências de pesquisa</a>; além destes, novos recursos vem sendo lançados continuamente.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Se você tem dúvidas em relação a nova interface recomendo que leve-as para o <a href="http://groups.google.com/a/googleproductforums.com/forum/#%21forum/blogger-pt" target="_blank">Fórum do Blogger</a>,. </div>

É hora de dizer adeus à antiga interface do Blogger

Era algo que todos sabíamos que um dia iria acontecer mas agora um anúncio do Blogger Buzz tornou oficial: a antiga interface do Blogger...

Continue Lendo >>

15:39

Novidade: Preferências de pesquisas

<div style="text-align: justify;">
Muitos <i>especialistas</i> da blogosfera afirmam que o Blogger não é uma boa plataforma na hora de implementarmos técnicas de SEO. Isso até certo ponto era verdade; mesmo as alterações mais simples em termos de SEO para garantir uma melhor indexação e maior qualidade nos resultados de busca demandavam alguns conhecimentos em edição HTML que a maioria dos usuários não possui.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Mas a última <a href="http://buzz.blogger.com/2012/03/customize-your-search-preferences.html" target="_blank">novidade anunciada pela equipe do Blogger</a> vem facilitar a vida de quem quer manter boas práticas de SEO em seus blogs. Acessando as configurações do seu blog, na guia <b>Preferências de pesquisa</b>, você tem várias opções para ajudar na indexação do seu blog. Abaixo um pequeno resumo das novas opções.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx3c-0vYIGfzYmjY39UHlKMOoGD5CGPnfgUBXJqrtoHgjM8OP2KdEBbu5PkdrUtSy9QUb5K6kGe2feGQIvmr-fvIRLT2NAPl3AGxP5m_ln8cvGV2tTDVnbuhvEPmNy_qcnwF8fJh7IqNI/s1600/preferencias+de+pesquisa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx3c-0vYIGfzYmjY39UHlKMOoGD5CGPnfgUBXJqrtoHgjM8OP2KdEBbu5PkdrUtSy9QUb5K6kGe2feGQIvmr-fvIRLT2NAPl3AGxP5m_ln8cvGV2tTDVnbuhvEPmNy_qcnwF8fJh7IqNI/s1600/preferencias+de+pesquisa.png" /></a></div>
<br />
<h3 style="text-align: justify;">

<i style="color: #e69138;">Metatags</i></h3>
<div style="text-align: justify;">
<b>Descrição: </b>nesta opção você pode definir a descrição que acompanha os resultados de pesquisa que levam a home do seu blog.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Recomendo fortemente que vocês ativem essa opção, pois ao fazê-lo, além de garantir que os mecanismos de busca indexem uma descrição mais <i>amigável </i>do seu blog, você terá habilitada a opção<b> Descrição da pesquisa</b> no editor de postagens.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3uWtcctI1i4EiYJBodcpPqJ0XYRshUvLBqxl7mt96MIP6ZweDaIzA9o1_7hzYAyrzE8Q2sN5l_o7zV4vlFH-ujdzSRHGn0b_OOHWx3t93v8fBJ5aMGvhm0BeYrktRDi3YXqgdx2B2Bs/s1600/op%25C3%25A7%25C3%25B5es+de+postagem.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3uWtcctI1i4EiYJBodcpPqJ0XYRshUvLBqxl7mt96MIP6ZweDaIzA9o1_7hzYAyrzE8Q2sN5l_o7zV4vlFH-ujdzSRHGn0b_OOHWx3t93v8fBJ5aMGvhm0BeYrktRDi3YXqgdx2B2Bs/s320/op%25C3%25A7%25C3%25B5es+de+postagem.png" width="225" /></a></div>
<br />
<div style="text-align: justify;">
Usando essa nova opção você pode definir um texto para aparecer junto ao resultado de pesquisa para cada post do seu blog. Está opção é bem interessante pois, por padrão, o Google indexa as primeiras palavras de nossas postagens, mas as vezes o início de um texto não faz jús as informações que o texto contém. Usando a <b>Descrição de pesquisa</b> você pode criar uma descrição mais atrativa nos resultados de pesquisa e atrair mais visitantes.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ainda no editor de postagens temos duas novidades bem interessantes. A primeira é que agora, ao incluir um link no seu post, você tem a opção de atribui-lo como nofollow. A segunda é que ao incluir uma imagem no post, você tem a opção <b>Properties</b>, que permite adicionar um título (TITLE text) e uma descrição (ALT text) da sua imagem para os mecanismos de pesquisa; preencher estes campos pode trazer vários usuários que usam os mecanismos de pesquisa de imagens.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<h3>

<span style="color: #e69138;">Erros e redirecionamentos  </span></h3>
<br />
<div style="text-align: justify;">
<b>"Página não encontrada" personalizada: </b>aqui você pode escrever um texto para personalizar a mensagem de página não encontrada, cujo padrão hoje é <i>"A página que você está procurando neste blog não existe.". </i>O mais interessante deste recurso é que, apesar de o texto personalizado ser pequeno, você pode incluir elementos HTML no mesmo, como por exemplo um link para a home do blog ou para uma página de pesquisa.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Redirecionamentos personalizados: </b>um recurso bem interessante. Você pode criar um redirecionamento de uma página do seu blog para outra página. Como exemplo, você pode encaminhar visitantes de um determinado post encontrado nos resultados de pesquisa para outro post que contem uma versão mais atualizada das informações; assim você não perde visitantes e entrega sempre o conteúdo mais atualizado para os seus leitores.</div>
<br />
<h3>

<span style="color: #e69138;">Rastreadores e indexação <i style="color: red;"><br /></i></span></h3>
<div style="text-align: justify;">
<b><i style="color: red;">Se você não possui conhecimentos avançados em SEO recomendo que não altere nada nesta seção, pois você pode acabar prejudicando a indexação do seu blog nos mecanismos de pesquisa.</i></b></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<b><br />Robots.txt personalizado:</b> um dos recursos mais pedidos pelos usuários avançados. O arquivo robots.txt permite que os donos de sites indiquem para os robôs de pesquisa as páginas que não devem ser indexadas e onde se encontra o sitemap do site. Manter um robots.txt bem configurado ajuda na indexação do seu blog e pode evitar vários problemas, como por exemplo indexação de conteúdo duplicado.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Tags de cabeçalho de robôs personalizadas: </b>com esta opção você pode criar configurações de indexação para os mecanismos de pesquisa bem mais complexas do que através do robots.txt. Você pode por exemplo indicar que todos os links da home do seu blog ou das páginas de arquivos sejam nofollow.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Você pode encontrar mais informações em inglês sobre SEO no Blogger nos artigos da Central de Ajuda <a href="http://support.google.com/blogger/bin/answer.py?hl=en&answer=2472665&topic=2469780&ctx=topic" target="_blank"><b>About Blogger and SEO</b></a> e <a href="http://support.google.com/blogger/bin/topic.py?hl=en&topic=2469780" target="_blank"><b>Increase traffic with SEO</b></a></div>
<br />
<br />

Novidade: Preferências de pesquisas

Muitos especialistas da blogosfera afirmam que o Blogger não é uma boa plataforma na hora de implementarmos técnicas de SEO. Isso até cert...

Continue Lendo >>

21:34