Dicas Blogger nas Redes Sociais

<div> <span style="background-color: white; text-align: justify;">As redes sociais são um mimo entre os brasileiros. Adoramos participar e interagir nelas. Alguns curtem mais o Facebook, outros interagem mais no Twitter, enquanto outros estão preferindo o Google+. Enfim, tem rede social para todos os gostos. Assim, a fim de continuar mais perto dos nossos leitores, nessa última semana, alguns já devem ter notado que agora também estamos no Google+.</span></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/AVvXsEhkAboMw8aZ61EMsIq6A1WzXfW9LXSRn1rk8WxL05MTT1iNP1K3KGkJzchjvhxDD_tOnkYlsOtbfheMFPT5j5wfjjT7SoKIBSsvFlFg-op1CDzJrgLX8kZRLKwHVYlNmSrse6KPIPc7hZo/s1600/Facebook+Google%252B+Twitter+Redes+Sociais.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkAboMw8aZ61EMsIq6A1WzXfW9LXSRn1rk8WxL05MTT1iNP1K3KGkJzchjvhxDD_tOnkYlsOtbfheMFPT5j5wfjjT7SoKIBSsvFlFg-op1CDzJrgLX8kZRLKwHVYlNmSrse6KPIPc7hZo/s320/Facebook+Google%252B+Twitter+Redes+Sociais.png" width="293" /></a></div> </div> <div> <div style="text-align: justify;"> Isso mesmo, o Dicas Blogger aderiu e está com a sua homepage na rede social do Google. Agora você pode acompanhar as atualizações e novidades do blog por meio das páginas no Facebook, Twitter e Google+. Não perca as atualizações do Dicas Blogger e fique por dentro das dicas mais quentes para aplicar no seu blog. <br /> <br /> Se você pretende ter mais interação com o seu público e um alcance maior com o seu blog, não pode ignorar as redes sociais. Elas são fundamentais no processo de crescimento e aprovação de um blog. As pessoas gostam de redes sociais e se o seu blog não estiver entre as pessoas, certamente, não ganhará notoriedade. <br /> <br /> Atualmente, uma das redes sociais de grande relevância no mundo virtual é o Google+. Achei bastante interessante o que um autor do site <a href="http://www.otimizacaodesites.org/index.php/google-pinguim/">Otimização de Sites</a> disse: "<i>Não se esqueça do Google+. Pode ter certeza que mesmo que isso não tenha sido considerado agora, e talvez até tenha, na próxima atualização seu site pode sumir de novo da busca se não estiver no Google+. Isso não é obrigatório, mas é aquela coisa do livre arbítrio da bíblia: “ou você me ama ou vai arder eternamente no lago de fogo do inferno</i>”. <br /> <br /> Considerando a citação acima e o fato de que hoje as pessoas já podem ver o que seus amigos marcaram com +1 nas pesquisas no Google, destacando o que foi indicado e interferindo na relação dos resultados, não é prudente ignorar a criação de uma homepage na referida rede social, afinal, ela é propriedade do maior gigante de buscas na internet. E todo blog tem uma certa "co-dependência" dele. Assim, eu oriento a não perder tempo!!!! <br /> <br /> Quem já tem a homepage do blog no Google Plus, não pode deixar de ler este artigo da Juliana ensinando <a href="http://www.dicasblogger.com.br/2012/06/colocar-gadget-selo-google-plus-blogger.html">Como colocar gadget selo do Google+ no Blogger</a>. <br /> <br /> Conheça as nossas homepages! E fique por dentro das novidades no Dicas Blogger. Em breve uma promoção quentíssima estará sendo divulgada!!! Ao clicar na imagem você será redirecionado à rede social, participe. <br /> <br /> <div style="text-align: center;"> <b style="background-color: white;">Google+</b></div> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKj1NMUkV1gIsLM_ex6dsJpQdXw_FoIKuoMcFHoj1aRZZxqYQUWT0ZXI6yPP7ERSFtt0Os_rbd41LuJKXKU7lNmAKXyZl5CFz8g83-f3MMG_IVct0MZNHS7WlGbA_H-jzEPlB9TZZULQ/s1600/Google%252B+Homepage+Dicas+Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKj1NMUkV1gIsLM_ex6dsJpQdXw_FoIKuoMcFHoj1aRZZxqYQUWT0ZXI6yPP7ERSFtt0Os_rbd41LuJKXKU7lNmAKXyZl5CFz8g83-f3MMG_IVct0MZNHS7WlGbA_H-jzEPlB9TZZULQ/s400/Google%252B+Homepage+Dicas+Blogger.png" width="400" /></a></div> </div> <div style="text-align: center;"> </div> <b> </b><br /> <div style="text-align: center;"> <b><b style="background-color: white;">Facebook</b></b></div> <b> </b> <br /> <div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3kZgpsQvtj_lrKAo4W45nnGQ-JXIsfvdTQ3VlPTrMjRvnmhG3_zO-aARAO9ckzLS9BdNawzQO2he21lGitPB-CATt8QvsnjWDrcToXYQTxL3yJc7ZB-CzxPqo9z93C9z-L4eu4Zp6vR4/s1600/Facebook+Homepage+Dicas+Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3kZgpsQvtj_lrKAo4W45nnGQ-JXIsfvdTQ3VlPTrMjRvnmhG3_zO-aARAO9ckzLS9BdNawzQO2he21lGitPB-CATt8QvsnjWDrcToXYQTxL3yJc7ZB-CzxPqo9z93C9z-L4eu4Zp6vR4/s400/Facebook+Homepage+Dicas+Blogger.png" width="400" /></a></div> </div> </div> </div> <div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <b style="background-color: white;">Twitter</b></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQJpsqvqVRqWsg5vEQCSgHwdp4VqifipXE7b-KjW5vVKMHkDqHuOrEEvYE_hCtc-A_ZzTG8fyrxRfhPbwtuT05olbDCxBJZCfqVL6gaK5TkaL1FsVCQ4t9p2qlkFMjNJt9ay-E5eyqaxQ/s1600/Twitter+Homepage+Dicas+Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQJpsqvqVRqWsg5vEQCSgHwdp4VqifipXE7b-KjW5vVKMHkDqHuOrEEvYE_hCtc-A_ZzTG8fyrxRfhPbwtuT05olbDCxBJZCfqVL6gaK5TkaL1FsVCQ4t9p2qlkFMjNJt9ay-E5eyqaxQ/s400/Twitter+Homepage+Dicas+Blogger.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both; text-align: left;"> E ai, como está a relação do seu blog com as redes sociais e o que vocês gostariam de ver mais nas páginas do Dicas Blogger?</div> </div>

Dicas Blogger nas Redes Sociais

As redes sociais são um mimo entre os brasileiros. Adoramos participar e interagir nelas. Alguns curtem mais o Facebook, outros interagem m...

Continue Lendo >>

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 >>

Como retirar a navbar do Blogger

A navbar é uma barrinha que fica no topo dos blogs que usam a plataforma Blogger. Com ela é possível realizar busca dentro do conteúdo do blog, denunciar abuso, encontrar novos blogs, fazer login, escrever novos posts e mexer no template. A navbar está disponível nas cores azul, preto, cinza, bege e escuro transparente e claro transparente.<br /> <br /> <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/AVvXsEhIFvk_ch4fTlTbe5Rtq3wUB_7SPsnXOUYJu1fXaMQ0_Ar5WHMNIOiXZSTCaIwxf9oaXnbRbcM_yTh_799sO-ElFz6Drm_83dq2Que6SPQauT8ini98jzwD6RbtqYcgUu0H_z22_ycwYec/s1600/navbar-blogger.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="navbar-blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIFvk_ch4fTlTbe5Rtq3wUB_7SPsnXOUYJu1fXaMQ0_Ar5WHMNIOiXZSTCaIwxf9oaXnbRbcM_yTh_799sO-ElFz6Drm_83dq2Que6SPQauT8ini98jzwD6RbtqYcgUu0H_z22_ycwYec/s1600/navbar-blogger.png" title="navbar-blogger" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><b>Navbar do Blogger</b></td></tr> </tbody></table> <br /> <br /> Apesar das funcionalidades, nem todo mundo aprecia usar a  navbar. Antigamente, era necessário mexer no código HTML para retirar a navbar:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2008/04/retirar-navbar-do-blogger.html">Retirar navbar do Blogger </a></li> <li><a href="http://www.dicasblogger.com.br/2010/04/designer-do-modelo-como-retirar-navbar.html">Designer do modelo - como retirar navbar</a></li> </ul> Agora ficou bem mais simples retirar a navbar de nossos blogs! Entre no painel do blog e clique na guia layout. Escolha editar o gadget "navbar" e marque a opção "desativado"<br /> <br /> <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/AVvXsEgTVvwpoTPgPFg62EE0MN9lJYtoKyEAF3Te7jIydJg9-vKvuX0hdVU9JWjZwH8UyXVfQ6CN7uUhSOLAZs_M62FJZ0MQNdMAGmSRW6a4MKh34aESZE_letjJgXWlZGON2O4-sLePK0GUgKMO/s1600/retirar-navbar-blogger.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="retirar-navbar-blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTVvwpoTPgPFg62EE0MN9lJYtoKyEAF3Te7jIydJg9-vKvuX0hdVU9JWjZwH8UyXVfQ6CN7uUhSOLAZs_M62FJZ0MQNdMAGmSRW6a4MKh34aESZE_letjJgXWlZGON2O4-sLePK0GUgKMO/s1600/retirar-navbar-blogger.png" style="cursor: move;" title="retirar-navbar-blogger" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><b>Desativando a navbar</b></td></tr> </tbody></table> Eu que sou dos primórdios do Blogger, onde quase tudo era feito através de gambiarras, achei essa solução muito bacana e que demonstra o quanto os engenheiros do Google estão trabalhando para facilitar a nossa vida.<br /> <br />

Como retirar a navbar do Blogger

A navbar é uma barrinha que fica no topo dos blogs que usam a plataforma Blogger. Com ela é possível realizar busca dentro do conteúdo do bl...

Continue Lendo >>

Alcance o padrão de qualidade que seu leitor espera

<div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <span style="background-attachment: scroll; background-color: white; background-image: none; background-position: 0% 0%; background-repeat: repeat repeat;">Todos nós estamos em busca de um alto padrão de qualidade. Seja na nossa vida particular, em nossas preferências de produtos e serviços, em qualquer coisa, queremos sempre o melhor. Com blogs não é diferente. Cada blogueiro precisa conhecer e entender as necessidades e interesses de seus leitores. Isso é fundamental para que o leitor encontre no seu blog o que ele está procurando. Se o cliente é o rei, o leitor também é o rei! </span></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <br /></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> O padrão de qualidade deve se adequar à exigência do seu leitor. Talvez você diga: "Ah! Mas se eu não colocar no meu blog o que os outros também têm, não vou conseguir ter um blog de sucesso." Eu pergunto: Será? Hoje existem leitores para os mais diversos tipos de blogs, conteúdos e opiniões. Basta conhecer qual é o seu.<o:p></o:p><br /> <br /></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOjc7oq8yXIkOn1EIdKVJrVbfp7g3LaJ7PlGgG3u_q_WB8bPTek0GHW6arLo0r4vRlliwAcG2BAUnBaU7S2gIrA01V_lc7w70f_wqbdqL39P6NGNlk_fHTMFs4zmrsEunMxv8xH2DCsipT/s1600/BLOG+QUALIDADE.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOjc7oq8yXIkOn1EIdKVJrVbfp7g3LaJ7PlGgG3u_q_WB8bPTek0GHW6arLo0r4vRlliwAcG2BAUnBaU7S2gIrA01V_lc7w70f_wqbdqL39P6NGNlk_fHTMFs4zmrsEunMxv8xH2DCsipT/s1600/BLOG+QUALIDADE.png" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <br /></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> Assim, para entender melhor qual seria o padrão de qualidade que seu leitor espera encontrar no seu blog, você terá que considerar quatro adequações:<o:p></o:p></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <br /></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <b><u>Adequação ao padrão</u></b></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <span style="background-attachment: scroll; background-color: white; background-image: none; background-position: 0% 0%; background-repeat: repeat repeat;">"<i>O produto deve estar adequado ao padrão estabelecido, ou seja, o produto deve fazer aquilo que os projetistas pretendiam que ele fizesse</i>". Porque e para que você criou o seu blog? Qual foi o seu objetivo? Pode até ser que ele tenha sido melhorado no decorrer da caminhada, mas com certeza, ainda está vinculado ao objetivo primordial do seu blog. É por isso que ele precisa fazer exatamente aquilo para o qual foi projetado. Contudo, o que acontece com frequência, é que vários blogueiros criam o blog sem pretensão alguma, apenas atendendo a um anseio ou necessidade pessoal, e acabam por conquistar um público que chega ao blog por meio dos mecanismos de pesquisa. Mas isso não impede que, agora, você pare e pense sobre o padrão estabelecido para o seu blog.</span><o:p></o:p></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <br /></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <b><u>Adequação ao uso</u></b></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> "<i>O produto deve satisfazer as necessidades de mercado, ou seja, deve ser utilizado da maneira como os clientes querem utilizá-lo</i>." O que você publica no seu blog é útil para os seus leitores? O leitor deve chegar no seu blog e se deparar com as informações que precisa. É por isso que ele tem que ser adequado ao uso do seu leitor. Não apenas em conteúdo, mas também no template e na disposição do layout. Seu leitor tem que entrar no seu blog e encontrar o que está procurando. Nada melhor do que acessar informações úteis, claras e fáceis de ser encontradas.<o:p></o:p></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <br /></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <b><u>Adequação ao custo</u></b><o:p></o:p></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> "<i>O produto deve ter alta qualidade e custo baixo, ou seja, produto com o máximo de qualidade a um custo mínimo</i>". Conteúdo exclusivo e de alta qualidade é o que mantem os leitores fidelizados ao blog. Acessar uma postagem cheia de blá blá blá desamina qualquer um. Tem que ter qualidade. O autor não pode escrever por escrever, ele precisa convencer ao escrever o seu texto, já que o leitor sabe quando os textos são superficiais. Quanto ao custo, podemos considerar o tempo de carregamento do blog e o tempo que o leitor gasta procurando as informações que estão "escondidas" ou "perdidas" no meio do blog. Você até pode preferir que ele fique mais tempo dentro do blog, mas isso só será vantajoso se o leitor ficar satisfeito com o que está encontrando. Para saber como anda o desempenho do seu blog <a href="http://www.dicasblogger.com.br/2012/07/teste-tempo-de-carregamento-do-seu-blog.html" target="_blank">teste a velocidade de carregamento da sua página inicial</a>.<o:p></o:p></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <br /></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <b><u>Adequação à necessidade latente</u></b><o:p></o:p></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> "<i>O produto deve satisfazer as necessidades do cliente antes que os clientes estejam conscientes dela, podendo assim proporcionar um monopólio pela empresa por um curto período de tempo</i>".<span style="background-attachment: scroll; background-color: white; background-image: none; background-position: 0% 0%; background-repeat: repeat repeat;"> Quando o seu leitor entrar no seu blog ele tem que encontrar as informações que precisa e aquelas que precisava e nem sabia que existia ou que eram tão importantes saber. Esse é o grande diferencial. Como Steve Jobs disse "</span>Os clientes não sabem o que querem até dizermos à eles". Se você quer que o seu blog cresça e se destaque dos demais, é obrigatório conhecer as necessidades do seu leitor e satisfazê-las, mesmo antes deles saberem que precisam.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisYBxIXHx5fNzPxuMOnVic-PGoYEGtBoeM8lzTiBN6SleBZSXo4nUaRG6xbBB5ghWid54n5FSrMlM28d-vBwmr6gNeBmPfmkdeT1aI1f9w5WbkqFPRACXGYA4qXrx99uOxZG9jaxx-NS1i/s1600/Leitor+Pesquisando.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisYBxIXHx5fNzPxuMOnVic-PGoYEGtBoeM8lzTiBN6SleBZSXo4nUaRG6xbBB5ghWid54n5FSrMlM28d-vBwmr6gNeBmPfmkdeT1aI1f9w5WbkqFPRACXGYA4qXrx99uOxZG9jaxx-NS1i/s1600/Leitor+Pesquisando.jpg" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <br /></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <br /></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <span style="background-color: white;">O seu tema irá definir o seu tipo de leitor e o que ele procura no seu blog. Não dá pra ter um blog de humor com uma aparência séria e certinha. Por isso,</span><span style="background-color: white;"> nem sempre o jeito certinho de fazer um blog ou de criar um texto irá corresponder à expectativa do seu leitor. Reflita se o seu blog atinge o padrão de qualidade que seu leitor espera e se ele tem identidade própria, não faça dele uma projeção/cópia de outros blogs.</span></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <span style="background-color: white;"><br /> </span></div> <div style="margin: 0cm 0cm 0.0001pt; text-align: justify;"> <span style="background-color: white;">Um detalhe importante, não dá pra fazer tudo o que os leitores querem. Se fossemos escrever e fazer tudo o que nossos leitores perguntam e sugerem, o Dicas Blogger teria que se chamar "de tudo um pouco". Contudo, nosso objetivo é atender nossos leitores sem exageros, criando e postando na medida certa. Até porque, cada colunista aqui tem suas atividades pessoais e profissionais.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <span style="background-color: white;">Pensar e desenvolver um padrão de qualidade para o seu blog o ajudará a alcançar um nível melhor de conteúdo. As adequações acima sugerem como você pode realizar isso. Aproveite e mãos à obra!</span><br /> <span style="background-color: white;"><br /></span><br /> <span style="background-color: white;">Este texto foi baseado na definição de padrão de qualidade de Shoji Shiba.</span></div>

Alcance o padrão de qualidade que seu leitor espera

Todos nós estamos em busca de um alto padrão de qualidade. Seja na nossa vida particular, em nossas preferências de produtos e serviços, em...

Continue Lendo >>

Dica de SEO: teste o desempenho do seu blog com WooRank

Ontem a Priscila ensinou como testar o tempo de carregamento de seu blog com a ferramenta <b>Pingdom</b> - <a href="http://www.dicasblogger.com.br/2012/07/teste-tempo-de-carregamento-do-seu-blog.html" target="_blank">Teste o tempo de carregamento do seu blog</a> - a fim de melhorar a experiência do usuário e, consequentemente, aprimorar a indexação junto aos mecanismos de busca, visto que criar  páginas que carregam mais rápido é uma boa tática de SEO (<i>search engine optimization</i>)<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/10/dicas-de-seo-para-blogger.html" target="_blank">Saiba o que é SEO e conheça táticas apropriadas para o Blogger</a></li> </ul> Uma vez aplicadas as técnicas de SEO, como fazemos para saber se as mesmas estão corretas? Existem vários sites que fazem esse tipo de análise e um dos mais completos é o <b>WooRank</b>. Além de analisar o site/blog, o WooRank ainda fornece dicas do que pode ser melhorado. <br /> <br /> Entre em <a href="http://www.woorank.com/">http://www.woorank.com/</a> e digite o endereço do seu blog no local indicado pela seta azul. A seguir, clique em "análise do website" e aguarde.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBrVZ8E7Jiv02Et64IQJ8GpHaFoV2Ump5v7R6t7oZP2rEufcBo4nRezXt-Qw2hWo218k8ngxk90IH5Iup2P88RLtu-Eziq3eaKDROuA8Vo3GA-0_LYRlKGWqZa5P6w09heAtgteYWgDa_/s1600/woorank.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="woorank" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBrVZ8E7Jiv02Et64IQJ8GpHaFoV2Ump5v7R6t7oZP2rEufcBo4nRezXt-Qw2hWo218k8ngxk90IH5Iup2P88RLtu-Eziq3eaKDROuA8Vo3GA-0_LYRlKGWqZa5P6w09heAtgteYWgDa_/s1600/woorank.png" title="woorank" /></a></div> <br /> O site está todo em português e é relativamente simples entender os resultados.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjonGbRv28oVB3PKoBFPlR6LIJESMTx3FmZL2p99fI7A8O-XWixxnl9I4tl6AfDJpI6m3eomsk8atdwNQjOU3d0h-70frQPW7REBNfR8V1oHErkO1bLRYueL7ei7Hsak0n5cgVhC-53K_DW/s1600/resultado.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjonGbRv28oVB3PKoBFPlR6LIJESMTx3FmZL2p99fI7A8O-XWixxnl9I4tl6AfDJpI6m3eomsk8atdwNQjOU3d0h-70frQPW7REBNfR8V1oHErkO1bLRYueL7ei7Hsak0n5cgVhC-53K_DW/s1600/resultado.png" /></a></div> Para visualizar o resultado, podemos clicar em cada ítem que fica numa coluna de links a esquerda ou ir descendo a página.<br /> <br /> O Woorank verifica o tráfego do blog, características e localização dos visitantes, alcance nas redes sociais, metatags, backlinks, pagerank, velocidade de carregamento das páginas, palavras-chaves, segurança do servidor e muito mais. Para uma melhor compreensão dos resultados e consequente otimização, é necessário ter noção de SEO. Veja nossos posts no <a href="http://www.dicasblogger.com.br/search/label/SEO" target="_blank">marcador SEO</a>.<br /> <br /> O WooRank permite 1 relatório gratuito por semana e oferece um plano ilimitado pago.<br /> <br /> Divirtam-se!

Dica de SEO: teste o desempenho do seu blog com WooRank

Ontem a Priscila ensinou como testar o tempo de carregamento de seu blog com a ferramenta Pingdom - Teste o tempo de carregamento do seu bl...

Continue Lendo >>

Teste o tempo de carregamento do seu blog

<div style="text-align: justify;"> <span style="background-color: white;">Um dos fatores que o Google tem usado para uma boa indexação de sites e blogs, é o tempo de carregamento de páginas. Sites muito lentos podem acabar perdendo posicionamentos e dificultando o acesso do leitor. Afinal, a internet no Brasil não é uma das melhores e está longe de ter indícios razoáveis de que esse quadro possa se alterar em breve. Assim, quanto mais leve for a sua página, mais atrativa ela será para o seu leitor. Por isso, é muito importante conhecer o tempo de carregamento do seu blog. </span><br /> <span style="background-color: white;"><br /></span><br /> <blockquote class="tr_bq"> <span style="background-color: white;">Monitore o desempenho do seu site e otimize os tempos de carregamento. A meta do Google é fornecer aos usuários resultados mais relevantes e uma ótima experiência. Sites mais rápidos aumentam a satisfação do usuário e melhoram a qualidade geral da web (especialmente para os usuários com conexões lentas com a internet), e esperamos que, à medida que os webmasters aprimoram os seus sites, a velocidade geral da web melhore.Fonte: <a href="https://support.google.com/webmasters/bin/answer.py?hl=pt-BR&answer=35769" target="_blank">Diretrizes para webmasters</a></span></blockquote> </div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">A performance também influencia na taxa de rejeição, já que a maioria dos internautas são apressados, querendo informação fácil e rápida - </span><a href="http://tecnologia.ig.com.br/mais-impacientes-internautas-querem-sites-num-piscar-de-olhos/n1597690675789.html">Mais impacientes, internautas querem sites num piscar de olhos</a><span style="background-color: white;">. E se você não quer perder visitas, faça o teste e descubra como anda o seu blog. </span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">Para testar a velocidade de carregamento, recomendo o site </span><a href="http://tools.pingdom.com/fpt/">Pingdom. </a><span style="background-color: white;">Ao entrar na página, digite o endereço do seu blog - como mostra a imagem abaixo - e clique em test now. </span></div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgflEC63t15DMi5cKMgnvZ1fVXwD9_WOmYIDXtdwGA6elKHY_MErvcNJ_THfxIy-4GDFjrxtEdCGgHKsbYGmvaU_A3z3Wqw72sGKO4dWctGDT0DMcsKg-wLW4y2DdkxhK0AqVUP-8XXXyiv/s1600/ping-tools.png"></a> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg12IU5oH3RxkxcbNvSFUw0iX_PYAEPmzjlfAu3I7BcTGWVPoXoavjTOS1HPIzl0FYCR_N_r6b6tcW1IS-uqgj7fTzuUPCb8gAwMx8pWwf0pnJ8LO2GmZGMzJIKbBcD3BWMgxYOVnv7kS61/s1600/Carregamento+Blog+Pingdom-tools.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg12IU5oH3RxkxcbNvSFUw0iX_PYAEPmzjlfAu3I7BcTGWVPoXoavjTOS1HPIzl0FYCR_N_r6b6tcW1IS-uqgj7fTzuUPCb8gAwMx8pWwf0pnJ8LO2GmZGMzJIKbBcD3BWMgxYOVnv7kS61/s1600/Carregamento+Blog+Pingdom-tools.png" /></a></div> <br /> <br /> <div style="text-align: justify;"> <span style="background-color: white;">O Pingdom irá fornecer as seguintes informações: em </span><b><u>Perf.Grade</u></b><span style="background-color: white;"> temos uma espécie de rank da performance; em </span><b><u>load time</u></b><span style="background-color: white;"> aparecerá o tempo de carregamento da página inicial; em </span><b><u>page size</u></b><span style="background-color: white;"> vemos o tamanho dela em MB. E, logo abaixo, temos um diagnóstico que compara com os demais sites testados nesta ferramenta. No caso do Dicas Blogger apareceu a seguinte frase: "your website is faster than 79% of all tested websites" - o que quer dizer que ele é mais rápido do que 79% dos sites testados. </span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <b style="font-weight: bold;"><i>Dica</i></b><span style="background-color: white;"><b>: </b>quando aparecer a palavra </span><b>slower</b><span style="background-color: white;"><b> </b>é porque seu blog está lento e quando aparecer </span><b>faster</b><span style="background-color: white;"><b> </b>é porque ele está com uma boa performance. </span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">Para os mais curiosos, abaixo existem quatro abas que trazem informações bem detalhadas sobre o carregamento do seu blog. São elas: </span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <b style="font-weight: bold;">Waterfall</b><span style="background-color: white;">: são os requerimentos feitos para fazer o carregamento da sua página. Ele lista tudo o que é carregado. Além disso, para analisar melhor, a classificação pode ser feita por ordem de carregamento, tamanho ou tipo de arquivo, por URL e por tempo de carregamento. </span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <b style="font-weight: bold;">Performance grade</b><span style="background-color: white;">: demonstra se a página do seu blog está em conformidade com as práticas de desempenho do Google Page Speed. Ele também indica algumas recomendações, caso você deseje acelerar o seu blog. Ao que tudo indica, é ele que definirá o ranking que ficará a performance do seu blog; </span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <b style="font-weight: bold;">Page analysis</b><span style="background-color: white;">: analisa o tempo gasto por fases, tipo de conteúdo e por domínio. Indicando o tamanho e a quantidade de pedidos feitos para o carregamento da página sobre cada tipo de arquivo e domínio. </span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <b style="font-weight: bold;">History</b><span style="background-color: white;">: que salva os teste realizados e permite o acesso futuro para comparar como está o desempenho do carregamento do seu blog. </span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">Enfim, é muito importante conhecer o tempo de carregamento do seu blog. Para quem pretende mudar o template, este tipo de informação se torna imprescindível. Quanto mais carregado e lento ficar o seu blog, pior e mais difícil será otimizá-lo. Nos tempos atuais, quanto mais rápido carregar melhor será. E para aqueles que possuem um volume expressivo de visitas do Google, saiba que ele está de olho nisso! </span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">E ai, como anda o tempo de carregamento do seu blog? </span></div>

Teste o tempo de carregamento do seu blog

Um dos fatores que o Google tem usado para uma boa indexação de sites e blogs, é o tempo de carregamento de páginas. Sites muito lentos pod...

Continue Lendo >>

Conheça a história do Gerenciando Blog

<div style="text-align: justify;"> <span style="background-color: white;">Para contar a história do <a href="http://www.gerenciandoblog.com.br/" target="_blank">Gerenciando Blog</a>, preciso retroceder um pouco mais no tempo e contar a história do <a href="http://www.tdseries.com.br/" target="_blank">TD Séries</a>.</span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">Em novembro de 2011, minha esposa e eu decidimos criar um projeto conjunto. Como ambos gostávamos de assistir seriados de TV e de escrever, veio a ideia: "Vamos criar um blog!". Havia, porém, dois problemas: o primeiro é que nunca havíamos criado um blog antes; o segundo é que nem sabíamos direito o que era um blog.</span></div> <div style="text-align: justify;"> <span style="background-color: white;"><br /></span></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: justify;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGeyXX0_mXySyNPoJ9JFu4KaqFnZvqP1iOvyE_oF8PlaSQNCb8P01pnSF2-3uWmnYJGMO1WpqbnH1kZpDj3k73b6-KkgT_GjUK1ydCy4QQ-mDuPasB4e5zyCQfjj5lixlxlahBO5zqIoZP/s1600/GERENCIANDOBLOG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGeyXX0_mXySyNPoJ9JFu4KaqFnZvqP1iOvyE_oF8PlaSQNCb8P01pnSF2-3uWmnYJGMO1WpqbnH1kZpDj3k73b6-KkgT_GjUK1ydCy4QQ-mDuPasB4e5zyCQfjj5lixlxlahBO5zqIoZP/s1600/GERENCIANDOBLOG" /></a></div> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">Munidos da vontade e das ideias, pesquisamos um pouco no Google e iniciamos nosso primeiro blog do Blogger. As dificuldades, naturalmente, surgiram. Como divulgar nosso trabalho? Como aparecer no Google? Como melhorar o visual? E tantas outras perguntas sem respostas.</span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">O Google foi um grande aliado nesta fase. Através de pesquisas, começamos a encontrar as respostas às nossas perguntas. Mas, as respostas estavam espalhadas e nem sempre escritas de uma forma simples de compreender. Foi assim que surgiu a ideia de criar o Gerenciando Blog: ele nasceu com a intenção de divulgar o que aprendemos com o TD Séries, passando as informações de uma forma que fosse acessível a todos.</span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">Essa era a época em que algumas dezenas de visitas por dia já eram motivo de comemoração. O que dizer então quando descobri pelo Google Analytics que eu estava recebendo algumas visitas de outros países? Eu estava fascinando com as possibilidades.</span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">Foi nesse momento que percebi que o Gerenciando Blog não era novidade. Conheci o Dicas Blogger e logo me tornei fã da Juliana e de seus ótimos artigos. Fazendo uma rápida pesquisa, encontrei um comentário meu no Dicas Blogger no início de 2010 dizendo que os artigos eram uma referência para mim desde o início do meu trabalho.</span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">Com o tempo, o Gerenciando Blog acabou ganhando mais visibilidade e importância que o TD Séries - que, infelizmente, acabou sendo deixado de lado. Hoje, com mais de 3 anos de vida, tenho a enorme satisfação de ter um número significativo de visitas e comentários. Estando do "outro lado", por assim dizer, faço o possível para dar atenção a todos aqueles que me procuram com suas dúvidas e problemas. E faço questão de manter bom relacionamento com outros metablogs (termo que eu nem sabia que existia quando comecei o meu trabalho).</span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">O Dicas Blogger tornou-se um grande parceiro nessa caminhada. O melhor é que a parceria aconteceu de forma natural. A parceria se deu nas indicações de artigos nos blogs e redes sociais, e também pela troca de comentários. Continuo sentindo um orgulho enorme ao receber em meus artigos comentários da Juliana e, mais recentemente, da Priscila.</span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <span style="background-color: white;">Para o futuro, meu objetivo é tornar o <a href="http://www.gerenciandoblog.com.br/" target="_blank">Gerenciando Blog</a> cada vez mais conhecido e útil na blogosfera. Sinto grande orgulho em ver nascer e crescer blogs feitos com o auxílio dos meus artigos. Uma questão de honra que trago comigo é mantê-lo na plataforma Blogger e mostrar a todos que é possível fazer sucesso nela - embora muitos ainda torçam o nariz quando digo isso. Outra questão de honra é continuar trabalhando junto com o Dicas Blogger, que nunca vi como um concorrente, mas sim como um grande parceiro nesta caminhada. Juntos, somos muito mais fortes!</span><br /> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TJtbDN7fN7cRgBnJGj_5HI2T-QtUpDp4NSi_pSucU0XbWEFNYUJem6HVoegOL5o5uQNN-p3phUuLKQ-9I-Kw5eBh3UT-pQw_-wmxZWPSSSUkhOjTPIqX-4gzEOd1e9APXXw75B-ckkKb/s1600/promowriter3bx.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7TJtbDN7fN7cRgBnJGj_5HI2T-QtUpDp4NSi_pSucU0XbWEFNYUJem6HVoegOL5o5uQNN-p3phUuLKQ-9I-Kw5eBh3UT-pQw_-wmxZWPSSSUkhOjTPIqX-4gzEOd1e9APXXw75B-ckkKb/s1600/promowriter3bx.jpg" /></a>Promoção "<a href="http://www.dicasblogger.com.br/2012/07/promocao-conte-sua-historia-como-foi-criar-seu-blog.html" target="_blank">Conte sua história: Como foi criar seu blog</a>"<br /> <b>Autor:</b> Adelson Smania<br /> <b>Blog:</b> <a href="http://www.gerenciandoblog.com.br/" target="_blank">Gerenciando Blog</a><br /> <b>Data do envio:</b> 09/07/2012

Conheça a história do Gerenciando Blog

Para contar a história do Gerenciando Blog , preciso retroceder um pouco mais no tempo e contar a história do TD Séries . Em novembro d...

Continue Lendo >>

Vídeo-Tutorial: Como criar um blog na nova interface

<div style="text-align: justify;"> O Blogger mudou faz alguns meses. Novas ferramentas foram adicionadas e, principalmente, ele recebeu um design remodelado e bem diferente do anterior. Com isso, começamos a recebemos várias perguntas sobre como <b>criar um novo blog</b> nessa 'nova' plataforma - é, recebemos - e para facilitar para você, querido leitor, fiz um rápido vídeo tutorial. Espero que aproveite, comente e dê sugestões para novos vídeos. Pegue a pipoca e aperte 'play'. :D</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/VXuVxBD8Loo" width="560"></iframe></div> <div style="text-align: center;"> O vídeo não aparece? Clique <a href="http://www.youtube.com/watch?v=VXuVxBD8Loo" target="_blank" title="Como criar um blog na nova interface do Blogger">aqui</a>. </div> <br /> <span style="color: #444444; font-size: x-small;">#MomentoC*Doce: só faço mais vídeos se vocês gostarem. Comente, curta, divulgue e siga o canal.</span>

Vídeo-Tutorial: Como criar um blog na nova interface

O Blogger mudou faz alguns meses. Novas ferramentas foram adicionadas e, principalmente, ele recebeu um design remodelado e bem diferente d...

Continue Lendo >>

Personalização do link é liberada no painel do Blogger

<div style="text-align: justify;"> Agora você não precisa mais utilizar o Blogger <a href="http://draft.blogger.com/" target="_blank">In Draft</a> para personalizar a URL da postagem no seu blog. Esta funcionalidade foi liberada diretamente no painel normal do Blogger. Assim, ao criar o título da sua postagem você poderá configurar o link, de maneira que garanta melhor indexação nos mecanismos de busca. Conforme anunciado pelo <a href="http://buzz.blogger.com/2012/07/customize-your-posts-with-permalinks.html" target="_blank">Blogger Buzz</a>, está é mais uma configuração que melhorará o posicionamento do seu blog nos mecanismos de pesquisa.</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/AVvXsEjTrk5kgsNpwYYtEe8g0J4GJ1W5nOEMnBjdosywqfolLVM0YaW0nmqo9u1OFW17rVOJ7nqwEsTSMj0lX4bUg9Logv5Qz4OEZdwPLTap6G0-VHwNn2b_MipeKOTtAwZR-hwZDypxMUPREP8M/s1600/URL+completa+posts+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTrk5kgsNpwYYtEe8g0J4GJ1W5nOEMnBjdosywqfolLVM0YaW0nmqo9u1OFW17rVOJ7nqwEsTSMj0lX4bUg9Logv5Qz4OEZdwPLTap6G0-VHwNn2b_MipeKOTtAwZR-hwZDypxMUPREP8M/s320/URL+completa+posts+Blogger.jpg" width="320" /></a></div> <br /> <span style="background-color: white;">Com foi dito no Blogger Buzz, você terá maior controle sobre as URLs </span><span style="background-color: white;">do seu blog, permitindo que seus leitores tenham mais informações sobre o seu post ao visualizá-lo nos resultados da pesquisa.</span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Caso o link que você escolha já exista, o Blogger irá tentar encontrar um que esteja disponível.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Na URL você poderá utilizar apenas os caracteres: az, AZ, 0-1. Porém, os únicos caracteres especiais disponíveis para serem usados são sublinhado, traço e ponto. Estes são os que estão liberados atualmente.</div> <br /> Para saber mais:<br /> <a href="http://www.dicasblogger.com.br/2012/06/URL-completa-nos-posts-do-Blogger-in-draft.html" target="_blank">URL completa nos posts do Blogger</a>

Personalização do link é liberada no painel do Blogger

Agora você não precisa mais utilizar o Blogger In Draft para personalizar a URL da postagem no seu blog. Esta funcionalidade foi liberada ...

Continue Lendo >>

O blog está de cara nova!

Depois de quase 2 anos usando o mesmo template, achei que estava na hora de mudar. Minha idéia era criar um modelo mais limpo e leve. Eis que surge o DB 6.0!<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg-4GjZMGh3gvkWzQlkRXqGeSJIu4h5hSsbglsl-ZY8HP7O4OMNLQ0tXKvWnbqhFBJO4woPTFg0OA1SxwMnHZpJUJettOck_YYXwLVKupouD91WHE0t4ENDNZSREs6Wtfleu4ra0DrLruo/s1600/novo-template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg-4GjZMGh3gvkWzQlkRXqGeSJIu4h5hSsbglsl-ZY8HP7O4OMNLQ0tXKvWnbqhFBJO4woPTFg0OA1SxwMnHZpJUJettOck_YYXwLVKupouD91WHE0t4ENDNZSREs6Wtfleu4ra0DrLruo/s1600/novo-template.png" /></a></div> <br /> <br /> Desta vez, optei por customizar um layout do <b>Designer do Modelo</b>, que são os templates fornecidos pelo próprio Blogger. Essa decisão aconteceu por algumas razões fortes:<br /> <ol> <li>todas as novas funcionalidades lançadas pelo Blogger já são incluídas, automaticamente, nesses modelos, dispensando a correria em busca de códigos e gambiarras; </li> <li>eles possuem um código mais limpo e moderno;</li> <li>é possível ajustar, pelo painel do Blogger, toda a disposição do layout (quantidade e posicionamento das barras laterais e de rodapé), o que poupa tempo;</li> <li>como editora de um blog que é referência sobre a plataforma Blogger, me senti no dever de aprender a personalizar os novos modelos;</li> </ol> Pensando em uma experiência mais satisfatória para o usuário, consegui reduzir o tempo de carregamento da página inicial, que antes era em torno de <b>20 </b>segundos, para <b>1,86</b> segundos. Pelo mesmo motivo, reduzi gadgets, links e anúncios.<br /> <br /> Também incluí uma descrição, no final do post, de todos os colunistas do blog.<br /> <br /> Quem me ajudou nessa aventura foi a <b>Priscila</b>, com seu olhar crítico mas de extremo bom gosto e o <b>Luan Felipe</b> (pequeno gênio), que consertou um problema que tivemos em monitores com alta resolução. O meu <b>MUITO OBRIGADA</b> aos dois :)<br /> <br /> Espero que vocês tenham gostado do resultado.<br /> <br />

O blog está de cara nova!

Depois de quase 2 anos usando o mesmo template, achei que estava na hora de mudar. Minha idéia era criar um modelo mais limpo e leve. Eis qu...

Continue Lendo >>

Mãe, eu fui no Google!

<p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhnh0Lh9zWHHDa_O78qQrgcpSRbo7ztYoMMAxayiH54C_8Jkpm14jHPxv4mo6tDbX1lDDSlpNIFj6t4Qkdq5HTAQhjMIk-Yql8OniUANAIpDhFRxp1HTpK_4t00dgC18jCIA5IjyGGCKy/s1600-h/google-brasil%25255B3%25255D.png"><img align="left" alt="google-brasil" border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2u4Izpk4ypVY3sdXQiESjFENRF9z_5vwIcJwTL9Xl1z5m2jpxiXAilwCgZh2akcf-SCV-fR80d2gyx6A730Q6VUZaxNajT5ipdwMchBv_EQhNCeVn_j8t4XNgy4qQ-yWaEilMvJktaOhx/?imgmax=800" style="background-image: none; border-right-width: 0px; margin: 0px 11px 0px 1px; padding-left: 0px; padding-right: 0px; display: inline; float: left; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="google-brasil" width="178" /></a>Conforme anunciei neste post <a href="http://www.dicasblogger.com.br/2012/06/primeira-conferencia-dos-principais-colaboradores-do-google.html">Primeira Conferência dos Principais Colaboradores em língua portuguesa dos fóruns de ajuda do Google</a>, tive a alegria de ir conhecer a sede do Google Brasil em São Paulo. Foi uma experiência incrível e um sonho realizado, coincidentemente no dia do meu aniversário :) Foram 2 dias maravilhosos, regados a muita tecnologia, informação, comida de primeira, amizade, carinho e nerdice ao cubo.</p> <p>Para quem não sabe, o Google mantem um programa para os voluntários que auxiliam nos fóruns de ajuda de seus produtos. Quando esses voluntários se destacam pela quantidade e qualidade de respostas,  tornam-se TCs ou PCs (Top colaborador / Principal Colaborador) e passam a ter alguns privilégios, como fazer perguntas diretas aos guias (que são funcionários do Google), mover tópicos nos fóruns, marcar as melhores respostas e etc, bem como a participar de eventos e conferências. A última foi na sede do Google em Mountain View.</p> <p><strong>Você, caro leitor, também pode se tornar um TC!</strong> Acesse este artigo para saber mais: <a href="http://support.google.com/bin/static.py?hl=pt-BR&topic=2546991&guide=2518472&page=guide.cs">Programa de Principais Colaboradores do Google</a></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMSqkDIdy4YMIuo3RAWVLqo1htgD0HffYFEKcrfquSxFyCTZ510C08ZrbfUhEOtCzQwQEF9YOs6tM0_6LJed-fF4xiYKKbZtW2i3RXwGGIS1UAtdPYLe8rhh7Vv17fk0A5NckYO5lwdN4A/s1600-h/tc1%25255B4%25255D.png"><img alt="tc1-google" border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgyUQmdWpE-eNENyZ6rLyUQieIf2lSfC1Ybi22v0EVgdW-DoTLqXXrJz0crCc9piDG5ypclVx6ez5WrGoxQgJkCDz1CAsJ5xviRx1mH9iyqOCdnalP6qi3QglBYc3GWwkCi18ahqAG0UXU/?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="TCs e guias" width="458" /></a></p> <p align="center"><strong><font size="2">TCs e guias de língua portuguesa</font></strong></p> <p align="justify">No <a href="https://plus.google.com/108547020947142282804/posts" target="_blank">meu perfil do G+,</a> vocês encontrarão algumas fotos que postei. Eu e o Teilor “pegamos no pé” da Jéssica - guia do Blogger - em busca de melhorias para essa querida plataforma. A Jéssica é uma gracinha de pessoa e super acessível. Ponto para nós, né? E aí está  parte da equipe do Blogger:</p> <p align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkN0x79-RMTBdpzSZ9pUY1oaXmeXtas7_3XUg2FuoLamdQ6YHmKXdXr-8jD4CK8RP5JXCMvNaPcw9pqnuSUd6snJRQcal8Xig1IkGo2NLapraJqg3OJQhhCDX6Bz88rr-3tBmuokpJ_MSg/s1600-h/equipe-blogger%25255B4%25255D.png"><img alt="equipe-blogger" border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEd-pfuuvUoz9o02hY0o_jRac2wqlv-t5VUp1g35TfgYIOP2yTeXEtxrYQXpi15vZzmlWpkmarjTbuGLfg0BxLHM2KMhPVPD7VQE4YXjwpiHgzXALui2gYS-Fbd6_3ubf3UaOvZXubUTuw/?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="Equipe do Blogger" width="458" /></a></p> <p align="center"><strong><font size="2">Teilor, eu, Jéssica e Leonardo</font></strong></p> <p>Obviamente, não deixei de representar o Blogger em nenhum momento rs</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibnzxrqL1A44mPMDz2kQaRTSmon382ozUVeqbZ_m2DXj1hb_tM_iGgRM7dUjNvYozOe9fr0AD3OaOwvYe2BGM-0k6KFrjwDAtcguGHfZjrVjgryIGITVxjMuq6uMpruPZoIIgoyL9U1n2D/s1600-h/blogger%25255B4%25255D.png"><img alt="conferencia-google" border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6W56d0jVfXxaIu_XH6cn8uC-CFMoZ_jAUhNRl1bvxLaogzOOgzb7YhmQt6SNe07Pg_-bG-Ls3oWq9HCo567eAkq4sjL1BfI5hJevz9pzoTCz5vY13shU8JIHQSa4jAtk8r4OI9Ko5qCIC/?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="Euzinha" width="458" /></a></p> <p>Quero agradecer a empresa Google por esta oportunidade inesquecível e a todos os guias presentes, em especial Jéssica, Natália, Madalena, Bernardo e Maria que foram os que tive mais contato e que guardei o nome O.o rs Vocês foram demais!</p> <p>No blog oficial do <strong>Google Brasil</strong>, vocês encontrarão mais informações sobre o evento:</p> <p><a href="http://googlebrasilblog.blogspot.com.br/2012/07/um-superobrigado-aos-principais.html">Um superobrigado aos principais colaboradores do Google em português!</a></p> <p>E pra finalizar e deixar todo mundo com água na boca, uma foto dos deliciosos cupcackes  confeitados com logotipos de produtos do Google. Nham, nham :P</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix1Sf7zK6VuSweApmcKP_K7lQ7xAEL_kHKh3yKHFe9VIv0k1-uj1QHvwW8w37F7Fg-A3_690Vj951NbZ2YgLQ8Fm1-ODXJyQr005Ivqhu0Sp2G_u-l8K2lws2w7gTp0acCHtfEKA0z4ldM/s1600-h/179134_328605320555482_118764092_n%25255B6%25255D.jpg"><img alt="cupcackes" border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuSFnpq8OSMwAoJO80wEWfEItg363Ip567WGG3q4_CAnJJBwt7d4GQX79-Gq4eBinVHta8SruMpMz1HEhGronZb3cZvRBvi7MM8HeigrEY3ZlJZx-PRFSDzKg7TOWf-qA0zi_m9w5EhcEU/?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="Cupcackes" width="458" /></a></p> <p><strong>Posts de outros amigos TCS:</strong></p> <p><a href="http://cesarjb.blogspot.com.br/2012/07/conferencia-dos-principais.html">Conferência dos Principais Colaboradores na Google SP</a> – César JB</p>

Mãe, eu fui no Google!

Conforme anunciei neste post Primeira Conferência dos Principais Colaboradores em língua portuguesa dos fóruns de ajuda do Google , tive a a...

Continue Lendo >>

Como colocar o hack leia mais com imagens nos modelos do Blogger ( designer de modelo)

Em 2010 ensinei como colocar o hack leia mais automático e com imagens nos templates antigos do Blogger e nos personalizados por nós usuários :<br /> <ul><li><a href="http://www.dicasblogger.com.br/2010/09/hack-leia-mais-com-imagens.html">Hack “Leia mais” automático e com imagens</a> </li> </ul>Talvez os novatos não saibam, mas de 2006 para cá o Blogger passou por incontáveis mudanças e, atualmente, contamos com 5 tipos de templates: os anteriores a 2006 (super básicos), os após 2006 padrão, os após 2006 personalizados, os do designer do modelo e os de visualização dinâmica. Para maiores detalhes, acessem:<br /> <ul><li><a href="http://www.dicasblogger.com.br/2010/09/opcoes-de-templates-para-blogger.html">Opções de templates para Blogger</a> </li> <li><a href="http://www.dicasblogger.com.br/2012/05/usar-template-visualizacao-dinamica.html">Como usar os templates de visualizações dinâmicas</a> </li> </ul>Muito bem. Para colocar o resumo dos posts na página inicial, também chamado de “hack leia mais”, no designer do modelo usando a nova interface, vá em “modelo” e clique em “editar HTML”<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBtCkJDdpLeZ2Ot4s2ZRVMC_RpHGmwbfjNU9lkf1PDYrZQ2Tp8AB3GWgLrmW22CMfwtUyxurgNUaVCwDwXQ0VYEeGXCGXn22Fck2ULIB8_P89cD5YIjqM_cA8zeNkpSC7sc96yfNtdQEHa/s1600-h/modelo-blogger%25255B4%25255D.png"><img alt="modelo-blogger" border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1hgW8zshUKStZ9JhlhRqkpbNbSgawg9-pSGCgmrOrlQUzgSC1Kaoxmt5o3HnN3G_5oS5cobCFGS5t8e367u36mzEVDQqQfjXg3iMvXoTuWg-_ivUCAtHa7s9Q4ddiHR4Vu6XSJ_WDphCI/?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="modelo-blogger" width="552" /></a><br /> Em editar html, marque “expandir modelos de widgets” e procure (Crtl+F do teclado) por: <b><data:post.body/></b><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlBCKXfkwRLrDm0spcV3IoPtqX-PyxP68KFuX50-3VIV2J9uuYvmz9Vtj3Gjuxj5SVnQDE7fCar1KyDCkixlTyvd_3XRaA9HqMdcrk9hMms3ydhqG-j8XHXoabheYm-YBvKQQBIEe1sUl0/s1600-h/editar-html%25255B7%25255D.png"><img alt="editar-html" border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3g5s7YUeoimTAu-hTArboOhI19Dxko4N2aYFJ6bGqNjmqzyagX2ajvoF6vzDoMC9BqJ-V49NbWTuVWibV_67Ql_7tjmXNDwpUlgySAW9ONaGNOZ-IQHe_0y69tHwjxjtqP41KL33m3tU7/?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="editar-html" width="552" /></a><br /> Substitua <b><data:post.body/></b> por:<br /> <blockquote><b:if cond='data:blog.pageType != "item"'> <br /> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <br /> <div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div> <br /> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <br /> <div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'>Leia mais »»</a></div> <br /> </b:if></b:if> <br /> <b:if cond='data:blog.pageType == &quot;item&quot;'> <br /> <data:post.body/></b:if> <br /> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/> <br /> </b:if></blockquote>Agora vá no CSS do template e <b><span style="color: red;">antes </span></b>da tag <b>]]></b:skin></b> cole este código:<br /> <blockquote>.rmlink { <br /> font-size: 100%; <br /> float: right; <br /> margin-right: 30px; <br /> margin-top: 10px; <br /> font-weight: bold;} <br /> .rmlink a { <br /> font-style: normal; <br /> font-weight: bold; <br /> font-variant: small-caps; <br /> font-family: Arial,Sans-Serif; <br /> color: #24618e; /*Cor do Link*/} <br /> .rmlink a:visited { color: #649dc7;}/*Cor do link depois de clicado*/ <br /> .rmlink a:hover { color: red;} /*Cor do link ao passar o mouse em cima*/</blockquote>Procure então pela tag <b></head></b> e cole este outro código <span style="color: red;"><b>acima</b></span><b><span style="color: red;"></span></b> dela:<br /> <blockquote><!-- JavaScript Posts Resumidos--> <br /> <!-- <br /> /***************************************************** <br /> Auto-readmore link script, version 4.0 (for blogspot) <br /> (C)2009 by Anhvo <br /> Homepage:  http://vietwebguide.com <br /> Please dont remove this copyright or change it into your own <br /> ******************************************************/ <br /> --> <br /> <style type="text/css"> <br /> .thumbnailimg IMG { <br /> max-width:150px; <br />   width: expression(this.width > 150 ? 150: true); <br />   max-height:120px; <br />   height: expression(this.height > 120 ? 120: true); <br /> } <br /> .thumbnailimg { <br /> float:left; <br /> padding:0px 10px 5px 0px; <br /> } <br /> </style> <br /> <script type='text/javascript'> <br /> var thumbnail_mode = "no-float" ; <br /> var classicMode = false ; <br /> var summary_noimg = 50; <br /> var summary_img = 40; <br /> var indent = 3; <br /> </script> <br /> <script  type='text/javascript'> <br /> //<![CDATA[ <br /> function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')} <br /> function getSummaryLikeWP(id) { <br />        return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0]; <br /> } <br /> function getSummaryImproved(post,max){ <br />   var re = /<.*?>/gi <br />   var re2 = /<br.*?>/gi <br />   var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi <br />   var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi <br />   post = post.replace(re4,'') <br />   post = post.replace(re3,'<br /> ').split(re2) <br />   for(var i=0; i<post.length; i++){ <br />    post[i] = post[i].replace(re,''); <br />   } <br /> var post2 = new Array(); <br /> for(var i in post) { <br /> //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]); <br /> if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ; <br /> } <br /> var s = ""; <br /> var indentBlank = ""; <br /> for(var i=0;i<indent;i++){ <br /> indentBlank += " "; <br /> } <br /> if(post2.join('<br/>').split(' ').length < max-1 ){ <br />   s = post2.join(indentBlank +' <br/>'); <br /> } else { <br /> var i = 0; <br /> while(s.split(' ').length < max){ <br />   s += indentBlank + ' ' + post2[i]+'<br/>'; <br />   i++; <br /> } <br /> }   <br /> return s; <br /> } <br /> function createSummaryAndThumb(pID){ <br /> var div = document.getElementById(pID); <br /> var content = div.innerHTML; <br /> if (/<!--\s*more\s*-->/.test(content)) { <br /> div.innerHTML = getSummaryLikeWP(pID); <br /> div.style.display = "block"; <br /> } <br /> else { <br /> var imgtag = ""; <br /> var img = div.getElementsByTagName("img"); <br /> var summ = summary_noimg; <br /> if(img.length>=1) { <br /> if(thumbnail_mode == "float") { <br />   imgtag = '<span class="thumbnailimg"><img src="'+img[0].src+'" /></span>'; <br />   summ = summary_img; <br /> } else { <br />   imgtag = '<div class="thumbnailimg" align="center"><img src="'+img[0].src+'" /></div>'; <br />   summ = summary_img; <br /> } <br /> } <br /> var summary = (classicMode) ? imgtag + '<div>' + stripHtmlTags(content,summ) + '</div>' : imgtag + '<div>' + getSummaryImproved(content,summ) + '</div>'; <br /> div.innerHTML = summary; <br /> div.style.display = "block"; <br /> } <br /> } <br /> //]]> <br /> </script><!-- Fim JavaScript Posts Resumidos—></blockquote>Clique em “visualizar”  e se estiver tudo correto, clique em “salvar modelo”

Como colocar o hack leia mais com imagens nos modelos do Blogger ( designer de modelo)

Em 2010 ensinei como colocar o hack leia mais automático e com imagens nos templates antigos do Blogger e nos personalizados por nós usuário...

Continue Lendo >>

Como desabilitar suas visitas no contador do Blogger

No painel do Blogger é possível acompanhar as estatísticas do seu blog. Ele contabiliza todas as vezes que uma página é aberta e isso inclui as vezes em que você mesmo visualiza o seu blog. Se você acompanha este contador e quer que os dados gerados por visitas de terceiros sejam mais precisas, você poderá desabilitar essa função e não ter mais suas visualizações de páginas contadas.<br /> <div> <br /></div> <div> É muito rápido e fácil. Basta logar com sua conta no Blogger e ir até "estatísticas". Em "visão geral", logo abaixo dos dados de visualizações, clique no link "não rastrear suas visualizações de página":</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdmaiB8Gn6uUU41NWt6qosM-VyyW7h3iMxjH3GgbtaOJL9YrChYepKwNDnr0q7Dycy5w5WeJ_cnjOFvDKrKez-GzftnmdFUx3jjQm4g2-qEdn-wheOKDsqHvHwoKhC6uiUCw5K1q7a2Ol/s1600/Desabilitar+Visualiza%25C3%25A7%25C3%25B5es+Paginas+Blogger+Adm.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvdmaiB8Gn6uUU41NWt6qosM-VyyW7h3iMxjH3GgbtaOJL9YrChYepKwNDnr0q7Dycy5w5WeJ_cnjOFvDKrKez-GzftnmdFUx3jjQm4g2-qEdn-wheOKDsqHvHwoKhC6uiUCw5K1q7a2Ol/s400/Desabilitar+Visualiza%25C3%25A7%25C3%25B5es+Paginas+Blogger+Adm.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <span style="background-color: white;">Em seguida, na tela que abrir, selecione a opção "não rastrear minhas visualizações de páginas" e clique em salvar, conforme na imagem abaixo:</span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoQThyN-wF50d3F1DMA8vyZW3cRD2x5XMM5TT6Etwv2DtO1dIVv6WoYkUSi2qNAmlARuBYRD3P5jRkCnzzflgOute6CogVpeVboWMxDSGnsRNLw5T-i6qinpNkgq8msrOjePaFZ2yp43dG/s1600/N%25C3%25A3o+rastrear+visualiza%25C3%25A7%25C3%25B5es+de+pagina.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoQThyN-wF50d3F1DMA8vyZW3cRD2x5XMM5TT6Etwv2DtO1dIVv6WoYkUSi2qNAmlARuBYRD3P5jRkCnzzflgOute6CogVpeVboWMxDSGnsRNLw5T-i6qinpNkgq8msrOjePaFZ2yp43dG/s320/N%25C3%25A3o+rastrear+visualiza%25C3%25A7%25C3%25B5es+de+pagina.png" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <span style="background-color: white;">Pronto, o Blogger não irá mais identificar as suas visualizações. Mas atenção, este procedimento deverá ser realizado em todos os navegadores que você utilizar para visualizar o seu blog. Pois, o Blogger adicionará um cookie de bloqueio ao seu navegador.</span></div>

Como desabilitar suas visitas no contador do Blogger

No painel do Blogger é possível acompanhar as estatísticas do seu blog. Ele contabiliza todas as vezes que uma página é aberta e isso inclui...

Continue Lendo >>

Como inserir facilmente um vídeo do YouTube

<div style="text-align: justify;"> Os vídeos já fazem parte das postagens na blogosfera. Tanto que alguns blogs estão completamente direcionados a atrair um público que prefere assistir os vídeos selecionados pelo seu blogueiro preferido. Mas para quem usa apenas como mais um recurso, não há nada melhor que um vídeo ou uma imagem para ilustrar e deixar mais clara a ideia que estamos passando em nosso artigo, conforme fiz no post <a href="http://www.dicasblogger.com.br/2012/04/o-blogueiro-e-vida-pessoal.html" target="_blank">o blogueiro e a vida pessoal</a>. Contudo, infelizmente, muitos encontram dificuldades na hora de inserir o vídeo na postagem, o que resulta na perca de um tempo precioso, além de muita irritação e tentativas. Enfim, para resolver este infortúnio, fiz alguns testes e descobri um jeito fácil de encontrar o vídeo desejado sem dificuldades na hora inserir na postagem.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Primeiro vá até o vídeo escolhido na página do <a href="http://youtube.com/" target="_blank">YouTube</a>, clique em "compartilhar" e selecione a URL fornecida, conforme imagem abaixo:</div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/--TvlpK1s4TE/UBXaEOfH65I/AAAAAAAAALQ/Yr6ra2kssHg/s1600/Selecionando+Url+Video+Youtube.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="http://4.bp.blogspot.com/--TvlpK1s4TE/UBXaEOfH65I/AAAAAAAAALQ/Yr6ra2kssHg/s400/Selecionando+Url+Video+Youtube.jpg" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <span style="background-color: white; text-align: justify;">Em seguida vá até a sua área de postagem no Blogger e clique em "inserir vídeo", conforme demonstrado na imagem:</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-W1CYX-MqJ90/UBXaEALQSnI/AAAAAAAAALQ/aK-3krEMMtQ/s1600/Clicar+inserir+video.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="111" src="http://3.bp.blogspot.com/-W1CYX-MqJ90/UBXaEALQSnI/AAAAAAAAALQ/aK-3krEMMtQ/s400/Clicar+inserir+video.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <span style="background-color: white; text-align: justify;">Na tela que abrir você deverá clicar em "From YouTube", colar a URL copiada na página do YouTube e clicar em pesquisar.</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://2.bp.blogspot.com/-4MIaq9oMnQE/UBXaEEl4xyI/AAAAAAAAALQ/mGPRllzfzd8/s1600/Inserir+Video+Youtube+Clicar+Pesquisar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="http://2.bp.blogspot.com/-4MIaq9oMnQE/UBXaEEl4xyI/AAAAAAAAALQ/mGPRllzfzd8/s400/Inserir+Video+Youtube+Clicar+Pesquisar.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div style="text-align: left;"> <span style="background-color: white; text-align: justify;">É nesse momento que surge a tão irritante tela, onde encontram-se inúmeros vídeos, menos o que pesquisamos para encontrar. É ai que todo usuário se pergunta: "O que está errado?" Ainda bem que tem solução. Nas duas próximas imagens estarão as dicas de ouro!!!!</span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://2.bp.blogspot.com/-2cCRFbBq2yg/UBXaEGGzwkI/AAAAAAAAALQ/Hs8kNQKEGFk/s1600/Sele%25C3%25A7%25C3%25A3o+de+Videos+Nada+HAver.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="http://2.bp.blogspot.com/-2cCRFbBq2yg/UBXaEGGzwkI/AAAAAAAAALQ/Hs8kNQKEGFk/s400/Sele%25C3%25A7%25C3%25A3o+de+Videos+Nada+HAver.jpg" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <span style="background-color: white; text-align: justify;">Para que o vídeo seja encontrado facilmente é necessário fazer o seguinte:</span><br /> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <u><b>1º Dica:</b></u> Inserir a URL e retirar apenas ponto que fica entre "youtu.be", deixando a palavra de forma completa e  clicar em pesquisar, conforme na imagem abaixo:</div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-_6zdvmsu3mw/UBXaEPFEapI/AAAAAAAAALQ/WphK4AIPX9o/s1600/Grande+Segredo+Retire+o+Ponto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="http://3.bp.blogspot.com/-_6zdvmsu3mw/UBXaEPFEapI/AAAAAAAAALQ/WphK4AIPX9o/s400/Grande+Segredo+Retire+o+Ponto.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <u><b>2º Dica:</b></u><span style="background-color: white;"> Inserir apenas o código de referência deste vídeo no YouTube, exemplo: ledAsNrx62k, e clicar em pesquisar. Conforme ilustrado a seguir:</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://2.bp.blogspot.com/-Ml36n0ROt4Y/UBXaEAFgSwI/AAAAAAAAALQ/5c0Yd-z_FeU/s1600/Grande+Segredo+Pesquise+Codigo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="http://2.bp.blogspot.com/-Ml36n0ROt4Y/UBXaEAFgSwI/AAAAAAAAALQ/5c0Yd-z_FeU/s400/Grande+Segredo+Pesquise+Codigo.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <span style="background-color: white;">Note que nos dois procedimentos o vídeo escolhido foi listado. Na primeira dica apareceram outros vídeos, mas o selecionado estava na primeira posição. Já na segunda dica o vídeo escolhido foi o único a aparecer.</span><br /> <br /> Neste outro artigo você irá aprender <a href="http://www.dicasblogger.com.br/2010/01/colocar-video-youtube-blogger.html" target="_blank">como colocar vídeo do Youtube no Blogger</a> por meio do botão incorporar. Um outro jeito que também dá certo!<br /> <br /> Agora ficou fácil, aproveite!!! E ai, você também encontrava dificuldade?

Como inserir facilmente um vídeo do YouTube

Os vídeos já fazem parte das postagens na blogosfera. Tanto que alguns blogs estão completamente direcionados a atrair um público que prefe...

Continue Lendo >>

Promoção "Conte sua história: Como foi criar o seu blog"

<div style="text-align: justify;"> <div class="separator" style="clear: both; text-align: center;"> </div> Participe da nossa promoção: "Conte sua história: Como foi criar o seu blog" Como a Blogosfera continua crescendo, sendo hoje mais de 133 milhões de blogs espalhados pelo mundo, conforme divulgado no <a href="http://www.tecmundo.com.br/rede-social/15267-14-estatisticas-insanas-sobre-redes-sociais.htm" target="_blank">Tecmundo</a>, gostaríamos de conhecer e compartilhar o blog de nossos leitores. São pessoas que estão trocando idéias, compartilhando conhecimento e interagindo por intermédio dos blogs. Pois, no meio desse emaranhado de blogs, muitas vezes visitamos um blog e nem nos atentamos em saber como aquele blog iniciou, quais foram as dificuldades, quem é o fundador e qual era o seu objetivo ao criar o blog. O fato é que a história daquele blog pode contribuir com o crescimento do seu blog.<br /> </div> <div style="text-align: justify;"> <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/AVvXsEh9OLS-ylnx1oYthzXFJ03uZ3yDQFzYUnZi3ash0EJPa0q4f_M9pJSgMoZoqCMawM7H7jwe59BNPE0H9WHX-yOvgLAF5a1UdwlI3OkehZra1LlUNW9jtMqA0AKc1KgZCYJbDa66Iqh2BzED/s1600/promowriter3bx.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9OLS-ylnx1oYthzXFJ03uZ3yDQFzYUnZi3ash0EJPa0q4f_M9pJSgMoZoqCMawM7H7jwe59BNPE0H9WHX-yOvgLAF5a1UdwlI3OkehZra1LlUNW9jtMqA0AKc1KgZCYJbDa66Iqh2BzED/s1600/promowriter3bx.png" title=" " /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <br /></div> <div style="text-align: justify;"> O Dicas Blogger está no ar desde 2007 compartilhando conhecimento. Muitos de nossos leitores iniciaram e melhoraram seus blogs por meio do que aprenderam aqui, contribuindo com os mais diversos assuntos para a blogosfera. É por isso, que agora queremos conhecer as experiências de nossos colegas blogueiros. Afinal, a blogosfera é feita por nós!!!</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> A promoção "Conte sua história: Como foi criar o seu blog" irá selecionar uma história por mês e publicá-la aqui no Dicas Blogger. O autor deverá criar um texto original contando como foi criar o seu blog, quais foram os objetivos, as dificuldades encontradas, como as superou e, até mesmo, o projeto para o futuro. Enfim, compartilhar conosco um pouco da história do seu blog.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> O blog selecionado, além de ter sua história publicada no Dicas Blogger, terá o blog divulgado e recomendado aos nossos leitores. Isso significa, que se você deseja ganhar boas visitas para o seu blog, você não pode deixar de participar desta promoção. Seja criativo, sem fugir da verdade, e envie-nos a sua história. Assim, você estará concorrendo a uma postagem sobre o seu blog aqui no DB.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3oEm9X1RBpXredBH1j34a_rf_6L6gt3oDDHNIbUX2lcZ_kCNsEI0Z0HhD0OwDX5S7l69TBx5k38AkxJugNc-JfqRAd_uSAjKijBGbBdIFIcQ7-0LjrF0_LGGathFYz089gvB-4cR2Ug/s1600/capriche.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz3oEm9X1RBpXredBH1j34a_rf_6L6gt3oDDHNIbUX2lcZ_kCNsEI0Z0HhD0OwDX5S7l69TBx5k38AkxJugNc-JfqRAd_uSAjKijBGbBdIFIcQ7-0LjrF0_LGGathFYz089gvB-4cR2Ug/s400/capriche.png" width="400" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <span style="background-color: white;">A vantagem de participar da nossa promoção está no fato de que o foco principal é a história do blog selecionado. Para você ter uma ideia, temos em nosso </span><a href="http://www.dicasblogger.com.br/p/anuncie-no-dicas-blogger.html" rel="nofollow" style="background-color: white;" target="_blank">mídia kit</a><span style="background-color: white;"> o publieditorial, também chamado de artigo patrocinado ou post pago, onde o anunciante redige um post divulgando o seu blog, serviço ou produto. Se você quiser contratar este tipo de serviço hoje no Dicas Blogger, você pagará o valor de R$ 500,00 (quinhentos reais) caso o texto seja seu, ou R$ 600,00 (seiscentos reais) quando a criação do texto é nossa. Assim, essa promoção te dá a oportunidade de, caso seja selecionado, divulgar seu blog no Dicas Blogger sem pagar nada por isso. Vale a pena participar!!!!</span></div> <div> <br /></div> <div style="text-align: justify;"> Para participar da promoção o interessado deverá concordar com o <a href="http://www.dicasblogger.com.br/p/regulamento-promocao-conte-sua-historia.html" target="_blank">regulamento</a> e enviar, por meio do <a href="http://dicasblogger2.wufoo.com/forms/promodicas-blogger" target="_blank">formulário</a> o texto contando como foi criar o seu blog. Para conhecer o regulamento e não perder a oportunidade por ter descumprido uma regra <a href="http://www.dicasblogger.com.br/p/regulamento-promocao-conte-sua-historia.html" target="_blank">clique aqui</a>.<br /> <br /> Não perca tempo. Elabore seu texto e envie por meio do <a href="http://dicasblogger2.wufoo.com/forms/promodicas-blogger" target="_blank">formulário</a>. Você pode ser o escolhido e ter <span style="background-color: white;"> a </span><span style="background-color: white;">história do seu blog publicada no </span><span style="background-color: white;">Dicas Blogger!!!</span></div>

Promoção "Conte sua história: Como foi criar o seu blog"

Participe da nossa promoção: "Conte sua história: Como foi criar o seu blog" Como a Blogosfera continua crescendo, sendo hoje m...

Continue Lendo >>

Como configurar facilmente um domínio no Blogger

Registrar os domínios comprados por meio do site <b>GoDaddy </b>estão super fáceis. Você não precisa entrar no painel de configurações do site registrador e incluir os códigos de DNS manualmente, como se faz na maioria das vezes em outros serviços. Com a parceria entre a <a href="http://www.godaddy.com/" target="_blank">Godaddy</a> e o Blogger é muito prático. Com esse tutorial você verá o quanto é rápido e fácil, sem complicações!<br /> <br /> Para quem já adquiriu o domínio é preciso seguir os seguintes passos:<br /> <br /> Primeiro, acesse este endereço do Godaddy: <a href="http://www.godaddy.com/blog/bloggerdnssetup.aspx">http://www.godaddy.com/blog/bloggerdnssetup.aspx</a>, insira seu domínio e confirme.<br /> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqdA8-GNyDJu1HWhn-_wvlCWb2kxVE09-C8YGozUxsUscgrp-I_Woy1L53wezaCLm0viyoRjp8_nsBzvK2gZ2A72dSXCGMJaGiJT_t9Kifl4FTDlx5_z4KzXGkp98LauniaLuNYFogl-0/s1600/Godaddy+dominio+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqdA8-GNyDJu1HWhn-_wvlCWb2kxVE09-C8YGozUxsUscgrp-I_Woy1L53wezaCLm0viyoRjp8_nsBzvK2gZ2A72dSXCGMJaGiJT_t9Kifl4FTDlx5_z4KzXGkp98LauniaLuNYFogl-0/s400/Godaddy+dominio+1.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <br /></div> <br /> Em seguida, acesse o painel de controle do seu blog no Blogger e clique em "configurações". No campo "básico" você irá identificar o item "Publicação", nessa área clique em "adicionar um domínio personalizado".<br /> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDAN9KjGORm5cnY32BcmFdP-wj2CMpiYwzWnEiisSbTDdWS9D5F11UYcDu2pg0upGcgPrmsxyTLfzP9dMUGDsuBNlmebe21QjLAa255TdDB-rs_W4cMo0e-NHGJ3BWzCblTNkS24gSqQ/s1600/Godaddy+dominio+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDAN9KjGORm5cnY32BcmFdP-wj2CMpiYwzWnEiisSbTDdWS9D5F11UYcDu2pg0upGcgPrmsxyTLfzP9dMUGDsuBNlmebe21QjLAa255TdDB-rs_W4cMo0e-NHGJ3BWzCblTNkS24gSqQ/s400/Godaddy+dominio+2.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <br /></div> <div> Depois será necessário clicar em "alternar para configurações avançadas."</div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-Vfh58X8Yi9OnHYW4EHeYaz74VmXc96W83Y_BoamqKG3c5BmDyfYb2EpTret2b5jUmHeRsRQJlnpSV1Px-5MVrC-Rn3gkg_XquylvMZ1b-Ia4WJNZCEdf-IQygBXIxR4qZ4FElCklq0/s1600/Godaddy+dominio+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5-Vfh58X8Yi9OnHYW4EHeYaz74VmXc96W83Y_BoamqKG3c5BmDyfYb2EpTret2b5jUmHeRsRQJlnpSV1Px-5MVrC-Rn3gkg_XquylvMZ1b-Ia4WJNZCEdf-IQygBXIxR4qZ4FElCklq0/s400/Godaddy+dominio+3.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <br /></div> <div> Na tela que abrir, você deverá digitar o endereço de domínio que registrou no Godaddy e que incluiu no endereço mencionado acima.</div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34rdTTDn4OQnRt3mzH4zRqX0jgVdtvItZztbXizgmWJmIdmbLg-9W_WQrO4S9eCT-zDoGuJkqgqUozkUtpXchRAvPhoRp8eA9uzZwaSB8spZWPefDYTklZ2n_M1smnD7S3eWj_CSJdI0/s1600/Godaddy+dominio+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34rdTTDn4OQnRt3mzH4zRqX0jgVdtvItZztbXizgmWJmIdmbLg-9W_WQrO4S9eCT-zDoGuJkqgqUozkUtpXchRAvPhoRp8eA9uzZwaSB8spZWPefDYTklZ2n_M1smnD7S3eWj_CSJdI0/s400/Godaddy+dominio+4.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div> <br /></div> <div style="text-align: justify;"> Pronto, agora é só salvar e aguardar que todas as configurações serão feitas automaticamente. O Godaddy informa que as alterações de DNS podem levar até 48 horas para se expandir.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Fiquei impressionada com a rapidez com que os serviços da Godaddy <span style="background-color: white;">responderam. Depois de efetuar o pagamento, em instantes eu já tinha o registro do domínio e pude fazer a configuração nos meus blogs. O que não aconteceu com outro serviço nacional que precisei abrir um chamado, quase uma semana depois do pagamento, pois não constava o registro. Logo após a configuração notei apenas uma instabilidade no acesso com o novo domínio, o que ocorre em razão da mudança, mas em menos de 24 horas estava tudo normalizado.</span></div> <div style="text-align: justify;"> <span style="background-color: white;"><br /></span></div> <div style="text-align: justify;"> <span style="background-color: white;">Além disso, gostei muito do painel da Godaddy e dos serviços que podem ser contratados por meio do site. Mas é preciso ter cuidado, pois durante a compra do domínio e escolha dos serviços, eles oferecem muita coisa, o que pode confundir e te levar a gastar mais do que precisa. Fique atento!!! Quanto a domínios <b>br</b> não compensa comprar por meio deste serviço, pois eles estavam custando nada mais nada menos que R$  197,99.</span></div> <div style="text-align: justify;"> <span style="background-color: white;"><br /></span></div> <div style="text-align: justify;"> E ai, o que achou da facilidade de configuração de domínio na Godaddy?</div>

Como configurar facilmente um domínio no Blogger

Registrar os domínios comprados por meio do site GoDaddy estão super fáceis. Você não precisa entrar no painel de configurações do site regi...

Continue Lendo >>