Novo gadget – Postagens populares

O <a href="http://twitter.com/Brian_coimbra" target="_blank">@Brian_coimbra</a>, nosso seguidor no Twitter, acaba de me avisar que temos um novo recurso no Blogger In Draft. Trata-se do gadget “Postagens populares”<br /> Pelo que eu consegui entender, a popularidade é aferida <strike>pelo número de comentários.</strike> (Errado! Ela é medida pelas estatatísticas de acesso)<br /> O gadget mostra os artigos mais populares com thumbnails (imagens em miniatura) e podemos exibir todos, os da última semana ou os dos últimos 30 dias.<br /> <span id="fullpost"> </span><br /> <span id="fullpost">Para usar o novo gadget, faça seu login pelo <a href="http://draft.blogger.com/" target="_blank">Blogger In Draft</a> (página de testes do Blogger). Vá em design>elementos de página. Clique em <strong>adicionar gadget</strong>.</span><br /> <span id="fullpost"> <a href="http://lh5.ggpht.com/_EttevOw0KeE/THhRWKBE9bI/AAAAAAAAKH0/yJ_lSBpLg_c/s1600-h/image%5B17%5D.png"><img alt="" border="0" height="218" src="http://lh4.ggpht.com/_EttevOw0KeE/THhRXdY-JGI/AAAAAAAAKH4/HJP8FUQ9tdI/image_thumb%5B21%5D.png?imgmax=800" style="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;" title="" width="452" /></a><br /> Escolha o gadget <strong>Postagens Populares</strong> e configure do seu gosto. Salve.<br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/THhRYYXQj6I/AAAAAAAAKH8/t5bLbAZn0Ug/s1600-h/image%5B18%5D.png"><img alt="" border="0" height="278" src="http://lh6.ggpht.com/_EttevOw0KeE/THhRZrdjacI/AAAAAAAAKIA/k9q_wpNMQ-4/image_thumb%5B22%5D.png?imgmax=800" style="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;" title="" width="452" /></a>Os thumbnails só aparecerão em blogs que costumam exibir uma imagem no começo do post, o que não é o caso do DB. Só consegui visualizar no blog do meu irmão:<br /> <a href="http://lh4.ggpht.com/_EttevOw0KeE/THhRboHlRxI/AAAAAAAAKIE/PeSeZoNb75E/s1600-h/image%5B29%5D.png"><img alt="" border="0" height="239" src="http://lh3.ggpht.com/_EttevOw0KeE/THhRc--3lNI/AAAAAAAAKII/4rKuV8oGmOQ/image_thumb%5B36%5D.png?imgmax=800" style="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;" title="" width="452" /></a><br /> Agradeço ao <strong>Brian Coimbra</strong>, do blog <a href="http://www.clubedarisada.com.br/" target="_blank">Clube da Risada</a>, pela preciosa informação.<br /> E como vocês podem notar na segunda imagem, temos também um gadget para mostrar as estatísticas de acesso ao blog. Divirtam-se!<br /> E não se esqueçam: no dia 31, será a <a href="http://www.dicasblogger.com.br/2010/08/festa-em-comemoracao-aos-11-anos-do.html" target="_blank">festa pelos 11 anos do Blogger</a>! Todo mundo usando o logotipo do Blogger no avatar do Twitter, heim? <br /> </span>

Novo gadget – Postagens populares

O @Brian_coimbra , nosso seguidor no Twitter, acaba de me avisar que temos um novo recurso no Blogger In Draft. Trata-se do gadget “Postagen...

Continue Lendo >>

Linkwithin - posts relacionados com imagens

No ano passado, escrevi um post ensinando a usar um hack que mostrava os “posts relacionados” com pequenas imagens, também chamadas de <strong>thumbnails</strong> :<br /> <ul> <li> <a href="http://www.dicasblogger.com.br/2009/09/artigos-relacionados-com-imagens.html">Hack - artigos relacionados com imagens</a> </li> </ul> O problema deste hack é que ele só funciona com script – o que pode ser complicado para iniciantes ou para quem não tem um serviço de hospedagem.<br /> Navegando por outros blogs, conheci um serviço chamado <a href="http://www.linkwithin.com/learn?ref=widget" target="_blank">LinkWithin</a>, que gera um widget para ser colocado em blogs, de forma muito simples e rápida.<br /> <span id="fullpost"> </span><br /> <span id="fullpost">Vejam como ficou no meu outro blog, o  <a href="http://www.dicasdeinformatica.net/" target="_blank">Dicas de Informática</a>:</span><br /> <span id="fullpost"> <a href="http://lh6.ggpht.com/_EttevOw0KeE/THgzQ7Byd3I/AAAAAAAAKHM/lQvnoYOSR5g/s1600-h/image%5B34%5D.png"><img alt="" border="0" height="186" src="http://lh3.ggpht.com/_EttevOw0KeE/THgzSEluj-I/AAAAAAAAKHQ/OX3Bi4nSEkM/image_thumb%5B45%5D.png?imgmax=800" style="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;" title="" width="452" /></a><br /> Existem duas formas de instalar o widget do Linkwithin no Blogger – diretamente, pelos elementos de página ou dentro do HTML do template. <br /> Na primeira opção, os thumbnails aparecerão em todos os artigos, inclusive na página inicial. Já na segunda, podemos exibir o gadget apenas nas páginas individuais.<br /> <strong><span style="color: red; font-size: small;">Como colocar o widget nos elementos de página</span></strong><br /> Entre no site <a href="http://www.linkwithin.com/learn?ref=widget" target="_blank">Linkwithin</a>. À direita, preencha os campos solicitados:<br /> <ul> <li><strong>Email:</strong> coloque seu email; </li> <li><strong>Blog Link:</strong> endereço do seu blog (sem o http); </li> <li><strong>Plataform:</strong> Blogger; </li> <li><strong>Width:</strong> escolha quantas imagens deseja mostrar; </li> </ul> Se o fundo (background) do seu blog for da cor preta com letras (fontes) claras, marque a caixa <em>My blog has light text on a dark background. </em><br /> <a href="http://lh4.ggpht.com/_EttevOw0KeE/THgzSwsU4zI/AAAAAAAAKHU/PvGXDrPbq5c/s1600-h/image%5B36%5D.png"><img alt="" border="0" height="170" src="http://lh3.ggpht.com/_EttevOw0KeE/THgzT5ZHDCI/AAAAAAAAKHY/BNFTSdQ_sms/image_thumb%5B47%5D.png?imgmax=800" style="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;" title="" width="452" /></a> <br /> Clique no botão <strong>Get Widget. </strong>Na página seguinte, clique em <strong>Install Widget.</strong> Selecione o blog onde você vai instalar o widget e clique em <strong>adicionar widget</strong>.<br /> <a href="http://lh5.ggpht.com/_EttevOw0KeE/THgzU7kBrrI/AAAAAAAAKHc/CywL-OysLNY/s1600-h/image%5B37%5D.png"><img alt="" border="0" height="208" src="http://lh3.ggpht.com/_EttevOw0KeE/THgzVrgUJpI/AAAAAAAAKHg/IzutepyZnn8/image_thumb%5B48%5D.png?imgmax=800" style="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;" title="" width="452" /></a><br /> Por padrão, o código será instalado no topo do blog. Mova o gadget e coloque-o embaixo da área de postagens. Visualize e clique no botão <strong>salvar</strong>.<br /> <a href="http://lh3.ggpht.com/_EttevOw0KeE/THgzW307YEI/AAAAAAAAKHk/RtnreA91umI/s1600-h/Sem-T%C3%ADtulo-1%5B7%5D.jpg"><img alt="" border="0" height="223" src="http://lh4.ggpht.com/_EttevOw0KeE/THgzX118sKI/AAAAAAAAKHo/FiM-5zzTAJE/Sem-T%C3%ADtulo-1_thumb%5B5%5D.jpg?imgmax=800" style="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;" title="" width="452" /></a> <br /> Desta forma, os posts relacionados do Linkwithin aparecerão em todos os seus artigos, inclusive na página inicial (home). Mas isso é possível de mudar ;)<br /> <strong><span style="color: red; font-size: small;">Como colocar o widget somente nas páginas individuais</span></strong><br /> Siga os procedimentos descritos acima, para gerar o código do widget. Depois que ele estiver instalado em seu blog, clique em <strong>editar</strong> e copie o código todo.<br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/THgzYpeXSJI/AAAAAAAAKHs/56t--zN2UBk/s1600-h/image%5B38%5D.png"><img alt="" border="0" height="208" src="http://lh3.ggpht.com/_EttevOw0KeE/THgzZ867g2I/AAAAAAAAKHw/l8dPt6jlSPc/image_thumb%5B49%5D.png?imgmax=800" style="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;" title="" width="452" /></a><br /> Vá para a aba <strong>editar HTML</strong>. Marque a caixa <strong>expandir modelos de widgets</strong>. Dê um Crtl+F com teclado e procure pelo seguinte trecho (ou algo parecido):<br /> <blockquote> <div align="center"> <p class='post-footer-line post-footer-line-3'/></div> </blockquote> Cole o seguinte código, logo abaixo deste trecho:<br /> <blockquote> <b:if cond='data:blog.pageType == &quot;item&quot;'> <br /> CÓDIGO DO LINKWITHIN <br /> </b:if></blockquote> Substitua CÓDIGO DO LINKWITHIN pelo código gerado anteriormente.<br /> Clique no <strong>botão visualizar</strong> e se tudo estiver ok, salve.<br /> <strong>IMPORTANTE –</strong> Se você já tinha aquele hack mais antigo, onde só aparecem os links (como é aqui no DB), você deve procurar pelo seguinte trecho:<br /> <blockquote> <div align="left"> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b>Posts Relacionados</b></b:if> <br /><script type='text/javascript'> <br />removeRelatedDuplicates(); <br />printRelatedLabels();</div> </blockquote> Substitua tudo por:<br /> <blockquote> <b:if cond='data:blog.pageType == &quot;item&quot;'> <br /> CÓDIGO DO LINKWITHIN <br /> </b:if></blockquote> <strong><span style="color: red; font-size: small;">Como mudar a frase do gadget</span></strong><br /> Para personalizar a frase-padrão do gadget, procure por:<br /> <blockquote> < div class='post-footer'></blockquote> E cole logo abaixo:<br /> <blockquote> <script>linkwithin_text='SEU TEXTO PERSONALIZADO:'</script></blockquote> **Super dica da querida leitora Lucy, do blog <a href="http://amorepazsemfronteiras.blogspot.com/" target="_blank">♥ Amor e Paz Sem Fronteiras ♥</a><br /> <br /> É altamente recomendável que tudo isso seja feito antes em um blog de testes.<br /> </span>

Linkwithin - posts relacionados com imagens

No ano passado, escrevi um post ensinando a usar um hack que mostrava os “posts relacionados” com pequenas imagens, também chamadas de thumb...

Continue Lendo >>

Como instalar um plugin no Wordpress

Em meu post anterior, ensinei a <a href="http://www.dicasblogger.com.br/2010/07/como-instalar-tema-wordpress.html">instalar novos temas em seu Wordpress</a> de servidor próprio. Hoje aprenderemos a instalar plugins. O principio é exatamente o mesmo. <br /> Antes de tudo, você sabe o que são plugins? São ferramentas que adicionam opções a sua plataforma, podem até facilitar a nossa vida em alguns casos. Para saber um pouco mais: <a href="http://pt.wikipedia.org/wiki/Plugin">Plugins - Wikipédia</a>.<br /> Lembre-se: Só de pode instalar plugins nos Wordpress em servidor próprio!<br /> Assim como na instalação de temas, também possuímos três opções para instalar um plugin: duas através do painel administrativo e outra através do <a href="http://www.sempreceito.com/2009/11/ftp-o-que-e-como-utilizar.html">FTP</a> (recomendada). <br /> <span id="fullpost"> </span><br /> <span id="fullpost"><strong>Primeiro método - Via painel administrativo I:</strong> </span><br /> <span id="fullpost"> Acesse seu painel administrativo, vá até a aba “Plugins” > “Adicionar novo”. A primeira página a ser aberta será onde você poderá pesquisar plugins no banco de dados do Wordpress. Há três formas de pesquisa: por termos, por tags ou por autor. Você também poderá escolher entre as tags mais pesquisadas (tags populares); além delas você poderá encontrar plugins em outras quatro abas, nesta mesma página: “Destaques”, “Populares”, “Mais Recentes”, “Atualizados Recentemente”. <br /> <a href="http://lh3.ggpht.com/_EttevOw0KeE/THbAl5R1n_I/AAAAAAAAKGg/qFJcOzZtsZQ/s1600-h/image%5B5%5D.png"><img alt="" border="0" height="231" src="http://lh6.ggpht.com/_EttevOw0KeE/THbAmy-ATHI/AAAAAAAAKGo/zsnTqocTDLo/image_thumb%5B3%5D.png?imgmax=800" style="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;" title="" width="452" /></a> *Grande parte dos plugins estão com suas descrições em inglês, utilize o <a href="http://translate.google.com.br/?hl=&ie=UTF-8&text=&sl=en&tl=pt#">Google Tradutor</a> para desvendá-las. <br /> Escolha uma tag, escolha algum plugin referente a esta tag e para instalá-lo basta clicar em “Instalar Agora”, abaixo do nome do plugin, na primeira coluna. <br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/THbAoDIDXQI/AAAAAAAAKGs/VgrXefwULow/s1600-h/image%5B11%5D.png"><img alt="" border="0" height="141" src="http://lh6.ggpht.com/_EttevOw0KeE/THbApCpX66I/AAAAAAAAKGw/ht54O-v5GD8/image_thumb%5B7%5D.png?imgmax=800" style="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;" title="" width="452" /></a> <br /> Uma confirmação vai aparecer sobre o navegador, clique em “Ok” para confirmar. Na próxima página digite as informações da sua hospedagem para que o Wordpress tenha acesso e possa instalar o plugin. <br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/THbAp7zglkI/AAAAAAAAKG0/IO2-n9hhPb0/s1600-h/image%5B17%5D.png"><img alt="" border="0" height="268" src="http://lh6.ggpht.com/_EttevOw0KeE/THbArIlrc5I/AAAAAAAAKG4/c7B3sFQAQms/image_thumb%5B11%5D.png?imgmax=800" style="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;" title="" width="452" /></a> <br /> Em algumas hospedagens esse processo poderá acarretar em erros, por isso recomendo que utilize o método três, através do FTP, pois há mais garantias de que não ocorrerá erros.<br /> Ative o plugin instalado e pronto. :) <br /> <strong>Segundo método - Via painel administrativo II:</strong> <br /> Para utilizar este segundo método você precisará ter baixado o plugin em seu computador. Acesse o seu painel administrativo, clique na aba “Plugins” > “Adicionar novo” > “Fazer Upload”. Na próxima página escolha o plugin baixado, sem descompactar - normalmente em extensão .zip - e clique em “Instalar Agora”. <br /> <a href="http://lh3.ggpht.com/_EttevOw0KeE/THbArxvtogI/AAAAAAAAKG8/oF1oGyQp9-Y/s1600-h/image%5B23%5D.png"><img alt="" border="0" height="160" src="http://lh4.ggpht.com/_EttevOw0KeE/THbAtG2NwKI/AAAAAAAAKHA/eifuRLVAR4w/image_thumb%5B15%5D.png?imgmax=800" style="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;" title="" width="452" /></a> <br /> O mesmo formulário que apareceu no método anterior aparecerá agora, digite as informações referentes a sua hospedagem e clique em “Continuar”. <br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/THbAt9yE-2I/AAAAAAAAKHE/_kr8lT5nFaA/s1600-h/image%5B29%5D.png"><img alt="" border="0" height="268" src="http://lh4.ggpht.com/_EttevOw0KeE/THbAvWfg3zI/AAAAAAAAKHI/5aTJgmIh9KM/image_thumb%5B19%5D.png?imgmax=800" style="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;" title="" width="452" /></a> <br /> Assim como no método anterior, poderá ocorrer erros no envio do plugin. Por isso recomendo a utilização do próximo método, através do FTP. <br /> <strong>Terceiro método - Via FTP:</strong> <br /> Você precisará ter o plugin baixado e descompactado no seu computador. Abra um programa para efetuarmos a conexão com o FTP, <a href="http://www.sempreceito.com/2009/11/ftp-o-que-e-como-utilizar.html">utilizo o FileZilla</a>. Estabeleça a conexão, vá até a pasta “wp-content” > “plugins”. Envie a pasta do plugin - descompactada - para dentro da pasta “Plugins”, aguarde o envio e acesse o painel administrativo. Vá até a aba “Plugins” > “Plugins” e ative o plugin enviado. <br /> No meu próximo post mostrarei alguns lugares para encontrar temas e plugins. <br /> Recomendo: <a href="http://www.sempreceito.com/2010/01/como-instalar-um-plugin-no-wordpress.html">Como instalar um plugin no WordPress? - Sem Preceito</a> <br /> Esse tutorial já é compatível com a última versão do Wordpress (3.0). Até a próxima. ;D<br /> <a href="http://www.blogger.com/profile/07446088360789115688"><strong>Luan Felipe</strong></a><strong> é autor do blog </strong><a href="http://www.sempreceito.com/"><strong>Sem Preceito</strong></a><strong> e autor da coluna sobre Wordpress.</strong><br /> </span>

Como instalar um plugin no Wordpress

Em meu post anterior, ensinei a instalar novos temas em seu Wordpress de servidor próprio. Hoje aprenderemos a instalar plugins. O principi...

Continue Lendo >>

Conheça o Fórum de Ajuda do Blogger

Vocês já devem ter notado que sempre comento – tanto aqui, quanto no Twitter - sobre o <a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR" target="_blank">fórum oficial do Blogger</a>, certo? E hoje, vou apresentá-lo a vocês.<br /> <strong>O que é e para que serve o Fórum de Ajuda do Blogger?</strong><br /> O Fórum de Ajuda do Blogger faz parte dos <a href="http://www.google.pl/support/forum?hl=pt-BR" target="_blank">fóruns de ajuda do Google</a> e todos os fóruns fazem parte de uma <a href="http://www.google.com/support/?hl=pt-BR" target="_blank">Central de Ajuda</a>. Nesses fóruns, nós usuários dos serviços do Google podemos tirar dúvidas e resolver problemas sobre o Blogger, Gmail, Adsense, Google Chrome, Orkut, YouTube entre outros.<br /> <span id="fullpost"> </span><br /> <span id="fullpost">Nos Fóruns de Ajuda, existem os <strong>Principais Contribuidores</strong> e os <strong>Guias do Google</strong>. </span><br /> <span id="fullpost"> Os <strong>Principais Colaboradores</strong> ( também chamados de Contribuidores de Topo ou Top Colaboradores)<strong> </strong>são usuários  que gostam de ajudar e que, por terem feito um bom trabalho, receberam este título da própria equipe de Guias do Google. <br /> Os <strong>Guias do Google</strong> são os funcionários da empresa, encarregados de resolverem os problemas mais complicados que aparecem por lá – alguns desses problemas são encaminhados a eles, diretamente, pelos próprios top colaboradores.<br /> Voltando ao <strong>Fórum do Blogger</strong>, afirmo, sem sombra de dúvidas, que lá é o melhor local para se resolver problemas com a plataforma, pois além de existirem várias pessoas dispostas e capacitadas, podemos contar com a inestimável ajuda dos guias.<br /> <strong>Como enviar uma pergunta ao Fórum do Blogger?</strong><br /> Acesse o <a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR" target="_blank">fórum</a> com sua conta do Blogger e clique em “postar uma pergunta”<br /> <a href="http://lh4.ggpht.com/_EttevOw0KeE/TGv9Fk-S8tI/AAAAAAAAKC4/ZfEW7haOoEM/s1600-h/postar-pergunta%5B6%5D.jpg"><img alt="Postar pergunta" border="0" height="204" src="http://lh6.ggpht.com/_EttevOw0KeE/TGv9GxovmKI/AAAAAAAAKC8/C3YnpaIbNrc/postar-pergunta_thumb%5B4%5D.jpg?imgmax=800" style="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;" title="Postar pergunta" width="452" /></a>Escolha uma categora e depois dê um título à sua pergunta – use alguma frase que consiga resumir bem o seu problema. Isso faz diferença. Veja um exemplo:<br /> <a href="http://lh5.ggpht.com/_EttevOw0KeE/TGv9H212_1I/AAAAAAAAKDA/ZHSlN9pjVl8/s1600-h/image%5B17%5D.png"><img alt="Categorias e título" border="0" height="150" src="http://lh5.ggpht.com/_EttevOw0KeE/TGv9I5ReNaI/AAAAAAAAKDE/AAaCEnfTpBc/image_thumb%5B20%5D.png?imgmax=800" style="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;" title="Categorias e título" width="452" /></a>Clique no botão “continuar”. Na página seguinte, em “endereço do blog afetado”, escreva o endereço completo do seu blog e em “Descrição do Problema”, explique detalhadamente o que está acontecendo em seu blog.<br /> <a href="http://lh5.ggpht.com/_EttevOw0KeE/TGv9JyIOeSI/AAAAAAAAKDI/uFond7ZWmog/s1600-h/image%5B18%5D.png"><img alt="Escrevendo sua pergunta" border="0" height="164" src="http://lh5.ggpht.com/_EttevOw0KeE/TGv9KzPW9gI/AAAAAAAAKDM/8jRWyiFfq4w/image_thumb%5B21%5D.png?imgmax=800" style="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;" title="Escrevendo sua pergunta" width="452" /></a>Se quiser receber uma notificação da resposta  por email, marque a caixa “Enviar um e-mail quando as pessoas responderem” e  clique em “postar pergunta”.<br /> Raramente as perguntas ficam sem respostas, exceto quando não sabemos a solução.<br /> <strong>Galeria de Ouro do Fórum do Blogger</strong><br /> Ontem, carinhosamente, os Guias do Google lançaram a página <a href="https://sites.google.com/a/googlewebmasterteam.com/galeria-de-ouro/blogger" target="_blank">Galeria de Ouro</a>, onde eles apresentam ao mundo seus  <strong>Principais Contribuidores.</strong><a href="https://sites.google.com/a/googlewebmasterteam.com/galeria-de-ouro/blogger"><img alt="Galeria de Ouro - fórum do Blogger" border="0" height="252" src="http://lh5.ggpht.com/_EttevOw0KeE/TGvCe5LabXI/AAAAAAAAKDQ/iNASWpW8Fz4/image%5B19%5D.png?imgmax=800" style="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;" title="Galeria de Ouro - fórum do Blogger" width="502" /></a><br /> Como vocês podem notar na imagem acima, eu sou uma das top colaboradoras do fórum. Auxiliar os novatos tem sido uma experiência  muito gratificante pra mim, bem como conviver com os demais colaboradores (com os quais aprendo muito) e com os Guia do Google, que são sempre super atenciosos conosco e com os usuários.<br /> Deixo aqui registrado o meu  <strong>MUITO OBRIGADO</strong> aos Guias do Google pelo reconhecimento ao nosso trabalho e  meus parabéns aos colaboradores do fórum: Amílcar (@<a href="http://twitter.com/DireitoIntegral" target="_blank">DireitoIntegral</a>), Alan (@<a href="http://twitter.com/arsolto" target="_blank">arsolto</a>), Karen e Teilor (@<a href="http://twitter.com/Teilor" target="_blank">Teilor</a>).<br /> E antes que eu me esqueça e leve um puxão de orelha do “mineirim” @<a href="http://twitter.com/ricardofraga" target="_blank">RicardoFraga</a>, temos também a <a href="http://sitescontent.google.com/galeria-de-ouro/gmail" target="_blank">galeria de ouro</a> do <a href="http://www.google.com/support/forum/p/gmail?hl=pt_br" target="_blank">Fórum do Gmail</a> ;)<br /> </span>

Conheça o Fórum de Ajuda do Blogger

Vocês já devem ter notado que sempre comento – tanto aqui, quanto no Twitter - sobre o fórum oficial do Blogger , certo? E hoje, vou apresen...

Continue Lendo >>

Template Soccer

Continuando a série de templates temáticos, apresento-lhes o <b>Template Soccer</b>, especialmente criado para blogs sobre futebol.<br /> O Template Soccer possui dois planos de fundo: o primeiro é verde, ilustrado com bolas de futebol e o segundo é levemente transparente. Linkbar, sidebar e blocos do rodapé estão em tons de gradiente (cinza mais escuro e cinza mais claro).<br /> <span id="fullpost"> </span><br /> <span id="fullpost"><img alt="Template Soccer" border="0" height="266" src="http://lh6.ggpht.com/_EttevOw0KeE/TGtMgxfvD9I/AAAAAAAAKCg/KwT3AM3NYGA/image%5B12%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Template Soccer" width="520" /></span><br /> <span id="fullpost"> <div align="center"> <a href="http://templatesoccer.blogspot.com/" target="_blank">Demonstração</a> – <a href="https://drive.google.com/file/d/0B7G-mAQQKCyZMGJXUVQ4ZVNwSVU/view?usp=sharing" target="_blank">Download</a> – <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt">Licença</a></div> <table cellpadding="2" cellspacing="2" style="background: none repeat scroll 0% 0% rgb(249, 240, 219); border: 3px solid rgb(254, 226, 160); text-align: left; width: 100%;"><tbody> <tr> <td valign="top" width="275"><b>RECURSOS INSTALADOS</b> <br /> <ul> <li><a href="http://dicasblogger.blogspot.com/2008/02/cdigo-para-posts-relacionados.html">Posts Relacionados</a> </li> <li><a href="http://dicasblogger.blogspot.com/2008/04/retirar-navbar-do-blogger.html">Retirada da Navbar</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/jump-break-o-leia-mais-do-blogger.html">Jump break</a> e <a href="http://www.dicasblogger.com.br/2009/11/como-colocar-o-leia-mais-no-blogger.html" target="_blank">hack leia mais</a> </li> <li><a href="http://usuariocompulsivo.blogspot.com/2008/08/como-personalizar-o-navegador-do.html">Personalização dos ícones de navegação</a> </li> <li><a href="http://www.dicasblogger.com.br/2008/10/colocando-favicon-no-blog.html">Favicon</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/avatar-nos-comentarios-do-blogger.html">Avatar nos comentários</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/07/modelos-de-blockquotes-citacao.html">Citação em bloco personalizada</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/04/botao-share-this-compartilhe-redes.html">Botão para redes sociais</a> </li> </ul> </td> <td valign="top" width="275"><b>CARACTERÍSTICAS </b> <br /> <ul> <li>Bordas arredondadas </li> <li>2 tipos de plano de fundo </li> <li>Uso de gradiente </li> <li>Template temático </li> <li>1 coluna à direita </li> <li>3 blocos no rodapé </li> <li>Nome do seu blog nos créditos </li> <li>CSS otimizado </li> <li>Diversos hacks instalados </li> </ul> </td> </tr> </tbody></table> <b>Modo de Usar – Instruções comuns a todos os templates</b> <br /> Leia atentamente as instruções a seguir, onde explico detalhadamente como instalar os templates, bem como realizar algumas modificações básicas: <br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/08/instrucoes-para-uso-dos-templates.html">Instruções para uso dos templates do Dicas Blogger</a> </li> </ul> <b>Instruções Específicas para o Template Soccer</b><br /> <b>Alterando a imagem de exibição</b> <br /> Se você quiser mudar a imagem que fica ao lado do cabeçalho (o par de chuteiras), entre no HTML do template e procure por: <br /> <blockquote> <div id='imagem'> <br /><img alt='' src='<a href="http://lh4.ggpht.com/_mcq01yDJ2uY/TGtDyWbvJbI/AAAAAAAADKg/JwE6-knvRYU/soccer_5.png%27/">http://lh4.ggpht.com/_mcq01yDJ2uY/TGtDyWbvJbI/AAAAAAAADKg/JwE6-knvRYU/soccer_5.png'/</a>> <br /></div></blockquote> Escolha ou crie uma imagem do tamanho 256 x 256 px com fundo transparente e em formato .png. Faça o upload no Picasa ou em outro serviço de sua preferência, copie o endereço da nova imagem e cole na parte em azul do código. <br /> <b>Ajustando a posição da imagem</b> <br /> Para ajustar o posicionamento da imagem (topo e direita), procure por: <br /> <blockquote> #imagem { <br />padding-right:35px; <br />position:absolute; <br />right:0; <br />top:0px; <br />}</blockquote> <b>Mudando o plano de fundo</b> <br /> No arquivo que você baixou, além do template e da imagem para o cabeçalho, existem três imagens de planos de fundo – azul, vermelho e amarelo. <br /> <a href="http://lh5.ggpht.com/_EttevOw0KeE/TGtMh0M63cI/AAAAAAAAKCk/YXFRJ1A_qR8/s1600-h/image%5B19%5D.png"><img alt="Backgrounds" border="0" height="118" src="http://lh5.ggpht.com/_EttevOw0KeE/TGtMjF3B9GI/AAAAAAAAKCo/DMZmUh0P2IQ/image_thumb%5B11%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Backgrounds" width="452" /></a> <br /> Para mudar o atual plano de fundo verde por um desses três, procure por: <br /> <blockquote> body { <br />text-align:center; <br />color:$textColor; <br />background-color:$bodybgColor; <br />background-image: url(<a href="http://lh3.ggpht.com/_mcq01yDJ2uY/TGnnSrQHpgI/AAAAAAAADFw/VY_Bn1MqTHE/bg_soccer.png">http://lh3.ggpht.com/_mcq01yDJ2uY/TGnnSrQHpgI/AAAAAAAADFw/VY_Bn1MqTHE/bg_soccer.png</a>);</blockquote> Hospede o plano de fundo no Picasa, copie o endereço da imagem e substitua a url do código acima pela url da nova imagem. <br /> <b>Colocando a imagem do cabeçalho</b><br /> Na pasta do template, você encontrará uma imagem em formato .png. Basta escrever o nome do seu blog e fazer o upload nos elementos de página do Blogger.<br /> A fonte que usei para o cabeçalho da demonstração foi a Blue Highway Condensed.<br /> ©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos. <br /> </span>

Template Soccer

Continuando a série de templates temáticos, apresento-lhes o Template Soccer , especialmente criado para blogs sobre futebol. O Template So...

Continue Lendo >>

Template Gourmet

Este é mais um template temático, desta vez voltado aos blogs de culinária. A customização foi feita usando o mesmo layout do <a href="http://www.dicasblogger.com.br/2010/08/template-pet.html" target="_blank">Template Pet</a>.<br /> O Template Gourmet possui 1 coluna à direita, 3 blocos para gadgets no rodapé e todos os ícones seguem o tema do modelo. As fontes e cores são personalizáveis.<br /> <span id="fullpost"> </span><br /> <span id="fullpost"><img alt="Template Gourmet" border="0" height="282" src="http://lh4.ggpht.com/_EttevOw0KeE/TGnYqF0SaII/AAAAAAAAKCU/2smvUrBUV8U/image%5B16%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Template Gourmet" width="520" /></span><br /> <span id="fullpost"> <div align="center"> <a href="http://templategourmet.blogspot.com/" target="_blank">Demonstração</a> – <a href="https://drive.google.com/file/d/0B7G-mAQQKCyZdEtVN0lxRFI4WDA/view?usp=sharing">Download</a> – <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt">Licença</a></div> <table cellpadding="2" cellspacing="2" style="background: none repeat scroll 0% 0% rgb(249, 240, 219); border: 3px solid rgb(254, 226, 160); text-align: left; width: 100%;"><tbody> <tr> <td valign="top" width="275"><b>RECURSOS INSTALADOS</b> <br /> <ul> <li><a href="http://dicasblogger.blogspot.com/2008/02/cdigo-para-posts-relacionados.html">Posts Relacionados</a> </li> <li><a href="http://dicasblogger.blogspot.com/2008/04/retirar-navbar-do-blogger.html">Retirada da Navbar</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/jump-break-o-leia-mais-do-blogger.html">Jump break</a> e <a href="http://www.dicasblogger.com.br/2009/11/como-colocar-o-leia-mais-no-blogger.html" target="_blank">hack leia mais</a> </li> <li><a href="http://usuariocompulsivo.blogspot.com/2008/08/como-personalizar-o-navegador-do.html">Personalização dos ícones de navegação</a> </li> <li><a href="http://www.dicasblogger.com.br/2008/10/colocando-favicon-no-blog.html">Favicon</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/avatar-nos-comentarios-do-blogger.html">Avatar nos comentários</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/07/modelos-de-blockquotes-citacao.html">Citação em bloco personalizada</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/04/botao-share-this-compartilhe-redes.html">Botão para redes sociais</a> </li> </ul> </td> <td valign="top" width="275"><b>CARACTERÍSTICAS </b> <br /> <ul> <li>Cores e fontes personalizáveis </li> <li>Compatível com qualquer navegador que esteja devidamente atualizado. </li> <li>Template temático </li> <li>1 coluna à direita </li> <li>3 blocos no rodapé </li> <li>Nome do seu blog no rodapé (auto) </li> <li>CSS otimizado </li> <li>Diversos hacks instalados </li> </ul> </td> </tr> </tbody></table> <b><span style="color: #ff8000;">Modo de Usar – Instruções comuns a todos os templates</span></b><br /> Leia atentamente as instruções a seguir, onde explico detalhadamente como instalar os templates, bem como realizar algumas modificações básicas:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/08/instrucoes-para-uso-dos-templates.html">Instruções para uso dos templates do Dicas Blogger</a> </li> </ul> <b><span style="color: #ff8000;">Instruções Específicas para o Template Gourmet</span></b><br /> <b>Alterando a imagem de exibição</b><br /> Se você quiser mudar a imagem que fica ao lado do cabeçalho (neste caso é de um chef de cozinha), entre no HTML do template e procure por:<br /> <blockquote> <div id='imagem'> <br /><img alt='' src='<a href="http://lh5.ggpht.com/_mcq01yDJ2uY/TGlUrlxRLSI/AAAAAAAADCw/hiKVSnCB588/22.png%27/">http://lh5.ggpht.com/_mcq01yDJ2uY/TGlUrlxRLSI/AAAAAAAADCw/hiKVSnCB588/22.png'/</a>> <br /></div></blockquote> Escolha ou crie uma imagem do tamanho 256 x 256 px com fundo transparente e em formato .png. Faça o upload no Picasa ou em outro serviço de sua preferência, copie o endereço da nova imagem e cole na parte em azul do código.<br /> <b>Ajustando a posição da imagem</b><br /> Para ajustar o posicionamento da imagem (topo e direita), procure por:<br /> <blockquote> #imagem { <br />padding-right:35px; <br />position:absolute; <br />right:0; <br />top:0px; <br />}</blockquote> ©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos.<br /> </span>

Template Gourmet

Este é mais um template temático, desta vez voltado aos blogs de culinária. A customização foi feita usando o mesmo layout do Template Pet ....

Continue Lendo >>

Template Pet

Trata-se de um layout temático, para quem curte animais de estimação. O Template Pet tem 1 coluna à direita, 3 blocos no rodapé e um espaço para inserir imagens de acordo com o assunto do blog. Fontes e cores 100% personalizáveis.<br /> <span id="fullpost"> </span><br /> <span id="fullpost"><img alt="Template Pet" border="0" height="287" src="http://lh5.ggpht.com/_EttevOw0KeE/TGinjp56A7I/AAAAAAAAKBw/AxQGtmWuvU8/image%5B12%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Template Pet" width="520" /> </span><br /> <span id="fullpost"> <div align="center"> <a href="http://templatepet.blogspot.com/" target="_blank">Demonstração</a> – <a href="https://drive.google.com/file/d/0B7G-mAQQKCyZcEdMZWdpdDc4bWs/view?usp=sharing" target="_blank">Download</a> – <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt" target="_blank">Licença</a></div> <table cellpadding="2" cellspacing="2" style="background: none repeat scroll 0% 0% rgb(249, 240, 219); border: 3px solid rgb(254, 226, 160); text-align: left; width: 100%;"><tbody> <tr> <td valign="top" width="275"><b>RECURSOS INSTALADOS</b> <br /> <ul> <li><a href="http://dicasblogger.blogspot.com/2008/02/cdigo-para-posts-relacionados.html">Posts Relacionados</a> </li> <li><a href="http://dicasblogger.blogspot.com/2008/04/retirar-navbar-do-blogger.html">Retirada da Navbar</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/jump-break-o-leia-mais-do-blogger.html">Jump break</a> e <a href="http://www.dicasblogger.com.br/2009/11/como-colocar-o-leia-mais-no-blogger.html" target="_blank">hack leia mais</a> </li> <li><a href="http://usuariocompulsivo.blogspot.com/2008/08/como-personalizar-o-navegador-do.html">Personalização dos ícones de navegação</a> </li> <li><a href="http://www.dicasblogger.com.br/2008/10/colocando-favicon-no-blog.html">Favicon</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/avatar-nos-comentarios-do-blogger.html">Avatar nos comentários</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/07/modelos-de-blockquotes-citacao.html">Citação em bloco personalizada</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/04/botao-share-this-compartilhe-redes.html">Botão para redes sociais</a> </li> </ul> </td> <td valign="top" width="275"><b>CARACTERÍSTICAS </b> <br /> <ul> <li>Cores e fontes personalizáveis </li> <li>Compatível com qualquer navegador que esteja devidamente atualizado. </li> <li>Template temático </li> <li>1 coluna à direita </li> <li>3 blocos no rodapé </li> <li>Nome do seu blog no rodapé (auto) </li> <li>CSS otimizado </li> <li>Diversos hacks instalados </li> </ul> </td> </tr> </tbody></table> Leia atentamente as instruções a seguir, onde explico detalhadamente como instalar os templates, bem como realizar algumas modificações básicas:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/08/instrucoes-para-uso-dos-templates.html" target="_blank">Instruções para uso dos templates do Dicas Blogger</a> </li> </ul> <b>Instruções Específicas para o Template Pet</b><br /> <b>Alterando a imagem de exibição</b><br /> Se você quiser mudar a imagem que aparece ao lado do cabeçalho (que neste caso, é um cãozinho), entre no HTML do template e procure por:<br /> <blockquote> <div id='imagem'> <br /><img alt='' src='<a href="http://lh4.ggpht.com/_mcq01yDJ2uY/TGgeorYJfbI/AAAAAAAADA8/QHBfsyY8eR4/dog-icon.png%27/">http://lh4.ggpht.com/_mcq01yDJ2uY/TGgeorYJfbI/AAAAAAAADA8/QHBfsyY8eR4/dog-icon.png'/</a>> <br /></div></blockquote> Escolha ou crie uma imagem do tamanho 256 x 256 px com fundo transparente e em formato .png. Faça o upload no Picasa ou em outro serviço de sua preferência, copie o endereço da nova imagem e cole na parte em azul do código acima.<br /> ©Template by <a href="http://www.dicasblogger.com.br/">Dicas Blogger</a> – alguns direitos reservados. Não retire os créditos.<br /> Muita gente tem me perguntado porquê estou lançando tantos templates ultimamente. Bom, eu tenho dois motivos: o primeiro é que precisei refazer os antigos templates, pois os códigos e hacks estavam obsoletos. O segundo motivo é que estou estudando webdesign e preciso praticar o que estou aprendendo ;)<br /> </span>

Template Pet

Trata-se de um layout temático, para quem curte animais de estimação. O Template Pet tem 1 coluna à direita, 3 blocos no rodapé e um espaço ...

Continue Lendo >>

Como colocar o Tweet Button no Blogger

<p>O Twitter acaba de lançar seu botão oficial de tweets – o <a href="http://twitter.com/goodies/tweetbutton" target="_blank">Tweet Button</a>. Semelhante ao <a href="http://www.dicasblogger.com.br/2010/03/topsy-outro-botao-de-rt-para-o-seu-blog.html">Topsy</a> e ao <a href="http://www.dicasblogger.com.br/2010/02/tweetmeme-botao-de-retweet-blogger.html">TweetMeme</a>, o botão permite que os visitantes de um blog enviem um post para o Twitter, bem como contabiliza o número total de tweets e RTs.</p> <p>Para obter o código do Tweet Button, faça o login no Twitter e acesse este link: <a title="http://twitter.com/goodies/tweetbutton" href="http://twitter.com/goodies/tweetbutton">http://twitter.com/goodies/tweetbutton</a>. O código aparecerá embaixo, à direita:</p><span id="fullpost"> <p><a href="http://lh3.ggpht.com/_EttevOw0KeE/TGRGImVgXII/AAAAAAAAJ_4/HEgWdNUrWLs/s1600-h/image%5B19%5D.png"><img alt="Código do Tweet Button" border="0" height="219" src="http://lh3.ggpht.com/_EttevOw0KeE/TGRGJ_DLHsI/AAAAAAAAJ_s/OZVQ_PWq_68/image_thumb%5B15%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Código do Tweet Button" width="502" /></a></p> <p><strong>Como colocar o Tweet Button no Blogger</strong></p> <p>O processo é idêntico ao do Topsy e ao do TweetMeme. Que já usa um dos dois, deve apenas substituir o código antigo pelo do Tweet Button.</p> <ul> <li>Entre em design>editar html>expandir modelos de widgets. </li><li>Procure pelo código do TweetMeme ou do Topsy. </li><li>Passe o mouse sobre o código antigo e cole o novo. </li></ul> <p>Dica: dê um Ctrl+F no teclado e digite tweetmeme ou topsy para encontrar o código.</p> <p>Quem vai usar o botão pela primeira vez, deve seguir este tutorial:</p> <ul> <li><a href="http://www.dicasblogger.com.br/2010/02/tweetmeme-botao-de-retweet-blogger.html">TweetMeme- Inserindo botão de Retweet no Blogger</a> </li></ul> <p>No tutorial existem diversos códigos, que variam de acordo com o local de inserção do botão (embaixo do post, entre o título e a postagem e etc). Onde estiver escrito “<span style="color: rgb(255, 0, 0);">CÓDIGO DO TWEET MEME</span> ” , apague e cole o código do Tweet Button.</p> <p>Como exemplo, vamos usar o código para colocar o botão junto com um anúncio:</p> <blockquote> <p><b:if cond='data:blog.pageType == &quot;item&quot;'></p> <p><table </p> <p>style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 "> </p> <p><tbody> </p> <p><tr> </p> <p><td valign="undefined" align="left"><strong><span style="color: rgb(255, 0, 0);">CÓDIGO DO TWEET MEME</span> </strong></td> </p> <p><td valign="undefined" align="undefined"> <strong>CÓDIGO DO ANÚNCIO </strong></td> </p> <p></tr> </p> <p></tbody> </p> <p></table> </b:if> </p></blockquote> <p>Vejam como ficou aqui no Dicas Blogger:</p> <p><img alt="" border="0" height="129" src="http://lh5.ggpht.com/_EttevOw0KeE/TGRGKxRF2MI/AAAAAAAAJ_w/vIdZ9XKtbKc/image%5B11%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="502" /></p> <p>Só espero que o botãozinho não seja amigo da baleia Fail Whale, né?</p><span style="font-weight: bold;">ATUALIZAÇÃO</span><br /><br /><p>Já que algumas pessoas estão me perguntando como mudar o lado de exibição do botão, peço-lhes que acessem os seguintes posts:</p><br /> <ol> <li><a href="http://elescaparatederosa.blogspot.com/2010/08/botones-oficiales-de-twitter.html">Botones oficiales de Twitter </a>- El Escaparate de Rosa </li><li><a href="http://www.bloggerplugins.org/2010/08/twitter-share-buttons-for-blogger-tweet.html">Oficial Twitter Share Button</a> - Blogger Widgets<br /></li></ol><br /></span> <p><a href="http://twitter.com/dicas_blogger"><img alt="twitter-follow" border="0" height="111" src="http://lh5.ggpht.com/_EttevOw0KeE/TLPRpLuZyVI/AAAAAAAAKto/SYZwm9E9Kqs/twitter_exc2%5B5%5D.png?imgmax=800" style="background-image: none; border-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0px;" title="Siga o Dicas Blogger!" width="224" /></a></p> <p align="center"><a href="http://twitter.com/dicas_blogger">http://twitter.com/dicas_blogger</a></p>

Como colocar o Tweet Button no Blogger

O Twitter acaba de lançar seu botão oficial de tweets – o Tweet Button . Semelhante ao Topsy e ao TweetMeme , o botão permite que os visita...

Continue Lendo >>

Problemas com os gadgets “pesquisa” e “slides”

No blog oficial <a href="http://knownissues.blogspot.com/" target="_blank">KNOWN ISSUES FOR BLOGGER</a>, encontrei uma pequena nota informando que os gadgets <strong>caixa de pesquisa</strong> e <strong>apresentação de slides</strong> não estão funcionando corretamente.<br /> A equipe do Blogger já está <a href="http://knownissues.blogspot.com/2010/08/our-custom-search-and-slide-show.html" target="_blank">ciente e trabalhando</a> para consertar o problema.

Problemas com os gadgets “pesquisa” e “slides”

No blog oficial KNOWN ISSUES FOR BLOGGER , encontrei uma pequena nota informando que os gadgets caixa de pesquisa e apresentação de slides ...

Continue Lendo >>

Como funciona o anti-spam do Blogger

O processo de implantação do anti-spam do Blogger está um pouco lento. Nenhum dos meus blogs ativos possuem a detecção automática ainda e muitos dos meus seguidores  no Twitter encontram-se na mesma situação. Por sorte, encontrei o novo recurso em um dos meus blogs de testes. Já é um começo…<br /> Logo na entrada do painel, me deparei com a seguinte mensagem: <br /> <span id="fullpost"> </span><br /> <span id="fullpost"><a href="http://lh3.ggpht.com/_EttevOw0KeE/TGQFaJBS8rI/AAAAAAAAJ9o/iAp4tCnYvPY/s1600-h/image%5B21%5D.png"><img alt="Mensagem do Blogger" border="0" height="80" src="http://lh5.ggpht.com/_EttevOw0KeE/TGQFbPLcqfI/AAAAAAAAJ9s/wFuVBoXXYH8/image_thumb%5B24%5D.png?imgmax=800" style="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;" title="Mensagem do Blogger" width="452" /></a></span><br /> <span id="fullpost"> No blog de testes, apareceu o link <strong>comentários</strong> logo após <strong>editar postagens:</strong><br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/TGQFdI6lRGI/AAAAAAAAJ9w/rAd4vEahiiI/s1600-h/image%5B20%5D.png"><img alt="Painel do Blogger" border="0" height="50" src="http://lh4.ggpht.com/_EttevOw0KeE/TGQFeeeGDYI/AAAAAAAAJ-A/TU3rCam_vPM/image_thumb%5B23%5D.png?imgmax=800" style="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;" title="Painel do Blogger" width="457" /></a><br /> Clicando no link <strong>comentários</strong>, fui direcionada para esta página: <br /> <a href="http://lh5.ggpht.com/_EttevOw0KeE/TGQUaVwLwEI/AAAAAAAAJ-o/7dXMK3oxqlU/s1600-h/moderacao%5B14%5D.jpg"><img alt="Guia comentários" border="0" height="224" src="http://lh3.ggpht.com/_EttevOw0KeE/TGQUbRYNr9I/AAAAAAAAJ-w/q10E7JROHFw/moderacao_thumb%5B14%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Guia comentários" width="452" /></a><br /> A <strong>guia comentários</strong> está dividida em 3 abas: <br /> <ul> <li>publicados: onde ficam armazenados os comentários que já foram publicados </li> <li>aguardando moderação: onde ficam os comentários que passarão pela moderação </li> <li>spam: onde ficam os comentários detectados como spam (pelo sistema ou por nós) </li> </ul> Em blogs que não usam o sistema de moderação, só irão aparecer 2 abas.<br /> Cada uma das 3 abas são divididas em botões, para que possamos escolher as ações.<br /> <strong>Botões da aba “publicados”:</strong> spam, excluir, remover conteúdo<br /> <a href="http://lh3.ggpht.com/_EttevOw0KeE/TGQUcD-CwaI/AAAAAAAAJ-0/hr6O8LOjQNo/s1600-h/publicados%5B10%5D.jpg"><img alt="Aba "publicados"" border="0" height="193" src="http://lh3.ggpht.com/_EttevOw0KeE/TGQUdACGXaI/AAAAAAAAJ-8/l7fSFoTu2RU/publicados_thumb%5B12%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="Aba "publicados"" width="452" /></a> <br /> <strong>Botões da aba “aguardando moderação”:</strong> publicar, spam, excluir<br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/TGQUd4syIgI/AAAAAAAAJ_A/sWY-Zt2I1gY/s1600-h/moderacao%5B16%5D.jpg"><img alt="Aba da moderação" border="0" height="194" src="http://lh3.ggpht.com/_EttevOw0KeE/TGQUe4NrDEI/AAAAAAAAJ_I/QKdD-nV7MSQ/moderacao_thumb%5B16%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="Aba da moderação" width="452" /></a> <br /> <strong>Botões da aba spam:</strong> excluir, não é spam<br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/TGQUfk-jKSI/AAAAAAAAJ_Q/hjaQff08ToE/s1600-h/antispam%5B6%5D.jpg"><img alt="Aba "spam"" border="0" height="199" src="http://lh3.ggpht.com/_EttevOw0KeE/TGQUgp102ZI/AAAAAAAAJ_Y/QB6PcUq3o2U/antispam_thumb%5B4%5D.jpg?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="Aba "spam"" width="452" /></a> <br /> Fiz um pequeno teste e enviei um comentário para o spam. Daí, pra desfazer a ação foi só clicar no botão <strong>não é spam.</strong> Nisto o comentário foi automaticamente publicado.<strong> </strong>Para apagá-lo, voltei à aba <strong>publicados</strong> e cliquei em <strong>remover conteúdo.</strong><br /> O Blogger deu um grande passo rumo a um sistema de comentários mais eficiente. <br /> Adeus trollzinhos! Spam ever procês, tá :P o/ o/ bye bye o/<br /> </span>

Como funciona o anti-spam do Blogger

O processo de implantação do anti-spam do Blogger está um pouco lento. Nenhum dos meus blogs ativos possuem a detecção automática ainda e mu...

Continue Lendo >>

Festa em comemoração aos 11 anos do Blogger!

No dia <strong>23 de agosto</strong>, o Blogger irá completar 11 anos de existência e a grande festa está agendada para acontecer no dia <strong>31/8 - </strong>que também é o <strong>Dia do Blog</strong>   (<a href="http://www.blogday.org/pt.htm" target="_blank">BlogDay</a>) e, coincidentemente, aniversário do Dicas Blogger :)<br /> Festa, como assim? Pois é… A <strong>equipe do Blogger</strong> está incentivando uma festa global - organizada por nós usuários – com direito a um pacotão de download, incluindo: confecções de chapéus de festas, crachás e placas de sinalização.<br /> <span id="fullpost"> </span><br /> <span id="fullpost">Vocês podem obter maiores detalhes sobre a festa no <strong>fórum do Blogger</strong>:</span><br /> <span id="fullpost"> <a href="http://www.google.com/support/forum/p/blogger/thread?tid=34ed85937ddc35d2&hl=pt-BR" target="_blank"><span style="font-size: small;"><strong>Festa de Aniversário de 11 anos do Blogger</strong></span></a><br /> <blockquote> Vamos mantê-la bem simples - nós definimos a data, e vocês definem as festas. O Meetup Everywhere (em Inglês) irá ajudá-los a facilitar tudo para a sua festa (gratuitamente!). Através desta fantástica ferramenta, o Meetup Everywhere, você conseguirá encontrar outros blogueiros em sua área e poderá tanto participar de uma festa que já foi definida, como iniciar uma nova festa local para você. O objetivo é marcar encontros, conversar sobre blogs, comemorar com os seus amigos ou então somente encontrarmo-nos online. Além disso, nós estaremos fornecendo para cada festa um pacote de download, incluindo confecções de chapéus de festas, crachás e placas de sinalização. E, quem sabe, até poderá haver outras surpresas ;) (por <a href="http://www.google.com/support/forum/p/blogger/user?userid=08860965406126921077&hl=pt-BR">Camila Fitz</a>)</blockquote> Eu já estou indo encomendar o bolo, o guaraná, os salgadinhos e os balões ;)<br /> <img alt="blogger_birthday" border="0" height="110" src="http://lh5.ggpht.com/_EttevOw0KeE/TGLfgWP1ceI/AAAAAAAAJ9I/3Q8SmpaSCKQ/blogger_birthday%5B6%5D.png?imgmax=800" style="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;" title="blogger_birthday" width="338" /><br /> <div align="center"> <strong>Congratulations, my dear Blogger!</strong></div> Que tal se, no dia 31, todos nós colocássemos o logo do Blogger como  avatar no Twitter? É uma forma de festejarmos juntos, apesar das distâncias <strong>#bloggerfiesta</strong> <br /> </span>

Festa em comemoração aos 11 anos do Blogger!

No dia 23 de agosto , o Blogger irá completar 11 anos de existência e a grande festa está agendada para acontecer no dia 31/8 - que também é...

Continue Lendo >>

Blogger implementa anti-spam nos comentários

Começou!!!! A equipe do Blogger anunciou no blog <a href="http://buzz.blogger.com/" target="_blank">Blogger Buzz</a>, que está implementando  o filtro anti-spam do Google no sistema de comentários do Blogger. Além disso, foi criado uma caixa de entrada (inbox) onde aparecerão todos os comentários do blog, com a possibilidade de remoção e de filtragem imediatas.<br /> <span id="fullpost"> </span><br /> <span id="fullpost"><a href="http://lh3.ggpht.com/_EttevOw0KeE/TGKCHHwQUpI/AAAAAAAAJ8g/6wwlmdiBOOQ/s1600-h/image%5B13%5D.png"><img alt="" border="0" height="270" src="http://lh5.ggpht.com/_EttevOw0KeE/TGKCIjSsmFI/AAAAAAAAJ8k/xrCenwgrQcE/image_thumb%5B9%5D.png?imgmax=800" style="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;" title="" width="452" /></a> </span><br /> <span id="fullpost"> <a href="http://lh3.ggpht.com/_EttevOw0KeE/TGKCLWYHf9I/AAAAAAAAJ8o/neweDVN7Z5E/s1600-h/image%5B14%5D.png"><img alt="" border="0" height="323" src="http://lh3.ggpht.com/_EttevOw0KeE/TGKCMshSHTI/AAAAAAAAJ8s/nlRZB9n8vOI/image_thumb%5B10%5D.png?imgmax=800" style="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;" title="" width="452" /></a> <br /> <div align="center"> <a href="http://buzz.blogger.com/2010/08/new-comments-system-on-blogger.html">New Comments System on Blogger</a></div> Tal recurso ainda não está disponível para todos os blogs e contas. Aguardem.<br /> Assim que estiver disponível para mim, farei um post mais caprichado.<br /> <strong>Imagens:</strong> Blogger Buzz</span>

Blogger implementa anti-spam nos comentários

Começou!!!! A equipe do Blogger anunciou no blog Blogger Buzz , que está implementando  o filtro anti-spam do Google no sistema de comentári...

Continue Lendo >>

Citar e linkar – ética e respeito entre blogueiros

Ao contrário de outras áreas de atuação,  blogueiros não contam com um código de ética regulamentado e nem com um conselho fiscalizador. Cada um faz o que acha que é certo e/ou se baseia na experiência dos mais antigos.<br /> Mesmo não havendo um código de conduta estabelecido, existem algumas práticas que <strong>não</strong> são aceitas por grande parte da comunidade, sendo que a cópia de conteúdo (plágio) é de longe a mais combatida e comentada.<br /> <span id="fullpost"> </span><br /> <ul><span id="fullpost"> <li><a href="http://www.dicasblogger.com.br/2009/04/reflexoes-sobre-plagio-e-direitos.html">Reflexões sobre plágio e direitos autorais</a> </li> </span></ul> <span id="fullpost"> Até aqui nenhuma novidade. Se encontramos em um outro blog um artigo nosso, reproduzido na íntegra e sem créditos, ou seja, assinado por uma outra pessoa, a infração é facilmente identificada.<br /> <blockquote> <span style="font-size: xx-small;">O plágio é o ato de assinar ou apresentar uma obra intelectual de qualquer natureza (texto, música, obra pictórica, fotografia, obra audiovisual, etc) contendo partes de uma obra que pertença a outra pessoa sem colocar os créditos para o autor original. No ato de plágio, o plagiador se apropria indevidamente da obra intelectual de outra pessoa, assumindo a autoria da mesma. <strong>Fonte:</strong> <a href="http://pt.wikipedia.org/wiki/Pl%C3%A1gio" target="_blank">Wikipedia</a></span></blockquote> Por outro lado, existem casos em que a apropriação indevida de uma obra intelectual não está tão evidente assim e pode levar à interpretações diversas.<br /> Vamos pensar nas emissoras de TV. É muito comum nos depararmos com programas de  formatos  semelhantes, passando em canais diferentes. Isso é plágio? <br /> Ou então, temos um acontecimento extraordinário no cenário mundial e todos os canais noticiam a mesma coisa com diferença de minutos ou horas. Isso é plágio? <br /> Voltemos ao mundinho dos blogs…<br /> Vamos criar uma historinha, usando <strong>personagens fictícios </strong>– o João, a Maria, o José, o Luís e a Rosinha – todos autores de blogs especializados no Blogger.<br /> João, dias desses, estava com insônia e, às 3 horas da manhã,  resolveu dar uma olhadinha nos feeds do seu Google Reader. Para a sua surpresa, o Blogger acabava de anunciar um recurso super aguardado por todos. João, não contendo a ansiedade, resolve publicar imediatamente o novo recurso e vai dormir todo feliz.<br /> <strong>Transmissão de informações públicas</strong><br /> No outro dia, pela manhã, os outros 4 metabloggers – também lendo seus feeds –entram em contato com mesma notícia e 3 deles (Maria, José e Rosinha) publicam a novidade em seus respectivos blogs. Isso é plágio? Não. Todos transmitiram uma informação pública, proveniente do Blogger.<br /> <strong>O Plágio</strong><br /> Porém, o danado do Luís, ao invés de criar seu próprio artigo com a novidade, opta pela infeliz idéia de copiar integralmente o artigo do João e nem se importa de citar  a fonte original. E agora, é plágio? Sim, sem dúvida. <br /> Perceberam  a diferença? No primeiro caso, João foi o que teve o primeiro acesso à notícia, mas não era o detentor da informação; já Luís, ao copiar o post do João, se apropriou indevidamente de sua obra, ou seja, do post em si.<br /> <strong>A “inspiração”</strong><br /> Vamos supor que o João estivesse mexendo em códigos e criasse  um novo gadget. Empolgado, ele disponibiliza o código em seu blog para uso livre, mas, devido ao seu esforço, acha justo colocar o link do seu blog  no rodapé do gadget.<br /> Luís, então, lê o post do João e publica em seu blog o mesmo código, como se fosse uma descoberta dele e não do João e ainda por cima coloca o link do seu blog.<br /> Para dar um drama ainda maior à nossa história, vamos supor agora que o José (não é mais o Luís) tenha usado em seu metablog várias descobertas de seus colegas; tudo escrito com suas próprias palavras e imagens, mas sem fonte nem link.<br /> Pergunto: O José e o Luís são kibadores?<br /> Pois é aí que começa a confusão e é onde entram as interpretações pessoais.<br /> Sua opinião, caro leitor e blogueiro, será de grande importância.<br /> <br /> Se inspirar em outros blogs é algo praticamente inerente ao começo de todo blogueiro, só que há uma linha muito tênue entre a inspiração e a “kibagem”:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/03/classificacao-internacional-do.html">Classificação Internacional dos Kibadores</a> </li> </ul> Acredito que quando encontramos artigos interessantes em outros blogs, nós até podemos publicá-los em nosso blog - já que os leitores nem sempre são comuns – mas é necessário atentarmos a dois detalhes que fazem toda a diferença:<br /> <ul> <li>nunca publicar uma cópia integral do post original; </li> <li>sempre citar e linkar o autor original; </li> </ul> Além de ser elegante, demonstra - acima de tudo - respeito ao trabalho allheio.<br /> Eu usei metablogs para exemplificar, mas a historinha se aplica a qualquer tipo de blog, seja de tutoriais, de tecnologia, de receitas, de poesias, de variedades e etc.<br /> Como eu disse no começo deste artigo, não existe um código de conduta regulamentado, mas existe um “controle social” com consequências que podem ser até piores do que um processo judicial. Reflitam e comentem.<br /> <strong>Observação importante:</strong> qualquer semelhança com casos reais, terá sido mera coincidência. Nossos personagens são realmente fictícios e ilustrativos.<br /> </span>

Citar e linkar – ética e respeito entre blogueiros

Ao contrário de outras áreas de atuação,  blogueiros não contam com um código de ética regulamentado e nem com um conselho fiscalizador. Cad...

Continue Lendo >>

Solução para as postagens duplicadas

Alguns usuários do Blogger têm se queixado de que em seus blogs aparecem postagens duplicadas, ou seja, todos os posts são publicados duas vezes.<br /> Hoje encontrei a solução no blog <a href="http://elescaparatederosa.blogspot.com/" target="_blank">El Escaparate de Rosa</a>, mas como eu sei que não é todo mundo que se sente à vontade com o espanhol, irei fazer a tradução pra vocês. <br /> Entre no painel do Blogger, acesse o link <b>design</b> e, a seguir, <b>editar HTML</b>.<br /> <span id="fullpost"> </span><br /> <span id="fullpost">Dê um Crtl+F com o teclado e procure por este trecho:</span><br /> <blockquote><span id="fullpost"><b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/></span></blockquote><span id="fullpost">Um pouco mais à frente, você vai encontrar o seguinte trecho:</span><br /> <blockquote><span id="fullpost"><b:widget id='Blog2' locked='true' title='Postagens no blog' type='Blog'/></span></blockquote><span id="fullpost">Apague-o e clique no botão visualizar. Se tiver resolvido o problema, clique em salvar.</span><br /> <span id="fullpost">Eu não pude testar a dica da Rosa, já que não enfrentei tal problema.</span><br /> <span id="fullpost">Se algum de vocês está passando por isso, por favor, dê o retorno pelos comentários.</span><br /> <span id="fullpost"><b>Fonte:</b> <a href="http://elescaparatederosa.blogspot.com/2010/08/entradas-duplicadas.html" target="_blank">El Escaparate de Rosa</a></span>

Solução para as postagens duplicadas

Alguns usuários do Blogger têm se queixado de que em seus blogs aparecem postagens duplicadas, ou seja, todos os posts são publicados duas v...

Continue Lendo >>

Template Cinema

O <b>template Cinema</b> foi feito pensando nos <b>vlogs</b> – a nova onda da web – pois não possui sidebar (barra lateral) - apenas as colunas no rodapé – o que possibilita a inserção de vídeos em tamanho grande e com boa resolução de imagem.<br /> Além de ser interessante para os vlogs, este template pode ser útil aos blogueiros que gostem de mostrar vídeos encontrados na web, aos que vendem e/ou exibem seus trabalhos ou aos que prefiram um layout limpo, livre de penduricalhos.<br /> <span id="fullpost"> </span><br /> <span id="fullpost"><img alt="Template Cinema" border="0" height="272" src="http://lh5.ggpht.com/_EttevOw0KeE/TF8rVB0ZLWI/AAAAAAAAJ8I/RNPxTaszai0/image%5B11%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Template Cinema" width="520" /></span><br /> <span id="fullpost"> <div align="center"> <a href="http://templatedbcine.blogspot.com/">Demonstração</a> – <a href="https://drive.google.com/file/d/0B7G-mAQQKCyZMVBSU1NDZk5RM0E/view?usp=sharing">Download</a> – <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt">Licença</a></div> <table cellpadding="2" cellspacing="2" style="background: none repeat scroll 0% 0% rgb(249, 240, 219); border: 3px solid rgb(254, 226, 160); text-align: left; width: 100%;"><tbody> <tr> <td valign="top" width="275"><b>RECURSOS INSTALADOS</b><br /> <ul> <li><a href="http://dicasblogger.blogspot.com/2008/02/cdigo-para-posts-relacionados.html">Posts Relacionados</a> </li> <li><a href="http://dicasblogger.blogspot.com/2008/04/retirar-navbar-do-blogger.html">Retirada da Navbar</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/jump-break-o-leia-mais-do-blogger.html">Jump break</a> </li> <li><a href="http://usuariocompulsivo.blogspot.com/2008/08/como-personalizar-o-navegador-do.html">Personalização dos ícones de navegação</a> </li> <li><a href="http://www.dicasblogger.com.br/2008/10/colocando-favicon-no-blog.html">Favicon</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/avatar-nos-comentarios-do-blogger.html">Avatar nos comentários</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/07/modelos-de-blockquotes-citacao.html">Citação em bloco personalizada</a> </li> </ul> </td> <td valign="top" width="275"><b>CARACTERÍSTICAS DO TEMPLATE</b><br /> <ul> <li>Cores e fontes personalizáveis </li> <li>Compatível com qualquer navegador que esteja devidamente atualizado. </li> <li>Área de postagem expandida </li> <li>3 blocos de widgets no rodapé </li> <li>Sem sidebar e com menu no topo </li> <li>Nome do seu blog no rodapé (auto) </li> <li>CSS otimizado </li> </ul> </td> </tr> </tbody></table> <span style="color: #ff8040; font-size: 100%;"><b>Modo de Usar</b></span><br /> <cite> </cite>A seguir, explicarei como funciona cada ítem do template. Para um melhor aproveitamento, <b>acesse os posts de referência</b>. <br /> Quando for necessário encontrar algum trecho dentro do template, vá até <b>desing > editar html</b>. Marque a caixa <b>expandir modelos de widgets</b>. Dê um<b> Crtl+F</b> em seu teclado e cole na caixa de busca do seu navegador o trecho que está buscando.<br /> <b>Instalando o Template Cinema</b><br /> Baixe o arquivo .zip, clique com o botão direito do mouse e escolha “abrir”. Dentro da pasta, você vai encontrar um arquivo chamado <b>Template Cinema.xml</b>. Se você não souber como trocar o template do seu blog, acesse:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/01/como-trocar-o-template-do-blogger.html">Como trocar o template do Blogger</a> </li> </ul> <b>Configurando a imagem do cabeçalho</b><br /> Dentro da pasta que você baixou, existem <b>2 imagens</b> em formato .png. Uma é a que aparece na demonstração do template e a outra é mais voltada aos vlogs. Abra uma delas em seu programa de edição de imagens e escreva o nome do seu blog.<br /> <table border="0" cellpadding="2" cellspacing="0" style="width: 550px;"><tbody> <tr> <td valign="top" width="275"><img alt="Imagem 1" border="0" height="69" src="http://lh5.ggpht.com/_EttevOw0KeE/TF8rV0-SRtI/AAAAAAAAJ8M/ORjE2GXGTUY/image_thumb%5B26%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Imagem 1" width="242" /></td> <td valign="top" width="275"><img alt="Imagem 2" border="0" height="69" src="http://lh6.ggpht.com/_EttevOw0KeE/TF8rWk7wI4I/AAAAAAAAJ8Q/AePr9mN4CdI/image_thumb%5B28%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Imagem 2" width="242" /></td> </tr> </tbody></table> Se você preferir criar a sua própria imagem, a largura do cabeçalho é de 900px<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/07/imagem-para-o-cabecalho-do-blogger.html">Imagem para o cabeçalho do Blogger com Photoshop</a> </li> </ul> A fonte utilizada na imagem 1 é a <a href="http://www.sofontes.com.br/Forte/download/10327" target="_blank">forte</a> e na imagem 2 é a <a href="http://www.urbanfonts.com/fonts/Brushed.htm" target="_blank">brushed</a>.<br /> <b>Colocando links na linkbar</b><br /> Para colocar links no <b>menu</b> que fica acima do cabeçalho - acesse:<br /> <ul> <li><a href="http://dicasblogger.blogspot.com/2009/01/como-inserir-links-na-linkbar.html">Como inserir links na linkbar</a> </li> </ul> <b>Usando o resumo de postagens</b><br /> No Template Cinema, instalei o jump break do Blogger. Saiba como usar:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/11/como-colocar-o-leia-mais-no-blogger.html">Dicas Blogger: Como colocar o hack “Leia Mais” no Blogger</a> </li> </ul> <b>Alterando o favicon</b><br /> Favicon é aquele pequeno ícone que aparece no navegador, ao lado do endereço do blog. O <b>Template Cinema</b> já vem com o favicon instalado. Caso queira modificar, procure pelo trecho abaixo no html do template e substitua todas as urls:<br /> <blockquote> <div align="left"> <span style="font-size: 78%;">]]></b:skin> </span></div> <div align="left"> <span style="font-size: 78%;"><link href='</span><a href="http://lh4.ggpht.com/_mcq01yDJ2uY/TF8hCqGGu-I/AAAAAAAAC7M/2zqr6jmvv2U/favicon.png%27"><span style="font-size: 78%;">http://lh4.ggpht.com/_mcq01yDJ2uY/TF8hCqGGu-I/AAAAAAAAC7M/2zqr6jmvv2U/favicon.png'</span></a><span style="font-size: 78%;"> rel='shortcut icon'/> </span></div> <div align="left"> <span style="font-size: 78%;"><link href='</span><a href="http://lh4.ggpht.com/_mcq01yDJ2uY/TF8hCqGGu-I/AAAAAAAAC7M/2zqr6jmvv2U/favicon.png%27"><span style="font-size: 78%;">http://lh4.ggpht.com/_mcq01yDJ2uY/TF8hCqGGu-I/AAAAAAAAC7M/2zqr6jmvv2U/favicon.png'</span></a><span style="font-size: 78%;"> rel='apple-touch-icon'/> </span></div> <div align="left"> <span style="font-size: 78%;"><link href='</span><a href="http://lh4.ggpht.com/_mcq01yDJ2uY/TF8hCqGGu-I/AAAAAAAAC7M/2zqr6jmvv2U/favicon.png%27"><span style="font-size: 78%;">http://lh4.ggpht.com/_mcq01yDJ2uY/TF8hCqGGu-I/AAAAAAAAC7M/2zqr6jmvv2U/favicon.png'</span></a><span style="font-size: 78%;"> rel='shortcut icon' type='image/x-icon'/></span></div> </blockquote> <b>Como alterar a cor dos links do rodapé</b><br /> Os links do rodapé estão na cor azul. Para alterar a cor, encontre este trecho:<br /> <blockquote> <div align="left"> <span style="font-size: 78%;">#creditleft a,.creditleft a:hover,.creditleft a:visited,#creditright a,.creditright a:hover,.creditright a:visited { <br />color: #<span style="color: red;">0f5cbb</span>; <br />text-decoration:none; <br />}</span></div> </blockquote> Mude a parte que está em vermelho. Veja uma tabela de cores <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm">neste link</a>.<br /> <b>Icones para redes sociais</b><br /> Caso você queira usar os ícones que aparecem na demonstração do template, copie o código abaixo e cole no gadget HTML/javascript dos elementos de página.<br /> <blockquote> <div align="left"> <span style="font-size: 78%;"><table style="text-align: left; width: 150px;" border="0" <br />cellpadding="0" cellspacing="0"> <br /><tbody> <br /> <tr> <br /> <td style="text-align: left;"><a <br />href=mailto:<b>ENDEREÇO DE EMAIL</b>><img <br />style="border: 0px solid ; width: 32px; height: 32px;" alt="" <br />title="Contato" <br />src="</span><a href="http://lh4.ggpht.com/_mcq01yDJ2uY/Sx_NkkqinjI/AAAAAAAABHU/Rur7RwxSxDc/email-32x32.png%22"><span style="font-size: 78%;">http://lh4.ggpht.com/_mcq01yDJ2uY/Sx_NkkqinjI/AAAAAAAABHU/Rur7RwxSxDc/email-32x32.png"</span></a><span style="font-size: 78%;"> /></img <br />></a <br />></td> <br /> <td style="text-align: left;" valign="undefined"><a <br />href="<b>ENDEREÇO DO FEED</b>"><img <br />style="border: 0px solid ; width: 32px; height: 32px;" alt="" <br />src="</span><a href="http://lh3.ggpht.com/_mcq01yDJ2uY/Sx_NlEX7DFI/AAAAAAAABHc/A_yeYFAVdrs/feed-32x32.png%22"><span style="font-size: 78%;">http://lh3.ggpht.com/_mcq01yDJ2uY/Sx_NlEX7DFI/AAAAAAAABHc/A_yeYFAVdrs/feed-32x32.png"</span></a> <br /><span style="font-size: 78%;">title="Feeds" /></img <br />></a <br />></td> <br /> <td style="text-align: left;" valign="undefined"><a <br />href="<b>ENDEREÇO DO PERFIL FACEBOOK</b>"><img <br />style="border: 0px solid ; width: 32px; height: 32px;" alt="" <br />src="</span><a href="http://lh5.ggpht.com/_mcq01yDJ2uY/Sx_Nk3Va44I/AAAAAAAABHY/Bk5e6uCxql8/facebook-32x32.png%22"><span style="font-size: 78%;">http://lh5.ggpht.com/_mcq01yDJ2uY/Sx_Nk3Va44I/AAAAAAAABHY/Bk5e6uCxql8/facebook-32x32.png"</span></a> <br /><span style="font-size: 78%;">title="Facebook" /></img <br />></a <br />></td> <br /> <td style="text-align: left;" valign="undefined"><a <br />href="<b>ENDEREÇO PERFIL ORKUT</b>"><img <br />style="border: 0px solid ; width: 32px; height: 32px;" alt="" <br />src="</span><a href="http://lh6.ggpht.com/_mcq01yDJ2uY/Sx_NlCwaSAI/AAAAAAAABHg/-jmESVlNpuw/orkut-32x32.png%22"><span style="font-size: 78%;">http://lh6.ggpht.com/_mcq01yDJ2uY/Sx_NlCwaSAI/AAAAAAAABHg/-jmESVlNpuw/orkut-32x32.png"</span></a> <br /><span style="font-size: 78%;">title="Orkut" /></img <br />></a <br />></td> <br /> <td style="text-align: left;"><a <br />href="<b>ENDEREÇO PERFIL TWITTER</b>"><img <br />style="border: 0px solid ; width: 32px; height: 32px;" alt="" <br />src="</span><a href="http://lh4.ggpht.com/_mcq01yDJ2uY/Sx_NlotqK6I/AAAAAAAABHk/XEyAjirvcn0/twitter-32x32.png%22"><span style="font-size: 78%;">http://lh4.ggpht.com/_mcq01yDJ2uY/Sx_NlotqK6I/AAAAAAAABHk/XEyAjirvcn0/twitter-32x32.png"</span></a> <br /><span style="font-size: 78%;">title="Twitter" /></img <br />></a <br />></td> <br /> <td><a href="<b>ENDEREÇO PERFIL YOUTUBE</b>"><img <br />style="border: 0px solid ; width: 32px; height: 32px;" <br />alt="YouTube" title="YouTube" <br />src="</span><a href="http://lh4.ggpht.com/_mcq01yDJ2uY/S6JtAbXQ4JI/AAAAAAAACOY/DaiSgBRc8sU/youtube-32x32.png%22"><span style="font-size: 78%;">http://lh4.ggpht.com/_mcq01yDJ2uY/S6JtAbXQ4JI/AAAAAAAACOY/DaiSgBRc8sU/youtube-32x32.png"</span></a><span style="font-size: 78%;"> /></img <br />></a></td> <br /> </tr> <br /></tbody> <br /></table></span></div> </blockquote> <b>Postando vídeos</b><br /> Para que o vídeo ocupe toda a área de postagem, use o tamanho de 800x625<br /> <a href="http://lh4.ggpht.com/_EttevOw0KeE/TF83MBXwlVI/AAAAAAAAJ8U/-b3Tl7bTqlY/s1600-h/image%5B8%5D.png"><img alt="YouTube" border="0" height="142" src="http://lh5.ggpht.com/_EttevOw0KeE/TF83NfZs9QI/AAAAAAAAJ8Y/lWazvh59tiM/image_thumb%5B9%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="YouTube" width="502" /></a> <br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/01/colocar-video-youtube-blogger.html">Como colocar videos do YouTube no Blogger</a> </li> </ul> <b>Alterando as fontes e as cores</b><br /> Todas as fontes e todas cores do template podem ser alteradas através do painel do Blogger. Entre em <b>designer do modelo</b> e procure pela opção <b>avançado</b><br /> <img alt="Fontes e Cores" border="0" height="138" src="http://lh4.ggpht.com/_EttevOw0KeE/TFGg-yPXgmI/AAAAAAAAJ6Q/7MNKn5w8_d4/image8_thumb%5B2%5D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="Fontes e Cores" width="502" /><br /> <b>ATENÇÃO:</b><br /> Se você estava usando um dos novos modelos do Blogger (designer do modelo), será necessário instalar antes o Template Mínima para retirar o gadget atribuition.<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/06/voltar-usar-antigos-templates-blogger.html">Como voltar a usar os antigos templates do Blogger</a> </li> </ul> IMPORTANTE! Caso você queira realizar outras mudanças na estrutura do template, que não estejam descritas neste tutorial, pesquise como fazer. Não irei responder a este tipo de pergunta nem pelos comentários e nem por email.<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/01/ajuda-blogger-blogspot.html">Ajuda Blogger Blogspot</a> </li> <li><a href="http://www.google.com.br/webhp?hl=pt-BR">Google - buscador</a> </li> </ul> Saiba mais sobre a utilização de nossos templates gratuitos, acessando: <br /> <ul> <li><a href="http://www.dicasblogger.com.br/p/termos-e-condicoes-de-uso.html">Termos de Uso do Dicas Blogger</a> </li> </ul> ©Template by <a href="http://www.dicasblogger.com.br/">Dicas Blogger</a> – alguns direitos reservados. Não retire os créditos.<br /> </span>

Template Cinema

O template Cinema foi feito pensando nos vlogs – a nova onda da web – pois não possui sidebar (barra lateral) - apenas as colunas no rodap...

Continue Lendo >>

Template Blogger Writer

A reedição de hoje é do <b>Template Blogger Writer</b>, cuja principal característica é ter uma sidebar de cada lado, só que de tamanhos diferentes – o que é muito bom para monetização através de anúncios posicionados à esquerda.<br /> <span id="fullpost"> </span><br /> <div align="center"> <span id="fullpost"><img alt="Blogger Writer" border="0" height="330" src="http://lh4.ggpht.com/_EttevOw0KeE/TF358nq8JQI/AAAAAAAAJ70/RRzsaLuYGGU/image%5B13%5D.png?imgmax=800" style="border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;" title="Blogger Writer" width="520" /> <a href="http://templatebloggerwriter.blogspot.com/" target="_blank">Demonstração</a> – <a href="https://drive.google.com/file/d/0B7G-mAQQKCyZbVhoUkVtRHZrWmM/view?usp=sharing" target="_blank">Download</a> – <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt">Licença</a></span></div> <span id="fullpost"> <table cellpadding="2" cellspacing="2" style="background: none repeat scroll 0% 0% rgb(249, 240, 219); border: 3px solid rgb(254, 226, 160); text-align: left; width: 100%;"><tbody> <tr> <td valign="top" width="275"><b>RECURSOS INSTALADOS</b> <br /> <ul> <li><a href="http://dicasblogger.blogspot.com/2008/02/cdigo-para-posts-relacionados.html">Posts Relacionados</a> </li> <li><a href="http://dicasblogger.blogspot.com/2008/04/retirar-navbar-do-blogger.html">Retirada da Navbar</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/11/como-colocar-o-leia-mais-no-blogger.html">Hack Leia Mais</a> e <a href="http://www.dicasblogger.com.br/2009/09/jump-break-o-leia-mais-do-blogger.html">jump break</a> </li> <li><a href="http://usuariocompulsivo.blogspot.com/2008/08/como-personalizar-o-navegador-do.html">Personalização dos ícones de navegação</a> </li> <li><a href="http://www.dicasblogger.com.br/2008/10/colocando-favicon-no-blog.html" target="_blank">Favicon</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/avatar-nos-comentarios-do-blogger.html">Avatar nos comentários</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/07/modelos-de-blockquotes-citacao.html">Citação em bloco personalizada</a> </li> </ul> </td> <td valign="top" width="275"><b>CARACTERÍSTICAS DO TEMPLATE</b> <br /> <ul> <li>Cores e fontes personalizáveis </li> <li>Compatível com qualquer navegador que esteja devidamente atualizado. </li> <li>2 colunas à direita </li> <li>3 blocos de widgets no rodapé </li> <li>Diversos hacks instalados </li> <li>Nome do seu blog no rodapé (auto) </li> <li>CSS otimizado </li> </ul> </td> </tr> </tbody></table> <b>Introdução</b><br /> <cite> </cite>A seguir, explicarei como funciona cada ítem do template. Para um melhor aproveitamento, <b>acesse os posts de referência</b>. <br /> Quando for necessário encontrar algum trecho dentro do template, vá até <b>desing > editar html</b>. Marque a caixa <b>expandir modelos de widgets</b>. Dê um<b> Crtl+F</b> em seu teclado e cole na caixa de busca do seu navegador o trecho que está buscando.<br /> <b></b><br /> <b>Instalando o template em seu blog</b><br /> Baixe o arquivo .zip, clique com o botão direito do mouse e escolha abrir. Dentro da pasta, você vai encontrar um arquivo chamado Template Writer.xml. Se você não souber como trocar o template do seu blog, acesse:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/01/como-trocar-o-template-do-blogger.html">Como trocar o template do Blogger</a> </li> </ul> <b>Configurando a imagem do cabeçalho</b><br /> Dentro da pasta que você baixou, tem a imagem do cabeçalho em formato .psd – própria para Photoshop – no tamanho 970 x 150 px. Escreva o nome do seu blog dentro desta imagem. Se você não sabe como usar o Photoshop, acesse:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/07/imagem-para-o-cabecalho-do-blogger.html">Imagem para o cabeçalho do Blogger com Photoshop</a> </li> </ul> A fonte que utlizei pra fazer o cabeçalho do Writer chama-se <a href="http://www.sofontes.com.br/Palace-Script-MT/download/18946" target="_blank">Palace Scripts</a> <br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/08/instalando-fontes-no-photoshop.html">Instalando novas fontes no Photoshop</a> </li> </ul> <b>Mudando o background (plano de fundo)</b><br /> Você pode trocar, facilmente, a imagem que compõe o fundo deste template. Procure pelo trecho abaixo e substitua a url do atual background pela url de outro de sua preferência (Sugestão de backgrounds: <a href="http://www.backgroundlabs.com/">Background Labs</a>).<br /> <blockquote> <div align="left"> <span style="font-size: 78%;">body { <br />text-align:center; <br />color:$textColor; <br />background:#303030 url(</span><span style="font-size: 78%;">URL DO NOVO BACKGROUND)</span><span style="font-size: 78%;"> repeat top left;</span></div> </blockquote> <ul> <li><a href="http://www.dicasblogger.com.br/2010/07/mudar-background-plano-de-fundo-blogger.html">Como mudar o background nos templates do Blogger</a> </li> </ul> <b>Colocando links na linkbar</b><br /> Para colocar links no <b>menu</b> linkbar - que fica embaixo do cabeçalho - acesse:<br /> <ul> <li><a href="http://dicasblogger.blogspot.com/2009/01/como-inserir-links-na-linkbar.html">Como inserir links na linkbar</a> </li> </ul> <b>Usando o resumo de postagens</b><br /> No Template Writer, instalei o jump break do Blogger e o “hack leia mais” com corte manual, assim, quem já usava um dos dois não vai perder as configurações anteriores<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/11/como-colocar-o-leia-mais-no-blogger.html">Dicas Blogger: Como colocar o hack “Leia Mais” no Blogger</a> </li> </ul> <b>Como alterar a cor dos links do rodapé</b><br /> Os links do rodapé estão na cor amarela. Para alterar a cor, encontre este trecho:<br /> <blockquote> <div align="left"> <span style="font-size: 78%;">#creditleft a,.creditleft a:hover,.creditleft a:visited,#creditright a,.creditright a:hover,.creditright a:visited { <br />color: #<span style="color: red;">ccc</span>; <br />text-decoration:none; <br />}</span></div> </blockquote> Mude a parte que está em vermelho. Veja uma tabela de cores <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm">neste link</a>.<br /> <b>Alterando o favicon</b><br /> Favicon é aquele pequeno ícone que aparece no navegador, ao lado do endereço do blog. O <b>Template Writer</b> já vem com um favicon instalado. Caso queira mudá-lo, procure pelo trecho abaixo e substitua o endereço da imagem (em azul)<br /> <blockquote> <div align="left"> <span style="font-size: 78%;">]]></b:skin> </span></div> <div align="left"> <span style="font-size: 78%;"><link href='</span><a href="http://lh5.ggpht.com/_mcq01yDJ2uY/TF3q55WsE7I/AAAAAAAAC0s/maosPKbgQqE/old_openofficeorg_writer.png%27"><span style="font-size: 78%;">http://lh5.ggpht.com/_mcq01yDJ2uY/TF3q55WsE7I/AAAAAAAAC0s/maosPKbgQqE/old_openofficeorg_writer.png'</span></a><span style="font-size: 78%;"> rel='shortcut icon'/> </span></div> <div align="left"> <span style="font-size: 78%;"><link href='</span><a href="http://lh5.ggpht.com/_mcq01yDJ2uY/TF3q55WsE7I/AAAAAAAAC0s/maosPKbgQqE/old_openofficeorg_writer.png%27"><span style="font-size: 78%;">http://lh5.ggpht.com/_mcq01yDJ2uY/TF3q55WsE7I/AAAAAAAAC0s/maosPKbgQqE/old_openofficeorg_writer.png'</span></a><span style="font-size: 78%;"> rel='apple-touch-icon'/> </span></div> <div align="left"> <span style="font-size: 78%;"><link href='</span><a href="http://lh5.ggpht.com/_mcq01yDJ2uY/TF3q55WsE7I/AAAAAAAAC0s/maosPKbgQqE/old_openofficeorg_writer.png%27"><span style="font-size: 78%;">http://lh5.ggpht.com/_mcq01yDJ2uY/TF3q55WsE7I/AAAAAAAAC0s/maosPKbgQqE/old_openofficeorg_writer.png'</span></a><span style="font-size: 78%;"> rel='shortcut icon' type='image/x-icon'/></span></div> </blockquote> <b>Alterando as fontes e as cores</b><br /> Todas as fontes e todas cores do template podem ser alteradas através do painel do Blogger. Entre em <b>designer do modelo</b> e procure pela opção <b>avançado</b><br /> <a href="http://lh3.ggpht.com/_EttevOw0KeE/TFGg98KGKuI/AAAAAAAAJ6M/Txc2g5u2KOs/s1600-h/image8%5B2%5D.png"><img alt="Fontes e Cores" border="0" height="138" src="http://lh4.ggpht.com/_EttevOw0KeE/TFGg-yPXgmI/AAAAAAAAJ6Q/7MNKn5w8_d4/image8_thumb%5B2%5D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="Fontes e Cores" width="502" /></a><br /> <b>Ícones para redes sociais</b><br /> Se você quiser usar os ícones do <b>Twitter</b>, <b>Facebook</b> e <b>Feeds</b>, que coloquei na sidebar da esquerda, cole o código abaixo em seu blog - no gadget HTML/javascript – colocando, respectivamente, as URLs de cada um. <br /> <blockquote> <div align="left"> <span style="font-size: 78%;"><table style="text-align: left; width: 100%;" border="0" <br />cellpadding="1" cellspacing="1"> <br /><tbody> <br /> <tr> <br /> <td><a href="</span><span style="font-size: 78%;">URL DO TWITTER"</span><span style="font-size: 78%;">><img <br />style="border: 0px solid ; width: 120px; height: 120px;" alt="" <br />src="</span><a href="http://lh3.ggpht.com/_mcq01yDJ2uY/TF3lBbxkQGI/AAAAAAAAC0c/pLIqbnUCw_M/twitter.png%22"><span style="font-size: 78%;">http://lh3.ggpht.com/_mcq01yDJ2uY/TF3lBbxkQGI/AAAAAAAAC0c/pLIqbnUCw_M/twitter.png"</span></a><span style="font-size: 78%;"> /></img <br />></a></td> <br /> </tr> <br /> <tr> <br /> <td align="undefined" valign="undefined"><a <br />href="URL DO FEED"><img <br />style="border: 0px solid ; width: 120px; height: 120px;" alt="" <br />src="</span><a href="http://lh3.ggpht.com/_mcq01yDJ2uY/TF3lBTZQtYI/AAAAAAAAC0g/vqUJ_WpiIAQ/rss.png%22"><span style="font-size: 78%;">http://lh3.ggpht.com/_mcq01yDJ2uY/TF3lBTZQtYI/AAAAAAAAC0g/vqUJ_WpiIAQ/rss.png"</span></a><span style="font-size: 78%;"> /></img <br />></a <br />></td> <br /> </tr> <br /> <tr> <br /> <td align="undefined" valign="undefined"><a <br />href="URL DO FACEBOOK"><img <br />style="border: 0px solid ; width: 128px; height: 128px;" alt="" <br />src="</span><a href="http://lh4.ggpht.com/_mcq01yDJ2uY/TF3lBnqE-mI/AAAAAAAAC0k/tAmb4qZI42o/facebook.png%22"><span style="font-size: 78%;">http://lh4.ggpht.com/_mcq01yDJ2uY/TF3lBnqE-mI/AAAAAAAAC0k/tAmb4qZI42o/facebook.png"</span></a><span style="font-size: 78%;"> /></img <br />></a <br />></td> <br /> </tr> <br /></tbody> <br /></table></span></div> </blockquote> <b>ATENÇÃO:</b><br /> Se você estava usando um dos novos modelos do Blogger (designer do modelo), será necessário instalar antes o Template Mínima para retirar o gadget atribuition.<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/06/voltar-usar-antigos-templates-blogger.html">Como voltar a usar os antigos templates do Blogger</a> </li> </ul> Caso você queira realizar outras alterações na estrutura do template, tais como adicionar ou retirar sidebar ou mesmo instalar outros hacks, <a href="http://www.google.com.br/">pesquise</a> como fazer. <br /> Saiba mais sobre a utilização de nossos templates gratuitos, acessando: <br /> <ul> <li><a href="http://www.dicasblogger.com.br/p/termos-e-condicoes-de-uso.html">Termos de Uso do Dicas Blogger</a> </li> </ul> ©Template by <a href="http://www.dicasblogger.com.br/">Dicas Blogger</a> – alguns direitos reservados. Não retire os créditos.<br /> </span>

Template Blogger Writer

A reedição de hoje é do Template Blogger Writer , cuja principal característica é ter uma sidebar de cada lado, só que de tamanhos diferente...

Continue Lendo >>

Como criar um subdomínio para o seu blog

<p>Como vocês já devem ter reparado, estou revendo todos os meus antigos templates, já que a maioria deles estava com o código obsoleto, pois muita coisa mudou no Blogger desde que passei a oferecer template gratuitos para download.</p> <p>A fim de manter os templates mais organizados e de fácil acesso, criei um <strong>subdomínio</strong> para o Dicas Blogger - <strong>www.templates.dicasblogger.com.br</strong></p> <span id="fullpost"> <p><a href="http://www.templates.dicasblogger.com.br/" target="_blank"><img alt="Clique Aqui!" border="0" height="111" src="http://lh4.ggpht.com/_EttevOw0KeE/TFrx3nLHCyI/AAAAAAAAJ7E/mk6lR_On4aM/header8%5B1%5D%5B7%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Clique Aqui!" width="389" /></a></p> <p><strong>Subdomínios</strong> são ramificações de um domínio principal. No caso do Dicas Blogger, o domínio principal é <strong>dicasblogger.com.br</strong> e o subdomínio do <strong>DB Templates</strong> é<strong> <span style="color:#ff8040;">templates</span>.dicasblogger.com.br.</strong></p> <p>Em determinados casos, um subdomínio chega a ser mais útil do que as páginas estáticas, pois nelas só cabe 1 post por página, enquanto no subdomínio cabem quantos posts forem necessários, pois ele é um blog acessório do blog principal.</p> <p>Parece complicado, mas não é. Vejam mais alguns exemplos:</p> <blockquote> <p align="center"><a title="http://www.blogcast.ferramentasblog.com/" href="http://www.blogcast.ferramentasblog.com/">http://www.blogcast.ferramentasblog.com/</a></p> </blockquote> <p align="left">Este é o subdomínio do BlogCast – o podcast do Ferramentas Blog – onde vemos o domínio principal <strong>ferramentasblog.com</strong> e o subdomínio <strong>blogcast.</strong></p> <p align="left">Já o compulsivo fez um subdomínio para colocar todos os seus posts sobre o Blogger</p> <blockquote> <p align="center"><a title="http://blogger.compulsivo.com.br/" href="http://blogger.compulsivo.com.br/">http://blogger.compulsivo.com.br/</a></p> </blockquote> <p>Você pode usar o subdomínio da forma de achar melhor.</p> <p>Vou explicar como criar um <strong>subdomínio</strong> utilizando o painel do <strong>Uol Host</strong> – que é onde o domínio do Dicas Blogger encontra-se registrado, mas acredito que os demais serviços de hospedagem sejam semelhantes, daí é só adaptar o tutorial.</p> <p> </p> <p><strong>ATENÇÃO!</strong> Este procedimento só funciona em blogs que já possuem um domínio personalizado, ou seja, que não mais utilizam o “blogspot.com”</p> <ul> <li><a href="http://www.dicasblogger.com.br/2009/06/como-registrar-dominio-uol-host.html">Como registrar e configurar um domínio no Uol Host</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/05/como-mudar-o-endereco-do-blogspot.html">Como mudar o endereço do Blogspot</a> </li> </ul> <p><strong><span style="font-size:100%;color:#ff8040;">Como criar o subdomínio</span></strong></p> <p>Vamos simular a criação do subdomínio <strong>produtos.dicasblogger.com.br</strong></p> <p> </p> <ol> <li>Faça o login no Uol Host </li> <li>Clique em <strong>VER MEUS DOMÍNIOS / MUDAR AUTORIDADE DNS </strong></li> <li>Em <strong>todos os meus domínios</strong> , procure pelo domínio onde será criado o subdomínio </li> <li>Marque a caixa que fica à esquerda </li> <li>No alto, à direita, escolha a opção <strong>gerenciar zona DNS</strong> </li> <li>Escolha novamente o domínio </li> <li>No menu <strong>mais ações</strong>, escolha <strong>gerenciar DNS.</strong> </li> </ol> <p>Crie uma entrada do tipo CNAME da seguinte forma:</p> <blockquote> <p><strong>Tipo:</strong> CNAME <br /><strong>Entrada:</strong> escreva o nome do subdomínio sem o www <br /><strong>Valor:</strong> ghs.google.com</p> <p><a href="http://lh4.ggpht.com/_EttevOw0KeE/TFrx4croFwI/AAAAAAAAJ7I/dRgp9GOz7ag/s1600-h/subdominio%5B9%5D.jpg"><img alt="subdominio sem www" border="0" height="115" src="http://lh3.ggpht.com/_EttevOw0KeE/TFrx5WE7TUI/AAAAAAAAJ7M/fbUM8M3_xTI/subdominio_thumb%5B7%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="subdominio sem www" width="384" /></a> </p> </blockquote> <p>Repita o processo, mas agora com o www:</p> <blockquote> <p><strong>Tipo:</strong> CNAME <br /><strong>Entrada:</strong> escreva o nome do subdomínio com o www <br /><strong>Valor:</strong> ghs.google.com</p> <p><a href="http://lh3.ggpht.com/_EttevOw0KeE/TFrx5_91zmI/AAAAAAAAJ7Q/DxG3ykXl5Dc/s1600-h/sub2%5B7%5D.jpg"><img alt="subdomínio com www" border="0" height="108" src="http://lh3.ggpht.com/_EttevOw0KeE/TFrx6oniClI/AAAAAAAAJ7U/CRtdUXow0fI/sub2_thumb%5B5%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="subdomínio com www" width="379" /></a> </p> </blockquote> <p></p> <p>Nos dois casos será preciso clicar no <strong>botão criar</strong>.</p> <p><span style="font-size:100%;color:#ff8040;"><strong>Como configurar o subdomínio no Blogger</strong></span></p> <p>Agora crie um novo blog no Blogger e configure o subdomínio da mesma forma que você fez quando colocou o domínio principal:</p> <blockquote> <p>Vá no <strong>painel do Blogger</strong> e clique em <strong>configurações</strong>. Na aba <strong>publicação, </strong>escolha <strong>alterar para domínio personalizado</strong>. Coloque seu novo domínio no campo indicado e salve. Depois marque a caixa de redirecionamento e salve novamente.</p> <p><a href="http://lh4.ggpht.com/_EttevOw0KeE/TFrx73mmSRI/AAAAAAAAJ7Y/5_PbUjRva3U/s1600-h/Sem%20T%C3%ADtulo-1%5B7%5D.jpg"><img alt="Configurando o subdomínio no Blogger" border="0" height="200" src="http://lh4.ggpht.com/_EttevOw0KeE/TFrx81SOgrI/AAAAAAAAJ7c/bj6yX5qnFZY/Sem%20T%C3%ADtulo-1_thumb%5B5%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="Configurando o subdomínio no Blogger" width="502" /></a> </p> </blockquote> <p>Ei,trolls! Eu não vou usar o subdomínio, então não percam tempo sequestrando-o :P</p> <p>Eu aprendi a configurar o subdomínio no excelente <a href="http://www.bloggersphera.com.br/2010/05/criar-subdominio-para-seu-blog.html" target="_blank">BloggerSphera</a> da Rô Zanqueta.</p> <p></p> <span style="font-size:100%;color:#ff8040;"><strong>Como acompanhar as estatísticas do subdomínio</strong></span> <p>O Google Analytics oferece duas opções de configuração para acompanhamento de subdomínios. Acesse o artigo abaixo e escolha a que for melhor para você:</p> <ul> <li><a href="http://www.google.com/support/analytics/bin/answer.py?hl=br&answer=55525" target="_blank">Como acompanhar todos os subdomínios de meu site em perfis separados?</a> </li> </ul> <p>Quanto ao <a href="http://getclicky.com/152659" target="_blank">GetClicky</a>, eu optei por inserir o mesmo código no domínio e no subdomínio, já que na prática o subdomínio faz parte do Dicas Blogger. Assim o DB templates aparece como uma página interna do Dicas Blogger.</p> </span>

Como criar um subdomínio para o seu blog

Como vocês já devem ter reparado, estou revendo todos os meus antigos templates, já que a maioria deles estava com o código obsoleto, pois m...

Continue Lendo >>

Template Flowers

Lembram do <b>Template Flowers</b>? Então, esta é a nova versão dele, voltada especialmente para as meninas. Ele é todo …digamos… cuti-cuti:)<br /> Antes de mais nada, gostaria de explicar porque eu nunca havia feito um layout assim. É que eu acho que quanto mais simples for um template, mas fácil também será usá-lo e modificá-lo. Meus templates sempre foram voltados aos iniciantes e com cores personalizáveis, para que o usuário possa soltar sua própria imaginação.<br /> Agora resolvi inovar um pouco, colocando background personalizado dentro das postagens e no rodapé. Mas vale lembrar que imagens demais dentro de uma página web, deixa-a carregada e lenta para abrir, então eu inovei, pero no mucho :) <br /> <span id="fullpost"> </span><br /> <span id="fullpost"><img alt="Template Flowers" border="0" height="272" src="http://lh5.ggpht.com/_EttevOw0KeE/TFiUrDl0qbI/AAAAAAAAJ6E/aeowfAWS108/image%5B12%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Template Flowers" width="520" /> </span><br /> <span id="fullpost"> </span><br /> <div align="center"> <span id="fullpost"><a href="http://tempflowers.blogspot.com/" target="_blank">Demonstração</a> – <a href="https://drive.google.com/file/d/0B7G-mAQQKCyZMnZELUtlbWxCQTQ/view?usp=sharing" target="_blank">Download</a> – <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt" target="_blank">Licença</a></span></div> <span id="fullpost"> <div align="center"> Por favor, não retire os créditos</div> <b></b><br /> <table cellpadding="2" cellspacing="2" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: #eeeeee; background-image: none; background-position: 0% 0%; background-repeat: repeat; border: 3px solid rgb(204, 204, 204); text-align: left; width: 100%;"><tbody> <tr> <td valign="top" width="275"><b>RECURSOS INSTALADOS</b> <br /> <ul> <li><a href="http://dicasblogger.blogspot.com/2008/02/cdigo-para-posts-relacionados.html">Posts Relacionados</a> </li> <li><a href="http://dicasblogger.blogspot.com/2008/04/retirar-navbar-do-blogger.html">Retirada da Navbar</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/11/como-colocar-o-leia-mais-no-blogger.html">Hack Leia Mais</a> e <a href="http://www.dicasblogger.com.br/2009/09/jump-break-o-leia-mais-do-blogger.html">jump break</a> </li> <li><a href="http://www.ferramentasblog.com/2010/06/share-buttons-do-blogger-oficialmente.html">Share Buttons oficial</a> dentro do post </li> <li><a href="http://usuariocompulsivo.blogspot.com/2008/08/como-personalizar-o-navegador-do.html">Personalização dos ícones de navegação</a> </li> <li><a href="http://www.dicasblogger.com.br/2008/10/colocando-favicon-no-blog.html" target="_blank">Favicon</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/09/avatar-nos-comentarios-do-blogger.html">Avatar nos comentários</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/07/modelos-de-blockquotes-citacao.html">Citação em bloco personalizada</a> </li> </ul> </td> <td valign="top" width="275"><b>CARACTERÍSTICAS DO TEMPLATE</b> <br /> <ul> <li>Cores e fontes personalizáveis </li> <li>Compatível com qualquer navegador que esteja devidamente atualizado. </li> <li>4 colunas à direita </li> <li>3 blocos de widgets no rodapé </li> <li>Diversos hacks instalados </li> <li>Nome do seu blog no rodapé (auto) </li> <li>CSS otimizado </li> <li>ícones para redes sociais </li> <li>Background nos posts e no rodapé </li> </ul> </td> </tr> </tbody></table> <div align="left"> <b><span style="color: #ff8040; font-size: 100%;"><span style="font-size: 100%;">Modo de Usar</span></span></b> </div> <div align="justify"> A seguir, explicarei como funciona cada ítem do template. Para um melhor aproveitamento, <b>acesse os posts de referência</b>. </div> <div align="justify"> Quando for necessário encontrar algum trecho dentro do template, vá até <b>desing > editar html</b>. Marque a caixa <b>expandir modelos de widgets</b>. Dê um<b> Crtl+F</b> em seu teclado e cole na caixa de busca do seu navegador o trecho que está buscando.</div> <div align="left"> <b>Instalando o template em seu blog</b></div> <div align="left"> Baixe o arquivo .zip, clique com o botão direito do mouse e escolha abrir. Dentro da pasta, você vai encontrar um arquivo chamado <b>Template Flowers.xml</b>. Se você não sabe como trocar o template do seu blog, acesse:</div> <ul> <li><a href="http://www.dicasblogger.com.br/2009/01/como-trocar-o-template-do-blogger.html">Como trocar o template do Blogger</a> </li> </ul> <b>Configurando a imagem do cabeçalho</b><br /> Dentro da pasta que você baixou, tem a imagem do cabeçalho em formato .psd – própria para Photoshop – no tamanho 970 x 150 px. Basta fazer as modificações de acordo com suas necessidades. Se você não sabe usar o Photoshop:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/07/imagem-para-o-cabecalho-do-blogger.html">Imagem para o cabeçalho do Blogger com Photoshop</a> </li> </ul> <b>Usando o resumo de postagens</b><br /> No Template Flowers, instalei o jump break do Blogger e o “hack leia mais” com corte manual, assim, quem já usava um dos dois não vai perder as configurações anteriores<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/11/como-colocar-o-leia-mais-no-blogger.html">Dicas Blogger: Como colocar o hack “Leia Mais” no Blogger</a> </li> </ul> <b>Colocando links na linkbar</b><br /> Para colocar links no <b>menu</b> linkbar - que fica embaixo do cabeçalho - acesse:<br /> <ul> <li><a href="http://dicasblogger.blogspot.com/2009/01/como-inserir-links-na-linkbar.html">Como inserir links na linkbar</a> </li> </ul> <b>Backup de Imagens</b><br /> É altamente recomendável que você hosperede no Picasa a imagem do background:<br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/07/como-hospedar-imagens-no-picasa.html">Como hospedar imagens no Picasa</a> </li> <li><a href="http://www.dicasblogger.com.br/2008/09/backup-no-picasa-de-imagens-contidas.html">Backup no Picasa de imagens contidas nos templates</a> </li> </ul> <b>Alterando o favicon</b><br /> Favicon é aquele pequeno ícone que aparece no navegador, ao lado do endereço do blog. O Template Flowers já vem com um favicon instalado. caso queira mudá-lo, procure pelo trecho abaixo e substitua o endereço da imagem (em azul)<br /> <blockquote> <div align="left"> <span style="font-size: 78%;">]]></b:skin> </span></div> <div align="left"> <span style="font-size: 78%;"><link href='</span><a href="http://lh6.ggpht.com/_mcq01yDJ2uY/TFiN8jk3A2I/AAAAAAAACuQ/dkJLs3hEq2s/yelp_webtreats.png%27"><span style="font-size: 78%;">http://lh6.ggpht.com/_mcq01yDJ2uY/TFiN8jk3A2I/AAAAAAAACuQ/dkJLs3hEq2s/yelp_webtreats.png'</span></a><span style="font-size: 78%;"> rel='shortcut icon'/> </span></div> <div align="left"> <span style="font-size: 78%;"><link href='</span><a href="http://lh6.ggpht.com/_mcq01yDJ2uY/TFiN8jk3A2I/AAAAAAAACuQ/dkJLs3hEq2s/yelp_webtreats.png%27"><span style="font-size: 78%;">http://lh6.ggpht.com/_mcq01yDJ2uY/TFiN8jk3A2I/AAAAAAAACuQ/dkJLs3hEq2s/yelp_webtreats.png'</span></a><span style="font-size: 78%;"> rel='apple-touch-icon'/> </span></div> <div align="left"> <span style="font-size: 78%;"><link href='</span><a href="http://lh6.ggpht.com/_mcq01yDJ2uY/TFiN8jk3A2I/AAAAAAAACuQ/dkJLs3hEq2s/yelp_webtreats.png%27"><span style="font-size: 78%;">http://lh6.ggpht.com/_mcq01yDJ2uY/TFiN8jk3A2I/AAAAAAAACuQ/dkJLs3hEq2s/yelp_webtreats.png'</span></a><span style="font-size: 78%;"> rel='shortcut icon' type='image/x-icon'/></span></div> <div align="left"> <span style="font-size: 78%;"></span></div> </blockquote> <ul> <li><a href="http://www.dicasblogger.com.br/2008/10/colocando-favicon-no-blog.html">Colocando favicon no blog</a> </li> </ul> <b>Como alterar a cor dos links do rodapé</b><br /> Os links do rodapé estão na cor amarela. Para alterar a cor, encontre este trecho:<br /> <blockquote> <span style="font-size: 78%;">#creditleft a,.creditleft a:hover,.creditleft a:visited,#creditright a,.creditright a:hover,.creditright a:visited { <br />color: #<span style="color: red;">ffff00</span>; <br />text-decoration:none; <br />}</span></blockquote> Mude a parte que está em vermelho. Veja uma tabela de cores <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm">neste link</a>.<br /> <b>Alterando as fontes e as cores</b><br /> Todas as fontes e todas cores do template podem ser alteradas através do painel do Blogger. Entre em <b>designer do modelo</b> e procure pela opção <b>avançado</b> <br /> <a href="http://lh3.ggpht.com/_EttevOw0KeE/TFGg98KGKuI/AAAAAAAAJ6M/Txc2g5u2KOs/s1600-h/image8%5B2%5D.png"><img alt="Fontes e Cores" border="0" height="138" src="http://lh4.ggpht.com/_EttevOw0KeE/TFGg-yPXgmI/AAAAAAAAJ6Q/7MNKn5w8_d4/image8_thumb%5B2%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Fontes e Cores" width="502" /></a> <br /> <b>Ícones para redes sociais</b><br /> Se você quiser usar os mesmos ícones que coloquei no alto da sidebar, cole o código abaixo em seu blog - no gadget HTML/javascript – colocando, respectivamente, as URLs (em vermelho) de cada um. <br /> Exemplo:<br /> <blockquote> <span style="font-size: 78%;"><td><a href="<span style="color: red;"><a href="http://twitter.com/dicas_blogger%22&~~SPECIAL_REMOVE%21#%7E%7Egt;&%7E%7ESPECIAL_REMOVE%21#%7E%7Elt;img">http://twitter.com/dicas_blogger</a></span><span style="color: #400040;">"><img</span> <br />title="Siga-me!" <br />style="border: 0px solid ; width: 64px; height: 64px;" <br />alt="Twitter" <br />src="</span><a href="http://lh3.ggpht.com/_mcq01yDJ2uY/TFiLvFEuh4I/AAAAAAAACuA/sBwI7XqoTs8/twitter_webtreats.png%22"><span style="font-size: 78%;">http://lh3.ggpht.com/_mcq01yDJ2uY/TFiLvFEuh4I/AAAAAAAACuA/sBwI7XqoTs8/twitter_webtreats.png"</span></a><span style="font-size: 78%;"> /></img <br />></a></td> </span></blockquote> Código:<br /> <blockquote> <span style="font-size: 78%;"><table style="text-align: left; width: 100%;" border="0" <br />cellpadding="2" cellspacing="2"> <br /> <tbody> <br /> <tr> <br /> <td align="undefined" valign="undefined"><a <br />href="<span style="color: red;">URL DO FEED</span>"><img title="Rss/Feed" <br />style="border: 0px solid ; width: 64px; height: 64px;" <br />alt="Feeds" <br />src="</span><a href="http://lh4.ggpht.com/_mcq01yDJ2uY/TFiLvNjzzfI/AAAAAAAACt8/Wk20HBibniY/rss_cube_webtreats64.png%22"><span style="font-size: 78%;">http://lh4.ggpht.com/_mcq01yDJ2uY/TFiLvNjzzfI/AAAAAAAACt8/Wk20HBibniY/rss_cube_webtreats64.png"</span></a><span style="font-size: 78%;"> /></a <br />></td> <br /> <td><a href="<span style="color: red;">URL DO TWITTER</span>"><img <br />title="Siga-me!" <br />style="border: 0px solid ; width: 64px; height: 64px;" <br />alt="Twitter" <br />src="</span><a href="http://lh3.ggpht.com/_mcq01yDJ2uY/TFiLvFEuh4I/AAAAAAAACuA/sBwI7XqoTs8/twitter_webtreats.png%22"><span style="font-size: 78%;">http://lh3.ggpht.com/_mcq01yDJ2uY/TFiLvFEuh4I/AAAAAAAACuA/sBwI7XqoTs8/twitter_webtreats.png"</span></a><span style="font-size: 78%;"> /></img <br />></a></td> <br /> <td align="undefined" valign="undefined"><a <br />href="<span style="color: red;">URL DO FACEBOOK</span>"><img title="Facebook" <br />style="border: 0px solid ; width: 64px; height: 64px;" <br />alt="Facebook" <br />src="</span><a href="http://lh5.ggpht.com/_mcq01yDJ2uY/TFiLu6hV_MI/AAAAAAAACtw/ECsp_yEeXEE/facebook_logo_webtreats.png%22"><span style="font-size: 78%;">http://lh5.ggpht.com/_mcq01yDJ2uY/TFiLu6hV_MI/AAAAAAAACtw/ECsp_yEeXEE/facebook_logo_webtreats.png"</span></a><span style="font-size: 78%;"> /></a <br />></td> <br /> <td align="undefined" valign="undefined"><a <br />href="mailto:<span style="color: red;">SEU EMAIL</span>”<img title="Contato" <br />style="border: 0px solid ; width: 64px; height: 64px;" <br />alt="Contato" <br />src="</span><a href="http://lh3.ggpht.com/_mcq01yDJ2uY/TFiLu7SPsHI/AAAAAAAACt0/HzskHHbhHAU/mail_square_webtreats.png%22"><span style="font-size: 78%;">http://lh3.ggpht.com/_mcq01yDJ2uY/TFiLu7SPsHI/AAAAAAAACt0/HzskHHbhHAU/mail_square_webtreats.png"</span></a><span style="font-size: 78%;"> /></a <br />></td> <br /> <td align="undefined" valign="undefined"><a <br />href="<span style="color: red;">URL DO SEU ORKUT</span>"><img title="Orkut" <br />style="border: 0px solid ; width: 64px; height: 64px;" <br />alt="Orkut" <br />src="</span><a href="http://lh6.ggpht.com/_mcq01yDJ2uY/TFiLuyTCl-I/AAAAAAAACt4/wpskLKeP2DE/orkut_webtreats.png%22"><span style="font-size: 78%;">http://lh6.ggpht.com/_mcq01yDJ2uY/TFiLuyTCl-I/AAAAAAAACt4/wpskLKeP2DE/orkut_webtreats.png"</span></a><span style="font-size: 78%;"> /></a <br />></td> <br /> </tr> <br /> </tbody> <br /></table></span></blockquote> <b>ATENÇÃO:</b> <br /> <b><span style="font-weight: normal;">Se você estava usando um dos novos modelos do Blogger (designer do modelo), será necessário instalar antes o Template Mínima para retirar o <span style="font-weight: bold;">gadget atribuition</span>.</span></b><br /> <ul> <li><a href="http://www.dicasblogger.com.br/2010/06/voltar-usar-antigos-templates-blogger.html">Como voltar a usar os antigos templates do Blogger</a> </li> </ul> Caso você queira realizar alterações na estrutura do template, tais como adicionar ou retirar sidebar ou mesmo instalar outros hacks, <a href="http://www.google.com.br/">pesquise</a> como fazer. <br /> Saiba mais sobre a utilização de nossos templates gratuitos, acessando: <br /> <ul> <li><a href="http://www.dicasblogger.com.br/p/termos-e-condicoes-de-uso.html" target="_blank">Termos de Uso do Dicas Blogger</a> </li> </ul> ©Template by <a href="http://www.dicasblogger.com.br/">Dicas Blogger</a> – alguns direitos reservados. Não retire os créditos.<br /> </span>

Template Flowers

Lembram do Template Flowers ? Então, esta é a nova versão dele, voltada especialmente para as meninas. Ele é todo …digamos… cuti-cuti:) An...

Continue Lendo >>