Postagens, comentários e compartilhamentos

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7nGJ0sNhdtGjVYz0QEZrJihQcELrsyLKNBbMoOyTfe3bLIZFaS9i8_ypcR4nbXqTRJ2v-Sjd_RpKtTOLx0L0x6aSjnK3OsBp4_2VbIQT_h_QOnlKghrf6NQfPXVp-PI2R222sSIyddk/s1600/altera%25C3%25A7%25C3%25B5es_nas_configura%25C3%25A7%25C3%25B5es_do_google_plus_dicas_blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_7nGJ0sNhdtGjVYz0QEZrJihQcELrsyLKNBbMoOyTfe3bLIZFaS9i8_ypcR4nbXqTRJ2v-Sjd_RpKtTOLx0L0x6aSjnK3OsBp4_2VbIQT_h_QOnlKghrf6NQfPXVp-PI2R222sSIyddk/s400/altera%25C3%25A7%25C3%25B5es_nas_configura%25C3%25A7%25C3%25B5es_do_google_plus_dicas_blogger.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> Talvez você ainda não tenha notado ou se quer se deu conta dessa alteração, mas, na semana passada, tivemos algumas mudanças significativas da aba Google+ dentro do painel de gerenciamento de blogs. A opção Google+ deixou de ter um campo exclusivo para ele e passou a ser integrado dentro da aba de Configurações, junto a outras ferramentas da plataforma.<br /> <br /> Embora essa não tenha sido uma mudança de grande impacto, criamos um pequeno FAQ (perguntas frequentes, em português), mostrando o que mudou e onde estão localizadas as configurações do Google+ dentro do Blogger atualmente.<br /> <br /> <h3> O sumiço da aba Google+</h3> <br /> Esta certamente será a primeira mudança que você poderá notar. Não existe mais o menu lateral no painel de gerenciamento do seu blog, apontando para as configurações do Google+ em seu blog:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzHgNusn8gJXXIdQSoTZ4j6a8ey3b2RciDQ-Ej7n_lvUM4kSV9BG8zKUpMlu7iAP6skC4AWGP71-ZIKM9qL8-Av72D4qh92H0wxqO6vYWtWxzNjAzgLXJkNv_tlJU42zKfhz5hjDNPeoE/s1600/antes_depois_guia_google_plus_dicas_blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzHgNusn8gJXXIdQSoTZ4j6a8ey3b2RciDQ-Ej7n_lvUM4kSV9BG8zKUpMlu7iAP6skC4AWGP71-ZIKM9qL8-Av72D4qh92H0wxqO6vYWtWxzNjAzgLXJkNv_tlJU42zKfhz5hjDNPeoE/s400/antes_depois_guia_google_plus_dicas_blogger.png" width="400" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> Vale ressaltar que a opção Google+ era exibida somente para quem havia vinculado seu perfil do Blogger com o Google+. Quem possuía apenas um perfil do Blogger, não conseguia visualizar essa opção.<br /> <br /> <h3> Para onde foram as opções de gerenciamento do Google+?</h3> <br /> Agora elas estão presentes na aba <b>Configurações</b> › <b>Postagens, comentários e compartilhamentos</b> na opção <b>Comentários do Google+</b>:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgueLL07PC7VkmLJWRFIL9810LZMJxP7kDkunCsQCvg4PXU_uj21ZDao_Ouepjg4i2J9dRmXr2xmFqJkoA6wZmtBR2hSI4P2K2m1qdpLSYAeVp_iGqfCt3JChhJ5FvN1-WtBcV32RoUQmU/s1600/coment%25C3%25A1rios_do_google_plus_dicas_blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgueLL07PC7VkmLJWRFIL9810LZMJxP7kDkunCsQCvg4PXU_uj21ZDao_Ouepjg4i2J9dRmXr2xmFqJkoA6wZmtBR2hSI4P2K2m1qdpLSYAeVp_iGqfCt3JChhJ5FvN1-WtBcV32RoUQmU/s320/coment%25C3%25A1rios_do_google_plus_dicas_blogger.png" width="320" /></a></div> <br /> No novo local de gerenciamento, você poderá: configurar o sistema de comentários do Google+ em seu blog, o perfil ou página que será associado ao seu blog e compartilhamentos automáticos do seu blog para o Google+, além das configurações já existentes nessa aba.<br /> <br /> <h3> O acontece se eu quiser vincular ou desvincular meu perfil do Blogger do Google+?</h3> <br /> Antes, você tinha que acessar o painel do Blogger (<a href="http://www.blogger.com/" rel="nofollow" target="_blank">www.blogger.com</a>), clicar na engrenagem localizada no canto superior direito da página e conectar ou desconectar seu perfil do Google+. Com a alteração, o processo continua no mesmo percurso, porém, através da opção <b>Editar configurações do usuário</b>:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIlqBleTWo1NQ08IcK5jFqvAu4f5BrWwyhf2r-2xcpyDGaUfT-kJOsm0vCjPx3-efsJsZty-3FwmP-Htzm7RaghaHhAIpHLDjK-2bucvFMcFwPtH25rn5CCxWRPSaYp8OKi2ggU9PKrE/s1600/editar_configura%25C3%25A7%25C3%25B5es_do_usuario_dicas_blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmIlqBleTWo1NQ08IcK5jFqvAu4f5BrWwyhf2r-2xcpyDGaUfT-kJOsm0vCjPx3-efsJsZty-3FwmP-Htzm7RaghaHhAIpHLDjK-2bucvFMcFwPtH25rn5CCxWRPSaYp8OKi2ggU9PKrE/s320/editar_configura%25C3%25A7%25C3%25B5es_do_usuario_dicas_blogger.png" width="320" /></a></div> <br /> Se você quiser aprender mais sobre a integração de um perfil do Blogger com o Google+, pode consultar <b><a href="https://support.google.com/blogger/answer/1752748?hl=pt-BR" target="_blank">este artigo</a></b> da Central de Ajuda.<br /> <br /> <h3> Conclusão</h3> <br /> Como você pôde notar, a equipe do Blogger deu menos visibilidade para as configurações do Google+ na plataforma. Embora nenhum comunicado oficial tenha sido feito, acredito que a mudança tenha sido para organizar melhor as opções dentro do painel de gerenciamento dos nossos blogs.<br /> <br /> Nós do Dicas Blogger gostaríamos de saber sua opinião sobre essa pequena alteração. Você já havia notado a ausência da opção Google+ no Blogger?

Postagens, comentários e compartilhamentos

Talvez você ainda não tenha notado ou se quer se deu conta dessa alteração, mas, na semana passada, tivemos algumas mudanças significati...

Continue Lendo >>

Nova Interface: como recuperar um blog excluído

Para recuperar um blog que você mesmo excluiu, entre no painel do Blogger, acesse a opção "blogs excluídos" e clique em "desfazer exclusão".<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-Tm7Xo0Ha2JA/UGR5FgXJbhI/AAAAAAAAFEw/PJQK10XS_1s/s1600/desfazer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Tm7Xo0Ha2JA/UGR5FgXJbhI/AAAAAAAAFEw/PJQK10XS_1s/s1600/desfazer.jpg" /></a></div> <br /> <br /> Lembre-se que essa opção só está disponível por <b>90 dias</b> após a exclusão!<br /> <br /> Se seu blog foi considerado "blog spam" e deletado pelo Blogger, vá até o painel do seu Blogger, clique em "Restaurar", logo abaixo do nome do seu blog, e siga os procedimentos solicitados. <br /> <br /> Se nenhum dos dois procedimentos acima resolver, peça ajuda no <a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR" target="_blank">Fórum do Blogger</a>.

Nova Interface: como recuperar um blog excluído

Para recuperar um blog que você mesmo excluiu, entre no painel do Blogger, acesse a opção "blogs excluídos" e clique em "desf...

Continue Lendo >>

Nova interface: Como excluir um blog do Blogger

Com a mudança definitiva para a nova interface, diversos usuários estão tendo dificuldade em utilizá-la. Neste post, irei explicar como excluir um blog na nova interface.<br /> <br /> No painel do Blogger, clique sobre o nome do blog que será excluído:<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-CDnafQ-AKXU/UGR25EHvcHI/AAAAAAAAFEY/djeKjImwFYo/s1600/blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-CDnafQ-AKXU/UGR25EHvcHI/AAAAAAAAFEY/djeKjImwFYo/s1600/blog.jpg" /></a></div> <div class="separator" style="clear: both; text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: justify;"> Na barra lateral esquerda, clique em "configurações" > "outro" > excluir blog</div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-X5PtXKsAt4Q/UGR3s50QvII/AAAAAAAAFEg/I0TSdKuyfto/s1600/excluir+blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-X5PtXKsAt4Q/UGR3s50QvII/AAAAAAAAFEg/I0TSdKuyfto/s1600/excluir+blog.jpg" /></a></div> <div class="separator" style="clear: both; text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: justify;"> O Blogger lhe dará a opção de fazer download do blog. Para excluir, clique em "excluir este blog"</div> <div class="separator" style="clear: both; text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-OsUm2HLeCNc/UGR4lJw9dqI/AAAAAAAAFEo/FF3jUf0s1ns/s1600/fazer+download.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-OsUm2HLeCNc/UGR4lJw9dqI/AAAAAAAAFEo/FF3jUf0s1ns/s1600/fazer+download.jpg" /></a></div> <div class="separator" style="clear: both; text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: justify;"> O blog excluído ainda ficará disponível por 90 dias. Após este prazo, não será possível desfazer essa exclusão.</div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-Tm7Xo0Ha2JA/UGR5FgXJbhI/AAAAAAAAFEw/PJQK10XS_1s/s1600/desfazer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Tm7Xo0Ha2JA/UGR5FgXJbhI/AAAAAAAAFEw/PJQK10XS_1s/s1600/desfazer.jpg" /></a></div> <div class="separator" style="clear: both; text-align: justify;"> <br /></div> <br />

Nova interface: Como excluir um blog do Blogger

Com a mudança definitiva para a nova interface, diversos usuários estão tendo dificuldade em utilizá-la. Neste post, irei explicar como excl...

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 configurar o Analytics nos templates de visualizações dinâmicas e layout do Blogger

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

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

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

Continue Lendo >>

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

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

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

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

Continue Lendo >>

Mudar domínio no Novo Blogger

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

Mudar domínio no Novo Blogger

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

Continue Lendo >>

Como agendar posts no novo Blogger

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

Como agendar posts no novo Blogger

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

Continue Lendo >>

Como fazer backup no novo Blogger

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

Como fazer backup no novo Blogger

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

Continue Lendo >>

Como mudar o template no novo Blogger

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

Como mudar o template no novo Blogger

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

Continue Lendo >>

Como mudar o layout no novo Blogger

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

Como mudar o layout no novo Blogger

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

Continue Lendo >>

Como colocar links que abram em uma nova janela

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

Como colocar links que abram em uma nova janela

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

Continue Lendo >>

Nova Interface: como gerenciar os comentários

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

Nova Interface: como gerenciar os comentários

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

Continue Lendo >>

Novo Blogger: Criar e gerenciar posts

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

Novo Blogger: Criar e gerenciar posts

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

Continue Lendo >>