Codigo para contagem de tempo

Esse código mostra quandos dias passaram entre a data que você colocou nele e o dia atual, podemos encontrar varias utilidades, mas a acredito que a principal delas seja mostrar a quando tempo seu blog ou site está em funcionamento.

Você só precisa alterar a data e o texto que está no final do código:

<script>
montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
today=new Date()
todayy=today.getYear()
if (todayy < color="#cc0000">
todayy+=1900
todaym=today.getMonth()
todayd=today.getDate()
todaystring=montharray[todaym]+" "+todayd+", "+todayy
paststring=montharray[m-1]+" "+d+", "+yr
difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" dias"
document.write("Já tem "+difference+" desde que o meu site entrou no ar.")
}
countup(2008,11,10)
</script>


Dicasparablogs

---

Copie essa postagem para seu Blog: <img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-CHSDe7xxZZLDM6ODRwiUyZLtRfD4r_zAtosqZi2EpWiVBKh0-JYcbDMTvSCeZwPDj3551RKqKgwBcu4b6dFP1c1ACa4oisOUL3xaME7cJtdmRvGRQumEunD5XOInTC3TsO4rcjrgJTU/s400/ampulheta.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 305px; height: 270px;" /><br /><p>Esse código mostra quandos dias passaram entre a data que você colocou nele e o dia atual, podemos encontrar varias utilidades, mas a acredito que a principal delas seja mostrar a quando tempo seu blog ou site está em funcionamento.</p><p>Você só precisa alterar a data e o texto que está no final do código:</p><p><br /><span style="color:#cc0000;"><span><span><script><br />montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")<br />function countup(yr,m,d){<br />today=new Date()<br />todayy=today.getYear()<br />if (todayy < color="#cc0000"><br />todayy+=1900<br />todaym=today.getMonth()<br />todayd=today.getDate()<br />todaystring=montharray[todaym]+" "+todayd+", "+todayy<br />paststring=montharray[m-1]+" "+d+", "+yr<br />difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)<br />difference+=" dias"<br />document.write("Já tem "+difference+" desde que o meu site entrou no ar.")<br />}<br />countup(</span><span><span><span style="color:#000099;">2008,11,10</span></span></span><span style="color:#cc0000;"><span><span>)<br /></script><br /></span><br /><br /><a href="http://dicasparablogs.blogspot.com/2008/12/contagem-de-tempo.html" target="_blank">Dicasparablogs</a><br /></span><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Coloque o Google Maps em seu Blog

Agora o Blogger possui integração do Google Maps nas postagens do Blogger.

Veja como:

Você precisa usar a versão Draft do Blogger (versão usada para experimentos de novos recursos antes de ser lançado), e prestar atenção em um novo link no rodapé da área de postagem.

Esse link, ao ser habilitado, você terá a sua localização e o Google Maps no seu post.

Qualquer dúvida...

---

Copie essa postagem para seu Blog: <p class="introduction">Agora o Blogger possui integração do <strong>Google Maps nas postagens do Blogger</strong>.</p>Veja como:<br /><br /><p>Você precisa usar a <a href="http://draft.blogger.com/" target="_blank">versão Draft do Blogger</a> (versão usada para experimentos de novos recursos antes de ser lançado), e prestar atenção em um novo link no rodapé da área de postagem.<br /></p><p><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBaHLjZXKuplO-dCkkN4p3JekFIAw_eTkTzUG6PBledmOrqTWs9Eb3KfHj6bhcDKQbLBpX0TuZbPxpWc-CxxUMa4BhCts7JDhQWbnqPI3cACRWo0UiXiB8reJ1oMohTEl_MIdwRN-XN2c/s400/Capture4.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 287px; height: 316px;" /></p><p align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjb54KcXAZo1EJoWDjpa0DWZUYXb2D7gZyOq1_xmhfc5dAu2luSYLGjfBxa96ehN7sw4s3smv9XIbXXcET8KmZpd0ayDkbfnEtOB4BOIPDfY4DoZ1aazdZ5TLDuep2mk5y_mr8ey5e1A/s400/Google+maps.jpg" style="border:0px solid #E9751F;padding:4px;background:#F3CB94;" /><br /></p><p>Esse link, ao ser habilitado, você terá a sua localização e o Google Maps no seu post.</p><p>Qualquer dúvida...<br /></p><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Aprenda a gerar seus proprios codigos CSS

CSSTXT é um serviço online que gera os códigos CSS para você criar estilos únicos e mostrá-los em sua página na web.

Basta inserir os valores desejados, escolher cores, borda e o tipo de fonte que será usado que o resto é com o CSSTXT.

Com CSSTXT a criação de textos estilizados é muito mais fácil e rápida, isso sem contar que o usuário não precisar tocar em nenhuma linha de código. Basta inserir os dados, visualizar como ficou, copiar e colar o código que o próprio serviço gerou e pronto, seu site está de cara nova!

Aprenda a fazer

Ao acessar o serviço é possível visualizar uma caixa de texto na qual o usuário deve digitar o texto que terá os efeitos criados. O próximo passo é alterar as propriedades do texto como: cor, fonte, tamanho da fonte, etc.

Estas opções estão dispostas no quadro central do site. A primeira barra de tarefas adiciona efeitos como negrito, itálico, sublinhado, riscado, etc. Basta clicar uma vez sobre o efeito desejado e ele será aplicado ao texto.

As opções mais à direita do quadro permitem escolher: o espaçamento entre as letras (Letter spacing) e entre as palavras (Word spacing), tamanho da letra (Font size), largura da linha (Line height) e tamanho da borda (Border size).

As configurações à esquerda possibilitam trocar o estilo da fonte (Font family), o alinhamento do texto (Text align) e o estilo da borda (Border style). Além disso você pode alterar a cor da fonte (Font color), do fundo (Background color) e também da borda (Border Color).

Depois de ter configurado tudo do jeito que deseja, clique em “Generate” e aguarde alguns instantes. Assim que o serviço terminar de processar todas as informações, será exibido uma prévia de como ficou seu texto com todas as opções que você alterou e, logo abaixo, o código CSS. Agora é só copiar este código, colar em sua página e se preparar para receber muitos elogios.

Baixaki

---

Copie essa postagem para seu Blog: <a href="http://csstxt.com/" target="_blank"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPFJ6t4dAPvzrtojraXaTaUPSUAJGzKp6zGozvqW56Pf5ms4XIc18-4_b3N2-RdjeUSxzMZ0sYWa7-jlkcgIqnO-BzKhxY3tDU-zHb-ZoKGvqVDGzxbifGePk-ioIT3HYT3Ir5XCfPnDs/s400/Css.jpg" style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 27px;" /></a><p align="justify"><strong>CSSTXT</strong> é um serviço online que gera os códigos CSS para você criar estilos únicos e mostrá-los em sua página na web. </p><p align="justify">Basta inserir os valores desejados, escolher cores, borda e o tipo de fonte que será usado que o resto é com o CSSTXT.</p><div align="justify">Com <strong>CSSTXT</strong> a criação de textos estilizados é muito mais fácil e rápida, isso sem contar que o usuário não precisar tocar em nenhuma linha de código. Basta inserir os dados, visualizar como ficou, copiar e colar o código que o próprio serviço gerou e pronto, seu site está de cara nova!<br /><br /><span style="font-weight:bold;">Aprenda a fazer</span><br /></div><p align="justify">Ao acessar o serviço é possível visualizar uma caixa de texto na qual o usuário deve digitar o texto que terá os efeitos criados. O próximo passo é alterar as propriedades do texto como: cor, fonte, tamanho da fonte, etc.<br /><br />Estas opções estão dispostas no quadro central do site. A primeira barra de tarefas adiciona efeitos como negrito, itálico, sublinhado, riscado, etc. Basta clicar uma vez sobre o efeito desejado e ele será aplicado ao texto.<br /><br />As opções mais à direita do quadro permitem escolher: o espaçamento entre as letras (Letter spacing) e entre as palavras (Word spacing), tamanho da letra (Font size), largura da linha (Line height) e tamanho da borda (Border size).<br /><br />As configurações à esquerda possibilitam trocar o estilo da fonte (Font family), o alinhamento do texto (Text align) e o estilo da borda (Border style). Além disso você pode alterar a cor da fonte (Font color), do fundo (Background color) e também da borda (Border Color).<br /><br />Depois de ter configurado tudo do jeito que deseja, clique em “Generate” e aguarde alguns instantes. Assim que o serviço terminar de processar todas as informações, será exibido uma prévia de como ficou seu texto com todas as opções que você alterou e, logo abaixo, o código CSS. Agora é só copiar este código, colar em sua página e se preparar para receber muitos elogios.<p><a href="http://csstxt.com/" target="_blank">Baixaki</a></p><p><br /></p><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Encontre facilmente os códigos em seu Template e em qualquer página - Firebug

Firebug integra-se com o Firefox para detectar qualquer código da sua (e de qualquer outra) página, enquanto navega. Você pode editar, depurar, arrumar códigos CSS, HTML, JavaScript em qualquer página da web. Você pode localizar qualquer detalhe: código de cor, fonte, largura de uma div, etc, bastando apontar o cursor sobre o elemento.

Após ter instalado o Firebug, acesse a página onde se encontra o código que deseja modificar, clique em 'Ferramanetas' - Firebug - 'Inspecionar Elemento' [veja na imagem abaixo].



Conheça e entenda melhor a estrutura e os códigos do seu template e de qualquer página.

FIREBUG

---

Copie essa postagem para seu Blog: <strong>Firebug</strong> integra-se com o Firefox para detectar qualquer código da sua (e de qualquer outra) página, enquanto navega. Você pode editar, depurar, arrumar códigos CSS, HTML, JavaScript em qualquer página da web. Você pode localizar qualquer detalhe: código de cor, fonte, largura de uma div, etc, bastando apontar o cursor sobre o elemento.<br /><br />Após ter instalado o Firebug, acesse a página onde se encontra o código que deseja modificar, clique em 'Ferramanetas' - Firebug - 'Inspecionar Elemento' [veja na imagem abaixo].<br /><br /><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuqwAWZpYP2YVUeGaRRpFDWyk0mqLKt1xGESRampM6Ej4hLQTZMNnJSyzl1bo3uav_f9wb2cHDrAp77XoKE2wpvSzjuZO8OwBX-DRmnPgajPY5MDfKpj296yOybrw-Z92j_I_wPddHGRw/" /><br /><br />Conheça e entenda melhor a estrutura e os códigos do seu template e de qualquer página.<br /><div class="buttonwrapper"><br /><a class="boldbuttons" href="https://addons.mozilla.org/pt-BR/firefox/addon/1843" target="_blank"><span>FIREBUG</span></a><br /></div><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Usando o Word 2007 para postar no seu blog

O novo Word 2007 veio cheio de novas ferramentas, o que trouxe a interação com a internet através da possibilidade de postar em blogs usando o próprio editor de texto.

Saiba como postar em seu blog usando o Word 2007

1) Com o Word 2007 aberto, clique no menu e em seguida “Novo”, depois com a janela de opções de documento novo aberta, selecione “Nova postagem de blog”. Uma janela pedirá que você registre uma conta de blog para postagem. Clique em “Registrar Agora”. Na seqüência selecione no menu suspenso qual é o seu provedor de blog. Para este tutorial foi usado o Blogger/Blogspot.

2) Depois de selecionar “Blogger” no menu suspenso, entre com os dados da sua Conta Google. Usuários do WordPress devem inserir sua URL da seguinte forma: “http://ENDEREÇODOSEUBLOG.com/xmlrpc.php”.

3) Lembre-se de configurar um servidor de imagens para que a publicação seja completa. Você pode usar diversos servidores como PhotoBucket, Picasa ou qualquer outro da sua preferência. Apenas lembre-se de inserir a URL para envio.

4) Se você seguiu tudo conforme dito até agora, deve estar vendo a seguinte janela com o nome do seu blog:


5) Neste terceiro momento, você pode escrever livremente, inserir imagens e formatar normalmente como faz em qualquer documento do Word.

6) Depois que você inserir tudo o que a sua postagem vai precisar, clique em “Publicar”. Você tem duas opções de postagem, a primeira delas é a postagem direta, o conteúdo que você produziu vai direto para a página principal do blog. A outra é manter esta postagem como rascunho, para que você possa editar depois de onde quer que esteja.


7) Para ativar o botão de gerenciamento de categorias, primeiro você deve ter categorias já criadas no seu blog, só assim o Word poderá encontrá-las para que você escolha em qual delas o seu post se enquadra melhor.

Pronto! Você acabou de postar sem precisar abrir a janela da internet, usando toda a liberdade de formatação que o Word 2007 possibilita.

---

Copie essa postagem para seu Blog: <div style="text-align: justify;"><p class="introduction">O novo Word 2007 veio cheio de novas ferramentas, o que trouxe a interação com a internet através da possibilidade de postar em blogs usando o próprio editor de texto.<br /></p><strong>Saiba como postar em seu blog usando o Word 2007</strong><br /><br />1) Com o Word 2007 aberto, clique no menu e em seguida “<span style="font-weight: bold;">Novo</span>”, depois com a janela de opções de documento novo aberta, selecione “<span style="font-weight: bold;">Nova postagem de blog</span>”. Uma janela pedirá que você registre uma conta de blog para postagem. Clique em “<span style="font-weight: bold;">Registrar Agora</span>”. Na seqüência selecione no menu suspenso qual é o seu provedor de blog. Para este tutorial foi usado o <span style="font-weight: bold;">Blogger/Blogspot.</span><br /><br /><div style="text-align: center;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnNBdkCwm5pw0VFQHyYq0jUkpaCWuNmdzoGGD2zao45DlSGlmnChFf1UITl5tEF_Pr95m-XU57LiNvrOX6DciJRmlTsuN6kBdtbgZCl_okVuNt8Ywv-LqJ_QXDagbeG7UY_hYL8SUbnmWQ/+capture.jpg" /><br /></div><br />2) Depois de selecionar “<span style="font-weight: bold;">Blogger</span>” no menu suspenso, entre com os dados da sua Conta Google. Usuários do WordPress devem inserir sua URL da seguinte forma: “<span style="font-weight: bold;">http://ENDEREÇODOSEUBLOG.com/xmlrpc.php</span>”.<br /><br />3) Lembre-se de configurar um servidor de imagens para que a publicação seja completa. Você pode usar diversos servidores como PhotoBucket, Picasa ou qualquer outro da sua preferência. Apenas lembre-se de inserir a URL para envio.<br /><br />4) Se você seguiu tudo conforme dito até agora, deve estar vendo a seguinte janela com o nome do seu blog:<br /><br /><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQbSyF_NYxleQn528DqIataqOa8b3SQ_ruDcyWjUT3cJGIZQJ5O6B_ydKngu7wgm2nnYH_cESLqpsIdCaQjCYvkY79Uabs6NsxWKQ-6DJm67zYNjLH98vidjTsgJsC0EciPe0qP1pNEPD_/s400/word_passo2.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 190px;" /><br />5) Neste terceiro momento, você pode escrever livremente, inserir imagens e formatar normalmente como faz em qualquer documento do Word.<br /><br />6) Depois que você inserir tudo o que a sua postagem vai precisar, clique em “<span style="font-weight: bold;">Publicar</span>”. Você tem duas opções de postagem, a primeira delas é a postagem direta, o conteúdo que você produziu vai direto para a página principal do blog. A outra é manter esta postagem como rascunho, para que você possa editar depois de onde quer que esteja.<br /><br /><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLfnGqEs-fl8GAqsQTKKK7dThgFEzJAdK_wSTONX5yvuA3heZ0cZMwnQ5qQ9GhAY1cE45eTw-oEr91NVSkrEjXu1UstG6J7vRti14YThlae1k38tfPbaW2f3Zz8KHR4uY-Nqy4ashyphenhyphenTM4b/s400/word_passo6.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 265px; height: 143px;" /><br />7) Para ativar o botão de gerenciamento de categorias, primeiro você deve ter categorias já criadas no seu blog, só assim o Word poderá encontrá-las para que você escolha em qual delas o seu post se enquadra melhor.<br /><br />Pronto! Você acabou de postar sem precisar abrir a janela da internet, usando toda a liberdade de formatação que o Word 2007 possibilita.<br /></div><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Postando vídeos no Blogger pela página do YouTube

Se você usa a mesma conta do Google no Blogger e no YouTube pode facilmente publicar vídeos do YouTube diretamente no seu blog, sem usar nenhum editor externo, bastando estar logado no YouTube e reparar no pequeno link (mais...) no canto inferior direito em opções de compartilhamento, que são exibidas no rodapé dos vídeos ( imagem abaixo).

Então, quando ele é acionado, uma série de opções de compartilhamento é apresentada. Uma delas é a opção Postar no blog, ( imagem abaixo).

Você pode publicar no seu blog, junto com um título e algum comentário. Bom para quem tem preguiça de copiar o código na página do YouTube, colar no seu editor e finalizar o post.

Obs: Não é possível incluir categorias nos posts, muito menos enviar para rascunho. Você terá que publicar diretamente para seu blog.

---

Copie essa postagem para seu Blog: <div style="text-align: center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwhTtwpenEojPnlVsuRtuxJsc1io180PiZ6APCJFZVZwpBzdav4Fk-ZgshrOhCgNqhhB1OnIN_kTxAHsELwMcxorwKKxnN3t1xlVKGLIlhEV-MGl2NxdWFFuPn8NiYYZ8D08YG1Lg7bqcx/s400/praia.jpg" style="border: 0px solid rgb(233, 117, 31); padding: 4px; background: rgb(243, 203, 148) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" /><br /></div><br /><p class="introduction">Se você usa a mesma conta do <strong>Google</strong> no <strong>Blogger</strong> e no <strong>YouTube</strong> pode facilmente publicar vídeos do YouTube diretamente no seu blog, sem usar nenhum editor externo, bastando estar logado no YouTube e reparar no pequeno link (<span style="font-style: italic;">mais...</span>) no canto inferior direito em opções de compartilhamento, que são exibidas no rodapé dos vídeos ( imagem abaixo).</p><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEA9Rdzs9y4r1gbot07HcMVXSDQ49SnLIfxujS0lCwSKC4w6M8vRYKFSpvdcb9Ct6yFjiTMfUjTkOT_1Vo9LqJnXyAfWRNO0uJO-dvO1k5UVHzYivPtNLjZCNQO8vVWlzXrnNyEPPou789/" /><br /><br />Então, quando ele é acionado, uma série de opções de compartilhamento é apresentada. Uma delas é a opção <strong>Postar no blog</strong>, ( imagem abaixo).<br /><br /><div style="text-align: center;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdUlb01B7Efytg8mid5Smja4zCWhXyrfrHgodMCzksuDOaNYmIKtfZvKIDhHDUYV6u8Z88Lu_-et83qxVHumybNF-fFaGtKd_Gf9Qi242LhTI8qiw7rH9x5V9zIzyaVrwWBIwwm4IXwVhk/" /><br /></div><br />Você pode publicar no seu blog, junto com um título e algum comentário. Bom para quem tem preguiça de copiar o código na página do YouTube, colar no seu editor e finalizar o post.<br /><br />Obs: Não é possível incluir categorias nos posts, muito menos enviar para rascunho. Você terá que publicar diretamente para seu blog.<br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Como fazer seu blog abrir mais rápido

A velocidade que seu blog carrega é essencial para atrair mais leitores. Se ele demorar um tempo muito longo para carregar, muitos leitores podem deixar seu blog antes que tenham a possibilidade de ver qualquer coisa.

Veja então alguns truques que ajudarão o seu blog carregar mais rapidamente e atrair mais usuários:

Posts

O tempo de carregamento do seu blog pode ser afetado pelo número de posts que você indica em sua página principal.

Você pode facilmente editar o número de posts que vai abrir na página principal assim: Faça login no seu blog e vá em " Configurações" } "Formatação" Você pode então selecionar o número de posts que você quer que abram na página principal. O recomendável seria indicar 10 posts.

Links e JavaScripts de terceiros

Para otimizar a velocidade de carga do blog, é recomendável usar widgets, JavaScript e ligações do próprio Google/Blogger. Entretanto, se você necessitar usar JavaScript e ligações que não sejam do Blogger, seu blog carregará muito mais rapidamente se você puser todo o Javascript no fundo de seu blog. Se você tiver Javascript e as ligações na sua sidebar, coloque-os no fundo da sidebar.

Imagens

Quanto mais imagens, vídeos e outros recursos multi-mídia você tiver em seu blog, mais tempo demorará pra carregar. Entretanto, as imagens e outros recursos são importantes para atrair usuários para o seu blog, assim, seria importante otimizar a velocidade de carga de suas imagens.

veja algumas dicas para aumentar a velocidade de carga de suas imagens e vídeos:

* Diminua o tamanho de suas imagens ou use thumbnails (pequenas imagens) que ligam à imagem sem redução.
* Se você usa imagens, considere upar para o Picasa através do editor de posts do Blogger.
* Se você tiver um grande número de imagens pra mostrar em seu blog, você pode fazer upload de todas elas e criar um álbum no Picasa e, fazer a ligação do álbum em seu post ou na sidebar.

Outras sugestões

* Se você adicionar códigos CSS em seu blog, certifique-se que você o coloque no alto da página.
* O índice, o mais importante de seu blog, que chama a atenção dos leitores deve carregar o mais rápido possível.

Para ajudar a identificar quais artigos (itens) estão demorando mais tempo para carregar em seu blog, você pode usar um cronômetro. Para usar o cronômetro, digite a URL do seu blog na caixa de texto e clique em “Start StopWatch”. O cronômetro então abrirá seu blog em um frame e gravará o tempo até que tudo em seu blog carregue, incluindo imagens, vídeos, widgets, etc. Anote o que está demorando mais para carregar e modifique, se possível.

São simples soluções que podem fazer diferença. Não custa nada tentar.

---

Copie essa postagem para seu Blog: <p class="introduction">A velocidade que seu blog carrega é essencial para atrair mais leitores. Se ele demorar um tempo muito longo para carregar, muitos leitores podem deixar seu blog antes que tenham a possibilidade de ver qualquer coisa.<br /></p><strong>Veja então alguns truques que ajudarão o seu blog carregar mais rapidamente e atrair mais usuários</strong>:<br /><br /><span style="color: rgb(204, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Posts</span></span><br /><br />O tempo de carregamento do seu blog pode ser afetado pelo número de posts que você indica em sua página principal.<br /><br />Você pode facilmente editar o número de posts que vai abrir na página principal assim: Faça login no seu blog e vá em " Configurações" } "Formatação" Você pode então selecionar o número de posts que você quer que abram na página principal. O recomendável seria indicar 10 posts.<br /><br /><div style="text-align: center;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEide3NvylfnIP6d3wjGWXK63ERoUWowMc0FVwO2O88vBdT7KmZaBG5bGrYHsqGTbGMYsjz3C_df9TMcrkp4ak9xj7tW8BF6HcMl4pzLbzfP9YxkJvXhrs40orNrvT_Aci5r7CemG38uSOiP/" /></div><br /><br /><span style="color: rgb(204, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Links e </span></span><span style="color: rgb(204, 102, 0);font-size:130%;" ><span style="font-weight: bold;">JavaScripts de terceiros</span></span><br /><br />Para otimizar a velocidade de carga do blog, é recomendável usar widgets, JavaScript e ligações do próprio Google/Blogger. Entretanto, se você necessitar usar JavaScript e ligações que não sejam do Blogger, seu blog carregará muito mais rapidamente se você puser todo o Javascript no fundo de seu blog. Se você tiver Javascript e as ligações na sua sidebar, coloque-os no fundo da sidebar.<br /><br /><span style="color: rgb(204, 102, 0);font-size:130%;" ><span style="font-weight: bold;">Imagens</span></span><br /><br />Quanto mais imagens, vídeos e outros recursos multi-mídia você tiver em seu blog, mais tempo demorará pra carregar. Entretanto, as imagens e outros recursos são importantes para atrair usuários para o seu blog, assim, seria importante otimizar a velocidade de carga de suas imagens.<br /><br />veja algumas dicas para aumentar a velocidade de carga de suas imagens e vídeos:<br /><br />* Diminua o tamanho de suas imagens ou use thumbnails (pequenas imagens) que ligam à imagem sem redução.<br />* Se você usa imagens, considere upar para o Picasa através do editor de posts do Blogger.<br />* Se você tiver um grande número de imagens pra mostrar em seu blog, você pode fazer upload de todas elas e criar um álbum no Picasa e, fazer a ligação do álbum em seu post ou na sidebar.<br /><br /><span style="color: rgb(204, 102, 0);font-size:130%;" >Outras sugestões</span><br /><br />* Se você adicionar códigos CSS em seu blog, certifique-se que você o coloque no alto da página.<br />* O índice, o mais importante de seu blog, que chama a atenção dos leitores deve carregar o mais rápido possível.<br /><br />Para ajudar a identificar quais artigos (itens) estão demorando mais tempo para carregar em seu blog, você pode usar um cronômetro. Para usar o <a href="http://www.numion.com/Stopwatch/" target="_blank" title="Clique aqui pra acessar o cronômetro">cronômetro</a>, digite a URL do seu blog na caixa de texto e clique em “Start StopWatch”. O cronômetro então abrirá seu blog em um frame e gravará o tempo até que tudo em seu blog carregue, incluindo imagens, vídeos, widgets, etc. Anote o que está demorando mais para carregar e modifique, se possível.<br /><br />São simples soluções que podem fazer diferença. Não custa nada tentar.<br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Site que abre sozinho

Alguma vez, quando estava num site, sem saber o porquê abriu outra página sem que você tivesse clicado em nada? Muitas vezes acontece isso no seu blog mesmo. Procure por esse código nos banners ou links dos seus parceiros que você adicionou:

<a onmouseover="parent.location='URL DO SITE' " href="URL DO SITE" target="_blank"><img src="URL DA IMAGEM" border="0" /></a<

Esse código é usado para forçar visitas, porque, somente ao passar o mouse sobre uma imagem, abrirá outra página, prejudicando o seu blog, pois tira as pessoas dele sem que elas imaginem o que aconteceu e, ninguém quer voltar num site que faz coisas aparentemente sem explicação.

Cuidado com os códigos que adiciona no seu blog e verifique se algum deles tem a parte "onmouseover="parent.location='URL DO SITE", se encontrar isso você já sabe que ao passar o mouse sobre essa imagem irá para outro site, então cabe a cada um decidir se vale à pena usar ou deixar esse tipo de coisa no blog ou não.

Thanks Dicasparablogs.blogspot.com

---

Copie essa postagem para seu Blog: <img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6IsHyDVm2V2Z7268fnc41Fz-kVFpnv4LAUFuyINlwEgFtH-M14xBeNdr5WdQNFqnHuHtTg-Nmc5lBmIV2073kQLXNnZPnJTEKrnw573JsUDfoLhH6AIxDIxPqzA6wMKMomGPsUC7U2irL/s400/yusuke08_02_vectorized.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" /><br /><div style="text-align: justify;">Alguma vez, quando estava num site, sem saber o porquê abriu outra página sem que você tivesse clicado em nada? Muitas vezes acontece isso no seu blog mesmo. Procure por esse código nos banners ou links dos seus parceiros que você adicionou:</div><br /><br /><<span style="color: rgb(255, 0, 0);">a onmouseover="parent.location='URL DO SITE' "</span> href="URL DO SITE" target="_blank"><img src="URL DA IMAGEM" border="0" /></a<<br /><br /><div style="text-align: justify;">Esse código é usado para forçar visitas, porque, somente ao passar o mouse sobre uma imagem, abrirá outra página, prejudicando o seu blog, pois tira as pessoas dele sem que elas imaginem o que aconteceu e, ninguém quer voltar num site que faz coisas aparentemente sem explicação.<br /><br />Cuidado com os códigos que adiciona no seu blog e verifique se algum deles tem a parte "<strong style="color: rgb(255, 0, 0); font-weight: normal;">onmouseover="parent.location='URL DO SITE</strong>", se encontrar isso você já sabe que ao passar o mouse sobre essa imagem irá para outro site, então cabe a cada um decidir se vale à pena usar ou deixar esse tipo de coisa no blog ou não.<br /></div><br />Thanks <a href="http://dicasparablogs.blogspot.com/2008/11/site-abrindo-sozinho.html" target="_blank">Dicasparablogs.blogspot.com</a><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Redirecionando os visitantes do seu Blog

Quem tem mais de um blog, às vezes depois de algum tempo querem parar de postar em um dos blogs, mas não querem deixar seus leitores à deriva, então alguns fazem uma postagem de despedida e deixam o link de seu novo blog, com isso alguns dos visitantes vão para esse novo blog, mas certamente perdemos visitas com isso.

Tem um código de redirecionamento que transfere todas as visitas desse blog antigo para o novo blog. Você só precisa colocar o endereço da sua página onde está escrito seu site no código abaixo:

<script language="javascript" type="text/javascript"> location.replace("SEU BLOG") </script>

Para usar é só colocar o código pela página layout, "adicionar gadget, html/javascript", e colocar em qualquer parte da página. E já está pronto, quando você entrar no blog será enviado automaticamente para o endereço que especificou no script acima.

Uma sugestão se for usar essa idéia é modificar seu blog antigo para mostrar apenas uma postagem e retirar tudo mais que tiver nele, pois o código só funciona depois que for carregado e quando mais coisas tiverem no blog mais tempo irá demorar o redirecionamento.

Esse código envia os visitantes para outra página. Mas você pode usar para outras coisas que quiser.

---

Copie essa postagem para seu Blog: <img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHs2h7Cmgqwex8q-bAkFxsT8GWtzf1_pPVO_0Rn3TdeWR7BrorKLewONJdlHFh5Z5i1l3bMM-pMDrAjO5l5aRngDw4iqz2aNFsfwhJQGKRZCicjKREtYcdIjNxd0-g9ckoTY6IkyvOy9SC/s400/direcao.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 396px;" /><br /><div style="text-align: justify;">Quem tem mais de um blog, às vezes depois de algum tempo querem parar de postar em um dos blogs, mas não querem deixar seus leitores à deriva, então alguns fazem uma postagem de despedida e deixam o link de seu novo blog, com isso alguns dos visitantes vão para esse novo blog, mas certamente perdemos visitas com isso.<br /><br />Tem um <strong>código de redirecionamento que transfere todas as visitas desse blog antigo para o novo blog</strong>. Você só precisa colocar o endereço da sua página onde está escrito seu site no código abaixo:<br /><br /><span style="color: rgb(204, 0, 0);"><script language="javascript" type="text/javascript"></span> <span style="color: rgb(204, 0, 0);">location.replace("SEU BLOG")</span> <span style="color: rgb(204, 0, 0);"></script></span><br /><br />Para usar é só colocar o código pela página layout, <span style="font-weight: bold;">"adicionar gadget, html/javascript</span>", e colocar em qualquer parte da página. E já está pronto, quando você entrar no blog será enviado automaticamente para o endereço que especificou no script acima.<br /><br />Uma sugestão se for usar essa idéia é modificar seu blog antigo para mostrar apenas uma postagem e retirar tudo mais que tiver nele, pois o código só funciona depois que for carregado e quando mais coisas tiverem no blog mais tempo irá demorar o redirecionamento.<br /><br />Esse código envia os visitantes para outra página. Mas você pode usar para outras coisas que quiser.<br /><br /></div><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Templates Temas Icones Blogspot Wordpress PSD

Está pensando em trocar seu Template da plataforma Blogger ou Wordpress, seja ele profissional ou amador?, fazer aquela mudança em seu layout? adicionar ícones?

Um lugar ideal para fazer isso é nesses dois sites que estou indicando.
Trata-se do Templatesdegraca.blogspot.com (Português) e o Btemplates.com (Inglês), que possuem uma grande variedade de Templates para Blogger e Wordpress e ícones, para você dar aquela incrementada em seu blog.

Templatesdegraca.blogspot.com (Português)

• Template para Blogger: Gemstone
• Template Dirtylicious para Blogger
• Template para Blogger: Decayed
• Template Greeny blu
• Símbolos Vetoriais Grátis
• Template Simpress para Wordpress
• 45 ícones gratuitos formato PNG
• 43 ícones para seu site
• 300 templates de sites orientais em PSD
• Template Intech blog
• Template Online Education
• Template Winterplain para site e wordpress
• Template Grátis do Dia dos Namorados
• Template para site de fotos
• Template para site feminino
• Template para site de empresa de tecnologia
• Template moderno para site de empresa
• Template aero solutions
• Template aero solutions
• Template bublue studio
• 6 TEMPLATES PROFISSIONAIS
  

• Azul
• Bege
• Blogger
• Branco
• Cinza
• CSS
• Icones
• Marrom
• Preto
• PSD
• Rosa
• Verde
• Vetoriais
• Wordpress
  

Btemplates.com (inglês)

• 1 Column
• 2 Columns
• 3 Columns
• 4 Columns
• Adaptation of Wordpress
• Black
• Blue
• Brown
• Elegant
• Fixed width
• Fluid width
• Fresh
• General
• Gradients
• Gray
• Green
• Left sidebar
• Magazine
• Minimalist
• No images
• Orange
• Photolog
• Pink
• Red
• Right sidebar
• Rounded corners
• Shadow
• Violet
• Web 2.0
• White
• Yellow

---

Copie essa postagem para seu Blog: <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn9lrQ6hXqeClvf54-7sY3NOjKs41BjiWCDmVaDCQNCI1f-vlOO4qHwgK6VGJHOJwwzW0MZm05uM8W-8m3H1wB2J96VBTmmoVCnvPX0OEVrZiRthoji7udyeJ2joceoLCopjZErC1jfcmo/s1600-h/Blogger%5B4%5D.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5263440804180240418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn9lrQ6hXqeClvf54-7sY3NOjKs41BjiWCDmVaDCQNCI1f-vlOO4qHwgK6VGJHOJwwzW0MZm05uM8W-8m3H1wB2J96VBTmmoVCnvPX0OEVrZiRthoji7udyeJ2joceoLCopjZErC1jfcmo/s400/Blogger%5B4%5D.png" style="cursor: pointer; width: 256px; height: 256px;" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-IFfkjDvSCw8mKUsJof57HJLP9PWcT5hTzUgmebKeAyIf1bsakxOXgN9Ha11Q2RxUnDXtdRvy7OpMqmVSmS1E8GSuC6GnmCTc0JLaC4RjYJtCgKnhKhJqLrHRzLR9iDjuia3O4gG__RO/s1600-h/wordpress-logo.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5263440798611651362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-IFfkjDvSCw8mKUsJof57HJLP9PWcT5hTzUgmebKeAyIf1bsakxOXgN9Ha11Q2RxUnDXtdRvy7OpMqmVSmS1E8GSuC6GnmCTc0JLaC4RjYJtCgKnhKhJqLrHRzLR9iDjuia3O4gG__RO/s400/wordpress-logo.png" style="cursor: pointer; width: 400px; height: 376px;" /></a><br /><br />Está pensando em trocar seu Template da plataforma <strong>Blogger </strong>ou<strong> Wordpress</strong>, seja ele profissional ou amador?, fazer aquela mudança em seu layout? adicionar ícones?<br /><br />Um lugar ideal para fazer isso é nesses dois sites que estou indicando.<br />Trata-se do <a href="http://templatesdegraca.blogspot.com/2008_04_01_archive.html" target="_blank">Templatesdegraca.blogspot.com </a>(Português) e o <a href="http://btemplates.com/" target="_blank">Btemplates.com</a> (Inglês), que possuem uma grande variedade de Templates para <strong>Blogger e Wordpress</strong> e ícones, para você dar aquela incrementada em seu blog.<br /><br /><a href="http://templatesdegraca.blogspot.com/2008_04_01_archive.html" target="_blank">Templatesdegraca.blogspot.com </a>(Português)<br /><ul class="posts"><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-para-blogger-gemstone.html">Template para Blogger: Gemstone</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-dirtylicious-para-blogger.html">Template Dirtylicious para Blogger</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-para-blogger-decayed.html">Template para Blogger: Decayed</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-greeny-blu.html">Template Greeny blu</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/smbolos-vetoriais-grtis.html">Símbolos Vetoriais Grátis</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-simpress-para-wordpress.html">Template Simpress para Wordpress</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/45-cones-gratuitos-formato-png.html">45 ícones gratuitos formato PNG</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/43-cones-para-seu-site.html">43 ícones para seu site</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/300-templates-de-sites-orientais-em-psd.html">300 templates de sites orientais em PSD</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-intech-blog.html">Template Intech blog</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-online-education.html">Template Online Education</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-winterplain-para-site-e.html">Template Winterplain para site e wordpress</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-grtis-do-dia-dos-namorados.html">Template Grátis do Dia dos Namorados</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-para-site-de-fotos.html">Template para site de fotos</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-para-site-feminino.html">Template para site feminino</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-para-site-de-empresa-de.html">Template para site de empresa de tecnologia</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-moderno-para-site-de-empresa.html">Template moderno para site de empresa</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-aero-solutions.html">Template aero solutions</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-aero-solutions_27.html">Template aero solutions</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/template-bublue-studio.html">Template bublue studio</a></li><li><a href="http://templatesdegraca.blogspot.com/2008/04/6-templates-profissionais.html">6 TEMPLATES PROFISSIONAIS</a><br /></li></ul><ul><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Azul"> Azul </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Bege"> Bege </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Blogger"> Blogger </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Branco"> Branco </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Cinza"> Cinza </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/CSS"> CSS </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Icones"> Icones</a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Marrom"> Marrom </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Preto"> Preto </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/PSD"> PSD </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Rosa"> Rosa </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Verde"> Verde </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Vetoriais"> Vetoriais </a><span dir="ltr"></span> </li><li> <a dir="ltr" href="http://templatesdegraca.blogspot.com/search/label/Wordpress"> Wordpress<br /></a></li></ul><br /><strong></strong><a href="http://btemplates.com/" target="_blank">Btemplates.com</a> (inglês)<br /><ul><li class="cat-item cat-item-3"><a href="http://btemplates.com/category/1-column/" title="View all posts filed under 1 Column">1 Column</a> </li><li class="cat-item cat-item-4"><a href="http://btemplates.com/category/2-columns/" title="View all posts filed under 2 Columns">2 Columns</a> </li><li class="cat-item cat-item-5"><a href="http://btemplates.com/category/3-columns/" title="View all posts filed under 3 Columns">3 Columns</a> </li><li class="cat-item cat-item-6"><a href="http://btemplates.com/category/4-columns/" title="View all posts filed under 4 Columns">4 Columns</a> </li><li class="cat-item cat-item-57"><a href="http://btemplates.com/category/adaptation-of-wordpress/" title="View all posts filed under Adaptation of Wordpress">Adaptation of Wordpress</a> </li><li class="cat-item cat-item-18"><a href="http://btemplates.com/category/black/" title="View all posts filed under Black">Black</a> </li><li class="cat-item cat-item-13"><a href="http://btemplates.com/category/blue/" title="View all posts filed under Blue">Blue</a> </li><li class="cat-item cat-item-15"><a href="http://btemplates.com/category/brown/" title="View all posts filed under Brown">Brown</a> </li><li class="cat-item cat-item-37"><a href="http://btemplates.com/category/elegant/" title="View all posts filed under Elegant">Elegant</a> </li><li class="cat-item cat-item-21"><a href="http://btemplates.com/category/fixed-width/" title="View all posts filed under Fixed width">Fixed width</a> </li><li class="cat-item cat-item-22"><a href="http://btemplates.com/category/fluid-width/" title="View all posts filed under Fluid width">Fluid width</a> </li><li class="cat-item cat-item-38"><a href="http://btemplates.com/category/fresh/" title="View all posts filed under Fresh">Fresh</a> </li><li class="cat-item cat-item-1"><a href="http://btemplates.com/category/general/" title="View all posts filed under General">General</a> </li><li class="cat-item cat-item-28"><a href="http://btemplates.com/category/gradients/" title="View all posts filed under Gradients">Gradients</a> </li><li class="cat-item cat-item-17"><a href="http://btemplates.com/category/gray/" title="View all posts filed under Gray">Gray</a> </li><li class="cat-item cat-item-12"><a href="http://btemplates.com/category/green/" title="View all posts filed under Green">Green</a> </li><li class="cat-item cat-item-7"><a href="http://btemplates.com/category/left-sidebar/" title="View all posts filed under Left sidebar">Left sidebar</a> </li><li class="cat-item cat-item-56"><a href="http://btemplates.com/category/magazine/" title="View all posts filed under Magazine">Magazine</a> </li><li class="cat-item cat-item-36"><a href="http://btemplates.com/category/minimalist/" title="View all posts filed under Minimalist">Minimalist</a> </li><li class="cat-item cat-item-10"><a href="http://btemplates.com/category/no-images/" title="View all posts filed under No images">No images</a> </li><li class="cat-item cat-item-14"><a href="http://btemplates.com/category/orange/" title="View all posts filed under Orange">Orange</a> </li><li class="cat-item cat-item-89"><a href="http://btemplates.com/category/photolog/" title="View all posts filed under Photolog">Photolog</a> </li><li class="cat-item cat-item-16"><a href="http://btemplates.com/category/pink/" title="View all posts filed under Pink">Pink</a> </li><li class="cat-item cat-item-11"><a href="http://btemplates.com/category/red/" title="View all posts filed under Red">Red</a> </li><li class="cat-item cat-item-8"><a href="http://btemplates.com/category/right-sidebar/" title="View all posts filed under Right sidebar">Right sidebar</a> </li><li class="cat-item cat-item-9"><a href="http://btemplates.com/category/rounded-corners/" title="View all posts filed under Rounded corners">Rounded corners</a> </li><li class="cat-item cat-item-27"><a href="http://btemplates.com/category/shadow/" title="View all posts filed under Shadow">Shadow</a> </li><li class="cat-item cat-item-42"><a href="http://btemplates.com/category/violet/" title="View all posts filed under Violet">Violet</a> </li><li class="cat-item cat-item-60"><a href="http://btemplates.com/category/web-20/" title="View all posts filed under Web 2.0">Web 2.0</a> </li><li class="cat-item cat-item-19"><a href="http://btemplates.com/category/white/" title="View all posts filed under White">White</a> </li><li class="cat-item cat-item-20"><a href="http://btemplates.com/category/yellow/" title="View all posts filed under Yellow">Yellow</a> </li></ul><img alt="sengihnampakgigi" class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" title="sengihnampakgigi" /><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Colocar imagem ao lado do titulo do post

Esse tutorial é interessante para aqueles que desejam colocar uma imagem (avatar) ao lado do título do post, para uma fácil identificação do autor, e deixando um resultado estético e funcional de alta qualidade com aquele aspecto mais profissional no seu layout.

Veja na imagem acima um exemplo.

Mãos à obra.

1° passo:Vá em 'Editar HTML'do seu blog, marque a caixa 'Expandir modelos de widgets'e procure o seguinte código:

<b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'>

<data:post.title/></a>

<b:else/>

2º passo:Logo abaixo da linha destacada em azul, adicione essas linhas e salve:

<b:if cond='data:post.author == "AUTOR1"'>

<span class="author"><img src="IMAGEM1_URL"/>

</span></b:if><b:if cond='data:post.author == "AUTOR2"'>

<span class="author"><img src="IMAGEM2_URL"/></span>

</b:if>

Atenção:Você pode adicionar mais tags se o blog tiver mais de 2 autores.
O nome do usuário (AUTOR1 ou AUTOR2) que você inserir, deverá ser idêntico ao que está no perfil do Blogger para que a imagem funcione.
O ideal é uma imagem com as dimensões 30x30 ou 50x50 pixels.

3º passo:Agora procure a linha ]]></b:skin> e adicione acima dela esse código e salve:

.author img{padding: 0; float: left; border: none; margin: 0 10px 10px 0;}

A tag float bem como a border podem ser mudadas dependendo do local onde pretende que a imagem seja mostrada.

Para esse esquema está pronto.

Agora, se talvez esse código não tenha dado certo pra você, ou talvez queira apenas colocar uma pequena imagem ao lado do título do post, tem outra maneira mais fácil.

Veja:

1. Faça o logon no seu blog, entre novamente em "Editar HTML" e marque a opção "Expandir modelos de widgets "

2. Procure novamente a linha <b:includable id='post' var='post'>

3. Desça até a linha <a expr:href='data:post.url'> <data:post.title/ a> e entre os dois >< cole o código abaixo, lembrando que a sua imagem já deve estar criada e disponível em algum site de hospedagem. O código da imagem: <img src="URL da imagem" style="border-width:0px" />

4. Deve ficar como está na imagem abaixo:

Depois clique em visualizar e o resultado deve ser o mesmo que o título desse post (veja a bandeirinha do Brasil). Se gostou do resultado é só salvar o modelo e pronto.

---

Copie essa postagem para seu Blog: <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivsuQnnbbtZyyoXe7SMAgSvAkrBZLvbF8COanvS1dFampMa9_H8FDrKD-9arfbNtV1Wx8MMDOdX8dpZwAPn0EBVth9d4MfT5NL1hC_BBPUWv4BOmvWdhCSXzg7qzZgPFh6tuNbpZYDSL3r/s1600-h/post+imagem.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNZhzWQ6zeKKjfhynWCNNlt60yDlLU9pWb7mUg-pMunzhyphenhyphenQX01tT2nWlXxBX1RR4t0eQql2075qbP5fSpeAZ0Y_IEVfub9ZQT9W29-bFzHrVHLxHDrj9sYgKBdYhSuMw88y596XVBwk7EU/s400-r/post+imagem.jpg" /></a></div>Esse tutorial é interessante para aqueles que desejam colocar uma imagem (avatar) ao lado do título do post, para uma fácil identificação do autor, e deixando um resultado estético e funcional de alta qualidade com aquele aspecto mais profissional no seu layout.<br /><br />Veja na imagem acima um exemplo.<br /><br /><b></b><b>Mãos à obra.</b><br /><br /><b>1° passo:</b>Vá em 'Editar HTML'do seu blog, marque a caixa 'Expandir modelos de widgets'e procure o seguinte código:<br /><br /><span style="color: rgb(255, 0, 0);"><b:includable id='post' var='post'> </span><br /><div style="color: rgb(255, 0, 0);" color="red"><div class='post hentry uncustomized-post-template'> </div><span style="color: rgb(51, 51, 255);"><a expr:name='data:post.id'/></span><div style="color: rgb(255, 0, 0);" color="red"><b:if cond='data:post.title'> </div><div style="color: rgb(255, 0, 0);"><h3 class='post-title entry-title'> </div><div style="color: rgb(255, 0, 0);"><b:if cond='data:post.link'> </div><div style="color: rgb(255, 0, 0);"><a expr:href='data:post.link'></div><div style="color: rgb(255, 0, 0);"><data:post.title/></a> </div><span style="color: rgb(255, 0, 0);"><b:else/></span><br /><br /><b>2º passo:</b>Logo abaixo da linha destacada em azul, adicione essas linhas e salve:<br /><br /><div style="color: rgb(255, 0, 0);" color="red"><b:if cond='data:post.author == "AUTOR1"'> </div><div style="color: rgb(255, 0, 0);" color="red"><span class="author"><img src="IMAGEM1_URL"/></div><div style="color: rgb(255, 0, 0);" color="red"></span></b:if><b:if cond='data:post.author == "AUTOR2"'> </div><div style="color: rgb(255, 0, 0);" color="red"><span class="author"><img src="IMAGEM2_URL"/></span> </div><div style="color: red;"></b:if> </div><br /><b>Atenção:<span style="color:orange;"></span></b>Você pode adicionar mais tags se o blog tiver mais de 2 autores.<br /><span style="font-weight: bold;">O nome do usuário (AUTOR1 ou AUTOR2) que você inserir, deverá ser idêntico ao que está no perfil do Blogger </span><span style="font-weight: bold;">para que a imagem funcione.</span><br />O ideal é uma imagem com as dimensões 30x30 ou 50x50 pixels.<br /><br /><b>3º passo:</b>Agora procure a linha <span style="color:red;">]]></b:skin></span> e adicione acima dela esse código e salve:<br /><br /><span style="color:red;">.author img{padding: 0; float: left; border: none; margin: 0 10px 10px 0;} </span><br /><br />A tag float bem como a border podem ser mudadas dependendo do local onde pretende que a imagem seja mostrada.<br /><br />Para esse esquema está pronto.<br /><br /><strong>Agora, se talvez esse código não tenha dado certo pra você, ou talvez queira apenas colocar uma pequena imagem ao lado do título do post, tem outra maneira mais fácil</strong>.<br /><br /><span style="font-weight: bold;">Veja:</span><br /><div align="justify"><span style="font-size:100%;">1. Faça o logon no seu blog, entre novamente em "Editar HTML" e marque a opção "Expandir modelos de widgets "</span></div><div align="justify"><span style="font-size:100%;">2. Procure novamente a linha <strong><span style="color: rgb(255, 0, 0);"></span></strong></span><span style="color: rgb(255, 0, 0);font-size:100%;" ><</span><span style="font-size:100%;"><strong><span style="color: rgb(255, 0, 0);">b:includable id='post' var='post'</span></strong></span><span style="color: rgb(255, 0, 0);font-size:100%;" >></span></div><div align="justify"><span style="font-size:100%;">3. Desça até a linha </span><span style="color: rgb(0, 153, 0);font-size:100%;" ></span><span style="color: rgb(0, 153, 0);"><a expr:href='data:post.url'> <data:post.title/ a></span><span style="color: rgb(0, 153, 0); font-weight: bold;font-size:100%;" ></span><span style="font-size:100%;"><strong style="color: rgb(0, 153, 0); font-weight: bold;"></strong> e entre os dois<span style="color: rgb(255, 0, 0);"> <strong></strong></span></span><span style="color: rgb(255, 0, 0);font-size:100%;" ></span><span style="color: rgb(0, 153, 0); font-weight: bold;">><</span><span style="color: rgb(255, 0, 0);font-size:100%;" ></span><span style="font-size:100%;"><span style="color: rgb(255, 0, 0);"><strong> </strong></span>cole o código abaixo, lembrando que a sua imagem já deve estar criada e disponível em algum site de hospedagem. O código da imagem:<span style="color: rgb(255, 0, 0);"> </span><strong></strong></span><span style="color: rgb(255, 0, 0);font-size:100%;" ><</span><span style="font-size:100%;"><strong><span style="color: rgb(255, 0, 0);">img</span><span style="color: rgb(255, 0, 0);"> src="URL da imagem" style="border-width:0px" /</span></strong></span><span style="color: rgb(255, 0, 0);font-size:100%;" >></span></div><div align="justify"><span style="font-size:100%;"><span style="font-size:100%;">4. Deve ficar como está na imagem abaixo:</span><br /><br /></span><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNj7n6mWdmQZHZ3Cpd1JiieZCI5NwmTB9Y8AJXhH2aXSvq9I5uyg2mP-oqc304eLhAfHgIruF1ZDWbAUTV4IG3RGCbg0gLzlVb7aSit0-xHXfyyjnMgfIocHLt_egbZMLXXRqaYn4gc5k6/s400/imagem+titulo+post.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 167px;" />Depois clique em visualizar e o resultado deve ser o mesmo que o título desse post (veja a bandeirinha do Brasil). Se gostou do resultado é só salvar o modelo e pronto.<br /></div><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Criar Hack para suas postagens

Esse tutorial é para criar um Hack (botão, link) de todos os post, ou seja, direcionar o leitor do seu blog para um lugar (logo abaixo do cabeçalho do seu blog) onde todos os artigos do seu blog estão reunidos, com organização de data e titulo da sua publicação em uma bonita e eficiente tabela em ajax, quando clicado aparece todos os posts publicados e, clicando novamente desaparece, na mesma janela de navegação (na sua Home).

Primeiro passo: Acesse a página de configurações do seu blog e, clique em "EDITAR HTML". Encontre essa linha de código:
<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>

Ao encontrar esta linha pode ser que ela esteja sem o "maxwidgets 2", e "no" onde deveria estar "yes" em "showaddelement". Então, coloque o 'maxwidgets' com o valor "2" e coloque o 'showaddelement' com "yes", exatamente como no código acima. Salve o seu template.

Segundo passo:Veja em "Layout" (Adicionar e organizar elementos da página)... irá perceber que agora você pode adicionar widgets, acima da coluna principal, ou seja onde se encontra os artigos publicados no seu blog, então, clique nesse "Adicionar um Gadget" e nele coloque a seguinte linha html, mas deixe seu widget sem titulo, depois salve:

<div id="toc"> </div>

Terceiro passo: Agora vamos adicionar o link ou botão no topo da barra lateral, depois você pode mudar de lugar se quiser, mas por enquanto siga os passos corretamente. Crie um novo widget, agora na sua barra lateral e adicione o seguinte código:

<div id="toclink"><a href="javascript:showToc();">Conteudo do Blog</a></div>
<script style="text/javascript" src="http://7ekadw.bay.livefilestore.com/y1pMfum252BrWVA7OAQjAv3uTMZN4g2MDSIQC14gMxyLsLgYzwa2f1sFy8AQbhvr-jBMQ-zWguI2MzZxMHplzxrJA/blogtoc.js">
</script>
<script src="http://NOMEDOSEUBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

Obs: No código que está escrito em letra maiúscula "NOMEDOSEUBLOG" não esqueça de colocar o nome do seu blog!

Onde está escrito "conteúdo do blog", você pode alterar ao seu gosto já que este é o link que irá aparecer, pode até colocar uma imagem desde que altere apenas a área escrita "conteúdo do blog".

Observe também que na linha http://7ekadw.bay.livefilestore.com/y1pMfum252BrWVA7OAQjAv3uTMZN4g2MDSIQC14gMxyLsLgYzwa2f1sFy8AQbhvr-jBMQ-zWguI2MzZxMHplzxrJA/blogtoc.js, dá pra perceber que este arquivo foi hospedado por mim, mas se você quiser, hospede em um site/host de sua confiança, no meu caso hospedei no SkyDrive (Windows Live). Como hospedar Java Script no Skydrive.

|download do código|


Quarto passo: Acesse novamente a página de configurações do seu blog e clique em "EDITAR HTML". Copie o código abaixo e cole logo acima da tag ]]></b:skin> do seu Template e salve.

<style type="text/css">
#toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ffd595;
color: #000000;
padding-left: 5px;
width:250px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:80%;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:80%;
text-decoration:underline;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:70%;
}
</style>

Pronto. Agora seus leitores podem optar em ver todos os seus posts, e selecionar vê-los por data ou categoria.
Qualquer dúvida...

---

Copie essa postagem para seu Blog: <img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4BnA3bS-n3RyXBx62alhTCVg2KNd1dE0Ppggvor0v5Wo6f4kJn1CpBSK_MzcWVCFcAXDhHqox8wW9RLkMUDgc2NVxZNQjIxsbuP8bFa4yz0C0ce-bsh52aw6NPUrzNHNEVVBn4gAxE2jB/s400/hack+posts.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 364px; height: 355px;" /><br /><div style="text-align: justify;">Esse tutorial é para criar um Hack (botão, link) de todos os post, ou seja, direcionar o leitor do seu blog para um lugar (logo abaixo do cabeçalho do seu blog) onde todos os artigos do seu blog estão reunidos, com organização de data e titulo da sua publicação em uma bonita e eficiente tabela em <strong>ajax,</strong> quando clicado aparece todos os posts publicados e, clicando novamente desaparece, na mesma janela de navegação (na sua Home).<br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">Primeiro passo:</span> Acesse a página de configurações do seu blog e, clique em "EDITAR HTML". Encontre essa linha de código:<br /><span style="color: rgb(153, 0, 0);"></span><span style="color: rgb(153, 0, 0);"><b:section class='main' id='main' maxwidgets='2' showaddelement='yes'></span><br /><br />Ao encontrar esta linha pode ser que ela esteja sem o "<span style="font-weight: bold;">maxwidgets 2</span>", e "<span style="font-weight: bold;">no</span>" onde deveria estar "<span style="font-weight: bold;">yes</span>" em "showaddelement". Então, coloque o '<span style="font-weight: bold;">maxwidgets</span>' com o valor "<span style="font-weight: bold;">2</span>" e coloque o '<span style="font-weight: bold;">showaddelement</span>' com "<span style="font-weight: bold;">yes</span>", exatamente como no código acima. Salve o seu template.<br /></div><br /><div style="text-align: justify;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGaGKd1rtl3rQs3XeWvifCmFawNL0jmDL3v3xKP0caKHkFM4diDlS_WIPi8N5UQgpqTdt4DOQoSPDUjvrPwI5mh2W8IY9U7WPQOjfMKABWWnYY92Uyqlf6B6Wz5hsLqiPdaGa2q8JadZ6t/s400/adicionar+widget.jpg" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 266px; height: 298px;" /><h5><span style="font-weight: bold;"><span style="color: rgb(255, 0, 0);">Segundo passo</span>:</span>Veja em "<span style="color: rgb(255, 0, 0);">Layout</span>" (Adicionar e organizar elementos da página)... irá perceber que agora você pode adicionar widgets, acima da coluna principal, ou seja onde se encontra os artigos publicados no seu blog, então, clique nesse "Adicionar um Gadget" e nele coloque a seguinte linha html, mas deixe seu widget sem titulo, depois salve:</h5> <span style="color: rgb(153, 0, 0);"><div id="toc"> </div></span><br /><br /></div><img src="http://www.blogger.com/img/widgets/icon_html.gif" /><br /><br /><div style="text-align: justify;"><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br /><br />Terceiro passo:</span> Agora vamos adicionar o link ou botão no topo da barra lateral, depois você pode mudar de lugar se quiser, mas por enquanto siga os passos corretamente. Crie um novo widget, agora na sua barra lateral e adicione o seguinte código:<br /></div><span style="color: rgb(153, 0, 0);"><h5><div id="toclink"><a href="javascript:showToc();">Conteudo do Blog</a></div><br /><span style="color: rgb(153, 0, 0);"><script style="text/javascript" src="</span><span style="font-weight: bold; color: rgb(51, 51, 255);"></span><span style="font-weight: normal; color: rgb(51, 51, 255);">http://7ekadw.bay.livefilestore.com/y1pMfum252BrWVA7OAQjAv3uTMZN4g2MDSIQC14gMxyLsLgYzwa2f1sFy8AQbhvr-jBMQ-zWguI2MzZxMHplzxrJA/blogtoc.js</span><span style="color: rgb(153, 0, 0);">"></span><br /><span style="color: rgb(153, 0, 0);"></script></span><br /><span style="color: rgb(153, 0, 0);"><script src="http://NOMEDOSEUBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script></span><br /></h5></span><span style="font-weight: bold;">Obs:</span> No código que está escrito em letra maiúscula "NOMEDOSEUBLOG" não esqueça de colocar o nome do seu blog!<br /><br />Onde está escrito "conteúdo do blog", você pode alterar ao seu gosto já que este é o link que irá aparecer, pode até colocar uma imagem desde que altere apenas a área escrita "conteúdo do blog".<br /><br />Observe também que na linha <span style="color: rgb(51, 51, 255);">http://7ekadw.bay.livefilestore.com/y1pMfum252BrWVA7OAQjAv3uTMZN4g2MDSIQC14gMxyLsLgYzwa2f1sFy8AQbhvr-jBMQ-zWguI2MzZxMHplzxrJA/blogtoc.js</span>, dá pra perceber que este arquivo foi hospedado por mim, mas se você quiser, hospede em um site/host de sua confiança, no meu caso hospedei no <span style="font-weight: bold;">SkyDrive (Windows Live)</span>. <a href="http://linksduzao.blogspot.com/2008/10/hospedando-arquivos-javascript-no.html" target="blank">Como hospedar Java Script no Skydrive</a>.<br /><br /><a href="http://members.lycos.co.uk/juniormortelenta/blogtoc.js" target="blank">|download do código|</a><br /><br /><br /><span style="color: rgb(255, 0, 0); font-weight: bold;">Quarto passo:</span> Acesse novamente a página de configurações do seu blog e clique em "EDITAR HTML". Copie o código abaixo e cole logo acima da tag <span style="color: rgb(204, 0, 0);">]]></b:skin></span> do seu Template e salve.<br /><br /><style type="text/css"><br />#toc {<br />border: 0px solid #000000;<br />background: #ffffff;<br />padding: 5px;<br />width:500px;<br />margin-top:10px;<br />}<br />.toc-header-col1, .toc-header-col2, .toc-header-col3 {<br />background: #ffd595;<br />color: #000000;<br />padding-left: 5px;<br />width:250px;<br />}<br />.toc-header-col2 {<br />width:75px;<br />}<br />.toc-header-col3 {<br />width:125px;<br />}<br />.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {<br />font-size:80%;<br />text-decoration:none;<br />}<br />.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {<br />font-size:80%;<br />text-decoration:underline;<br />}<br /><br />.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {<br />padding-left: 5px;<br />font-size:70%;<br />}<br /></style><br /><br /><span style="font-weight: bold;">Pronto. </span>Agora seus leitores podem optar em ver todos os seus posts, e selecionar vê-los por data ou categoria.<br />Qualquer dúvida...<br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Otimizando o endereço do post no Blogger

Quando você coloca título no post, o Blogger transforma esse título no endereço da página do post. Se você coloca todos os acentos, pontos, traços… esses caracteres especiais tendem a ser suprimidos, tornando o endereço do post complicado e esquisito.

A princípio parece não haver nenhum problema nisso, já que a maioria dos seus posts serão acessados por meio de cliques, não por digitação.

Porém não é só isso, o endereço (URL) da página é a informação considerada mais importante numa busca do Google e, se o endereço do seu post corresponde ao que tem nele, o leitor que procura aquela informação sairá ganhando, e você também, é claro.
Contudo, como fazer isso sem comprometer a qualidade do título do post?

O Blogger só grava o primeiro título que você dá a um post. Se você, quando publica a postagem, chama o post de "Brasil Brasileiro", o Blogger vai chamar a página de …2008/10/brasil-brasileiro.html.

Mas se no instante seguinte você edita a página e muda o título para "Brasil Estrangeiro", o Blogger vai continuar chamando o endereço de "brasil-brasileiro.html ", mesmo tendo mudado o título!.

Quando o título do seu post é longo e tem conectivos como "de", "para", "com" e verbos de ligação como "é", "foi"… o melhor é salvar o post pela primeira vez sem esse conectivos, só com as palavras chaves. Um exemplo:

Em um post que eu quero chamar de 'Barack Obama ganhará as eleições nos EUA " eu salvo apenas "Barack Obama ganhara eleicoes EUA" e depois edito o post para colocar o título correto.

É uma forma mais eficiente do link do seu post ser indexado pelos motores de buscas, aumentando as chances do seu blog ser reconhecido.

---

Copie essa postagem para seu Blog: <img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh60pY8ijmCTVDpvXFbAM8fxE-VwYI3gAwf8YZY2c1uBBly-O7PWBIYvfphIPAclGiINNX8wBZg6JvxSFHi7_w6LeYdvJ9oYISiWWYJaoPnv8_nn9THnk6DSfkH1V72eupBRK9Cd5DoaH1i/s400/seo_copywriting_services.jpg" style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 400px; height: 264px;" /><div style="text-align: justify;"><p class="introduction">Quando você coloca título no post, o Blogger transforma esse título no endereço da página do post. Se você coloca todos os acentos, pontos, traços… esses caracteres especiais tendem a ser suprimidos, tornando o endereço do post complicado e esquisito.<br /><br />A princípio parece não haver nenhum problema nisso, já que a maioria dos seus posts serão acessados por meio de cliques, não por digitação.<br /><br />Porém não é só isso, o endereço (URL) da página é a informação considerada mais importante numa busca do Google e, se o endereço do seu post corresponde ao que tem nele, o leitor que procura aquela informação sairá ganhando, e você também, é claro.<br />Contudo, como fazer isso sem comprometer a qualidade do título do post?<br /><br />O Blogger só grava o primeiro título que você dá a um post. Se você, quando publica a postagem, chama o post de "<span style="font-style: italic;">Brasil Brasileiro</span>", o Blogger vai chamar a página de …<span style="font-style: italic;">2008/10/brasil-brasileiro.html</span>.</p><p class="introduction"><br />Mas se no instante seguinte você edita a página e muda o título para "Brasil Estrangeiro", o Blogger vai continuar chamando o endereço de "<span style="font-style: italic;">brasil-brasileiro.html</span> ", mesmo tendo mudado o título!.<br /><br />Quando o título do seu post é longo e tem conectivos como "de", "para", "com" e verbos de ligação como "é", "foi"… o melhor é salvar o post pela primeira vez sem esse conectivos, só com as palavras chaves. Um exemplo:<br /><br />Em um post que eu quero chamar de 'Barack Obama ganhará as eleições nos EUA " eu salvo apenas "Barack Obama ganhara eleicoes EUA" e depois edito o post para colocar o título correto.<br /><br />É uma forma mais eficiente do link do seu post ser indexado pelos motores de buscas, aumentando as chances do seu blog ser reconhecido.</p><br /></div><img alt="tepuktangan" class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif" title="tepuktangan" /><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Hospedando arquivos JavaScript no SkyDrive

O Google como muitos sabem, está extinguindo o Google Pages e migrando para sua nova plataforma Google Sites. Acontece que, o Google Sites não hospeda arquivos Java Script (JS) , então, como hospedar gratuitamente seus arquivos Java (pode ser imagens, vídeos, mp3, etc..), que fazem quase todos os hacks/links funcionarem, assim como o seu e de muitos blogueiros por aí?

Uma forma encontrada (não a ideal, mas funciona) seria hospedar seus arquivos no SkyDrive (Windows Live). Ele oferece até 5 GB gratuitamente.

Para acessar, você precisa ter uma conta (é grátis) noWindows Live (Hotmail, MSN, Spaces, etc.). Se você ainda não tem, crie uma e depois vá em Windows Live Sky Drive.

Depois que tiver sua conta, faça um upload de qualquer arquivo JavaScript - pode ser também imagens, vídeos, mp3, etc.. - para a pasta pública (Public Folder).

Ao final do upload clique no arquivo que vai aparecer na pasta (aquele que você upou). Uma janela se abrirá detalhando o arquivo.

Saiba que os links gerados pelo Ski Drive não servem para redirecionar ao arquivo em questão. Aí é que entra o truque.

Coloque o mouse em "Baixar" no menu acima e, com o botão direito, clique e escolha "Copiar link" e copie todo o endereço para um bloco de notas (esse é o link para download do arquivo)

Exemplo:

http://7ekadw.bay.livefilestore.com/y1pMfum252BrWVA7OAQjAv3uTMZN4g2MDSIQC14gMxyLsLgYzwa2f1sFy8AQbhvr-jBMQ-zWguI2MzZxMHplzxrJA/blogtoc.js?download

Atenção: O texto que está em vermelho (?download) será retirado para fazer o código funcionar. O endereço tem que terminar com a extensão do arquivo upado.

Exemplo:

http:// link gerado pelo skydrive/NOME DO SEU ARQUIVO.js

Pronto. Agora é só usar esse endereço do link em seu blog/site.

---

Copie essa postagem para seu Blog: <img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHhYUQsQJPa86lOIQOK9d0e3WB1rzsbrGFCgMfGzo_6sVYm-PaMWAzGu7mgOnGYCiI4zlLKETlkJtUJktMl8KWfA8zP-HBOrL98rx027uJemnZEDMMHsjF2laK4569PfxSzH7_MUk1jMJ8/s400/javascript.jpg" style="cursor: pointer; width: 400px; height: 267px;" /><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuNrbtvc8JuXAp2hDtayJZxgqGoI0k-KDPXHwa7St_090kOWe3WCzWudilmFcOPHt5ICTBEZGwXD3ed6H-98EgU48iGbmXzEZMyivPguQ80G2wDdm2wvj7TWe-7y8tL1JRxt2H4KNWvCK9/s400/Skydrive_256x256_720.jpg" style="cursor: pointer; width: 254px; height: 145px;" /><br /><div style="text-align: justify;">O <strong>Google</strong> como muitos sabem, está extinguindo o <strong>Google Pages</strong> e migrando para sua nova plataforma <strong>Google Sites</strong>. Acontece que, o <span style="font-style: italic;">Google Sites</span> não hospeda arquivos Java Script (JS) , então, como hospedar gratuitamente seus arquivos Java (pode ser imagens, vídeos, mp3, etc..), que fazem quase todos os hacks/links funcionarem, assim como o seu e de muitos blogueiros por aí?<br /><br />Uma forma encontrada (não a ideal, mas funciona) seria hospedar seus arquivos no <span style="font-style: italic;">SkyDrive</span> (Windows Live). Ele oferece até <span style="font-weight: bold;">5 GB gratuitamente</span>.<br /><br />Para acessar, você precisa ter uma conta (é grátis) no<a href="http://home.live.com/" target="_blank">Windows Live</a> (Hotmail, MSN, Spaces, etc.). Se você ainda não tem, crie uma e depois vá em <a href="http://home.live.com/?mkt=pt-br" target="+blank">Windows Live Sky Drive</a>.<br /><br />Depois que tiver sua conta, faça um upload de qualquer arquivo JavaScript - pode ser também imagens, vídeos, mp3, etc.. - para a pasta pública (Public Folder).<br /><br />Ao final do upload clique no arquivo que vai aparecer na pasta (aquele que você upou). Uma janela se abrirá detalhando o arquivo.<br /></div><div style="text-align: center;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO0L5lElBWUdL9xvDAPX6PYEzUnJk3SeglFOtkdX36Dojaas7cQUUN4amGhZm7dZtqZuUXgCG3S39eJEdD0FGBiXfN_QIPC39RxeYoFa74BquRJOkk2nbFrNn9_6mAKPp0ztMsLWEfdYQn/+2.jpg" /><br /></div>Saiba que os links gerados pelo Ski Drive não servem para redirecionar ao arquivo em questão. Aí é que entra o truque.<br /><br /><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcovGqteQLLBfykj_bstQg-hMPUwQnksVshkHbKEccLhvW2jd1eagXFH1vZJwFaCHtyrFDZTYMOIa0wv5I0HLlUm_f1nKersIQvTCllOI2D5vHKhP8HxzJKc6H9LlHfo4w6lpowP0HU8dA/s400/menu+skydrive.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 110px;" />Coloque o mouse em "Baixar" no menu acima e, com o botão direito, clique e escolha "Copiar link" e copie todo o endereço para um bloco de notas (esse é o link para download do arquivo)<br /><br />Exemplo:<br /><br /><span style="color: rgb(51, 51, 255);"></span>http://7ekadw.bay.livefilestore.com/y1pMfum252BrWVA7OAQjAv3uTMZN4g2MDSIQC14gMxyLsLgYzwa2f1sFy8AQbhvr-jBMQ-zWguI2MzZxMHplzxrJA/blogtoc.js<span style="color: rgb(153, 0, 0); font-weight: bold;">?download</span><br /><br />Atenção: O texto que está em vermelho (<span style="color: rgb(153, 0, 0); font-weight: bold;">?download</span>) será retirado para fazer o código funcionar. O endereço tem que terminar com a extensão do arquivo upado.<br /><br />Exemplo:<br /><br /><span style="font-style: italic;">http:// link gerado pelo skydrive/NOME DO SEU ARQUIVO.js</span><br /><br />Pronto. Agora é só usar esse endereço do link em seu blog/site.<br /> <a class="commandBarItem commandBarLeft" href="http://7ekadw.bay.livefilestore.com/y1pVHVv7LFe-IefYOYcnIV49hGPRctqm3LgaFsv7S_qzX4uy7R7OT29rjt3hW-cWiTikfTVrlRzoJo/blogtoc.js?download" id="download" title="Baixar"><span class="commandBarSpan commandBarSprite commandBarSprite_0_-64_16_16"></span></a><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Buscador original e eficiente

Coloque um buscador diferente em seu blog que, ao mesmo tempo é eficiente e original em seu desenho.



1° passo: Coloque esse código em um novo "Elemento HTML (Gadget) " em sua sidebar:

<form action="/search" style="display:inline;" method="get">
<input id="s" onfocus="this.value=''" value="Texto a buscar" class="formsuch" name="q" size="17" type="text"/>
<input alt="Buscar" src="http://img142.imageshack.us/img142/7/searchiconry7.png" class="searchicon" value="Search" name="submit" type="image"/>
</form>


2º passo: Este será o código CSS que você vai colocar em "Editar HTML" de seu Template, sempre antes de ]]></b:skin>:

.searchicon:focus {
background-color: white;
color : black;
outline : none; }

input:focus {
background-color: #FFFFCC;
color : black;
outline : none; }

legend {
padding: 0.5em 0.5em 0 0.5em;
font: 30px Georgia,Verdana,sans-serif;}

input {
border : 1px solid black;
padding: 4px;
outline : none; }

.searchicon {
margin-left : -26px;
margin-bottom : -29px;
border : 0;}

Salve e esse é o resultado.

A "caixa" do buscador mudará de cor quando é colocado o termo de busca, sabendo que, o texto que se vê dentro dela "Texto a buscar" desaparece ao escrever qualquer texto.

---

Copie essa postagem para seu Blog: <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezb9r0rI6976Fc9UB1dkTBsMRFRKIj7ibN900pyyYXbVe2qM8vWhTxovexDhTTm6NiWohxZmTYyR-_q2TSjml9WbVWekd6qFwAYGJg6-KmWnJFNKKqzs4R5c2jdj-TyI_ivongXiJPgHA/s1600-h/Buscador.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5262160255350974818" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezb9r0rI6976Fc9UB1dkTBsMRFRKIj7ibN900pyyYXbVe2qM8vWhTxovexDhTTm6NiWohxZmTYyR-_q2TSjml9WbVWekd6qFwAYGJg6-KmWnJFNKKqzs4R5c2jdj-TyI_ivongXiJPgHA/s400/Buscador.jpg" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 170px; height: 62px;" /></a>Coloque um buscador diferente em seu blog que, ao mesmo tempo é eficiente e original em seu desenho.<br /><br /><span style="font-weight: bold;"><br /><br />1° passo:</span> Coloque esse código em um novo "<span style="font-weight: bold;">Elemento HTML (Gadget)</span> " em sua sidebar:<br /><br /><form action="/search" style="display:inline;" method="get"><br /><input id="s" onfocus="this.value=''" value="Texto a buscar" class="formsuch" name="q" size="17" type="text"/><br /><input alt="Buscar" src="http://img142.imageshack.us/img142/7/searchiconry7.png" class="searchicon" value="Search" name="submit" type="image"/><br /></form><br /><br /><br /><b>2º passo:</b> Este será o código CSS que você vai colocar em "<b>Editar HTML</b>" de seu Template, sempre antes de <b>]]></b:skin></b>:<br /><br />.searchicon:focus {<br />background-color: white;<br /> color : black;<br />outline : none; }<br /><br />input:focus {<br />background-color: #FFFFCC;<br /> color : black;<br />outline : none; }<br /><br />legend {<br />padding: 0.5em 0.5em 0 0.5em;<br />font: 30px Georgia,Verdana,sans-serif;} <br /> <br />input {<br />border : 1px solid black;<br />padding: 4px;<br />outline : none; } <br /><br />.searchicon {<br />margin-left : -26px;<br />margin-bottom : -29px;<br />border : 0;}<br /><br />Salve e esse é o resultado.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6YqejCRZCuweNNOAlYmKSl9dxc6Q_QV5Mte2e6aBuH1KA9JeNw7sX02p3Q1OGBdJwEAwNxsNd7iI1XCCOXI8FPKXroHemuVPwXz5RAmZMUTCQedwt6XlwgFXHlchmn47SQeWJW3gHSWY3/s1600-h/Buscador1.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5262160888951605266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6YqejCRZCuweNNOAlYmKSl9dxc6Q_QV5Mte2e6aBuH1KA9JeNw7sX02p3Q1OGBdJwEAwNxsNd7iI1XCCOXI8FPKXroHemuVPwXz5RAmZMUTCQedwt6XlwgFXHlchmn47SQeWJW3gHSWY3/s400/Buscador1.jpg" style="cursor: pointer; width: 173px; height: 55px;" /></a><br /><br />A "caixa" do buscador mudará de cor quando é colocado o termo de busca, sabendo que, o texto que se vê dentro dela "<b>Texto a buscar</b>" desaparece ao escrever qualquer texto.<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikHcSiybavMskAvW-0t5QQny3lne9bPJ-oNFTkIYkdDDE94tXct_giriYgK5O1YFkTh-aW0aIGRgHSbsJLxOtL1LJxdXrw3e9h4IalF1yqnPVx4LR-HfOWBpxWfOekfamus6U0PxuSO92a/s1600-h/Bucador2.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5262160891963684530" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikHcSiybavMskAvW-0t5QQny3lne9bPJ-oNFTkIYkdDDE94tXct_giriYgK5O1YFkTh-aW0aIGRgHSbsJLxOtL1LJxdXrw3e9h4IalF1yqnPVx4LR-HfOWBpxWfOekfamus6U0PxuSO92a/s400/Bucador2.jpg" style="cursor: pointer; width: 170px; height: 45px;" /></a><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Widget com as suas postagens + Feed

Colocar esse widget, com o nome das suas categorias de postagens - veja o ícone de feed para seu leitor assinar - , com opção de que elas se expandam (clicando nessa seta ►) e mostrem os títulos das suas postagens, economiza um bom espaço em seu blog, além de ficar bonito.

Para colocar esse widget (veja como fica na imagem acima), siga os passos:

1º passo: Entre em seu Template em "Editar HTML" e localize esta linha de código (sem expandir widgets):<b:section class='sidebar' id='sidebar' preferred='yes'>

2º passo: Copie este código abaixo e cole imediatamente abaixo da linha de código do passo 1. Salve seu Template:

<b:widget id='Label12' locked='false' title='Categorias' type='Label'><b:includable id='main'><script type='text/javascript'>home_page = "http://SEU_BLOG.blogspot.com/";max_rc_posts = 10;</script><script src='http://1nnumq.blu.livefilestore.com/y1pqbM0XpKkwCu226VeeIp_Ff7d5oxgeeKvy0xvxMGcxmFVTGMO0eMtppFYTBVgr8T8UdWn9eN2b1o8YvIEsKsByw/show_prev_item_in_label_v10.js' type='text/javascript'/><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'><ul><b:loop values='data:labels' var='label'><li><a expr:href='data:post.url + "/feeds/posts/default/-/" + data:label.name'><img src='http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SP9USfdc9aI/AAAAAAAAEgk/LKHLLAOgJ68/s320-R/16-rss-square.png'/></a><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/> <span dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='"showPostLabel(\"" + data:label.name + "\",event)"' href='javascript:void(0)'>►</a></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><span dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='"showPostLabel(\"" + data:label.name + "\",event)"' href='javascript:void(0)'>►</a></b:if></li></b:loop></ul></div></b:includable></b:widget>

Atenção: Mude nesse código onde diz "SEU_BLOG" pelo nome do seu blog.

Pronto.

Adaptado daqui

---

Copie essa postagem para seu Blog: <div style="text-align: center;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio4ZCx74HbwC3Uvd592BVxOyrm4Pt7zjL22nPcGIVZjN8855yFIswdghM0tvtRBfxRsbsAa6BwnBevO1wqJgdYq0YyLJxrth3G2YZSfckY5-9H4ErRkqpF5FGeCDeIyetmmeBvt24ekPEV/" /><br /></div><br /><div style="text-align: justify;">Colocar esse widget, com o nome das suas categorias de postagens - veja o ícone de feed para seu leitor assinar - , com opção de que elas se expandam (clicando nessa seta ►) e mostrem os títulos das suas postagens, economiza um bom espaço em seu blog, além de ficar bonito.<br /><br />Para colocar esse widget (veja como fica na imagem acima), siga os passos:<br /></div><br /><span style="font-weight: bold;"><br />1º passo:</span> Entre em seu Template em "Editar HTML" e localize esta linha de código (sem expandir widgets):<span style="color:blue;"><b:section class='sidebar' id='sidebar' preferred='yes'></span><br /><br /><span style="font-weight: bold;">2º passo:</span> Copie este código abaixo e cole imediatamente abaixo da linha de código do passo 1. Salve seu Template:<br /><br /><textarea cols="60" name="textarea" onfocus="this.select()" onmouseover="this.focus()" rows="5"><b:widget id='Label12' locked='false' title='Categorias' type='Label'><b:includable id='main'><script type='text/javascript'>home_page = "http://SEU_BLOG.blogspot.com/";max_rc_posts = 10;</script><script src='http://1nnumq.blu.livefilestore.com/y1pqbM0XpKkwCu226VeeIp_Ff7d5oxgeeKvy0xvxMGcxmFVTGMO0eMtppFYTBVgr8T8UdWn9eN2b1o8YvIEsKsByw/show_prev_item_in_label_v10.js' type='text/javascript'/><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'><ul><b:loop values='data:labels' var='label'><li><a expr:href='data:post.url + "/feeds/posts/default/-/" + data:label.name'><img src='http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SP9USfdc9aI/AAAAAAAAEgk/LKHLLAOgJ68/s320-R/16-rss-square.png'/></a><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/> <span dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='"showPostLabel(\"" + data:label.name + "\",event)"' href='javascript:void(0)'>►</a></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><span dir='ltr'>(<data:label.count/>)</span> <a expr:onclick='"showPostLabel(\"" + data:label.name + "\",event)"' href='javascript:void(0)'>►</a></b:if></li></b:loop></ul></div></b:includable></b:widget>

Atenção: Mude nesse código onde diz "SEU_BLOG" pelo nome do seu blog.

Pronto.

Adaptado daqui
Postagem original:Linksduzão

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Mostrar no seu blog uma frase ou imagem dependendo da hora do dia

Mensagem conforme a hora do dia.
Use o código abaixo:

<SCRIPT language="JavaScript">
<!--
document.write("<dl><dd>")
day = new Date()
hr = day.getHours()
if ((hr==1)||(hr==2)||(hr==3)||(hr==4) || (hr==5))
document.write("Você não devia estar dormindo?")
if (((hr==6) || (hr==7) || (hr==8) || (hr==9) || (hr==10))
|| (hr==11)) document.write("Bom dia!")
if (hr==12) document.write("Vamos almoçar?")
if ((hr==13) || ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write("Boa Tarde")
if ((hr==18) || (hr==19)) document.write("Bom final de tarde!")
if ((hr==20) || (hr==21) || (hr==22)) document.write("Boa Noite")
if (hr==23) document.write("Óh! Meu! Já¡ são quase meia-noite!")
if (hr==0) document.write("Meia-noite! Já¡ é amanhã!")
document.write("</dl>")
//--->
</SCRIPT>

Veja como modificar esse script para você colocar as mensagens que desejar nele, conforme o horário. O trecho a ser alterado se resume em apenas uma linha:

if ((hr==13)
|| ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write("Boa Tarde")

Se você observar notará que os números (13, 14, 15, 16, 17) são as horas do dia e caso seja uma dessas horas a mensagem será Boa tarde, então precisamos deixar cada hora com a mensagem que desejamos e claro no caso de usar a mesma coisa para varias horas pode ser feito com o código como está acima, veja o trecho || ((hr==14), ele se repete cada vez que adicionamos mais uma hora para a mesma mensagem. Para deixar uma mensagem somente em uma hora usamos o como está na linha com a mensagem vamos almoçar que aparece apenas quando a hora for 12, e seguindo esses exemplos podemos modificar o código colocando nossas mensagens.

Trocar as frases é bem simples é só apagar e escrever outra no lugar, mas cuidado para não apagar as aspas “”, pois sem elas o código não funciona.

Além disso, é possível usar esse script para mostrar imagens apenas trocando as frases pelo código das imagens, porém nesse caso apagamos as aspas. E o código fica assim:

if ((hr==20) || (hr==21) || (hr==22)) document.write('<img src="URL DA IMAGEM" border=”0”>')

Adaptação do Dicas para blogs

---

Copie essa postagem para seu Blog: <img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaW9aMb4AtWVuU8C9g3hR74wZ7-L-GETAf726kseeUbiSUSqsOSXELvnIxNByauf44aDKi4fZkMK3OidAjpB3t-KMcH_O9DAAeKyxpwKGKl1fstOdJQpFqVn-lZqsCyjxxElAriY1dZIEG/s400/hora.jpg" style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 275px; height: 265px;" />Mensagem conforme a hora do dia.<br />Use o código abaixo:<br /><br /><SCRIPT language="JavaScript"><br /><!--<br />document.write("<dl><dd>")<br />day = new Date()<br />hr = day.getHours()<br />if ((hr==1)||(hr==2)||(hr==3)||(hr==4) || (hr==5))<br />document.write("Você não devia estar dormindo?")<br />if (((hr==6) || (hr==7) || (hr==8) || (hr==9) || (hr==10))<br />|| (hr==11)) document.write("Bom dia!")<br />if (hr==12) document.write("Vamos almoçar?")<br />if ((hr==13) <span style="color: rgb(204, 0, 0);">|| ((hr==14)</span> || (hr==15) || (hr==16)) || (hr==17)) document.write("Boa Tarde")<br />if ((hr==18) || (hr==19)) document.write("Bom final de tarde!")<br />if ((hr==20) <span style="color: rgb(204, 0, 0);"></span>|| (hr==21)<span style="font-weight: bold;"> </span>|| (hr==22)) document.write("Boa Noite")<br />if (hr==23) document.write("Óh! Meu! Já¡ são quase meia-noite!")<br />if (hr==0) document.write("Meia-noite! Já¡ é amanhã!")<br />document.write("</dl>")<br />//---><br /></SCRIPT><br /><br />Veja como modificar esse script para você colocar as mensagens que desejar nele, conforme o horário. O trecho a ser alterado se resume em apenas uma linha:<br /><br />if ((hr==13)<br />|| ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write("Boa Tarde")<br /><br /><br /><div style="text-align: justify;">Se você observar notará que os números (13, 14, 15, 16, 17) são as horas do dia e caso seja uma dessas horas a mensagem será Boa tarde, então precisamos deixar cada hora com a mensagem que desejamos e claro no caso de usar a mesma coisa para varias horas pode ser feito com o código como está acima, veja o trecho <span style="color: rgb(204, 0, 0);">|| ((hr==14)</span>, ele se repete cada vez que adicionamos mais uma hora para a mesma mensagem. Para deixar uma mensagem somente em uma hora usamos o como está na linha com a mensagem vamos almoçar que aparece apenas quando a hora for 12, e seguindo esses exemplos podemos modificar o código colocando nossas mensagens.<br /><br />Trocar as frases é bem simples é só apagar e escrever outra no lugar, mas cuidado para não apagar as aspas <span style="color: rgb(204, 0, 0);">“”</span>, pois sem elas o código não funciona.<br /><br />Além disso, é possível usar esse script para mostrar imagens apenas trocando as frases pelo código das imagens, porém nesse caso apagamos as aspas. E o código fica assim:<br /></div><br />if ((hr==20) || (hr==21) || (hr==22)) document.write('<img src="URL DA IMAGEM" border=”0”>')<br /><br /><span style="font-weight: bold;">Adaptação do <a href="http://dicasparablogs.blogspot.com/" target="_blank">Dicas para blogs</a></span><br /><br /><img alt="babai" class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif" title="babai" /><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Adicione emotions do Yahoo! em suas postagens

Você quer saber como colocar estes emotions em seus posts do blog?. Colocar esses emotions às veses é muito difícil e trabalhoso, inserindo toda vez o código da imagem. Agora você pode por emotions em seus posts do blog facilmente seguindo algumas simples etapas que segue abaixo.

Mas antes, você precisa estar usando o browser Firefox. Você não pode continuar nenhuma das etapas sem usar o Mozilla Firefox como seu browser de Internet. Se não tiver ele, baixe aqui.

Primeiro passo:( lembre-se de estar usando o Firefox)
Instale o GreasMonkey em seu Browser, que é um tipo de plugin para Firefox. Depois que você instalar, reinicie o Firefox.

Segundo passo:
Clique neste script e instale no GreasMonkey (ele instala automaticamente).

Terceiro passo:
Entre no template do seu blog e procure essa tag:
]]></b:skin>

Quarto passo:
Copie e cole o código abaixo, logo acima da tag do terceiro passo e salve.

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}


Se tudo estiver certo, você vai ver o seu editor de post do blog como nessa imagem abaixo. Então quando quiser inserir um emotion, é só clicar nele.

---

Copie essa postagem para seu Blog: <img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWau9oUTjnEGT34gSLly-ILSOghSTMHO5WRYhs5p0vO2fsaKCYKyaRTmfMPFzEUUYVg95F3v-dQpId3lbjqyhLDvnPRmAG7JxneixNTqbpW8ZvKQDkfCHhvTw80MKZPY2gZ9o38sP9B4jP/s400/emotion2.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 307px; height: 204px;" /><br /><div style="text-align: justify;">Você quer saber como colocar estes emotions em seus posts do blog?. Colocar esses emotions às veses é muito difícil e trabalhoso, inserindo toda vez o código da imagem. Agora você pode por emotions em seus posts do blog facilmente seguindo algumas simples etapas que segue abaixo.<br /><br />Mas antes, você precisa estar usando o browser Firefox. Você não pode continuar nenhuma das etapas sem usar o Mozilla Firefox como seu browser de Internet. Se não tiver ele, <a href="http://br.mozdev.org/" target="_blank">baixe aqui.</a><br /></div><br /><span style="font-weight: bold;">Primeiro passo:</span>( lembre-se de estar usando o Firefox)<br />Instale o <a href="https://addons.mozilla.org/en-US/firefox/addon/748" target="_blank">GreasMonkey</a> em seu Browser, que é um tipo de plugin para Firefox. Depois que você instalar, reinicie o Firefox.<br /><br /><span style="font-weight: bold;">Segundo passo:</span><br />Clique neste <a href="http://24rohman.googlepages.com/yahooiconforblogger.user.js">script</a> e instale no GreasMonkey (ele instala automaticamente).<br /><br /><span style="font-weight: bold;">Terceiro passo:</span><br />Entre no template do seu blog e procure essa tag:<br /><span style="color: rgb(204, 0, 0);">]]></b:skin></span><br /><br /><span style="font-weight: bold;">Quarto passo:</span><br />Copie e cole o código abaixo, logo acima da tag do terceiro passo e salve.<br /><br /><strong>img.emoticon {<br />padding: 0;<br />margin: 0;<br />border: 0;<br />} </strong><br /><br /><br />Se tudo estiver certo, você vai ver o seu editor de post do blog como nessa imagem abaixo. Então quando quiser inserir um emotion, é só clicar nele.<img alt="tepuktangan" class="emoticon" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif" title="tepuktangan" /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5xU6ZO5dAdTj0hi60YNgJPKQ-XZatuivq0JJwyM-lRxh_RbhvapsZIL-EqI5viiq8zJgw4VW92QVEuiJIASYrOkS6GM3Z3PZfDTAmSoSP27DeWt3EjyvsVfj8it4cK15p4IQfpxxDM5Dz/s1600-h/emotions_proc1.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5260482790528026610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5xU6ZO5dAdTj0hi60YNgJPKQ-XZatuivq0JJwyM-lRxh_RbhvapsZIL-EqI5viiq8zJgw4VW92QVEuiJIASYrOkS6GM3Z3PZfDTAmSoSP27DeWt3EjyvsVfj8it4cK15p4IQfpxxDM5Dz/s400/emotions_proc1.png" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 101px;" /></a><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Menu CSS Dock - CSS Dock Menu

Quer colocar em seu blog um Dock menu Css com aparência das barras de menu do Mac? Demonstração DOCK Menu.
Nesta demonstração você vê dois tipos de menu.

O Primeiro deles é denominado: Top Dock e o segundo abaixo dele é chamado de: Bottom Dock.
Saiba como inserir em seu blog.

Primeiro passo : Faça login em seu blog, depois vá em 'Layout' e 'editar HTML'.
Segundo passo : Encontre esta tag: ]]></b:skin> no seu template
Terceiro passo: Insira acima desta tag o código abaixo:

<script type="text/javascript" src="http://bloganol3.googlepages.com/jquery.js"></script><script type="text/javascript" src="http://bloganol3.googlepages.com/interface.js"></script><link href="http://bloganol3.googlepages.com/style.css" rel="stylesheet" type="text/css" /><!--[if lt IE 7]><style type="text/css">.dock img { behavior: url(http://bloganol3.googlepages.com/iepngfix.htc) }</style><![endif]–>

Quarto passo: Agora você deverá inserir abaixo da tag: ]]></b:skin> o seguinte código:

<script type="text/javascript">$(document).ready(function(){$(’#dock2′).Fisheye({maxWidth: 60,items: ‘a’,itemsText: ’span’,container: ‘.dock-container2′,itemWidth: 40,proximity: 80,alignment : ‘left’,valign: ‘bottom’,halign : ‘center’})});</script>

O Dock menu pode ser inserido em elementos de página, em sua Sidebar.
Escolha pelos tipos de Dock, ( Top ou Bottom).

O código abaixo é para o Top Dock ( depois configure como quiser).

<div class="dock-container"><a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/home.png" alt="home" /><span>Home</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/email.png" alt="contact" /><span>Contact</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/music.png" alt="music" /><span>Music</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/video.png" alt="video" /><span>Video</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/history.png" alt="history" /><span>History</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/calendar.png" alt="calendar" /><span>Calendar</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/link.png" alt="rss" /><span>Links</span></a><a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss.png" alt="rss" /><span>RSS</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss2.png" alt="rss" /><span>RSS2</span></a></div>

O código abaixo é para o Bottom Dock

<div class="dock-container2"><a class="dock-item2" href="#"><span>Home</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/home.png" alt="home" /></a> <a class="dock-item2" href="#"><span>Contact</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/email.png" alt="contact" /></a> <a class="dock-item2" href="#"><span>Portfolio</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/portfolio.png" alt="portfolio" /></a> <a class="dock-item2" href="#"><span>Music</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/music.png" alt="music" /></a> <a class="dock-item2" href="#"><span>Video</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/video.png" alt="video" /></a> <a class="dock-item2" href="#"><span>History</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/history.png" alt="history" /></a> <a class="dock-item2" href="#"><span>Calendar</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/calendar.png" alt="calendar" /></a> <a class="dock-item2" href="#"><span>Links</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/link.png" alt="links" /></a> <a class="dock-item2" href="#"><span>RSS</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss.png" alt="rss" /></a> <a class="dock-item2" href="#"><span>RSS2</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss2.png" alt="rss" /></a> </div>

Pronto.

---

Copie essa postagem para seu Blog: Quer colocar em seu blog um <b>Dock menu Css</b> com aparência das barras de menu do <b>Mac</b>? <a href="http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html" target="_blank">Demonstração DOCK Menu</a>.<br />Nesta demonstração você vê dois tipos de menu.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhltFBB-4diXHepsleXm2umXoyN57lsHgGH2LoagnXPa0J2N8bIP5kyMDL1sqM0eRpfMiBRzwJp8agM8Vm2hPN0msr0YztfDbApH-_NtzQ-nOEdcgQmXNR71bFryk9F_E4VKzQVllBdre2/s1600-h/Menu+dock.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKa85RD9Brnwo5dJkheIqm5TpKa-KgutJ8-baIifwyS2mD4e3MRn_88u-np9ezlRNjEWfXZ0IXLeCnTxAnMCPpbFPkGVPdA0S4nRMcJYg5botBRuzCJlPlaALJDFuH1P_O8dI40HFiamN9/s400-r/Menu+dock.jpg" /></a></div>O Primeiro deles é denominado: Top Dock e o segundo abaixo dele é chamado de: Bottom Dock.<br />Saiba como inserir em seu blog.<br /><br /><b>Primeiro passo</b> : Faça login em seu blog, depois vá em 'Layout' e 'editar HTML'.<br /><b>Segundo passo</b> : Encontre esta tag: ]]></b:skin> no seu template<br /><b>Terceiro passo</b>: Insira acima desta tag o código abaixo:<br /><br /><textarea cols="60" name="textarea" onfocus="this.select()" onmouseover="this.focus()" rows="5"><script type="text/javascript" src="http://bloganol3.googlepages.com/jquery.js"></script><script type="text/javascript" src="http://bloganol3.googlepages.com/interface.js"></script><link href="http://bloganol3.googlepages.com/style.css" rel="stylesheet" type="text/css" /><!--[if lt IE 7]><style type="text/css">.dock img { behavior: url(http://bloganol3.googlepages.com/iepngfix.htc) }</style><![endif]–>

Quarto passo: Agora você deverá inserir abaixo da tag: ]]></b:skin> o seguinte código:

<script type="text/javascript">$(document).ready(function(){$(’#dock2′).Fisheye({maxWidth: 60,items: ‘a’,itemsText: ’span’,container: ‘.dock-container2′,itemWidth: 40,proximity: 80,alignment : ‘left’,valign: ‘bottom’,halign : ‘center’})});</script>

O Dock menu pode ser inserido em elementos de página, em sua Sidebar.
Escolha pelos tipos de Dock, ( Top ou Bottom).

O código abaixo é para o Top Dock ( depois configure como quiser).

<div class="dock-container"><a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/home.png" alt="home" /><span>Home</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/email.png" alt="contact" /><span>Contact</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/music.png" alt="music" /><span>Music</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/video.png" alt="video" /><span>Video</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/history.png" alt="history" /><span>History</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/calendar.png" alt="calendar" /><span>Calendar</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/link.png" alt="rss" /><span>Links</span></a><a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss.png" alt="rss" /><span>RSS</span></a> <a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss2.png" alt="rss" /><span>RSS2</span></a></div>

O código abaixo é para o Bottom Dock

<div class="dock-container2"><a class="dock-item2" href="#"><span>Home</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/home.png" alt="home" /></a> <a class="dock-item2" href="#"><span>Contact</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/email.png" alt="contact" /></a> <a class="dock-item2" href="#"><span>Portfolio</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/portfolio.png" alt="portfolio" /></a> <a class="dock-item2" href="#"><span>Music</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/music.png" alt="music" /></a> <a class="dock-item2" href="#"><span>Video</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/video.png" alt="video" /></a> <a class="dock-item2" href="#"><span>History</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/history.png" alt="history" /></a> <a class="dock-item2" href="#"><span>Calendar</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/calendar.png" alt="calendar" /></a> <a class="dock-item2" href="#"><span>Links</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/link.png" alt="links" /></a> <a class="dock-item2" href="#"><span>RSS</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss.png" alt="rss" /></a> <a class="dock-item2" href="#"><span>RSS2</span><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss2.png" alt="rss" /></a> </div>

Pronto.
Postagem original:Linksduzão

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post:

Adicionar Smiley no Firefox e nas postagens

Adicione os divertidos, conhecidíssimos e bem humorados “Smiley“ em suas postagens.

São 1806 smileys incluidos no Smiley Xtra 4.11, que é um complemento para o Firefox, sendo assim muito fácil para colocá-los em suas postagens pois a ferramenta roda paralela ao editor de texto do Blogger.

Para instalar clique neste link, e depois de instalar reinice o Firefox. Para acessar o Smiley, vá ao menu "Exibir > Painel" do Firefox, ou, veja que no lado direito superior, perto da caixa de buscas do Google no Firefox tem um ícone da extensão. Então, cada vez que você for fazer um post, é só acionar o botão, que vai aparecer uma janela no lado esquerdo com os menus de categorias e os botões para você inserir o código html, bbcode, preview, etc...

Basta selecionar o smile e clicar no botão Inserir Código Html, que o código do smile já vai para o campo do post.

Na primeira vez que você iniciar o plugin basta atualizar o banco de dados de imagens e pronto....

Veja alguns exemplos de smileys à disposição__ lembrando que são mais de 1806__que você pode usar:

---

Copie essa postagem para seu Blog: Adicione os divertidos, conhecidíssimos e bem humorados “<a href="http://pt.wikipedia.org/wiki/Smiley" target="_blank">Smiley</a>“ em suas postagens.<br /><div style="text-align: justify;">São 1806 smileys incluidos no <strong>Smiley Xtra 4.11</strong>, que é um complemento para o Firefox, sendo assim muito fácil para colocá-los em suas postagens pois a ferramenta roda paralela ao editor de texto do Blogger.<br /><br />Para instalar clique neste <a href="https://addons.mozilla.org/pt-BR/firefox/addon/375?id=375" target="_blank">link</a>, e depois de instalar reinice o Firefox. Para acessar o Smiley, vá ao menu "<span style="font-weight: bold;">Exibir</span> > <span style="font-weight: bold;">Painel</span>" do Firefox, ou, veja que no lado direito superior, perto da caixa de buscas do Google no Firefox tem um ícone da extensão. <img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlnJz6a35sMm7HoeGatUmgLqD56E2j5a36IJHevPfb5xMKIBvltl9TMQilGZgm9WLjaDHVJSAeEwazk3Z9ybUcYOWKxHiKkXACUefpLUXIvYE-x-qhyD7A0OGKoaio-ITwEc9XueoL-oM/s400/Icone+Smiley.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" />Então, cada vez que você for fazer um post, é só acionar o botão, que vai aparecer uma janela no lado esquerdo com os menus de categorias e os botões para você inserir o código html, bbcode, preview, etc...<br /><br />Basta selecionar o smile e clicar no botão Inserir Código Html, que o código do smile já vai para o campo do post.<br /><br />Na primeira vez que você iniciar o plugin basta atualizar o banco de dados de imagens e pronto....<br /><br />Veja alguns exemplos de smileys à disposição__ lembrando que são mais de 1806__que você pode usar:<br /></div><br /><img src="http://www.forumup.com/images/smiles/slider_thankyou.gif" /><img src="http://img320.imageshack.us/img320/3730/a0370fb.gif" /><img src="http://images0.hiboox.com/images/5005/g5xw0om.gif" /><img src="http://www.cheesebuerger.de/images/midi/verschiedene/h074.gif" /><img alt="http://www.geocities.com/cyberfenrir/miscsprites/bar/baranibatpunch.gif" src="http://www.geocities.com/cyberfenrir/miscsprites/bar/baranibatpunch.gif" /><img src="http://img52.exs.cx/img52/3192/bsod46vu.gif" /><br /><img src="http://www.cheesebuerger.de/images/midi/ekelig/g030.gif" /><img src="http://img.photobucket.com/albums/v411/hells/36_7_8.gif" /><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif" /><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" /><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif" /><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" /><img src="http://sidekick.mysinablog.com/resserver.php?resource=187076-%E4%B8%8D%E8%A6%81%E5%95%8A.gif" /><br/><a href='http://linksduzao.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem original:Linksduzão</a>

Continua aqui...

Resumo
Gostou? então deixe um comentario

---

Bookmark este post: