Como hospedar arquivos no Google Sites

Como até hoje o Blogger não disponibilizou um serviço de hospedagem de arquivos, continuamos nos utilizando de serviços externos para esse fim. Hoje notei que o hack “Páginas Numeradas” havia parado de funcionar, pois o site onde estava hospedado o javascript foi tirado do ar. Então lá fui eu tentar outra opção e consegui hospedá-lo no Google Sites. E pelo que notei, é possível hospedar qualquer tipo de arquivo, incluindo templates, imagens, pdf, DOC e etc.

Entre no Google Sites usando sua conta do Google. Provavelmente você já irá encontrar um site com o nome da sua conta. Se não enContrar, crie um site.

Clique no site e na página seguinte, no alto à direita, clique em “nova página”

Dê um nome a essa página e, em modelo,  escolha “arquivo”. Em local, escolha “colocar página como nível superior”. Clique em “criar”

Na página seguinte, clique em “adicionar arquivo”. Procure o arquivo e faça o upload.

Seu arquivo irá aparecer numa espécie de pasta, com 1 link para download.

No caso de hospedagem de javascript para usar no Blogger

Clique com o botão direito do mouse e copie o link. Ele irá aparecer assim:

https://sites.google.com/site/arquivosdicasblogger/javascripts/page-nav.js?attredirects=0&d=1

Cole no html a parte que está em amarelo, ou seja, até a extensão .js

Blogger - Criar e publicar posts no iPad

Dispositivos móveis como o iPad são maravilhosos quando se trata de consumir conteúdo: visitar blogs e sites, gerir email, ver filmes e acessar redes sociais, como o Twitter e Facebook. Quando se fala de produzir conteúdo, a coisa já não é tão fácil. O Blogger lançou recentemente a versão mobile para os blogs, mas ainda é inviável escrever posts direto pela interface web. Para isto, é necessário recorrer à aplicações externas.

BlogPress – aplicação para criar posts no iPad
A aplicação BlogPress, que já foi descrita em pormenor aqui: Blogger no iPhone – Como escrever e publicar posts ganhou uma nova interface para o iPad e algumas novas funções. Atualmente é a melhor aplicação para escrever e publicar posts, não só no Blogger mas também no Wordpress e outras plataformas.

Configurações:
Nas configurações, podemos alterar algumas coisas, como o local onde as imagens irão ficar alojadas (por default ficam no BlogPress, mas pode ser alterado para o Picasa junto com as outras imagens do blog). Esta opção é bastante útil para quem utiliza outras plataformas além do Blogger, sendo possível alojar as imagens direto num servidor próprio. Também é possível configurar para que os posts sejam publicados automaticamente no Twitter e Facebook (quem utiliza o método de publicar o feed do blog no Facebook deve desmarcar esta opção). A assinatura do post também pode ser alterada, assim como a fonte das letras e tamanho das imagens:

Escrever posts
É bastante confortável escrever textos longos no iPad (e se você tiver um teclado bluetooth, a tarefa pode ser ainda mais fácil). Com alguns atalhos em HTML podemos inserir links, formatar a forma da letras, o tamanho e a cor. É possível também inserir negrito, itálico e algumas outras funções:
Inserir imagens também é bastante fácil, basta clicar no ícone da camera fotográfica e escolher no álbum do iPad. Clicando na imagem fica habilitado a edição da mesma, onde é possível alterar o tamanho e alinhamento. Também é possível adicionar um link à imagem escolhida (clique para ver maior):

     

Após o texto estar completo, aparecem as seguintes opções: publicar, salvar localmente e salvar online. Também é possível salvar e ver como irá ficar o post. Ao ser escrito, o post fica sempre na versão HTML, esta nova opção permite ter uma idéia clara de como irá ficar a formatação (Save and Preview):

O BlogPress, que pode ser adquirido na AppleStore por 4.99 dólares, com certeza supre as necessidades da maior parte dos utilizadores que querem utilizar o iPad para escrever posts no Blogger e em outras plataformas.

TechTudo – um novo site de tecnologia

Lançado recentemente, o TechTudo é o site de tecnologia da Globo.com, que surgiu com a proposta de (realmente) descomplicar a tecnologia. Para atingir tal objetivo, reuniu-se uma equipe de colunistas de primeira linha e de colaboradores - na maior parte blogueiros - com experiência em escrever artigos sobre tecnologia.
Comandado pelo geek  Nick Ellis – conhecido na web por seus blogs Digital Drops e App Store Blog e por sua paixão por tecnologia – o TechTudo fornece  dicas e tutoriais de aplicativos,  gadgets, sistemas operacionais e muito mais!  Além disso, conta com  reviews que auxiliam o usuário na hora de comprar novos dispositivos eletrônicos.

Acesse o TechTudo e confira o  time de colunistas, bem como as diversas categorias de artigos: reviews, dicas & tutoriais, jogos, blogs, fórum e downloads.

Vocês podem acompanhar o artigos do TechTudo também no Twitter e no Facebook.
Eu tive a honra de ser convidada pelo Nick para colaborar com o TechTudo, onde pretendo publicar artigos sobre informática em geral -  sistemas operacionais, aplicativos diversos para Windows e iPhone, segurança digital, navegadores e etc - bem como  compartilhar minha experiência com blogs. Nos vemos lá ;)

Como hospedar javascript no Blogger

Depois de ter publicado dois posts com modelos para apresentação de slides, usando JQuery, resolvi pesquisar uma forma eficaz de hospedar os arquivos em javascript dentro do template, evitando assim que vocês tenham que hospedá-los externamente.

JavaScript é uma linguagem de script (…)Sua união com o CSS é conhecida como DHTML. Usando o Javascript, é possível modificar dinamicamente os estilos dos elementos da página em HTML.
Fonte: Wikipedia

A maioria dos scripts que fazem maravilhas com leite moça, são do tipo JQuery

jQuery é um framework para ajudar os desenvolvedores a se concentrarem na lógica dos sistemas da web e não nos problemas de incompatibilidade dos navegadores atuais. Seu lema é: "Escrever menos e fazer mais".Uma função escrita em Javascript puro tem uma diminuição notável quando reescrita com este framework Fonte: Wikipedia

Apesar de eu ter dito neste post - Slideshow no Blogger – que não seria preciso hospedar nada, confesso que me enganei. Os scripts realmente já estão hospedados, mas no host de quem os criou/publicou/divulgou. Se a url (endereço do link) parar de funcionar, podemos dizer adeus àquela linda apresentação de slides.
A url do script estava bem escondidinha dentro do código:

<script src=' http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js ' type='text/javascript'/>

A parte assinalada em vermelho, corresponde à url. Neste caso, o script está hospedado no Google Sites, se não me engano. Se o dono apagar o arquivo ou mudar a url, ficamos na mão, ou seja, o slide irá parar de funcionar.
A boa notícia é que temos duas formas de resolver isso:
1. hospedar o arquivo em nosso próprio host
Ótimo, eu pago um host, outros blogueiros também pagam, mas a maioria nem sabe o que é isso.  Explicando a grosso modo, host é o mesmo que servidor. Blogs que usam o Wordpress.org, por exemplo, precisam de um host para funcionar. Nós usamos os servidores do Google, mas, como nem tudo é perfeito, não temos onde fazer o armazenamento de arquivos, tais como documentos, scripts e etc.
2. hospedar o arquivo dentro do template
Como assim? Pois é, eu também não sabia que isso era possível, mas graças à mestra Ariane que fez isso no Template Mundo Verde, descobri uma forma super prática de hospedar arquivos em javascript no Blogger.
Agora vamos ao que interessa. Para hospedar um script no Blogger, é preciso fazer uma pequena alteração no código original. Mas é bom lembrar que dependendo do tamanho do arquivo, seu blog pode ficar mais lento.
Vamos pegar como exemplo um pedacinho do código usado nos slides:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js' type='text/javascript'/>
<script type='text/javascript'><!--//--><![CDATA[//><!--
/**
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>

Observem que o primeiro link termina com a extensão .js. O que temos aí? Acertou quem pensou “javascript”! Clique sobre o link . Irá abrir um arquivo em texto enorme. Deixe-o aberto, pois daqui a pouco será necessário copiar todo o conteúdo.
Agora, substitua a primeira linha do código acima por:

<script type='text/javascript'>
//<![CDATA[
COLE AQUI O SCRIPT
//]]>
</script>

Cole todo o conteúdo do arquivo .js no local que assinalei de vermelho.
O local onde o arquivo .js vai estar, irá variar. Então, faça uma busca usando o comando Ctrl+F do teclado.

Agora, sempre que você se deparar por aí com um recurso fantástico usando Javascript, mas não possui um serviço para hospedar o arquivo, utilize essa tática ;)
Fiz testes em vários templates e com vários scripts diferentes e em todos funcionou.

Blogger Touch - seu blog no celular

Com o aumento crescente de acessos via telefones celulares, é essencial oferecermos aos nossos visitantes uma versão mobile de nossos blogs.
É muito chato entrar em um site pelo celular ( no meu caso, pelo iPhone) e não encontrar uma versão apropriada. As fontes ficam pequenas e as imagens distorcidas.
Em julho deste ano, eu mostrei pra vocês uma forma de exibir blogs do Blogger em versão mobile, própria para celulares - versão mobile de blogs do Blogger/Blogspot.
O serviço Onbile até que cumpre o que promete, mas notei dois problemas:

1. não permite desabilitar a versão mobile
2. aumenta o tempo de carregamento das páginas

Ontem, lendo meus feeds, vi que o JMiur, do blog Vagabundia, estava apresentando uma outra opção - Blogger Touch: Versión del blog para móviles. Testei e gostei.
O Blogger Touch trabalha com um script leve, que pode ser inserido diretamente no gadget HTML/javascript dos elementos de página do Blogger.

Versão tradicional

Versão mobile

Para colocar o Blogger Touch em seu blog, clique em mobile edition maker.
Escreva o endereço do seu blog na caixa que aparece em branco. Se você usa domínio próprio, clique em custom domain e escreva o domínio do seu blog.
Clique no botão go. Você será direcionado para a seguinte página:

Na caixa em branco, digite o nome do blog. No exemplo acima, usei o DB Templates.
A seguir, clique em check availability para verificar se o nome está livre e prossiga
Na página seguinte, clique em view code e copie todo o código que aparece.
Entre no painel do Blogger, acesse a guia design e clique em adicionar gadget. Escolha o gadget HTML/javascript, cole o código e salve.
Clicando no botão add code, o código será inserido automaticamente no topo do blog. Depois, é só movê-lo para um outro local dos elementos de página.
Ainda tem mais um passo, mas agora é o último (ufa!). Volte no Blogger Touch e verifique se o código foi instalado corretamente, clicando em verification.

O Blogger Touch mostra o título dos posts na página inicial, os marcadores e um botão para desligar a versão mobile. Dentro dos posts vemos o número de comentários e alguns anúncios, porque nem relógio trabalha de graça :)

5 encurtadores de URL com estatísticas

Com o sucesso do Twitter, os serviços para encurtar URLs (links) se transformaram em ferramentas indispensáveis, já que, em cada tweet, só podemos usar 140 caracteres e as URLs ocupam muito espaço.
Já existem centenas de sites encurtadores de URL e vários deles já vêem integrados aos aplicativos mais populares, como TweetDeck, Echofon, Seesmic, Saezuri e etc.

Link normal: http://www.dicasblogger.com.br/2010/10/google-preview.html
Link encurtado: http://bit.ly/dsaA7N

Para conseguirem destaque em meio a grande concorrência, alguns serviços estão agregando estatísticas em tempo real. O que isso quer dizer? Que é possível medir o impacto de um tweet ou de um RT frente aos nossos seguidores, através da quantidade de cliques recebidos por um link e/ou através dos retweets ao link.

Na imagem acima, vemos um tweet divulgando um post, onde coloquei um link encurtado no bit.ly.  Usando a análise estatística, vemos que o post recebeu 36 cliques, sendo 28 através do link encurtado pelo bit.ly e 34 retweets.
Selecionei cinco encurtadores de URLs com estatísticas,  para vocês testarem.
bit.ly – Após fazer um cadastro, você vai ter acesso a gráficos detalhados, que exibem a quantidade de cliques que seu link recebeu e de onde eles partiram.
Google URL Shortener – Encurtador de URLs do Google, oferece estatísticas sobre a quantidade de cliques nas últimas duas horas, no dia, na semana e no mês. Para ter acesso às estatísticas, basta usar a sua conta do Google/Blogger. É super prático.

migre.me – Pioneiro entre os encurtadores nacionais, o Migre.me permite acesso aos  cliques através desta url: http://migre.me/@seu_usuário. Na página incial, vemos os links recentes, os mais retuitados e os mais clicados.

Zapt.In – Trata-se de um serviço nacional, idealizado pelo Manoel Lemos, do BlogBlogs. O serviço possui rankings de tweets e RTs e pode ser facilmente inserido na barra de favoritos do seu navegador apenas arrastando um ícone.

bitw.in – Idealizado e mantido por dois metabloggers, o Bitw.in vem passando por reformulações. Mostra as estatísticas de links individuais, mediante um cadastro, bem como os links mais recentes, mais clicados e retuitados das últimas 48 horas.

Se vocês quiserem recomendar outros serviços que encurtam URLs e que mostram as estatísticas de cliques e de Rts, deixem um comentário com o endereço do site.

Como salvar arquivos do Word 2007 em PDF

Esta dica é muito interessante. Existe um plugin para o Office 2007, lançado pela própria Microsoft, que converte e salva em PDF, arquivos criados no Word.
O  Microsoft Save as PDF or XPS está disponível para download em:

• Info Downloads
• Central de downloads da Microsoft

Depois de instalar o plugin, crie o texto no Word, selecione salvar (ícone em formato de disquete), escolha salvar como e clique em PDF ou XPS.

Escolha o local onde irá salvar o PDF, dê um nome a ele e clique no botão publicar

O plugin funciona nos seguintes programas da suíte Office 2007:

Microsoft Office Access 2007
Microsoft Office Excel 2007
Microsoft Office InfoPath 2007
Microsoft Office OneNote 2007
Microsoft Office PowerPoint 2007
Microsoft Office Publisher 2007
Microsoft Office Visio 2007
Microsoft Office Word 2007

Um luxo, não? É o tipo de aplicativo que merece ser guardado por muito tempo.
Você deve estar se perguntando qual é a utilidade disso para um blogueiro, certo? Bom, existem inúmeras utilidades, já que blogueiros estudam, trabalham e, certamente, mais cedo ou mais tarde, vão precisar converter arquivos do Word para PDF.  Entretanto, a principal utilidade se refere à criação de um belo Midia Kit ;)

Como usar o Windows Live Writer 2011

O Windows Live Writer é, de longe, o melhor programa para escrever e editar posts.  Ele fornece diversas ferramentas inexistentes no editor do Blogger e, dizem, que até no do Wordpress. Eu, particularmete, não vivo sem ele.
Na versão 2011, o novo Windows Live Writer ficou ainda mais completo  e intuitivo.
Se você leva seu blog a sério, não pode deixar de experimentar este programa.
Para baixar e instalar o Windows Live Writer, acesse este artigo:

• Chegou o Windows Live Writer 2011!

Quem já usava as versões anteriores do WLW, não vai ter grande dificuldade com a atual; está tudo lá, só que com um visual um pouquinho diferente.
A novidade mais interessante para usuários do Blogger, é a possibilidade de usar o resumo de postagens nativo – Jump Break – diretamente do Live Writer.
Conhecendo a interface do programa
Abra o WLW. Na imagem abaixo, vemos a interface do programa:

• ABA INICIO: possui várias opções para formatar os posts
• ABA INSERIR: insere links, imagens, mapa, vídeo e emoticons
• ABA CONTA DE BLOG: local para configurar o blog
• TÍTULO DA POSTAGEM – local para colocar o título do post
• ÁREA DA POSTAGEM: local para escrever os posts
• DEFINIR CATEGORIAS: local para colocar os marcadores
• DEFINIR DATA DE POSTAGEM: local  definir data e hora das publicações
• EDITAR: mostra a edição do post
• VISUALIZAR: mostra como o post vai ficar com o tema do blog
• CÓDIGO-FONTE:  mostra o código HTML do post

Adicionando uma conta de blog no Windows Live Writer
Na aba “início”, clique em adicionar conta de blog (fica ao lado do ícone “publicar”). Siga os passos descritos nas imagens abaixo (clique sobre elas, para ampliar)

Caso seja seu primeiro acesso com o WLW, o próprio programa já vai te perguntar se você deseja incluir uma ou mais contas. Depois, o processo é o mesmo.
Como configurar o Windows Live Writer
Para configurar o WLW, acesse o ícone que  fica antes de “início” e clique em “opções” (imagem 1). Irá abrir então a janela de configurações (imagem 2).
Como editar suas contas no Windows Live Writer
Na mesma janela “opções”, clique em “contas”. Escolha o blog e clique em “editar”
Como Inserir links dentro das postagens
O método é parecido com o do Blogger. Escreva uma frase ou palavra, passe o mouse sobre ela e clique em “hiperlink”. Na caixa “endereço na web”, coloque o link (URL)
Como inserir e editar imagens
Clique no ícone “imagem”, escolha a localização ( “do computador” ou “ da web”), e  selecione a imagem. Para editar, dê 2 clique sobre ela e a barra “ferramentas de imagem” irá aparecer. Explore todos os recursos

Para cortar a imagem ou definir um novo tamanho, clique em “tamanho”. Dá para girar a imagem, colocar diversos tipos de bordas, usar efeitos e muito mais!
Como usar o Jump Break (Leia Mais) com o Live Writer (novidade!)
Escreva seu post e escolha a área onde vai começar o resumo da postagem. Acesse a aba “inserir” e escolha “postagem dividida”

Como colocar vídeos no Live Writer
Se for um vídeo do YouTube, basta copiar o código fornecido lá e colocar dentro do “código-fonte” de sua postagem

Como tabelas, mapas e emoticons (novidade!)
Clique na aba “inserir” e escolha uma das opções disponíveis.
Como visualizar um post usando o tema do blog
Clique no botão “visualizar”, que fica no rodapé do WLW.

Como publicar um post com o Windows Live Writer
Depois que estiver tudo pronto, é só clicar no ícone “publicar” que fica na aba “início”

Como editar um post já publicado
Clique no ícone “live Writer” e  em “abrir postagens recentes”. Caso o artigo seja muito antigo, clique no nome do blog para encontrar a postagem. A grande novidade é que, na versão anterior, só era possível buscar até 500 posts e agora vai até 3000!
Como publicar apenas um rascunho do post
Na aba “início”, ao lado do ícone “publicar”, tem a opção “postar rascunho no blog”
Como colocar marcadores nos posts
Clique em “definir categorias” ( fica em cima do título da postagem)
Como agendar postagens
Ao lado de “definir categorias”, temos “definir data de postagem”. Clique para ver o calendário. Escolha uma data e depois clique em “publicar”

Como atualizar o tema do blog
Acesse a aba “conta de blog” e clique em “atualizar tema”
Como escrever usando o tema do blog
Acesse a aba “conta de blog” e clique em “tema de blog”

Aqui no meu computador, ao tentar editar este post usando o tema, o WLW travou várias vezes, mas não foi nada de grave, visto que ele me deu  a opção de restaurar o post como estava antes de travar (novidade!)