Blogger atualiza design da caixa de comentários

O sistema de comentários do Blogger é um dos apelos de melhorias que sempre fazemos à plataforma. Mas neste ano o Blogger já implementou algumas novidades, como a ativação dos comentários do Google+ no blog. E, dessa vez, o que mudou foi o design <b>da caixa de comentários</b>.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijIAY1Im_s5vdKAwxB17S2teZ0l8AtlGnecHkBBpYBZ9n9FWcCu8i66lSUjN6qGTwNbmb0jTaNJcmEWgDXmAma3OHtESAJ7GCjY6wefrw_wxAWVmGdS1CHs9VJpCzkQPPkZgqXoyJ8DVzQ/s1600/Caixa+comentarios+Blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijIAY1Im_s5vdKAwxB17S2teZ0l8AtlGnecHkBBpYBZ9n9FWcCu8i66lSUjN6qGTwNbmb0jTaNJcmEWgDXmAma3OHtESAJ7GCjY6wefrw_wxAWVmGdS1CHs9VJpCzkQPPkZgqXoyJ8DVzQ/s1600/Caixa+comentarios+Blogger.jpg" /></a></div> <br /> <b><a href="http://www.dicasblogger.com.br/2013/03/como-ativar-respostas-aos-comentarios-facebook.html" target="_blank">Como ativar respostas aos comentários do Facebook</a></b><br /> <b><a href="http://www.dicasblogger.com.br/2013/04/saiba-como-ativar-os-comentarios-do-Google-no-blogger.html" target="_blank">Como ativar os comentários do Google+</a></b><br /> <a href="http://www.dicasblogger.com.br/2013/03/como-restringir-comentarios-no-blogger-somente-para-membros.html" target="_blank"><b>Como restringir comentários no Blogger somente para membros</b></a><br /> <br /> Quem usa os comentários do Blogger, irá observar que a caixa de comentários ficou mais clean e prática. Contando com uma novidade: a opção <b>notifique-me</b>. Assim, o leitor que quiser acompanhar a discussão no blog só precisa assinalar a opção para receber, em seu e-mail, um aviso de que há um novo comentário na postagem. Veja um exemplo do e-mail abaixo:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzMTKK1rcZxTHOJaBgQNVyaZ9DE5I4X3R9dXVvIl_FtQtuVcjz6PX3VgMSv-_LR2rjEv2cTFnJAXtsolKmLS5RnmYWqLT0Br5w6zTmSIsWOO77lvoMxeiiWqnkFiT1MJ-nbv3myb-mrBt/s1600/Notifica%C3%A7%C3%A3o+coment%C3%A1rio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzMTKK1rcZxTHOJaBgQNVyaZ9DE5I4X3R9dXVvIl_FtQtuVcjz6PX3VgMSv-_LR2rjEv2cTFnJAXtsolKmLS5RnmYWqLT0Br5w6zTmSIsWOO77lvoMxeiiWqnkFiT1MJ-nbv3myb-mrBt/s1600/Notifica%C3%A7%C3%A3o+coment%C3%A1rio.jpg" /></a></div> <br /> Que venham mais atualizações! E você, o que achou do novo design da caixa de comentários do Blogger e da opção notifique-me?

Blogger atualiza design da caixa de comentários

O sistema de comentários do Blogger é um dos apelos de melhorias que sempre fazemos à plataforma. Mas neste ano o Blogger já implementou alg...

Continue Lendo >>

Como parar de seguir um blog

Em 2012 fizemos um artigo ensinando <a href="http://www.dicasblogger.com.br/2010/02/como-usar-o-gadget-seguidores.html" target="_blank">Como usar o gadget seguidores</a>, porém com a mudança da interface do Blogger o artigo ficou obsoleto e vejo no <a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR" target="_blank">Fórum do Blogger</a> muitos leitores questionando como se faz para deixar de seguir um blog. O procedimento é relativamente simples.<br /> <br /> Entre no <b>painel do Blogger</b> e procure pela "Lista de Leitura". Clique no ícone de configuração, confome demostrado na figura abaixo:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YDuiYpQGtjpGhhjwerIwPAIVgqITxP-HJYkmvLoRmu4bFtkkKaBgK1YOueWQZc0kqfXYQZxzRYuwtCSet05PnipM63F7Cr2V8XDkn4x67g1p841qWTRe39KZ_BeqAGOsGRyV5dfKcZxO/s1600/seguidores.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YDuiYpQGtjpGhhjwerIwPAIVgqITxP-HJYkmvLoRmu4bFtkkKaBgK1YOueWQZc0kqfXYQZxzRYuwtCSet05PnipM63F7Cr2V8XDkn4x67g1p841qWTRe39KZ_BeqAGOsGRyV5dfKcZxO/s1600/seguidores.jpg" /></a></div> Escolha o blog que você deseja parar de seguir e clique em "configurações". Escolha a opção "parar de seguir este site" e depois confirme clicando em OK.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFvV-v008SwTbqGFpOBffz_f8oKqfHQQXRn2k_RTgG_JZAG4LN1I2Ccz_CTRNPhS2R0afL5J_C-euA7jxXZDiq7bECmTmKxvrECpOz_hXMxyeXOIdeBqmuBDxnLqJLPX3dC_AEwa-M2KXF/s1600/configura%C3%A7%C3%B5es.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFvV-v008SwTbqGFpOBffz_f8oKqfHQQXRn2k_RTgG_JZAG4LN1I2Ccz_CTRNPhS2R0afL5J_C-euA7jxXZDiq7bECmTmKxvrECpOz_hXMxyeXOIdeBqmuBDxnLqJLPX3dC_AEwa-M2KXF/s1600/configura%C3%A7%C3%B5es.jpg" /></a></div> <br />

Como parar de seguir um blog

Em 2012 fizemos um artigo ensinando Como usar o gadget seguidores , porém com a mudança da interface do Blogger o artigo ficou obsoleto e ve...

Continue Lendo >>

Como editar HTML na nova interface

Depois da <a href="http://www.dicasblogger.com.br/2012/09/antiga-interface-foi-desativada.html" target="_blank">desativação da antiga interface do Blogger</a>, muitos usuários que não experimentaram a nova interface antes dessa mudança ( que diga-se de passagem, foi anunciada a mais de 1 ano atrás) estão achando que não é mais possível editar o HTML dos templates. A boa notícia é que é possível sim e já ensinamos no post <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>.<br /> <br /> <h4 style="text-align: center;"> <span style="color: red; font-size: large;">Saiba tudo sobre o novo editor HTML do Blogger</span></h4> <div style="text-align: center;"> <a href="http://www.dicasblogger.com.br/2013/04/novidades-novo-editor-html-no-blogger_10.html" target="_blank"><b><span style="font-size: large;">clique aqui</span></b></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgETMf0WPZoVcly5XRUnX9WVcmhjO8xo-VxVDYN-p_-SyJf8qGc4SmTngKfkgHrIk-jlBdXqPnePxl_fXcHsXh074ofWv8WJqjDasfcWDjDjaCunZi3CuSa3RtSyolt-qmpC1SdT3x-qo8V/s1600/html+(1).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgETMf0WPZoVcly5XRUnX9WVcmhjO8xo-VxVDYN-p_-SyJf8qGc4SmTngKfkgHrIk-jlBdXqPnePxl_fXcHsXh074ofWv8WJqjDasfcWDjDjaCunZi3CuSa3RtSyolt-qmpC1SdT3x-qo8V/s400/html+(1).jpg" width="400" /></a></div> <br /> <br /> Faça login no painel do Blogger, escolha o blog que será editado, clique em "modelo" e em "editar HTML"<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEKD4YGp23mWlnyRVkPLAMjNuMMONxfgtbkU6XgXXzCtRmWWss2e1jkKM917yLJM6IXqM37Qs5HWKPqbykZPjtChbmeAEyuUSkc2MiO2tHSNT1arTNNHmIwK3NXwxsesXu4CHBQPGx8dhu/s1600/novoblogger-template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEKD4YGp23mWlnyRVkPLAMjNuMMONxfgtbkU6XgXXzCtRmWWss2e1jkKM917yLJM6IXqM37Qs5HWKPqbykZPjtChbmeAEyuUSkc2MiO2tHSNT1arTNNHmIwK3NXwxsesXu4CHBQPGx8dhu/s1600/novoblogger-template.png" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: justify;"> Na janela seguinte, aparecerá o seguinte aviso:</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/AVvXsEglU9Q8dJ7Z_RugkPFCFXDvam03-t5FYvnwzATbFwvSiPAcKDE2MUsk0Tq3__rmN1gV1-UttwPLceDRAJ3FzIQdj08y5bM7OSeR5eiJxn4c5VpCmf81my7NCddyDILbRFAXFmlLZntaEqF3/s1600/editar-html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglU9Q8dJ7Z_RugkPFCFXDvam03-t5FYvnwzATbFwvSiPAcKDE2MUsk0Tq3__rmN1gV1-UttwPLceDRAJ3FzIQdj08y5bM7OSeR5eiJxn4c5VpCmf81my7NCddyDILbRFAXFmlLZntaEqF3/s1600/editar-html.jpg" /></a></div> <div class="separator" style="clear: both; text-align: justify;"> Clique em "prosseguir" para editar o HTML do template.</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/AVvXsEhRk5dOTCw8HztccMwRQ-X89guuhc3GFfXfc8-mt1_pFKNV_6pQ4p6b36xchqKttG4Fv5L5qH3DVMEig0mPfxYAPcOPLV8ZOHFedNBOliAuIeCyxGDveOo8kGMlmCA81WWVVhyphenhyphenRekAsi28U/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRk5dOTCw8HztccMwRQ-X89guuhc3GFfXfc8-mt1_pFKNV_6pQ4p6b36xchqKttG4Fv5L5qH3DVMEig0mPfxYAPcOPLV8ZOHFedNBOliAuIeCyxGDveOo8kGMlmCA81WWVVhyphenhyphenRekAsi28U/s1600/html.jpg" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: justify;"> Sigam o Dicas Blogger nas redes sociais para não ficar por fora de nenhuma novidade!</div> <br /> <div style="text-align: center;"> <a href="http://twitter.com/dicas_blogger"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv_B4s6_PzAVVsaeZIKV4c1rE1RILaAcUZcBbDKJnMKgYpfSDdNGoioR_Y1dORjrfXoirtTW55YwqAVDDwxtf4YN41QsgvOynAU9b_JOGWglgQ4izmsNNKq_PVrU3Cfua4ZC0gkLSKhV99/s64/twitter.png" style="border: 0px solid; height: 56px; width: 56px;" title="twitter" /></a> <a href="http://feeds.feedburner.com/dicasblogger"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdsp1BOKFU7Eyr29484jeFMX4tDgkjmoB3czP5DKv0GYC799r3P8dHSHIWVOrn_u-b9RjfuM-1L48pFF7_eynFj18NtqlXI9gZbORMoN5OVDr_ZZfPHpwOSsR0wc5SG99mwdjLIHrfan6H/s64/rss.png" style="border: 0px solid; height: 56px; width: 56px;" title="feeds" /></a> <a href="http://www.facebook.com/blogdicasblogger"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLVJLF3McWrZOUBhg7BoZB2ktb4s4TueRzma2oX5E6LqfFkiD53YjDD-XKDpUs9V91V142cU1Zt0-tgR_qZxAlqUPZ8Ik14fH40UdGAA0YelcZXI-yT8E6GwCNvXMpVOFRMz_HOstl7lJ/s64/facebook.png" style="border: 0px solid; height: 56px; width: 56px;" title="facebook" /></a> <a href="https://plus.google.com/118113041588182046931?prsrc=1"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnuiohE-D6TG9lunruDZ9p3UCiReEZwrbuwb619sYMfL_94CWTi5OR-wWKk6HrGUtKhiTRoS8yyArQZrx65zN7eVeinZRBrtbOLB3dRv5MFU0dCR_rzI24jfjbDam7ftJp4QGAL-HOwxIc/s64/google_color.png" style="border: 0px solid; height: 56px; width: 56px;" title="Google+" /></a> </div>

Como editar HTML na nova interface

Depois da desativação da antiga interface do Blogger , muitos usuários que não experimentaram a nova interface antes dessa mudança ( que dig...

Continue Lendo >>

Como voltar ao antigo perfil do Blogger

<br /> <br /> Em junho ensinei a vocês como <a href="http://www.dicasblogger.com.br/2012/06/associar-perfil-do-blogger-ao-google.html" target="_blank">associar o perfil do Blogger ao perfil do Google+</a>. Através dos comentários deste blog e de tópicos do fórum de ajuda do Blogger, notei que algumas pessoas não gostaram dessa associação e desejam voltar ao antigo perfil do Blogger.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4YMHccDlBbwKEyFtlRVioNPwC8DwAbEZIWvQGNVwd8TTKxty4QjVFBHT0J1AIcUddZtOh-5AcxHllCc9sDnU06HNVgPWKB7Fr4kXw-sHoOCjNcr7wzcEjg5nfq4Lw4mDfKpkH7A9kSwtR/s1600/Share-Blog-Post-On-Google+.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4YMHccDlBbwKEyFtlRVioNPwC8DwAbEZIWvQGNVwd8TTKxty4QjVFBHT0J1AIcUddZtOh-5AcxHllCc9sDnU06HNVgPWKB7Fr4kXw-sHoOCjNcr7wzcEjg5nfq4Lw4mDfKpkH7A9kSwtR/s400/Share-Blog-Post-On-Google+.jpg" width="400" /></a></div> O processo é simples, mas já adianto que só é possível reverter em até <b>30 dias</b> após a associação ao perfil do G+.<br /> <br /> Para voltar ao antigo perfil do Blogger, entre <a href="http://www.blogger.com/revert-profile.g" target="_blank">nesta página</a> ou então acesse o painel do Blogger, clique no ícone de configurações (imagem abaixo) e escolha a opção "reverter para o perfil do Blogger". Simples, não?<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-vLcuG77jup6oURdF-YHTilOwvOUI3rg3TXFoI9Za_72-TTBmOeSwE8TthGNO2O4eNvoftBdena0b8t8Gfgb0SJb7mzXZ3uEK93k4TuuVXHx2K6ODXikrgjVp_SQSycpO-W0PH2E5eJe5/s1600/reverter+G+.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-vLcuG77jup6oURdF-YHTilOwvOUI3rg3TXFoI9Za_72-TTBmOeSwE8TthGNO2O4eNvoftBdena0b8t8Gfgb0SJb7mzXZ3uEK93k4TuuVXHx2K6ODXikrgjVp_SQSycpO-W0PH2E5eJe5/s1600/reverter+G+.jpg" /></a></div> <br /> <br />

Como voltar ao antigo perfil do Blogger

Em junho ensinei a vocês como associar o perfil do Blogger ao perfil do Google+ . Através dos comentários deste blog e de tópicos do fórum...

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

Antiga interface foi desativada

<div style="text-align: justify;"> Para desespero de alguns blogueiros do Blogger a antiga interface foi desativada!!! Não é novidade que o aviso de desativação estava lá há algum tempo, ora se referindo a meses , depois a dias e agora nem tem mais, por que mudou de vez. Mas muita gente não gostou e não se acostumou com a plataforma atualizada.</div> <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 style="text-align: justify;"> O Blogger começou a implantação da nova interface em meados do ano passado por meio de alguns usuários, depois estendeu a todos os outros, incentivando por meio de um aviso para experimentarem. Em seguida, migraram todas as contas, forçando o usuário a usar a nova plataforma. Foi isso que deu início a uma pequena crise. Tanto que um dos nossos posts mais acessados foi "<a href="http://www.dicasblogger.com.br/2012/01/como-voltar-ao-antigo-blogger.html" target="_blank">Como voltar ao antigo Blogger</a>". Vejo que o leitor ficava até aliviado quando descobria que, pelo menos por um tempo, ainda tinha como voltar. Mas agora os dias dela acabaram! Ela não vai voltar mais.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> O Dicas Blogger acompanhou toda esta trajetória, informando o leitor desse processo de atualização da plataforma que iria abranger todos os usuários do Blogger. Inclusive disponibilizando uma <a href="http://www.dicasblogger.com.br/search/label/Nova%20Interface" target="_blank">série de tutoriais</a> ensinando como usar a nova interface. Conforme demonstrado nos artigos abaixo:</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <a href="http://www.dicasblogger.com.br/2011/06/nova-interface-do-blogger.html" target="_blank">A nova interface do Blogger</a> em 04/06/2011;</div> <div style="text-align: justify;"> <a href="http://www.dicasblogger.com.br/2011/07/nova-interface-disponivel-para-todos.html" target="_blank">Nova interface disponível para todos</a> em 08/07/2011;</div> <div style="text-align: justify;"> <a href="http://www.dicasblogger.com.br/2012/04/e-hora-de-dizer-adeus-antiga-interface.html" target="_blank">É hora de dizer adeus à antiga interface do Blogger</a> em 03/04/2012;</div> <div style="text-align: justify;"> <a href="http://www.dicasblogger.com.br/2012/04/as-tres-grandes-mancadas-do-blogger.html" target="_blank">As três grandes mancadas do Blogger</a> em 20/04/2012; e</div> <div style="text-align: justify;"> <a href="http://www.dicasblogger.com.br/2012/05/como-usar-nova-interface-do-blogger.html" target="_blank">Como usar a nova interface do Blogger</a> em 01/05/2012.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Eu uso a nova interface desde que ela ficou disponível para todos os usuários. No início, a Juliana me lançou o desafio de aprender a usar para que fizessemos uma série de posts aqui no Dicas Blogger, a fim de ensinar nossos leitores a usar. Contudo, como resultado dessa empreitada, eu gostei e me acostumei com a nova, enquanto a Juliana ainda se mantinha firme na antiga (pelo menos até ontem :-)). Por isso, analisemos alguns pontos relacionados a esta mudança.<br /> <br /> <br /> <span style="color: red;"><b>Layout clean e organizado</b></span><br /> Ela tem um visual mais clean e mais organizado que a antiga. Há quem diga que é clean demais. Eu prefiro dizer que, nesse aspecto, está adequada ao fim para o qual foi projetada. Os recursos estão bem distribuídos e concentrados. A barra lateral possibilita uma visualização rápida do recurso que se quer configurar. Além disso, na área de postagem, o painel não chama a atenção para si. É desagradável utilizar plataformas que exageram nas cores, dando destaques demais a alguns itens. O layout clean e organizado é o ideal para que a sua criatividade ao postar não seja prejudicada por um painel que canse a sua visão.<br /> <br /> <b><span style="color: red;">Novos recursos</span></b><br /> O Blogger vem implementando novidades à sua plataforma. Com isso, novos recursos estão sendo disponibilizados para o usuário. Entre eles temos agora a <a href="http://www.dicasblogger.com.br/2012/08/Google-plus-no-painel-do-Blogger.html" target="_blank">interação com o Google+</a>, onde você pode realizar diferentes opções de acordo com o uso que você já faz da rede social. Os <a href="http://www.dicasblogger.com.br/2012/05/usar-template-visualizacao-dinamica.html" target="_blank">templates de visualizações dinâmicas</a>, que possuem um código diferenciado dos templates padrão, o que futuramente poderá ser uma tendência. Com isso, o Google vem integrando os seus produtos e serviços, o que obriga o uso de ferramentas mais atualizadas para proporcionar uma melhor interação entre eles. Manter-se na antiga interface limitava esse crescimento, tanto que, com o bug dos novos domínios personalizados, a antiga interface não recebeu atualização.<br /> <br /> <b><span style="color: red;">Atualização gradativa</span></b><br /> Somos brasileiros, não desistimos nunca! Mas sempre deixamos para a última hora. A nova interface foi disponibilizada para todos os usuários pouco mais de um ano atrás. Assim, dada a ação gradativa da equipe do Blogger, não dá pra alegar que não sabíamos e, nem mesmo, que não tivemos tempo para se adaptar à nova. Contudo, era mais cômodo continuar como estava e, caso o painel mudasse, retornar para a antigo. O que quero acentuar neste tópico específico é que houve tempo para uma adaptação. Inclusive para dar feedback ao Blogger sobre o novo serviço. A atualização pode não ter agradado, mas ninguém foi pego de surpresa.<br /> <br /> <span style="color: red;"><b>Instabilidade</b></span><br /> Nem tudo são maravilhas, a instabilidade é um dos problemas da nova interface. Quem é que nunca se deparou com os tais erros Bx, que não deixam ninguém sair do lugar. Para cada tentativa aparece um código de erro que não ajuda em nada. As <a href="http://productforums.google.com/forum/#%21category-topic/blogger-pt/8h5z5kNu3mU" target="_blank">orientações no Fórum do Blogger</a> para resolver o problema são: fazer a limpeza de caches e cookies, usar o modo de navegação anônima e usar outro navegador. O problema é realizar essa tarefa toda vez que esse erro aparece. Em razão disso, eu mesma, já orientei vários usuários no fórum do Blogger a refazerem o procedimento na antiga interface que era mais estável. Espero, realmente, que a nova plataforma tenha uma estabilidade mais paupável.<br /> <br /> <span style="color: red;"><b>A importância do feedback</b></span><br /> A atualização foi feita e não adianta chorar pelo leite derramado. Quem pretende continuar no Blogger terá que se adaptar à nova interface. Para que a qualidade do serviço melhore e esse, acredito, ser o interesse de todos, será de suma importância dar feedback e apresentar sugestões para que o painel de controle fique cada vez melhor e mais estável. Assim, caso você tenha uma sugestão ou esteja encontrando algum problema com a nova interface, reporte no <a href="http://productforums.google.com/forum/#!forum/blogger-pt" target="_blank">Fórum do Blogger</a>.<br /> <br /> <span style="color: red;"><b>Ajuda ao leitor</b></span><br /> Fizemos uma série de artigos e tutoriais que ensinam o usuário a usar a nova interface. Caso você encontre dificuldades para se adaptar, dê uma olhada em nossos artigos "<a href="http://www.dicasblogger.com.br/search/label/Nova%20Interface" target="_blank">Como usar a nova interface</a>."<br /> <br /> Agora é se adaptar à nova plataforma e seguir em frente!!!</div>

Antiga interface foi desativada

Para desespero de alguns blogueiros do Blogger a antiga interface foi desativada!!! Não é novidade que o aviso de desativação estava lá há ...

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

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

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