Dicas Blogger

Home » Archives for setembro 2008

Backup no Picasa de imagens contidas nos templates

Como eu disse <a href="http://dicasblogger.blogspot.com/2008/09/resolvendo-o-problema-com-os-cones.html">anteriormente</a>, recomendo que todos vocês façam backup, no Picasa, das imagens contidas no template do seu blog, para assim evitar <a href="http://dicasblogger.blogspot.com/2008/09/comunicado-importante.html">surpresas desagradáveis</a>,tais como as mensagens do tipo “hotlink” ou “bandwidth exceeded” (largura de banda excedente). <a href="http://lh5.ggpht.com/ekosterapia/SNrAg7q37aI/AAAAAAAACY8/YsqmucLkKcc/s1600-h/bandwidth%5B4%5D.png"><img alt="bandwidth" border="0" height="197" src="http://lh4.ggpht.com/ekosterapia/SNrAhvdHhFI/AAAAAAAACZA/tTGVhkFUBRw/bandwidth_thumb%5B2%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="bandwidth" width="309"></a>  Para começar, vá no template e salve, no seu computador, todas as imagens. Faça então o upload, de cada uma, no Picasa. <a href="http://lh5.ggpht.com/ekosterapia/SNrAiRCZJUI/AAAAAAAACZE/qitPPcn--nQ/s1600-h/image%5B23%5D.png"><img alt="image" border="0" height="119" src="http://lh3.ggpht.com/ekosterapia/SNrAjgWunAI/AAAAAAAACZI/v_CBT_dlaGg/image_thumb%5B21%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="354"></a> Agora, precisamos encontrá-las dentro do html do template e ir substituindo uma a uma. Não é difícil, é apenas trabalhoso. Clique na imagem que está no template, com o botão direito do mouse e escolha “exibir imagem de fundo”. Neste exemplo iremos utilizar as bolinhas verdes do Blogger Cool. <a href="file:///C:/Users/Juliana/AppData/Local/Temp/WindowsLiveWriter-429641856/supfiles5FCD4/image[32].png"><img alt="image_thumb[52]" border="0" height="150" src="http://lh6.ggpht.com/ekosterapia/SNrAkVh2oQI/AAAAAAAACZM/3C-3CZhZlGA/image_thumb%5B52%5D%5B2%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image_thumb[52]" width="244"></a> Copie a url que irá aparecer na barra de endereços do seu navegador. <a href="http://lh6.ggpht.com/ekosterapia/SNrAlEaPnRI/AAAAAAAACZQ/imxCXI5m3nQ/s1600-h/image%5B9%5D.png"><img alt="image" border="0" height="88" src="http://lh6.ggpht.com/ekosterapia/SNrAlyooHuI/AAAAAAAACZU/5auwNCHACG0/image_thumb%5B13%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="393"></a> Vá no html do seu template, clique em “expandir modelos de widgets”. Procure pela url (Crtl+F e Crtl+V) <a href="http://lh6.ggpht.com/ekosterapia/SNrAmh_d1mI/AAAAAAAACZY/r78v74NmdDo/s1600-h/Sem%20T%C3%ADtulo-2%5B3%5D.jpg"><img alt="Sem Título-2" border="0" height="164" src="http://lh4.ggpht.com/ekosterapia/SNrAnV08SAI/AAAAAAAACZc/-2Qvq9sJ68M/Sem%20T%C3%ADtulo-2_thumb%5B1%5D.jpg?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="Sem Título-2" width="399"></a> Substitua então, pela url fornecida pelo Picasa. <a href="http://lh4.ggpht.com/ekosterapia/SNrAoETdF0I/AAAAAAAACZg/gy1C841yqkg/s1600-h/image%5B28%5D.png"><img alt="image" border="0" height="93" src="http://lh3.ggpht.com/ekosterapia/SNrAo64NYXI/AAAAAAAACZk/PhOR9UrvGbU/image_thumb%5B30%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="407"></a> Visualize e se tudo estiver bem, salve o template. Repita este método para cada imagem que você for substituir. Ufa! Agora estou pensando em me aposentar… <a href="http://lh6.ggpht.com/ekosterapia/SNrApSFew-I/AAAAAAAACZo/B01TF3SOirI/s1600-h/image%5B32%5D.png"><img alt="image" border="0" height="189" src="http://lh3.ggpht.com/ekosterapia/SNrAqfw_jeI/AAAAAAAACZs/GyTTYeQXMw8/image_thumb%5B32%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="240"></a>

Backup no Picasa de imagens contidas nos templates

Como eu disse anteriormente , recomendo que todos vocês façam backup, no Picasa, das imagens contidas no template do seu blog, para assim ev...

Continue Lendo >>

19:35

Resolvendo o problema com os ícones

Apesar da bruxa e dos emos soltos, bola prá frente, né? Bem, para resolver o problema com os ícones dos templates do Dicas Blogger, a primeira coisa que devemos fazer é salvar as duas imagens que foram afetadas. Entre no <a href="http://bloggercool2.blogspot.com/2008/09/velit-inimicus.html">blog de demonstração</a> do Template Blogger Cool II e com o botão direito sobre cada uma delas, escolha “salvar imagem como” . <a href="http://lh6.ggpht.com/ekosterapia/SNqlbICnB7I/AAAAAAAACYE/KKKt2APT0EU/s1600-h/image%5B7%5D.png"><img alt="image" border="0" height="171" src="http://lh3.ggpht.com/ekosterapia/SNqlbhg2YLI/AAAAAAAACYI/Fb_NgxaZ8RQ/image_thumb%5B14%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="301" /></a> Agora, entre no Picasa, crie um novo álbum e escolha “fazer upload”. Procure pelas imagens salvas no seu HD, selecione-as e clique em “iniciar upload” <a href="http://lh5.ggpht.com/ekosterapia/SNqlczyjewI/AAAAAAAACYM/TZJiMhuPUso/s1600-h/image%5B13%5D.png"><img alt="image" border="0" height="159" src="http://lh4.ggpht.com/ekosterapia/SNqleBtlEBI/AAAAAAAACYQ/7s_sLiSHhOU/image_thumb%5B21%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="474" /></a> Aguarde até que o upload seja concretizado. Depois, procure pelas imagens dentro do álbum recém-criado, clique com o botão direito do mouse e selecione “copiar endereço da imagem” se estiver usando o Firefox; no IE escolha “propriedades” e copie a url que aparece. Cole no bloco de notas e salve. <a href="http://lh3.ggpht.com/ekosterapia/SNqlexlhHVI/AAAAAAAACYU/FBDrrBGA_18/s1600-h/image%5B17%5D.png"><img alt="image" border="0" height="156" src="http://lh4.ggpht.com/ekosterapia/SNqlfpHT6KI/AAAAAAAACYY/SJAQaPfgP8g/image_thumb%5B27%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="244" /></a> No painel do  Blogger, vá em “layout”e escolha “salvar modelo completo”, a fim de criar uma cópia de segurança do seu template. Entre agora em “editar html” e marque “expandir modelos de widgets”. Dê um Crtl+F e procure por: <blockquote> <b:if cond='data:post.allowComments'> <h4> <img src='<a href="http://www.iconarchive.com/icons/dryicons/sketchy-paper/comment-bubble-48x48.png'/">http://www.iconarchive.com/icons/dryicons/sketchy-paper/comment-bubble-48x48.png'/</a>> </blockquote> Substitua a url acima, por aquela que você salvou no bloco de notas. Veja: <a href="http://lh4.ggpht.com/ekosterapia/SNqlgtxrbgI/AAAAAAAACYc/OijAnF3nAUo/s1600-h/image%5B23%5D.png"><img alt="image" border="0" height="168" src="http://lh3.ggpht.com/ekosterapia/SNqlhv_-y7I/AAAAAAAACYg/9Hx5ViymmC0/image_thumb%5B34%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="307" /></a> Faça o mesmo para os backlinks. Procure por: <blockquote> <a name='links'/><h4><img align='bottom' src='<a href="http://www.iconarchive.com/icons/dryicons/sketchy-paper/create-new-page-48x48.png'/">http://www.iconarchive.com/icons/dryicons/sketchy-paper/create-new-page-48x48.png'/</a>><data:post.backlinksLabel/></h4> </blockquote> Substitua a url acima pela outra url salva. <a href="http://lh3.ggpht.com/ekosterapia/SNquRgmasqI/AAAAAAAACYk/nCwBqaLTii0/s1600-h/image%5B28%5D.png"><img alt="image" border="0" height="90" src="http://lh4.ggpht.com/ekosterapia/SNquSXLkA_I/AAAAAAAACYo/fVi5nIPQkzI/image_thumb%5B44%5D.png?imgmax=800" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="image" width="358" /></a> Escolha “salvar modelo”. Seu template está pronto. Estas imagens são dos templates Blogger Cool, Blogger Cool 2 e Blogger Elegance, mas o método é válido para os demais templates. Agora que vocês já aprenderam a hospedar as imagens no Picasa, recomendo fortemente que façam um backup de todas as imagens do seu template, independente se é um template do Dicas Blogger ou não. Como eu disse no último post, imagens hospedadas no ImageShack ou no PhotoBucket podem ser substituídas por banners horríveis devido ao problema de banda excedente. Acredito que no Picasa não corremos este risco, visto que é uma conta vinculada com a do Blogger. No próximo post irei explicar como fazer este backup e como substituir as urls via html do Blogger. Abraços a todos! <div class="blogger-post-footer"> </div>

Resolvendo o problema com os ícones

Apesar da bruxa e dos emos soltos, bola prá frente, né? Bem, para resolver o problema com os ícones dos templates do Dicas Blogger, a prim...

Continue Lendo >>

17:39

Widget "Assine o Feed" no rodapé dos posts

<a href="http://lh6.ggpht.com/ekosterapia/SNMILa51GdI/AAAAAAAACN4/RDztbubWv80/s1600-h/image%5B10%5D.png"><img alt="image" border="0" height="256" src="http://lh3.ggpht.com/ekosterapia/SNMIM0bgwpI/AAAAAAAACN8/osL5Iw-w-FA/image_thumb%5B8%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="image" width="469" /></a> Que tal colocar no rodapé dos seus posts, um convite para que os visitantes assinem os Feeds do seu blog? É um widget semelhante ao <a href="http://dicasblogger.blogspot.com/2008/09/assine-ja-o-widget-para-feeds-do-dicas.html">Assine-Já</a>, porém ele só aparecerá nas páginas individuais, evitando assim a poluição visual. <a href="http://lh6.ggpht.com/ekosterapia/SNGvbiTufiI/AAAAAAAACM4/J8Cbm0W4nUM/s1600-h/Sem%20t%C3%ADtulo%5B4%5D.jpg"><img alt="Sem título" border="0" height="55" src="http://lh4.ggpht.com/ekosterapia/SNGvcIdm7nI/AAAAAAAACM8/CFOU2EbbwbI/Sem%20t%C3%ADtulo_thumb%5B2%5D.jpg?imgmax=800" style="border-width: 0px;" width="468" /></a> Entre no html do seu template, clique em "expandir modelos de widgets" e procure por: <blockquote> <div class='post-header-line-1'/></blockquote>Após esta tag, cole o código abaixo, com as devidas modificações: <ul> <li>nos locais onde aparecem a url do FeedBurner, coloque a do seu blog </li><li>onde aparece feedID=XXX, em XXX coloque sua ID do FeedBurner </li><li>a imagem você pode trocar em src=</li></ul> <blockquote> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='subscribe'> <table border='0' cellpadding='2' cellspacing='2' style='text-align: left; width: 100%;'> <tbody> <tr> <td style='background-color: rgb(237, 237, 237);'><a href='<a href="http://feeds.feedburner.com/SEUBLOG%27">http://feeds.feedburner.com/SEUBLOG'</a>><img alt='Feed' src='<a href="http://img228c.imageshack.us/img228/8136/ballonfeedadd32x32up8.png%27">http://img228c.imageshack.us/img228/8136/ballonfeedadd32x32up8.png'</a> style='border: 0px solid ; width: 32px; height: 32px; float: left;' title='Assine'/></a> Assine nosso <a href='<a href="http://feeds.feedburner.com/SEUBLOG%27">http://feeds.feedburner.com/SEUBLOG'</a> target='_blank'>Feed</a> ou receba os artigos por <a href='<a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=XXX&amp;loc=pt_BR%27">http://www.feedburner.com/fb/a/emailverifySubmit?feedId=XXX&amp;loc=pt_BR'</a>>email</a> </td> </tr> </tbody> </table> </div> </b:if></blockquote> Este código é uma adaptação do Hack Compulsivo <a href="http://usuariocompulsivo.blogspot.com/2008/08/como-personalizar-o-rodape-dos-posts.html">Como personalizar o rodapé dos posts</a>. Imagem: Keyler Wagner on Flicker

Widget "Assine o Feed" no rodapé dos posts

Que tal colocar no rodapé dos seus posts, um convite para que os visitantes assinem os Feeds do seu blog? É um widget semelhante ao Assine...

Continue Lendo >>

14:00

Icones para sites e blogs (web icons)

<a href="http://lh4.ggpht.com/ekosterapia/SNGGgRtVzKI/AAAAAAAACMQ/YoDmnslAEFo/s1600-h/ist2_5820533-web-icons-1%5B3%5D.jpg"><img alt="ist2_5820533-web-icons-1" border="0" height="262" src="http://lh4.ggpht.com/ekosterapia/SNGGhYZhqAI/AAAAAAAACMU/FEfLJ_-Udx8/ist2_5820533-web-icons-1_thumb%5B1%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="370"></a> Além de um belo template, é importante para o visual de um blog a utilização de imagens. Os ícones, por exemplo, são pequenos símbolos gráficos que trazem alguma representação.Imaginem o seu sitema operacional (Windows, Mac ou Linux)  sem ícones? Não daria muito mais trabalho executar as tarefas do dia-a-dia? O mesmo acontece com páginas web. Além de beleza, os ícones trazem usabilidade, ou seja, o leitor terá muito mais rapidez e facilidade para navegar no seu blog. Para nossa felicidade, existem diversos sites que disponibilizam milhares destes brinquedinhos e, em alguns deles, é possível utilizarmos a caixa de pesquisa para encontrarmos o que desejamos. Vejam neste exemplo: <a href="http://lh6.ggpht.com/ekosterapia/SNF_qjrW6LI/AAAAAAAACL4/AyTP6cYCiO4/s1600-h/iconfinder_search%5B4%5D.jpg"><img alt="iconfinder_search" border="0" height="207" src="http://lh6.ggpht.com/ekosterapia/SNF_rWIbBEI/AAAAAAAACL8/MaU0zarOLE8/iconfinder_search_thumb%5B2%5D.jpg?imgmax=800" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" width="284"></a> Na lista abaixo, separei 10  serviços gratuitos. Se vocês conhecerem outros, deixem o link nos comentários. Ao trabalho, web developers! <ol> <li><a href="http://www.iconarchive.com/" target="_blank">IconArchive</a> <li><a href="http://www.iconspedia.com/" target="_blank">IconsPedia</a> <li><a href="http://www.iconfinder.net/" target="_blank">IconFinder</a> <li><a href="http://www.iconlet.com/" target="_blank">Iconlet</a> <li><a href="http://www.freeiconsweb.com/" target="_blank">FreeIconsWeb</a> <li><a href="http://i.hbtronix.de/index.php?start=all&t=mini" target="_blank">Free Icons Mini</a> <li><a href="http://www.pinvoke.com/" target="_blank">Pinvoke</a> <li><a href="http://icons16x16.com/" target="_blank">Icons 16x16.com</a> <li><a href="http://www.websiteicons.net" target="_blank">WebSite Icons</a> <li><a href="http://www.iconlook.com/" target="_blank">Iconlook</a></li></ol>

Icones para sites e blogs (web icons)

Além de um belo template, é importante para o visual de um blog a utilização de imagens. Os ícones, por exemplo, são pequenos símbolos...

Continue Lendo >>

19:36

Dicas de SEO

<a href="http://lh3.ggpht.com/ekosterapia/SMxIH4THZ5I/AAAAAAAACH4/MjwMCvbmvao/s1600-h/seo-blocks%5B4%5D.png"><img alt="seo-blocks" border="0" height="274" src="http://lh5.ggpht.com/ekosterapia/SMxIIqkqT9I/AAAAAAAACH8/VHwYNoVioSQ/seo-blocks_thumb%5B2%5D.png?imgmax=800" style="border-width: 0px;" width="356" /></a> Search Engine Optimization, cuja abreviação SEO tem sido tão aclamada atualmente, consiste em um conjunto de estratégias para melhorar o posicionamento de um site nos mecanismos de buscas. Segundo o blog <a href="http://www.marketingdebusca.com.br/" target="_blank">Marketing de Busca</a>, existem fatores internos e externos que irão influenciar este posicionamento. <blockquote> O SEO pode ser dividido em duas partes. Fatores internos e fatores externos. Os internos são relacionados ao site. Alguns exemplos são urls claras, utilização dos padrões web, títulos de página racionais e a correta utilização das tags html que é linguagem utilizada para construir páginas web. Já a parte externa analisa como os outros sites se relacionam com o site. Os exemplos são quantidade de links apontando para o site, quais sites apontam o site e o conteúdo do link apontado. Dependendo destes fatores, as páginas são pontuadas pelos sites de busca para que ele possa determinar a relevância da pagina e quais as palavras-chave relacionadas a ela. O Google utiliza um sistema de pontuação de 0 a 10 que é o PageRank.</blockquote> Hoje em dia existem diversas empresas especializadas em SEO; afinal quem não quer ser encontrado, principalmente pelo todo-poderoso Google, detentor de 90 % do mercado de ferramentas deste tipo? Todo blogueiro quer visitas, certo? Já falei sobre duas formas de, digamos, atrair as atenções: <ul> <li><a href="http://dicasblogger.blogspot.com/2008/09/novos-parceiros-do-dicas-blogger.html" target="_blank">parcerias</a> </li><li><a href="http://dicasblogger.blogspot.com/2008/09/traga-mais-visitantes-ao-seu-blog.html" target="_blank">comentários em outros blogs</a></li></ul> Vejam esta imagem: <a href="http://lh5.ggpht.com/ekosterapia/SMw-PsG6BEI/AAAAAAAACHw/RRlmGKfze8U/s1600-h/estatisticas%5B2%5D.jpg"><img alt="estatisticas" border="0" height="188" src="http://lh4.ggpht.com/ekosterapia/SMw-QHDXaeI/AAAAAAAACH0/r908Jj0HTNc/estatisticas_thumb.jpg?imgmax=800" style="border-width: 0px;" width="188" /></a> Trata-se de um dia de tráfego ao Dicas Blogger. A fatia em azul-marinho representa os visitantes que vierem via Google, a laranja via tráfego direto e a vinho, via outros blogs. Não sou nenhuma expert no assunto, mas hoje irei repassar duas técnicas que estou usando e ao final do post deixarei alguns links para quem quiser se aprofundar no tema. OTIMIZAÇÃO DO TÍTULO DO POST <a href="http://lh6.ggpht.com/ekosterapia/SM8EqeN1kyI/AAAAAAAACKw/haolT3mjaDo/s1600-h/image%5B5%5D.png"><img alt="image" border="0" height="162" src="http://lh3.ggpht.com/ekosterapia/SM8ErcROGjI/AAAAAAAACK0/RC8sD6ZnTyw/image_thumb%5B1%5D.png?imgmax=800" style="border-width: 0px;" width="244" /></a> No mundo dos mecanismos de busca, tudo gira em torno de palavras-chave. É altamente recomendável que o que você deseja passar ao seu leitor e aos mecanismos de busca já esteja no título do post e de uma forma que os robôs possam entender. Vocês já devem ter percebido que apesar de escreverem corretamente o título de um post, depois de publicado a url sai toda estranha? O Blogspot aproveita-se do título de um post para montar a URL do mesmo, mas não interpreta os caracteres especiais (cedilha, vírgula, acentos e afins). <blockquote> Exemplo: Título: Proteção contra vírus URL: http://jusardinha.blogspot.com/2008/09/proteo-contra-vrus.html</blockquote> Outra coisa é que o Blogspot monta a URL de um post utilizando-se de no máximo 32 caracteres do título. Então um post com um título muito longo não será bem aproveitado. <blockquote> Exemplo: Título: Protecao contra Virus worms trojans e malwares URL: http://jusardinha.blogspot.com/2008/09/protecao-contra-virus-worms-trojans-e.html</blockquote> Mas, Juliana, não vai ficar feio um título sem os caracteres especiais? Com certeza. O que eu faço? Publico sem, a fim de montar a url, depois salvo como rascunho, conserto o título e republico. ;-) SITEMAP <a href="http://lh3.ggpht.com/ekosterapia/SM8Es_sYwmI/AAAAAAAACK4/7pjgYNSp5RY/s1600-h/image%5B2%5D.png"><img alt="image" border="0" height="185" src="http://lh3.ggpht.com/ekosterapia/SM8EtxAwbWI/AAAAAAAACK8/Z-mKuddA0IM/image_thumb.png?imgmax=800" style="border-width: 0px;" width="244" /></a> O sitemap é um arquivo em xml com metadados de um site que são relevantes aos mecanismos de busca. Para montar e indexar seu sitemap é necessário se cadastrar no <a href="https://www.google.com/webmasters/tools/" target="_blank">Google Webmaster Tools</a>, que aliás é uma excelente ferramenta para acompanhar algumas estatísticas do seu blog. Para quem não usa o FeedBurner, basta seguir este tutorial da Nospheratt: <a href="http://blosque.com/2007/12/faca-seu-sitemap.html" target="_blank">Faça seu sitemap</a> E para quem usa o FeedBurner, temos um Tutorial Compulsivo: <a href="http://usuariocompulsivo.blogspot.com/2008/08/sitemap-completo-no-blogger-com.html" target="_blank">Sitemap completo no Blogger com FeedBurner</a> Existem milhares de outras técnicas que irei publicando à medida que eu for testando. Para quem deseja aprender mais, sugiro a leitura dos seguintes blogs: <ul> <li><a href="http://www.marketingdebusca.com.br/" target="_blank">Marketing de Busca</a> </li><li><a href="http://www.brpoint.net/" target="_blank">BrPoint</a> </li><li><a href="http://www.brasilseo.com.br/" target="_blank">Brasil SEO</a> </li><li><a href="http://www.mestreseo.com.br/" target="_blank">MestreSEO</a></li></ul> <a href="http://frankmarcel.blogspot.com/2008/04/otimizar-urls-no-blogspot.html" target="_blank"></a>

Dicas de SEO

Search Engine Optimization, cuja abreviação SEO tem sido tão aclamada atualmente, consiste em um conjunto de estratégias para melhorar o p...

Continue Lendo >>

10:00

Bê-a-Blog- o seu passaporte para a Blogosfera!

<a href="http://lh5.ggpht.com/ekosterapia/SM0PWmA15dI/AAAAAAAACI4/-W52FIRPC7g/s1600-h/b_a_blog%5B3%5D.jpg"><img alt="b_a_blog" border="0" height="268" src="http://lh4.ggpht.com/ekosterapia/SM0PXVwVOQI/AAAAAAAACI8/2hodou419D4/b_a_blog_thumb%5B1%5D.jpg?imgmax=800" style="border-width: 0px;" width="376" /></a> Hoje quero convidá-los a conhecer o mais recente projeto da Nospheratt, autora do <a href="http://blosque.com/" target="_blank">Blosque</a>, um dos melhores blogs, na categoria metablog*, que eu conheço. Ela teve a paciência e o desprendimento de criar uma cartilha ensinando o bê-a-bá da arte de blogar. É altamente recomendável que todos leiam. Ali, está tudo que um blogueiro iniciante precisa saber e que os veteranos não devem (jamais) se esquecer. Vai desde a escolha do nome até às formas de monetização. São 120 dicas, divididas em 8 seções: 1 - Começando a Blogar 2 - Design e Visual 3 - Conteúdo 4 - Comportamento 5 - Divulgação 6 - Networking 7 - Monetização 8 - Miscelânea Leiam os post completo <a href="http://blosque.com/2008/08/be-a-blog-download-gratis-blogs-pelados-e-sem-roupa-de-gratis.html#comment-4997" target="_blank">aqui</a> e façam o download do arquivo! <a href="http://downloads.portofacil.net/be-a-blog.pdf">Bê-a-Blog - Download Grátis</a> <a href="http://lh5.ggpht.com/ekosterapia/SM0PX1r87ZI/AAAAAAAACJA/RoPXamvfI2U/s1600-h/Sem%20T%C3%ADtulo-1%5B4%5D.png"><img alt="Sem Título-1" border="0" height="154" src="http://lh6.ggpht.com/ekosterapia/SM0PYjwWcvI/AAAAAAAACJE/Uluf42VFTJ0/Sem%20T%C3%ADtulo-1_thumb%5B2%5D.png?imgmax=800" style="border-width: 0px;" width="415" /></a> Alguns poderão argumentar que ninguém é dono da verdade. Concordo plenamente, mas conformem-se então em ter um blog lido apenas por seus parentes e amigos. Esta cartilha, nossas dicas e dos demais autores de blogs de ajuda são o passaporte para você entrar na Blogosfera! E não digam que não avisei! <a href="http://lh3.ggpht.com/ekosterapia/SM0PZtzfuyI/AAAAAAAACJI/pNuAmtx_Ick/s1600-h/passaporte2%20c%C3%B3pia%5B3%5D.png"><img alt="passaporte2 cópia" border="0" height="192" src="http://lh4.ggpht.com/ekosterapia/SM0Pab0FCyI/AAAAAAAACJM/aKy8EjEgTKQ/passaporte2%20c%C3%B3pia_thumb%5B1%5D.png?imgmax=800" style="border-width: 0px;" width="220" /></a> *Metablog-categoria que define os blogs que falam de blogs

Bê-a-Blog- o seu passaporte para a Blogosfera!

Hoje quero convidá-los a conhecer o mais recente projeto da Nospheratt, autora do Blosque , um dos melhores blogs, na categoria metablog*,...

Continue Lendo >>

14:00

SkyDrive-a solução para o fim do Google Pages?

<a href="http://lh5.ggpht.com/ekosterapia/SMmoevuhI6I/AAAAAAAACFw/7kTj1gJTP-0/s1600-h/mainframe%5B4%5D.jpg"><img alt="mainframe" border="0" height="244" src="http://lh3.ggpht.com/ekosterapia/SMmofo_vtxI/AAAAAAAACF0/qvhO840KKSE/mainframe_thumb%5B2%5D.jpg?imgmax=800" style="border-width: 0px;" width="363" /></a> Com o já <a href="http://googlediscovery.com/2008/08/03/google-sites-ira-substituir-google-page-creator/" target="_blank">anunciado</a> fim do <a href="http://dicasblogger.blogspot.com/2008/06/hospedagem-no-google-page-creator.html" target="_blank">Google Pages</a>, muitos de nós passamos a buscar alternativas a este excelente serviço de hospedagem de arquivos. A maioria dos sites que oferecem este recurso nos fornecem um endereço web para o download e isto não é compatível com os scripts necessários para o bom funcionamento de alguns templates e widgets. Ainda bem que a Blogosfera é solidária e recebi esta dica do (já) velho e bom amigo Compulsivo e repasso para vocês. No ótimo blog <a href="http://vagabundia.blogspot.com/2008/08/usando-skydrive-para-alojar-scripts-y.html" target="_blank">Vagabundia</a> existe um tutorial ensinado a transformar o endereço web na url que dará acesso direto ao arquivo e eu, vou traduzir para vocês. (Clique nas imagens para ampliar) Entre no <a href="http://skydrive.live.com/" target="_blank">SkyDrive</a>. <a href="http://lh4.ggpht.com/ekosterapia/SMma7y0n-MI/AAAAAAAACF4/E7OvdDzxCFM/s1600-h/skydrive_inicio%5B3%5D.jpg"><img alt="skydrive_inicio" border="0" height="116" src="http://lh3.ggpht.com/ekosterapia/SMma8h3fUvI/AAAAAAAACF8/RgduFZhpX8A/skydrive_inicio_thumb%5B1%5D.jpg?imgmax=800" style="border-width: 0px;" width="187" /></a> Faça a autenticação utlizando sua conta do MSN. <a href="http://lh5.ggpht.com/ekosterapia/SMma9TsK0NI/AAAAAAAACGA/oWDzmxctee8/s1600-h/sky_drive_login%5B3%5D.jpg"><img alt="sky_drive_login" border="0" height="113" src="http://lh3.ggpht.com/ekosterapia/SMma-DbZV7I/AAAAAAAACGE/49CBhZpdIHY/sky_drive_login_thumb%5B1%5D.jpg?imgmax=800" style="border-width: 0px;" width="184" /></a> Na sua página inicial, clique na pasta "público" e depois em adicionar arquivos. <a href="http://lh3.ggpht.com/ekosterapia/SMma-1rqw2I/AAAAAAAACGI/kbkMsZ7w_iA/sky_drive_arquivos%5B3%5D.jpg?imgmax=800"><img alt="sky_drive_arquivos" border="0" height="103" src="http://lh6.ggpht.com/ekosterapia/SMma_aAbg7I/AAAAAAAACGM/XMUJNR42e2I/sky_drive_arquivos_thumb%5B1%5D.jpg?imgmax=800" style="border-width: 0px;" width="197" /></a> <a href="http://lh5.ggpht.com/ekosterapia/SMmkQPanHjI/AAAAAAAACFg/I50XmBl1Mo8/s1600-h/Sem%20T%C3%ADtulo-2%5B4%5D.jpg"><img alt="Sem Título-2" border="0" height="152" src="http://lh5.ggpht.com/ekosterapia/SMmkQqWtDKI/AAAAAAAACFk/qQtmeawYP3Y/Sem%20T%C3%ADtulo-2_thumb%5B2%5D.jpg?imgmax=800" style="border-width: 0px;" width="139" /></a> <a href="http://lh4.ggpht.com/ekosterapia/SMmkRlHUHaI/AAAAAAAACFo/vZv9UlCyM2k/s1600-h/add_skydrive%5B3%5D.jpg"><img alt="add_skydrive" border="0" height="123" src="http://lh5.ggpht.com/ekosterapia/SMmkSRZi75I/AAAAAAAACFs/ANZYy2sj73Y/add_skydrive_thumb%5B1%5D.jpg?imgmax=800" style="border-width: 0px;" width="192" /></a> Você pode adicionar vários arquivos de uma única vez. Uma vez adicionado, clique sobre o arquivo a ser disponibilizado. Agora vem o X da questão! O SkyDrive, por padrão, nos dá duas opções: o endereço web e o iframe (imagem abaixo/seta azul). Em ambas, somos direcionados para uma página web. O problema é que para utilizar os scripts necessitamos do endereço direto. Para tanto, basta clicar com o botão direito do mouse em "baixar" e depois em "copiar link" (Firefox) ou "copiar atalho"(IE). <a href="http://lh6.ggpht.com/ekosterapia/SMmbAEpc7cI/AAAAAAAACGQ/KqsWpwU5zSA/s1600-h/skydrive_download%5B3%5D.jpg"><img alt="skydrive_download" border="0" height="112" src="http://lh5.ggpht.com/ekosterapia/SMmbBHjjlMI/AAAAAAAACGU/37prLm_WK-w/skydrive_download_thumb%5B1%5D.jpg?imgmax=800" style="border-width: 0px;" width="224" /></a> Copie o link e adicione onde desejar. Um exemplo é o <a href="http://usuariocompulsivo.blogspot.com/2008/07/menu-em-abas-no-blogspot-template.html" target="_blank">Menu em abas</a> , onde é utilizado um script para que o hack funcione. <blockquote> <script src='http://URL_DO_ARQUIVO/tabber.js' type='text/javascript'/> </blockquote>No caso citado, devemos substituir <a href="http://url_do_arquivo/tabber.js">http://URL_DO_ARQUIVO/tabber.js</a> pela url fornecida! Moleza, não? Meus agradecimentos ao Lord Compulsivo. <a href="http://dicasblogger.blogspot.com/2008/06/template-statement.html" target="_blank"></a>

SkyDrive-a solução para o fim do Google Pages?

Com o já anunciado fim do Google Pages , muitos de nós passamos a buscar alternativas a este excelente serviço de hospedagem de arquivos....

Continue Lendo >>

10:00

Traga mais visitantes ao seu blog!

<a href="http://lh6.ggpht.com/ekosterapia/SMhEz6TKorI/AAAAAAAACEI/oZhCrVHY9rI/s1600-h/109752982_bef40e6d6d%5B7%5D.jpg"><img alt="109752982_bef40e6d6d" border="0" height="276" src="http://lh6.ggpht.com/ekosterapia/SMhE00IKUYI/AAAAAAAACEM/kmXbMn2liQA/109752982_bef40e6d6d_thumb%5B3%5D.jpg?imgmax=800" style="border-width: 0px;" width="363" /></a> Cada um de nós teve um ou mais motivos para começar a blogar, mas acho pouco provável que exista algum blogueiro que não deseja visibilidade, visitantes e comentários para o seu blog. Existem diversas formas para ser visto neste mundão que é a Blogosfera. Duas maneiras que considero certeiras são as trocas de links (já comentadas no início da semana) e os comentários nos outros blogs. Obviamente, quanto maior o blog e mais popular, maior será sua chance de receber visitas por ali. Nos blogs do Wordpress, geralmente, nos deparamos com aquele formulário onde se pede o nome, o email e a url. Basta preencher os campos e caprichar na escrita. <a href="http://lh4.ggpht.com/ekosterapia/SMhE1U1eVoI/AAAAAAAACEQ/CLyeEXOVP9M/s1600-h/comments%5B2%5D.jpg"><img alt="comments" border="0" height="145" src="http://lh5.ggpht.com/ekosterapia/SMhE11WZ51I/AAAAAAAACEU/j-DTVejigwQ/comments_thumb.jpg?imgmax=800" style="border-width: 0px;" width="244" /></a> Já no Blogger a coisa é um pouco diferente. Além do trio nome+email+link, temos diversas outras opções para enviar um comentário, incluindo o nosso próprio perfil. <a href="http://lh5.ggpht.com/ekosterapia/SMhE2XUrM4I/AAAAAAAACEY/IcjvGSYZT1U/s1600-h/Sem%20T%C3%ADtulo-1%5B3%5D.jpg"><img alt="Sem Título-1" border="0" height="171" src="http://lh6.ggpht.com/ekosterapia/SMhE3PXlEfI/AAAAAAAACEc/3KE2OQdWPnM/Sem%20T%C3%ADtulo-1_thumb%5B1%5D.jpg?imgmax=800" style="border-width: 0px;" width="204" /></a> Dependendo do número de blogs que o comentarista tiver, incluindo blogs de testes,o tiro pode sair pela culatra. Ao invés de trazer mais visitantes, pode-se espantá-los. Exemplo: Mariazinha(nome fictício) criou 10 blogs e resolveu vir aqui no Dicas Blogger comentar. Eu, boa pessoa que sou, optei por retribuir no blog dela. Mas como Mariazinha tinha 10 links no seu perfil, fiquei confusa e desisti. <a href="http://lh4.ggpht.com/ekosterapia/SMhE302g5-I/AAAAAAAACEg/8v8rm-QiF78/s1600-h/testes%5B2%5D.jpg"><img alt="testes" border="0" height="178" src="http://lh5.ggpht.com/ekosterapia/SMhE4hjepeI/AAAAAAAACEk/AZk_L73V4Pg/testes_thumb.jpg?imgmax=800" style="border-width: 0px;" width="244" /></a> Existem também os que bloqueiam o acesso ao seu perfil, acredito, pensando em privacidade. Exemplo: João (nome fictício) criou seu blog e resolveu vir comentar aqui; deu aquela caprichada, elogiou a Sardinha e seu trabalho e tal. Daí vou eu toda feliz ver o blogão do João e me deparo com isto: <a href="http://lh5.ggpht.com/ekosterapia/SMhE5HXUWLI/AAAAAAAACEo/05yK5qI2ABs/s1600-h/perfil_blogger%5B6%5D.jpg"><img alt="perfil_blogger" border="0" height="122" src="http://lh5.ggpht.com/ekosterapia/SMhE545FH3I/AAAAAAAACEs/rC-VX8ydZAg/perfil_blogger_thumb%5B2%5D.jpg?imgmax=800" style="border-width: 0px;" width="314" /></a> Tanto o João quanto a Maria perderam uma visita, certo? Então o que seria mais recomendável? Nome/URL ou OpenID. Nos dois casos você estará direcionando os visitantes ao seu blog e não ao seu perfil do Blogger. Fica, no mínimo, mais elegante! Para saber mais sobre o OpenID, leia este Artigo Compulsivo® <a href="http://usuariocompulsivo.blogspot.com/2008/07/aumente-suas-visitas-comentando-com.html" target="_blank">Aumente suas visitas comentando com OpenID</a> Mas, Juliana, e se eu quiser que os visitantes vejam todos os meus blogs ativos? Não há problema. Basta deixar seu perfil sempre arrumadinho e ocultar seus blogs de teste. Escolha "editar perfil" no painel do Blogger. Em "exibir meus blogs", escolha os que deverão aparecer no seu perfil. <a href="http://lh6.ggpht.com/ekosterapia/SMhE6XmsI7I/AAAAAAAACEw/y-KTHguGbaM/s1600-h/perfil%5B2%5D.jpg"><img alt="perfil" border="0" height="129" src="http://lh5.ggpht.com/ekosterapia/SMhE62ohn_I/AAAAAAAACE0/_F6csJmfKZc/perfil_thumb.jpg?imgmax=800" style="border-width: 0px;" width="244" /></a> Dica extra Em blogs que possuem na sidebar o widget Top Comentaristas, os comentários viram links na página inicial! <a href="http://lh6.ggpht.com/ekosterapia/SMhLLKjlV9I/AAAAAAAACE4/jRBsNEywxDg/s1600-h/widget%5B2%5D.jpg"><img alt="widget" border="0" height="175" src="http://lh6.ggpht.com/ekosterapia/SMhLLyaOccI/AAAAAAAACE8/lkL7R8Z0RFA/widget_thumb.jpg?imgmax=800" style="border-width: 0px;" width="185" /></a> Lembrando que esta é apenas uma das formas de trazer os visitantes e que mantê-los já é outra história. Em breve darei algumas dicas de <a href="http://pt.wikipedia.org/wiki/SEO" target="_blank">SEO</a> (Search Engine Optimization) que, resumindo, consiste em técnicas para ser encontrado pelos mecanismos de busca.

Traga mais visitantes ao seu blog!

Cada um de nós teve um ou mais motivos para começar a blogar, mas acho pouco provável que exista algum blogueiro que não deseja visibilida...

Continue Lendo >>

21:30

Templates do Dicas Blogger

Oferecemos templates gratuitos para Blogger/Blogspot. Todos os modelos já possuem diversos hacks instalados, fontes e cores personalizáveis, menu linkbar, várias opções de colunas (sidebar) e ensinamos, passo-a-passo, como utlizá-los. <a href="http://www.templates.dicasblogger.com.br/"><img alt="Clique aqui!" border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq2vOxHcSRQo8hT8iK1HrO6-xuwUoF7XO1Rh64guSxx1qzML_6uICFmPv1P9uwIHcEw-VpcE_D3xGqXAFQfPuzKWvGm0bMOPP9xi6WU9GdlRPYGLUQoFpFJk9I5EsSMOftwiwdZkkfOEil/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Clique aqui!" width="389" /></a>  <a href="http://www.templates.dicasblogger.com.br/" target="_blank">Dicas Blogger Templates</a> <center> <table border="0" cellspacing="0" cellpadding="2" width="550"><tbody> <tr> <td valign="top" width="275"><img alt="" border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisXldOOlbFkpBHxl3xFyFTWmst2n6hYwhOs1j9qS7EDUURwNi73KlgXk1HNe1ucFLgJU2gdsgmC1BVq6ohdpzxf5s40oUmyxbXhTAJAB6YjhIIZmhqo0pgAlRhsME_5P_9lz-88CDa5S3T/?imgmax=800" style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="" width="250" /> </td> <td valign="top" width="275"><img alt="" border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirge59uhB1igCHS_h0tCdppZgrEMT_1AMuCSbM7ntRoj_pvaAkYMIHYa24dbZRfHlhpPF4XKemTDSnZWe6vGNZ5RpbZ3vidHFK8DeRy5KMQRiCnS9fF5qI6TBt8deNEQ0055ruQLZ7Ka7l/?imgmax=800" style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="" width="250" /> </td> </tr> <tr> <td valign="top" width="275"><img alt="" border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVEqw4H1L_1koEuhG_YYOLuJwEhqvMwSU4vU-dWr9xIOKg2_XLC4Hz0HRNqKmfd5QzLkYIjSbu6i4rHsGK32Po5KKhlKzyjdQyZUOVPV2NzyBVGNFSflp2nMeTMBKj4XAPfqdJCaJ_x1x0/?imgmax=800" style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="" width="250" /> </td> <td valign="top" width="275"><img alt="" border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55gJWYYb2Id0MTO6i8lMhn2qZagza00J9DJOI7E-zv5cmx7YjNBZFch6AdU4tflh-L-bffUsWp5H1u6EQKV-gqUefG7RS6UKTuANUegBun6IYSahqdhZ9NFAyNqfJRJv8FQGsz_OECgiJ/?imgmax=800" style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="" width="250" /> </td> </tr> <tr> <td valign="top" width="275"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBb0_4-65kbv91YrP9KxHz-9O2TAJf6nmflnv7bNqOLGhKxV6tjnXrP6TY67AJGrEpcXL5sq2mI31V4cGVsBmYsNUQOkxNsU6TMTq32FnkAnIvsdDmniiGsWblXjDIVbNNcIXn3GIjhzjn/?imgmax=800" style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="" width="250" /> </td> <td valign="top" width="275"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWI96JyHBGRrTYV3GU9iNkLLKFDOny8_ejLUFETRA8FJXsdd4QzLV6rzlaMVJ2fKpS9YUKMqFTeWem6vvZBvmVuVNfEz79JASOZ7RuZQUr0otsf3sZNUOoEZSDo6DeHMOiS7NZ78SpMOKG/?imgmax=800" style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="" width="250" /> </td> </tr> </tbody></table> </center> Caso você queira adquirir um modelo personalizado e exclusivo, conheça: <a href="http://www.dicasblogger.com.br/2009/08/produtos-e-servicos.html"><img alt="Clique aqui!" border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4wNIuGej1HASZLQ79G09-1d-6sTyJdDFQNhlOjnOlO8tRaPdtC2D-klEiMNtIbV_bpABPj8zWHpA4z46DMT5gaK01DosL4ovPKSJfslmrN4gxU74wKjY0mfY4IZ3bzDMoTQ3PwFC5oF7D/?imgmax=800" style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="Clique aqui!" width="502" /></a> <a href="http://design.icebreaker.com.br/"><img alt="Icebreaker Design" border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_zTsN3hiYqoRx9382PKhgKo9zwPWq7FTNlmf6L2Kwd1k0uSauUtDA2zB_ITWDq53dMbqL-BUXn1V8uPzzeHR0NRbHGmL1DgG8vstq89B_bGjtJ0AyoG72AhgO7D6bJCMBcg98nkOmD6U/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Icebreaker Design" width="441" /></a> <style type="text/css"> .blog-pager{display: none;}#blog-pager{display: none;}.post-footer-line{display: none;}.post-footer{display: none;}.post-footer {display:none}#subscribe{display:none}#comments {display:none} .post-header{display: none;} </style> <div class="blogger-post-footer"></div>

Templates do Dicas Blogger

Oferecemos templates gratuitos para Blogger/Blogspot. Todos os modelos já possuem diversos hacks instalados, fontes e cores personalizáveis...

Continue Lendo >>

19:01

Hospedagem gratuita de arquivos para download

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOK01iXL0oBwBLUpn2ao7D4OFuTlbeEXd6Dkuvl2WXQO8iQHDNm4LbpBBy1CWUJ_RjtGlzS21rvcHEwWrDdlqQ3lEV9Z6xELJBnqlcqmNnsz7nCwPcCWBG94pwC5so6ZtDTKRMP6PnikkC/s1600-h/2440617009_4a963c6d53%5B2%5D.jpg"><img alt="2440617009_4a963c6d53" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj70dc34wMrcbDLlSxHFNNtc4EXARwpw3G1DfUkN74R9CSea2HgK2VGq-P3Ooc_OlmnKg6vde83Mqel3YIPkZUXwYjXCick0IkwCDTk0jBKvJH92GlTvw2LQhQhN6v1duY__A3Ip2VdmGxx/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" width="434" /></a> Uma dúvida frequente, principalmente prá quem está começando, é saber onde hospedar arquivos. Um blog precisa de imagens, links, documentos e até música. Existem diversos sites que oferecem este serviço. Selecionei os melhores para vocês. Todos permitem o arquivamento e compartilhamento de arquivos. IMAGENS <ul> <li><a href="http://www.flickr.com/">http://www.flickr.com/</a> </li><li><a href="http://picasaweb.google.com/home">http://picasaweb.google.com/home</a> </li><li><a href="http://m.photobucket.com/">http://m.photobucket.com/</a> </li><li><a href="http://imageshack.us/">http://imageshack.us/</a></li></ul> Leia também: <a href="http://www.dicasblogger.com.br/2008/09/backup-no-picasa-de-imagens-contidas.html">Backup no Picasa de imagens contidas nos templates</a> MÚSICAS <ul> <li><a href="http://www.esnips.com/">http://www.esnips.com/</a> </li><li><a href="http://boomp3.com/">Boomp3</a></li></ul> Leia também: <a href="http://www.dicasblogger.com.br/2008/09/como-colocar-musica-no-blog-blogger.html">Como colocar música no seu blog</a> ARQUIVOS EM GERAL <ul> <li><a href="http://www.4shared.com/">http://www.4shared.com/</a> </li><li><a href="http://megaupload.com/">http://megaupload.com/</a> </li><li><a href="http://rapidshare.com/">http://rapidshare.com/</a> </li><li><a href="http://www.easy-share.com/">http://www.easy-share.com/</a> </li><li><a href="https://www.dropbox.com/">https://www.dropbox.com/</a></li></ul> Leia também:<a href="http://www.dicasdeinformatica.net/2009/03/armazenamento-sincronizacao-dropbox.html">Armazenamento e sincronização é com Dropbox</a>

Hospedagem gratuita de arquivos para download

Uma dúvida frequente, principalmente prá quem está começando, é saber onde hospedar arquivos. Um blog precisa de imagens, links, documento...

Continue Lendo >>

16:54

Como colocar música no seu blog

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBScNXlZwwkDvuqvLhV5o5IpEp02ftb6NCUh7nbgmQLueXEekGO-sHe9LA-6HIcb1cqqt6BtIsBZ-PdXB0uXwgMO6SdS6ukNwJNb1hVPAY3-aNtJT61VPTTMdOSXuLyM2XO-zjYVo9V1qA/s1600-h/image%5B33%5D.png"><img alt="" border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFRIenwlg6xbj7Vn5vs8I4g1xFCIpPYnu4ar6DqESjOysUe_2PeGn6D6b-yyL9yCYmgRdvB4Ehl2Pv318fr1okEU0gTMA48U1DOhzVtdcWL_Q1hoW9iQ1K9XhzrBnSk09EpIPH5b5LCout/?imgmax=800" style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="" width="523"></a> Os leitores assíduos e fiéis sabem: eu não gosto de música em blogs. Eu amo música, mas acho que ninguém é obrigado a ouvir o que eu escuto. Então meus queridos, nada de autoplay, ok? Lembrem que muitos internautas já navegam escutando o seu sonzinho particular; outros estão no trabalho e ainda existem aqueles que andam pela web, madrugada a fora, e não vão gostar de acordar a casa toda com aquele rock pauleira do seu blog. Cabe ao visitante a decisão de apertar ou não o play. Eu já levei cada susto! Existem diversas formas de se colocar um player de música no blog. Gosto daqueles serviços que já fazem tudo de forma automática, levando em conta que usabilidade é tudo. Para colocar um player  na sidebar, é preciso copiar o código fornecido pelo site, entrar em layout >elementos de página> adicionar gadget> e colar em html/javascript. Para colocar dentro do post, clique na aba editar html do editor de textos do Blogger e cole o código. Player com upload de músicas <a href="http://www.esnips.com/" target="_blank">Esnips</a> Serviço de hospedagem de arquivos, com 5 GB de espaço. É necessário fazer cadastro e aguardar confirmação por email. Aceita upload de video, áudio, fotos e documentos. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghLQIjmTsW47NPeU8rxVelNTeZf-ISneLlFuDak4tBa7xDZEL-tZUXiS1crsTSbP4TmOjhVecMKZICPr7VKB0LzEqwWV-YezaCXrPtj0fkGeNeFPny46uBZfCBHRol0TEtza9DN77LIk2L/s1600-h/esnips%5B4%5D.jpg"><img alt="esnips" border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFlu1onDG_QMaDGYI0wuP2QV2WVZ0pqtC1Kxht-01EU5OE8DHpRO7JyiN2kQvSGe-c6554SlSnGB_SKxlpVdMtac9GPoaUlMr3-deXS16cRWWG26Z-T1IxHV_YoiNX0fq12KsSc4mLhWW1/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" width="402"></a> Para áudio, faça o upload do arquivo e depois de pronto clique em "mp3 widgets"; daí é só escolher o modelo do seu player. Também podemos criar playlists com qualquer arquivo hospedado no site. Super completo! <a href="http://boomp3.com/">Boomp3</a> O mais simples e prático. Basta fazer o upload do arquivo mp3, preencher os campos em branco e aguardar. Ao final aparecerá a opção de incluir o player no seu blog. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDDEyhmSebbOG4NAQR41tniBr9LCdYAHLTD8H4whf_UBg7P__2YXx5UbDStWRdTS1E-IDO7WfmkxXvGCbNjsVEoX_wIkcH13h5YRe1fTpGj051nujWYsnVzhup0QYSTSi0on2D3lHqKZKP/s1600-h/boomp3%5B3%5D.jpg"><img alt="boomp3" border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaTNzw356hve0EpHFNzacCKDVG8sL5iB6kPHe6M86WQqTcsuF6lvmfVE5gRIZKkrhNfVKeTrsq_rmZoE7a_xqB5aiyGNiNXAzuXJZe-0IvrzbSJmBqyJ8kJjF9AiMapIJXIDfjas9BRtlx/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" width="402"></a> Players de rádios online <a href="http://cidadeweb.110mb.com/video/radio2.html" target="_blank">Rádio Jovem Pan</a> Basta copiar o código e colar no gadget html/javascript <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-QhpMw6C6ALVmNqoJ21-y7eRUa9YS5AdDLTn2x3yNLKwUcSoIp7NW7Zk8sdNAEhILdDIStpm6UC9-MMQEo6yTGTRuVn5hunvtJTVXGicXaft0v4u2mUJJpIeX6npYy5DST8bSw9zJoROi/s1600-h/image%5B34%5D.png"><img alt="Jovem Pan FM" border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKwNeUQin0UAeZsmq7nHjZlXGckblHBrUfdSOVtlrLklZQDaBGjR79RcqcTSF4G_qmEAGCUkr0qwsW0uxNVCpkfoyFz23H7OY1KvyEiQX4-cG6c4AJNDKh2F3giOPzQpI-4q2vlYx_0vZy/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Jovem Pan FM" width="402"></a> <a href="http://www.radiofusion.com.br/" target="_blank">Rádio Fusion</a>  Clique em player, escolha o formato e a cor do player e copie o código. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWHG4CH9zqwjixJFNbtUrFMCUqMS957LFRCR0GFlKwQ1Ju_5GBvWb6D-1PxgSfUbOn4UQKfspmkd5gm9j3n9pfY1pU3a8DzFjeuPrQoCM-WIivFRTCC9jLDEe0-JB6wmA2H8C_C00x0oWt/s1600-h/image%5B35%5D.png"><img alt="Radio Fusion" border="0" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdPqRjjIBlKOWqF2giMMdX9klRaryVUzWA456x-ApKaMzsK0MQXfOFywrp59JOCv4SBF8SsFopeDc6vf1YyMdrmvAhGGbcgbS8a7m_q0BXgmE8cexiIDxWyqraGI-iuNzA_L5Ji9uLwtK4/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Radio Fusion" width="402"></a> <a href="http://www.goear.com" target="_blank">Goear</a>  Faça uma busca, escolha a música que você deseja colocar no seu blog e copie o código que está em this song in your site. <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYf9EEfAmJvUcNhiAbmYwYVSq8rNL8rmw0ac3rBJMcEZnhb5ArlBVFa3ZSbVMwomXA8I3Z1cjbLU04M2r0JTRmcj39yyVlge0YxiLCrcen3iaLjHlVRFsVoVdWCoDEsHPl9jV57R0Q6cvI/s1600-h/image%5B36%5D.png"><img alt="Goear" border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5TPtiGozIQ8hOUK3_fBYEQPuMRh16n5YiQoA4wrklCpv02B9RD81vNkpnllEiIU9io0QvufyLRm2enIeWCeOkN_fXFBv8hUhTp_mr0R1JKyIbZLcwkzdKCVLby5AtgIdAsePZRvWSiX1F/?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Goear" width="402"></a> Tag: música no Blogger, player no blog, player no Blogger, rádio no blog

Como colocar música no seu blog

Os leitores assíduos e fiéis sabem: eu não gosto de música em blogs. Eu amo música, mas acho que ninguém é obrigado a ouvir o que eu escut...

Continue Lendo >>

06:57