Dicas Blogger

Home » Archives for julho 2008

Os 200 blogs + populares do Brasil

<a href="http://lh5.ggpht.com/ekosterapia/SJDu2JC4FTI/AAAAAAAABmM/j1JKKw3M0-I/s1600-h/luzes%5B4%5D.jpg"><img alt="luzes" border="0" height="173" src="http://lh3.ggpht.com/ekosterapia/SJDu3FAam2I/AAAAAAAABmQ/zr4cuTYjEC4/luzes_thumb%5B2%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="348"></a> A Cynara Peixoto, autora do excelente blog <a href="http://www.mundotecno.info/">Mundo Tecno</a>, acaba de divulgar uma lista com os 200 blogs mais populares do Brasil. Esta lista já havia sido feita em <a href="http://www.mundotecno.info/noticias/os-50-blogs-mais-populares-do-brasil">2007</a>. Para chegar aos resultados de 2008, ela se baseou nos seguintes dados: <ul> <li>PageRank <li>Backlinks do Google <li>Backlinks do Yahoo <li>Leitores de Feeds <li>Links no BlogBlogs</li></ul> Como a palavra, Cynara: Um ano depois, o que mudou? Muita coisa aconteceu neste meio tempo. Blogs promissores caíram no esquecimento, blogs na época desconhecidos hoje estão em grande evidência. O perfil dos blogueiros e de seus blogs mudou, muito. Blogueiros profissionais hoje são uma realidade, empresas investem em blogs e formam parcerias, aos poucos estão ganhando espaço em eventos importantes. As coisas mudaram, e muito rápido. Este ranking foi feito com o objetivo de ser um norte, de saber para onde o caminho aponta. Hoje links não são suficientes para medir a popularidade de um blog. É importante saber quem ele influencia. E esta influência é representada pelo número de leitores assíduos, que lêem através de feed. Por isso, para o cálculo deste ranking, incluí este dado na contagem.  Eu sempre acompanhei estes ranks e conheci muitos blogs através deles. Quero contar uma coisinha prá vocês...O Dicas Blogger está lá, em 134 º lugar!!! Fiquei muito feliz e até emocionada, pois trabalhei bastante o ano todo e, nada como uma lista dessas para recompensar tanto esforço,né? Mais um presentão de aniversário! Para visualizar a lista completa, <a href="http://www.mundotecno.info/noticias/os-200-blogs-mais-populares-do-brasil-em-2008">CLIQUE AQUI</a>. Parabéns, Cynara pelo excelente trabalho e por sua contribuição permanente para o bom nível da Blogosfera brasileira. Rumo ao <a href="http://www.bestblogsbrazil.com/2007/">Best Blogs Brasil</a> 2008 !!!!!   <a href="http://lh6.ggpht.com/ekosterapia/SJDvhPQ1_OI/AAAAAAAABmU/AVRfUN3z_uI/s1600-h/niver%5B8%5D.png"><img alt="niver" border="0" height="71" src="http://lh3.ggpht.com/ekosterapia/SJDviV9NS3I/AAAAAAAABmY/mkGrKcSbP7U/niver_thumb%5B4%5D.png?imgmax=800" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" width="354"></a>

Os 200 blogs + populares do Brasil

A Cynara Peixoto, autora do excelente blog Mundo Tecno , acaba de divulgar uma lista com os 200 blogs mais populares do Brasil. Esta lista...

Continue Lendo >>

19:44

Como inserir um formulário de contato no seu blog

<a href="http://lh6.ggpht.com/ekosterapia/SI9Z-OG2HiI/AAAAAAAABlA/vutGYVc2gT0/s1600-h/contato%5B4%5D.jpg"><img alt="contato" border="0" height="142" src="http://lh5.ggpht.com/ekosterapia/SI9Z-4UyJPI/AAAAAAAABlE/RFw3a0A9iDc/contato_thumb%5B2%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="401" /></a> Já fiz outros posts a respeito, entretanto alguns leitores me perguntam como ter um formulário de contato igual ao meu. É super simples. Cadastre um email no site <a href="http://kontactr.com/?ref=wgt" target="_blank">Kontactr</a>. <a href="http://lh6.ggpht.com/ekosterapia/SI9Z_5u_PmI/AAAAAAAABlI/PkBKvhmQEGE/s1600-h/kontactr%5B3%5D.jpg"><img alt="kontactr" border="0" height="178" src="http://lh4.ggpht.com/ekosterapia/SI9aAlAiDvI/AAAAAAAABlM/hgHjImCEopU/kontactr_thumb%5B1%5D.jpg?imgmax=800" width="303" /></a> Escolha um dos widgets disponíveis: <a href="http://lh6.ggpht.com/ekosterapia/SI9aBhvEguI/AAAAAAAABlQ/RNcQMgE1qEw/s1600-h/kontactr_widgets%5B7%5D.jpg"><img alt="kontactr_widgets" border="0" height="193" src="http://lh3.ggpht.com/ekosterapia/SI9aCo0RFxI/AAAAAAAABlU/4rMIFrsnu6g/kontactr_widgets_thumb%5B3%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="304" /></a> Eu prefiro o primeiro, pois com ele eu altero o texto de inglês para português. Agora faça um novo post com uma data bem antiga. Cole o código: <a href="http://lh4.ggpht.com/ekosterapia/SI9aDvqOiWI/AAAAAAAABlY/vVKOex8Qt7M/s1600-h/kontacr_script%5B3%5D.jpg"><img alt="kontacr_script" border="0" height="192" src="http://lh6.ggpht.com/ekosterapia/SI9aEaUxkDI/AAAAAAAABlc/aZAXP7Kuj30/kontacr_script_thumb%5B1%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="311" /></a> Altere os campos indicados como desejar. Exemplo: "Your Name" por "Nome" e assim por diante. Visualize. Se estiver tudo ok, publique. Além deste formulário, o Kontactr disponibiliza botões para colocar no seu blog. <a href="http://lh6.ggpht.com/ekosterapia/SI9aFVBRsbI/AAAAAAAABlg/spT3WJejnt4/s1600-h/kontactr_bottons%5B9%5D.jpg"><img alt="kontactr_bottons" border="0" height="191" src="http://lh3.ggpht.com/ekosterapia/SI9aGmsVbkI/AAAAAAAABlk/7r9PeXFbuGI/kontactr_bottons_thumb%5B5%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="300" /></a>

Como inserir um formulário de contato no seu blog

Já fiz outros posts a respeito, entretanto alguns leitores me perguntam como ter um formulário de contato igual ao meu. É super simples. ...

Continue Lendo >>

10:48

PageRank atualizando........!

<a href="http://lh3.ggpht.com/ekosterapia/SIqX4mfyUEI/AAAAAAAABj8/fjl0OBByW9w/s1600-h/image%5B9%5D.png"><img alt="image" border="0" height="111" src="http://lh5.ggpht.com/ekosterapia/SIqYAce1lbI/AAAAAAAABkA/lwTWOhm5_aU/image_thumb%5B5%5D.png?imgmax=800" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" width="293"></a>   Acabo de ler no <a href="http://googlediscovery.com/2008/07/25/google-pagerank-esta-sendo-atualizado-relevancia/" target="_blank">Google Discovery</a> que o PageRank começou a ser atualizado. <a href="http://www.mattcutts.com/blog/google-pagerank-update/" target="_blank">Matt Cutts</a>, engenheiro de softwares do Google, anunciou em seu próprio blog a atualização. <blockquote> Hey folks, I wanted to let you know that new toolbar PageRank values should become visible over the next few days. I’m expecting that also in the next few days that we’ll be expiring some older penalties on websites.</blockquote> Agora é aguardar! Boa sorte, blogueiros!

PageRank atualizando........!

Acabo de ler no Google Discovery que o PageRank começou a ser atualizado. Matt Cutts , engenheiro de softwares do Google, anunciou em...

Continue Lendo >>

00:15

Template Dicas Blogger 1.0

Conforme prometido, estou disponibilizando o antigo template do Dicas Blogger. 
Ele foi criado pelo Paulo, do <a href="http://www.codigosblog.com.br/" target="_blank">Códigos Blog</a>. 
Por favor, não retirem os créditos! 
<a href="http://lh6.ggpht.com/ekosterapia/SIejqMb6HzI/AAAAAAAABg4/7VmAHbDgeEM/s1600-h/dicasblogger1%5B7%5D.jpg"><img alt="dicasblogger1" border="0" height="160" src="http://lh6.ggpht.com/ekosterapia/SIejsOFiqOI/AAAAAAAABg8/ES0_ULktA4U/dicasblogger1_thumb%5B3%5D.jpg?imgmax=800" style="border-width: 0px;" width="289" /></a> 
<a href="http://templatedicasblogger.blogspot.com/">DEMO</a> 
<a href="https://drive.google.com/file/d/0B7G-mAQQKCyZMzM4Zl9wbU5McUU/view?usp=sharing" target="_blank">DOWNLOAD</a> 
 
ARQUIVOS 
<ul>
<li>Template em xml </li>
<li>Imagem do cabeçalho em jpeg </li>
<li>Imagem do cabeçalho em PSD </li>
</ul>
HACKS INSTALADOS 
<ul>
<li>Posts relacionados </li>
<li>Novo formulário de comentários </li>
<li>Caixa de comentários personalizada </li>
<li>Destaque aos comentários do autor do blog </li>
<li>Destaque nas citações </li>
<li>Ícones para redes sociais </li>
<li>Retirada da Navbar </li>
</ul>
IMAGEM DO CABEÇALHO 
Para alterá-la, edite-a no Photoshop ou em qualquer outro editor. 
Hospede no servidor de sua preferência (Imageshack e afins) 
Procure no html por: 
<blockquote>
/* ----- HEADER ----- */ 
#top-wrapper { height:150px; margin-top:0px; background:#fff url(<a href="http://img509.imageshack.us/img509/3014/headerdbcpiaab7.jpg%29">http://img509.imageshack.us/img509/3014/headerdbcpiaab7.jpg)</a> no-repeat; margin-bottom: 8px; }</blockquote>
Altere a url para a da sua imagem. 
FEEDS 
Para alterar os feeds, vá no html do template e procure por: 
<blockquote>
<div class='feed'> <ul id='navigation'> <li class='feed-blog'><a href='<a href="http://feeds.feedburner.com/dicasblogger%27">http://feeds.feedburner.com/dicasblogger'</a> title='Assinar via navegador'>Feed</a></li> 
<li class='feed-email'><a href='<a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1159205%27">http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1159205'</a> title='Assinar via email'>Feed via email</a></li> </ul> </div></blockquote>
Altere as urls para as do seu blog. 
MENU HORIZONTAL 
<blockquote>
<div class='blue'> 
<div id='waxnav'> <ul> <li><a class='current' href='<a href="http://dicasblogger.blogspot.com/%27">http://dicasblogger.blogspot.com/'</a> title='Home'>Home</a></li> 
</ul> </div></blockquote>
Altere a url para sua home e acrescente outros links. 
Exemplo: <li><a class='current' href='<a href="http://dicasblogger.blogspot.com/%27">seuemail'</a> title='Contato'>Contato</a></li> 
BUSCA 
Para colocar a busca do Google, encontre: 
<blockquote>
<div id='busca'> <form action='/search' id='searchthis' method='get' style='display:inline;'><input class='txt_busca' id='search-box' name='q' type='text'/><input id='search-btn' type='submit' value='Buscar'/></form> 
</div></blockquote>
Crie um anúncio do AdSense do tipo pesquisa. Copie o código e converta-o <a href="http://blogcrowds.com/resources/parse_html.php" target="_blank">aqui</a>. Cole-o no local indicado em vermelho. 
Divirtam-se! 
<img alt="Big Hug" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" /> 
 
DICA 
Antes de alterar o template do seu blog, faça backup do antigo template e dos widgets. Após a troca, salve o novo template, salve as imagens e hospede-as no Picasa. 
<ul>
<li><a href="http://dicasblogger.blogspot.com/2008/05/backup-template-widgets-blogger.html">Fazendo backup do template e dos Widgets</a> </li>
<li><a href="http://dicasblogger.blogspot.com/2008/09/backup-no-picasa-de-imagens-contidas.html">Backup no Picasa das imagens do template</a></li>
</ul>

Template Dicas Blogger 1.0

Conforme prometido, estou disponibilizando o antigo template do Dicas Blogger. Ele foi criado pelo Paulo, do Códigos Blog . Por favor, não...

Continue Lendo >>

18:33

O que fazer? O Blogger recusou meu template!

<a href="http://lh3.ggpht.com/ekosterapia/SIYTABRQXCI/AAAAAAAABgs/WT_bFs3obp8/s1600-h/erro_blogger%5B3%5D.jpg"><img alt="erro_blogger" border="0" height="211" src="http://lh5.ggpht.com/ekosterapia/SIYTAwM7N_I/AAAAAAAABgw/g1q_y0rbcsk/erro_blogger_thumb%5B1%5D.jpg?imgmax=800" width="328" /></a> Desde que passei a disponibilizar templates, esta tem sido a pergunta mais frequente por aqui. Muitos de vocês já se depararam com a mensagem de erro do Blogger, ao tentar trocar o template. Pois bem, vou deixar algumas dicas para dar um fim neste problema. Antes de mais nada,faça um backup dos seus widgets. Eu utilizo um blog de testes para este fim. É possível também copiar todos os códigos e colar no Word ou no Bloco de notas. Feito isto apague TODOS os widgets do seu atual template. Agora faça o upload do seu novo template. Esta dica costuma resolver a maioria dos casos, mas se falhar escolha um modelo do próprio Blogger e depois tente fazer novamente o upload. Em caso de blogs novos, recém criados, este erro tem sido constante. Aguarde de 01 a 02 dias que isto se resolverá automaticamente. Caso não dê certo, crie um novo blog. Leiam também estes posts: <a href="http://dicasblogger.blogspot.com/2007/08/templatesmodelos.html" target="_blank">Templates/Modelos-o que são e como alterá-los</a> <a href="http://dicasblogger.blogspot.com/2008/05/importancia-do-template.html" target="_blank">A importância do template</a>

O que fazer? O Blogger recusou meu template!

Desde que passei a disponibilizar templates, esta tem sido a pergunta mais frequente por aqui. Muitos de vocês já se depararam com a men...

Continue Lendo >>

14:04

Widget "Linkaram"

<a href="http://lh5.ggpht.com/ekosterapia/SIUJo3Yc2bI/AAAAAAAABgM/oIBXH8Xd1WI/s1600-h/RedeConPro%5B6%5D.png"><img alt="RedeConPro" border="0" height="134" src="http://lh3.ggpht.com/ekosterapia/SIUJpxkWLMI/AAAAAAAABgQ/i_I08n7GL3w/RedeConPro_thumb%5B4%5D.png?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="275"></a>   A pedidos, eis a forma de adicionar um widget na sidebar com os blogs que linkaram o nosso. Entre no <a href="http://blogsearch.google.com/blogsearch?hl=pt-BR" target="_blank">Google Blog Search</a> e digite: link:seublog.blogspot.com Clique em "pesquisar blogs", Abrirá então uma página com todos os links. <a href="http://lh5.ggpht.com/ekosterapia/SIUJrPyjmkI/AAAAAAAABgU/ImwVL2e70XI/s1600-h/googlesearch%5B3%5D.jpg"><img alt="googlesearch" border="0" height="108" src="http://lh4.ggpht.com/ekosterapia/SIUJsdpd1JI/AAAAAAAABgY/CSrmGcIjqPY/googlesearch_thumb%5B1%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="240"></a> Clique com o botão direito em Atom ou em RSS, copie o link do feed. Vá em "elementos de página" do seu blog e escolha o widget "feed". Cole o link e configure a seu gosto. Muito fácil,não?

Widget "Linkaram"

A pedidos, eis a forma de adicionar um widget na sidebar com os blogs que linkaram o nosso. Entre no Google Blog Search e digite: li...

Continue Lendo >>

19:12

Towanda! Novo template no ar!

Depois de 04 semanas trabalhando neste template e de mais de 06 horas colocando a casa em ordem, eis que surge o Dicas Blogger com nova cara! Estou cansada, mas muito feliz! É a primeira vez que uso um template customizado totalmente por mim. Os mais novos não vão entender o porque do TOWANDA, mas este é um brado de força! Dei um intervalo para rever o filme Tomates Verdes Fritos, onde a protagonista utiliza esta palavra a fim de obter força para suas mudanças. Aliás, é um filme imperdível! <a href="http://lh5.ggpht.com/ekosterapia/SIOT7BHRQ0I/AAAAAAAABf0/_WRdSpnguhI/s1600-h/image%5B4%5D.png"><img align="left" alt="image" border="0" height="151" src="http://lh3.ggpht.com/ekosterapia/SIOT76u0VsI/AAAAAAAABf4/IUZ_DY4LxNw/image_thumb%5B2%5D.png?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="121"></a> Voltando ao novo visual, utilizei o template Blogger Green como base, mas fiz diversas alterações. Irei disponibilizar para download o template anterior, assim que eu estiver descansada. Quero agradecer ao <a href="http://usuariocompulsivo.blogspot.com/" target="_blank">Compulsivo</a> por sua gentileza em disponibilizar, em primeira mão, o hack para o menu em abas e também por todos os Hack Compulsivos® já publicados. Mais uma vez, usei e abusei de suas dicas. Agradeço também a você, leitor, que tem feito o Dicas Blogger crescer mais e mais a cada dia. E em especial ao meu amor, que teve toda paciência do mundo durante a criação e implementação do novo tema, sempre trazendo seu olhar artístico para o surgimento do resultado final. Em breve, anunciarei as promoções de aniversário do Dicas Blogger, mas já posso adiantar que combinei com o Paulo Estevão, do <a href="http://www.codigosblog.com.br/" target="_blank">Códigos Blog</a>, um template exclusivo para(um de) vocês. Espero que tenham gostado. Ah, e não esqueçam de participar do <a href="http://usuariocompulsivo.blogspot.com/2008/07/bbb-best-blogspot-brasil-meme.html" target="_blank">Best Blogspot Brasil</a>, a fim de fortalecer nossa comunidade!

Towanda! Novo template no ar!

Depois de 04 semanas trabalhando neste template e de mais de 06 horas colocando a casa em ordem, eis que surge o Dicas Blogger com nova cara...

Continue Lendo >>

16:37

O blog estará fora do ar no domingo

O blog estará fora do ar no domingo

Prezados leitores, O blog ficará fora do ar amanhã, para ajustes no template. Não se assustem com esta mensagem: Espero conseguir termi...

Continue Lendo >>

23:22

Prêmio Best Blogspot Brasil

<a href="http://lh3.ggpht.com/ekosterapia/SH5jC21VJxI/AAAAAAAABe8/nBA1MXZTi6Q/s1600-h/BestBlogspotBrasil2.jpg"><img alt="Best-Blogspot-Brasil" border="0" height="164" src="http://lh6.ggpht.com/ekosterapia/SH5jE-DwBqI/AAAAAAAABfA/o0fHRylci9M/BestBlogspotBrasil_thumb.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="244"></a> O meu amigo Compulsivo acaba de lançar o Prêmio Best Blogspot Brasil, onde nós blogueiros elegeremos o melhor blog hospedado no Blogger/Blogspot. Para participar, basta publicar um artigo falando desta promoção, indicar 03 blogs do Blogger com uma breve descrição e apontar para <a href="http://usuariocompulsivo.blogspot.com/2008/07/bbb-best-blogspot-brasil-meme.html" target="_blank">este link</a>. Devem ser considerados na avaliação: <ul> <li>Qualidade do conteúdo e redação; <li>Acessibilidade e qualidade do template; <li>Influência na blogosfera. </li></ul> O objetivo é fortalecer a comunidade de blogueiros do Blogger. O prêmio será de R$ 100,00 em créditos no AdWords ao vencedor; e o blog que mandar maior número de visitantes ao Compulsivo irá receber $50,00 em créditos.   Observações: <ul> <li>A duração do concurso é de 16 de julho a 16 de agosto de 2008; <li>Válido para blogs com domínio próprio hospedados no Blogspot; <li>Não serão contabilizados votos no seu próprio blogue; <li>Nem para para blogues de pornografia ou pirataria; <li>Caso o UsuárioCompulsivo vença, o segundo colocado leva. </li></ul>   E os meus indicados são:  Usuário Compulsivo <a href="http://usuariocompulsivo.blogspot.com/" target="_blank"><img alt="Usuário Compulsivo" border="0" height="184" src="http://lh6.ggpht.com/ekosterapia/SH5jFr5xqjI/AAAAAAAABfE/nTAPpK0Duwc/c55b392b-adf6-4b2f-a4f5-bfc953492dc0%5B1%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="244"></a> Um dos melhores blogs do Brasil, o Usuário Compulsivo reúne diversos hacks para o Blogger, dicas de tecnologia e até mulher pelada. A forma como o Compulsivo escreve me agrada, pois é direta e didática. Em breve estará no Top 10 do BlogBlogs. Templates Novo Blogger <a href="http://templatesparanovoblogger.blogspot.com/"><img alt="Templates Novo Blogger" border="0" height="184" src="http://lh5.ggpht.com/ekosterapia/SH5jGTil-aI/AAAAAAAABfI/VCvARPqeaR4/2300a400-a42b-4951-8879-4dce1cae9e46.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="244"></a></a> Da minha sempre amiga Ariane, disponibiliza diversos templates e muitas dicas para personalização de blogs. Está com um  novo template, dando-lhe um toque de modernidade. O Templates Novo Blogger está entre os 10 mais populares, segundo o BlogBlogs. Luz de Luma, Yes Party!  <a href="http://luzdeluma.blogspot.com/"><img alt="Luz de Luma" border="0" height="166" src="http://lh4.ggpht.com/ekosterapia/SH5jG_9GFdI/AAAAAAAABfM/1k674VL3KoU/luma%5B3%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="244"></a> A Luma é o que podemos chamar de blogueira engajada. Está sempre preocupada com os problemas da humanidade e participando de alguma blogagem coletiva. Tem centenas de leitores e seguidores. Seu blog está entre os 50 mais populares do Brasil.   Gostei muito desta iniciativa! Convido todos os leitores do Dicas Blogger a participar. Vamos mostrar à Blogosfera a força dos usuários do Blogger!

Prêmio Best Blogspot Brasil

O meu amigo Compulsivo acaba de lançar o Prêmio Best Blogspot Brasil, onde nós blogueiros elegeremos o melhor blog hospedado no Blogger/Bl...

Continue Lendo >>

18:07

Publicando códigos html no Blogger

<a href="http://lh6.ggpht.com/ekosterapia/SHkK4qMKCKI/AAAAAAAABco/nR93qT6MDK4/s1600-h/image%5B15%5D.png"><img alt="image" border="0" height="135" src="http://lh4.ggpht.com/ekosterapia/SHkK5jwsBwI/AAAAAAAABcs/xyncy5PE0pA/image_thumb%5B11%5D.png?imgmax=800" style="border-width: 0px;" width="112" /></a> Muita gente me pegunta como publicar códigos html sem que o editor de textos do Blogger faça a conversão em Rich Text. Fiz um post em setembro de 2007, mas não está muito bem explicado e as imagens desapareceram. Então, vamos repeti-lo. É preciso usar um editor de html. Eu uso o <a href="http://superdownloads.uol.com.br/download/32/nvu-portable/" target="_blank">NVU Portable</a>. Não precisa instalar e é de graça! Para deixá-lo em português, baixe a extensão <a href="http://oca.idbrasil.org.br/pacotes/nvubr.xpi" target="_blank">aqui</a>. Abra o Nvu e vá em "Tools" > "Extensions" . Clique no botão "Install" e selecione o pacote xpi. Clique em "Install Now" e reinicie o NVU. Mas vamos ao que interessa.... Pegue o código que você deseja publicar, cole na aba normal (fig 01) . Depois clique na aba "source"(em inglês) ou código-fonte (em português), copie o que aparece (fig02) e cole no seu post, em editar html do Blogger.(fig 03 ) Depois, é só clicar em "escrever" ou "visualizar" e lá estará o código todo bonitão... Para quem usa o Writer, este procedimento não é necessário.<img alt="smile_wink" src="http://spaces.live.com/rte/emoticons/smile_wink.gif" /> FIGURA 01 FIGURA 02 <a href="http://lh6.ggpht.com/ekosterapia/SHkK6KSIHcI/AAAAAAAABcw/s3PWcjdAuH8/s1600-h/nvu_portable%5B3%5D.jpg"><img alt="nvu_portable" border="0" height="110" src="http://lh3.ggpht.com/ekosterapia/SHkK65fOOPI/AAAAAAAABc0/uX3qJrkRT7E/nvu_portable_thumb%5B1%5D.jpg?imgmax=800" style="border-width: 0px;" width="129" /></a> <a href="http://lh6.ggpht.com/ekosterapia/SHkK7lKeX4I/AAAAAAAABc4/BNCpVbnIxSg/s1600-h/nvu_portable_source%5B4%5D.jpg"><img alt="nvu_portable_source" border="0" height="111" src="http://lh5.ggpht.com/ekosterapia/SHkK8IRDXrI/AAAAAAAABc8/zi4OSu-ZJS8/nvu_portable_source_thumb%5B2%5D.jpg?imgmax=800" style="border-width: 0px;" width="125" /></a> <a href="file:///C:/Users/Juliana/AppData/Roaming/Windows%20Live%20Writer/PostSupportingFiles/94c0e731-5a61-4385-bcab-c56e4a83de2e/nvu_portable%5B3%5D.jpg"></a> FIGURA 03 <a href="http://lh5.ggpht.com/ekosterapia/SHkK85VASOI/AAAAAAAABdA/fmWkG0rsDn0/s1600-h/nvu_portable3%5B2%5D.jpg"><img alt="nvu_portable3" border="0" height="96" src="http://lh5.ggpht.com/ekosterapia/SHkK9dIu6uI/AAAAAAAABdE/NPIo0AgWNkk/nvu_portable3_thumb.jpg?imgmax=800" style="border-width: 0px;" width="244" /></a> Clique nas imagens para ampliar

Publicando códigos html no Blogger

Muita gente me pegunta como publicar códigos html sem que o editor de textos do Blogger faça a conversão em Rich Text. Fiz um post em set...

Continue Lendo >>

16:50

Icones para redes socais no Blogger

Que tal colocar pequenos ícones no seu template para facilitar o envio dos seus posts para as redes sociais e para os favoritos ( bookmarks )? Assim como  no Dicas Blogger: <a href="http://lh5.ggpht.com/ekosterapia/SHfdGqLfOtI/AAAAAAAABbQ/uedjCxuMxHs/s1600-h/bookmarks3.jpg"><img alt="bookmarks" border="0" height="76" src="http://lh4.ggpht.com/ekosterapia/SHfdHKFUOMI/AAAAAAAABbU/vK-6FkxhANg/bookmarks_thumb1.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="302"></a> É relativamente fácil...Vamos lá? Entre no HTML do seu template e cole dentro do CSS o seguinte codigo: <blockquote> /* -----   Bookmarking  ----- */ .book { margin-top:5px;         background:#fdfdfd;         padding:2px 2px 2px 2px;         border:1px solid #f0f0f0; } .rsociales ul { display:inline; margin:0pt !important; padding:0pt !important; } .rsociales li { background:transparent none repeat scroll 0%; display:inline; list-style-type:none; margin:0pt; padding:2px; } .rsociales img { border:0pt none; float:none; margin:0pt; padding:0pt; } .rsociales-sobre { opacity:0.4; } .rsociales-sobre:hover { opacity:1; } </blockquote> Eu optei por colar após o trecho "Posts" <blockquote class="tr_bq">/* -----   Posts   ----- */                 (todo o código) /* -----   Bookmarking  ----- */</blockquote> Depois clique em "expandir modelos de widgets". Procure por esta linha: <blockquote></blockquote>Cole então o seguinte código, logo abaixo : <blockquote class="tr_bq"><div align='left'><div class='book'> <div class='rsociales'> <ul> <li><a expr:href='data:post.emailPostUrl' target='_blank' title='Enviar por Email'><img class='rsociales-sobre' src='http://IMAGEM.png'/></a></li> <li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Incluir no del.icio.us'><img class='rsociales-sobre' src='http://IMAGEM.png'/></a></li> <li><a expr:href='&quot;http://digg.com/submit?phase=3&amp;url=&quot; + data:post.url' target='_blank' title='Incluir no Digg'><img class='rsociales-sobre' src='http://IMAGEM.png'/></a></li> <li><a expr:href='&quot;http://dihitt.com.br?botao=enviar&amp;url=&quot; + data:post.url + &quot;&amp;titulo=&quot; + data:post.title' target='_blank' title='Incluir no diHITT'><img class='rsociales-sobre' src='http://IMAGEM.png'/></a></li> <li><a expr:href='&quot;http://www.linkk.com.br/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Incluir no LinkK'><img class='rsociales-sobre' src='http://IMAGEM.png'/></a></li> <li><a expr:href='&quot;http://rec6.via6.com/link.php?url=&quot; + data:post.url + &quot;&amp;titulo=&quot; + data:post.title' target='_blank' title='Incluir no Rec6'><img class='rsociales-sobre' src='http://IMAGEM.png'/></a></li> <li><a expr:href='&quot;http://ueba.com.br/NovoLink?url=&quot; + data:post.url + &quot;&amp;titulo=&quot; + data:post.title' target='_blank' title='Incluir no UÃƒÂªba'><img class='rsociales-sobre' src='http://IMAGEM.png'/></a></li> <li><a href='http://feeds.feedburner.com/dicasblogger/'><img alt='Assinar feed' class='rsociales-sobre' src='http://IMAGEM.gif'/></a></li> <li><a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='http://IMAGEM.gif'/></a></li> <li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='http://IMAGEM.gif'/></a></li> <li><a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='http://IMAGEM.png'/></a></li> <li><a expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='http://IMAGEM.gif'/></a></li> </ul> </div> </div> </div> </blockquote> Para cada ícone, você deverá linkar a imagem correspondente, hospedando-a no seu site de preferência. Substitua em cada linha http://IMAGEM.gif pelo link de sua imagem . Já disponibilizei os ícones para  <a href="http://dicasblogger.googlepages.com/SocialBookmarks.zip" target="_blank">DOWNLOAD</a>. Exemplo: <blockquote class="tr_bq"><li><a expr:href='&quot;http://dihitt.com.br?botao=enviar&amp;url=&quot; + data:post.url + &quot;&amp;titulo=&quot; + data:post.title' target='_blank' title='Incluir no diHITT'><img class='rsociales-sobre' src='http://i257.photobucket.com/albums/hh221/jusardinha/dihitt.png'/></a></li> <li><a</blockquote> Lembre-se de alterar o link do feed do Dicas Blogger pelo do seu blog: <blockquote><li><a href='http://feeds.feedburner.com/dicasblogger/'><img alt='Assinar feed' class='rsociales-sobre' src='http://IMAGEM.gif'/></a></li> <li><a </blockquote> E mais um template, saindo do forno, no final de semana. <div class="blogger-post-footer"><a href="http://dicasblogger.blogspot.com/2008/04/as-melhores-dicas-postadas-no-dicas.html"></a> </div>

Icones para redes socais no Blogger

Que tal colocar pequenos ícones no seu template para facilitar o envio dos seus posts para as redes sociais e para os favoritos ( bookmarks ...

Continue Lendo >>

11:28

Algumas mudanças no template e no Blogroll

<a href="http://lh3.ggpht.com/ekosterapia/SG_zR5IsZ6I/AAAAAAAABY0/Lc_-kPd4MoU/s1600-h/amigos_blog%5B3%5D.jpg"><img alt="amigos_blog" border="0" height="169" src="http://lh5.ggpht.com/ekosterapia/SG_zS4HSYyI/AAAAAAAABY4/K7wrMhnFyIs/amigos_blog_thumb%5B1%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="260"></a>   Prezados leitores,   Já faz alguns dias que tenho alterado o template do Dicas Blogger, a fim de deixá-lo mais bonito, intuitivo e de fácil navegação.   Como vocês puderam notar, customizei a caixa de comentários, destaquei os posts mais recentes, incluí um widget do Flicker e dei uma geral na barra do rodapé.   Fiz também mudanças nos critérios do BlogRoll. Quem me dera poder colocar todos os blogs amigos na página principal, mas infelizmente o espaço é limitado.   Inspirada no meu sócio, o Compulsivo, incluí na lista os blogs que mais enviam visitantes ao Dicas Blogger, me baseando nos dados do Google Analytics. Os demais estão incluídos no link <a href="http://dicasblogger.blogspot.com/2008/01/parcerias-2.html">Parcerias</a>, que também tem grande destaque.   No BlogRoll, os blogs estão em ordem alfabética, em um total de 20, mas para os mais curiosos aí vão os Top 10, na ordem dos que mais mandaram visitantes no mês de junho. <ul> <li><a href="http://templatesparanovoblogger.blogspot.com/">Templates Novo Blogger</a> <li><a href="http://www.codigosblog.com.br/">Códigos Blog</a> <li><a href="http://usuariocompulsivo.blogspot.com/">Usuário Compulsivo</a> <li><a href="http://templatesparavoce.blogspot.com/">Templates para você</a> <li><a href="http://dicasparablogs.blogspot.com/">Dicas para blogs</a> <li><a href="http://www.blog-facil.blogspot.com/">Blog-fácil</a> <li><a href="http://blog-memories.burazine.com/">Blog Memories</a> <li><a href="http://maniablogs.blogspot.com/">Blogmania</a> <li><a href="http://omedi.net/">Omedi</a> <li><a href="http://humornainformatica.blogspot.com/">Humor na Informática</a></li></ul>   Os que não estiverem na lista, não fiquem chateados pois isto é bobagem, o importante é a amizade e todos os blog amigos estão linkados no meu coração.... Apenas foi uma forma de agradecimento pelo aumento crescente de visitantes únicos do Dicas Blogger...(dá gosto de ver).<img alt="smile_wink" src="http://spaces.live.com/rte/emoticons/smile_wink.gif">    Espero que gostem das mudanças.   Ah e amanhã é o meu aniversário. Quem quiser pode mandar um Iphone ou um EE PC que ficarei imensamente grata. <img alt="smile_teeth" src="http://spaces.live.com/rte/emoticons/smile_teeth.gif"><img alt="smile_party" src="http://spaces.live.com/rte/emoticons/smile_party.gif">   Um grande abraço e um ótimo domingo.

Algumas mudanças no template e no Blogroll

Prezados leitores, Já faz alguns dias que tenho alterado o template do Dicas Blogger, a fim de deixá-lo mais bonito, intuitivo e de...

Continue Lendo >>

19:18

Lindos botões para o seu blog

<a href="http://lh5.ggpht.com/ekosterapia/SG41P-SrOVI/AAAAAAAABYE/tBUGn7SJiBw/s1600-h/btn_firefox_b_04%5B2%5D.png"><img alt="btn_firefox_b_04" border="0" height="19" src="http://lh6.ggpht.com/ekosterapia/SG41QfQynEI/AAAAAAAABYI/UN7zGipffI0/btn_firefox_b_04_thumb.png?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="84" /></a> <a href="http://lh3.ggpht.com/ekosterapia/SG41RIKE1PI/AAAAAAAABYM/AcHfl8i7ZDU/s1600-h/btn_blogger_a_04%5B2%5D.png"><img alt="btn_blogger_a_04" border="0" height="19" src="http://lh6.ggpht.com/ekosterapia/SG41RnD1YrI/AAAAAAAABYQ/awoyw4ySEpc/btn_blogger_a_04_thumb.png?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="84" /></a> <a href="http://lh4.ggpht.com/ekosterapia/SG41SO2FQqI/AAAAAAAABYU/loOBtXw3F-k/s1600-h/btn_technorati_a_02%5B2%5D.png"><img alt="btn_technorati_a_02" border="0" height="19" src="http://lh4.ggpht.com/ekosterapia/SG41Sinj5CI/AAAAAAAABYY/fQMT0gQz63w/btn_technorati_a_02_thumb.png?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="84" /></a> <a href="http://lh5.ggpht.com/ekosterapia/SG41TMEqDmI/AAAAAAAABYc/xdhRvMSC16o/s1600-h/btn_wordpress_f_02%5B2%5D.png"><img alt="btn_wordpress_f_02" border="0" height="19" src="http://lh5.ggpht.com/ekosterapia/SG41esEQT5I/AAAAAAAABYg/Ga442M814kI/btn_wordpress_f_02_thumb.png?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="84" /></a> <a href="http://lh6.ggpht.com/ekosterapia/SG41fHLHuJI/AAAAAAAABYk/X6Qxq5DoTfk/s1600-h/btn_orkut_a_01%5B2%5D.png"><img alt="btn_orkut_a_01" border="0" height="19" src="http://lh4.ggpht.com/ekosterapia/SG41fiaTkTI/AAAAAAAABYo/3rpBZii7Uyg/btn_orkut_a_01_thumb.png?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="84" /></a> <a href="http://lh4.ggpht.com/ekosterapia/SG41gEbNriI/AAAAAAAABYs/Cup_ISA8xsc/s1600-h/btn_picasa_a_01%5B2%5D.png"><img alt="btn_picasa_a_01" border="0" height="19" src="http://lh5.ggpht.com/ekosterapia/SG41gmM0yGI/AAAAAAAABYw/VP3UsFdxqnA/btn_picasa_a_01_thumb.png?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="84" /></a>   Depois da ressaca sem internet, retornamos às atividades. Quem não gosta de deixar seu blog ainda mais bonito? Encontrei, em um blog espanhol, dois sites com lindos botões, já prontos, para dar aquela incrementada no visual. <a href="http://gtmcknight.com/buttons/personal.php">Gtmcknight</a> (4.000 botões antipixel agrupados em categorias.) <a href="http://252523.net/buttons/">WebBadges</a> (coleção com desenhos sóbrios) Cada um mais lindo que o outro!   E para quem quiser se aventurar criando os seus próprios modelos: <a href="http://www.kalsey.com/tools/buttonmaker/">Buttom Maker</a> <a href="http://tools.blogflux.com/buttonmaker/">Blogflux</a> <a href="http://www.yugatech.com/make.php">Online Button Maker</a> <a href="http://www.publicons.de/">Publicons.de</a> <a href="http://www.imaxenes.com/etiquetas/">Imaxenes</a> <a href="http://www.lucazappa.com/brilliantMaker/buttonImage.php">Brilliant Button Maker</a>    FONTE: <a href="http://elescaparatederosa.blogspot.com/" target="_blank">EL ESCAPARATE DE ROSA</a>

Lindos botões para o seu blog

Depois da ressaca sem internet, retornamos às atividades. Quem não gosta de deixar seu blog ainda mais bonito? Encontrei, ...

Continue Lendo >>

11:36

Ranking de estrelas no Blogger

<a href="http://lh3.ggpht.com/ekosterapia/SGp_qfn_oyI/AAAAAAAABWY/DApmNs-IYa4/s1600-h/rating%5B5%5D.jpg"></a> Já está disponível no <a href="http://draft.blogger.com/" target="_blank">Blogger in Draft</a> um ranking de estrelas, também chamado de Rating, que permite aos leitores votarem no post.    <a href="http://lh3.ggpht.com/ekosterapia/SGp_qfn_oyI/AAAAAAAABWY/DApmNs-IYa4/s1600-h/rating%5B5%5D.jpg"><img alt="rating" border="0" height="34" src="http://lh3.ggpht.com/ekosterapia/SGp8YxelI6I/AAAAAAAABVo/OJVPt1xkaTI/rating_thumb%5B3%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="130" /></a>   Entretanto, tal como no caso do <a href="http://dicasblogger.blogspot.com/2008/06/formulario-de-comentario-no-blogger.html" target="_blank">Formulário de Comentários</a>, em alguns templates (leia-se na maioria), é necessário modificar o código html. Em primeiro lugar devemos ir nos elementos de página e em postagens no blog clicar em Edit.   Feito isto, marcar a opção mostrar classificação de estrelas.   <a href="http://lh3.ggpht.com/ekosterapia/SGp8ZvjGx8I/AAAAAAAABVs/QOHyvXEQYI8/s1600-h/estrelas%5B2%5D.jpg"><img alt="estrelas" border="0" height="191" src="http://lh3.ggpht.com/ekosterapia/SGp8afB7UbI/AAAAAAAABVw/5UQuPFahgw8/estrelas_thumb.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="244" /></a>   Em editar html, clicar em expandir modelos de widgets. Localizar então esta linha: <blockquote><b:include name='feedLinks'/></blockquote> Logo abaixo incluir este código: <blockquote> <b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1"); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); }  google.setOnLoadCallback(initialize); </script> </b:if> </blockquote> Agora vamos escolher em qual local  que as estrelas irão aparecer: <blockquote> primeira linha do rodapé do post segunda linha do rodapé do post final do rodapé do post </blockquote> Inserir logo abaixo este código. <blockquote> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'> </div> </b:if> </blockquote> Infelizmente está em inglês, mas já é um bom começo.   <a href="http://lh4.ggpht.com/ekosterapia/SGp_rvLnrmI/AAAAAAAABV8/x8dxNjr1IlI/s1600-h/rating%5B8%5D.jpg"></a> Vejam o resultado no <a href="http://avsecurity.blogspot.com/" target="_blank">AvSecurity</a>:   <a href="http://lh4.ggpht.com/ekosterapia/SGp_rvLnrmI/AAAAAAAABV8/x8dxNjr1IlI/s1600-h/rating%5B8%5D.jpg"><img alt="rating" border="0" height="121" src="http://lh5.ggpht.com/ekosterapia/SGp_sebN2OI/AAAAAAAABWA/rzzemP0uD9s/rating_thumb%5B4%5D.jpg?imgmax=800" width="244" /></a>   O Blogger arrasou nos últimos dias, não?

Ranking de estrelas no Blogger

Já está disponível no Blogger in Draft um ranking de estrelas, também chamado de Rating, que permite aos leitores votarem no post. ...

Continue Lendo >>

15:50