Dois Cliques

Fiz este pequeno vídeo mostrando como adicionar categorias ao blog no Blogger para quem ficou com dúvidas depois do meu outro post de algum tempo atrás onde expliquei como criar categorias no blog.

Adicionando categorias a um blog

Este vídeo é curto e não tem som mas creio que mostra como fazer. Apenas gravei-me a mim mesmo adicionando categorias a um blog no blogspot, e ainda mostro também como apagar o gadget das categorias na segunda parte do vídeo.

Note que dependendo do idioma que tem seleccionado na sua conta do blog os nomes dos menus são diferentes. Há diferenças por exemplo entre português de Portugal e do Brasil.

Veja como fazer para botar links em blogs isto funciona quer queira criar links no Blogspot (Blogger), nos blogs Sapo, blogs Wordpress, ou outra plataforma qualquer de blogs ou sites.

Veja o código html ou código-fonte do texto que está a escrever a adicione o código para criar um link activo que pode ser clicado, o código é este: <a href="http://meu-site.com">Texto do link</a> .

Substitua o "meu-site.com" pelo endereço do blog ou página para onde está a apontar o link, não esquecendo as aspas antes e depois do endereço, e "Texto do link" pelo texto que quer mostrar no link.

Talvez seja mais fácil explicar isto com um exemplo. Se quiser botar um link para este blog no seu blog, por exemplo, poderia fazê-lo usando este código: <a href="http://sergioalex.blogs.sapo.pt/">Blog de humor e Internet do Sérgio</a>.

Outra forma de fazer links em blogs: Provavelmente a janela onde escreve os posts que publica no seu blog até tem um botão para inserir links (pode ser um ícone com o texto "inserir hiperligação", "criar link", etc). Neste caso, em vez de mudar o modo de visualização do texto para ver o código-fonte como no exemplo anterior, basta clicar no botão e introduzir os dados do link na caixinha que aparece.

Viu como é fácil criar links em blogs? ;)

Veja como fazer para pôr um banner no blog Sapo: Entre no painel de administração dos blogs sapo, clique em "Personalização", e "Intermédia".

Depois clique no separador "Imagens" e procure por "Imagem de cabeçalho". Indique o endereço do banner que quer usar como cabeçalho no blog. Pode em qualquer momento voltar a usar o banner original do template do blog clicando em "Repor original". Também podem definir se quer que o banner se repita (pode ser útil no caso de imagens pequenas), e ainda o alinhamento dele (à esquerda, centrado, etc).

Pôr banner no blog - Personalização Avançada. Em alternativa a este método, também pode criar o banner indo a Personalização > Avançada > Opções avançadas > Editor CSS, e alterar a referência ao url onde está o banner que quer colocar no blog.

Para fazer isto, procure pelo código "#header {background:url" (deve estar no início) e altere o endereço pelo que quer usar para mostrar o banner no topo do blog.

Para eliminar o seu blog Sapo, entre no seu painel de administração do blog, e procure por "Gestão do blog", na barra do lado esquerdo.

Clique em "Preferências" para abrir o submenu, e depois clique em "Configuração". Vá à parte inferior da página onde diz "Apagar blog" e  clique em "Apagar este blog".

Na mesma página de configuração também pode fazer outras coisas como alterar o título do blog, a descrição, definir o fuso horário, ou definir um domínio próprio para o blog (deixe este campo em branco para usar o subdomínio dos blogs sapo).

Fiz esta vídeo aula mostrando como editar banners de blogs usando o editor de imagens MS Paint do Windows. As dicas dadas na aula são básicas mas podem ser úteis para quem quer aprender a criar banners para sites e blogs ou editar o banner do seu blog.

No vídeo editei o banner de um blog wordpress que tinha instalado localmente mas também poderia ter usado um blog num servidor remoto, e claro, isto pode ser usado para banners em qualquer plataforma, blogs sapo, blogspot, etc.

Ah, e não se surpreenda quando ouvir a voz que narra o vídeo… Não, eu não fiz uma operação de mudança de sexo… Usei uma voz artificial de um programa que converte texto em voz. ;)

Vídeo Aula - Editando um banner para blog

(Clique na imagem para abrir a página com o vídeo)

Texto da video aula

Segue o texto usado no vídeo pela "Madalena":

Olá, eu sou a Madalena e neste vídeo vamos aprender a adicionar imagens a um banner com o programa MS Paint.
Vamos começar por ir ao menu Iniciar e abrir o programa ms paint que está na pasta Acessórios que fica dentro da pasta Todos os Programas.

Depois vamos abrir o nosso blog com o banner que queremos modificar. Neste exemplo estamos a usar um blog instalado localmente no nosso computador.

Guardamos a imagem no Ambiente de Trabalho usando a opção "Guardar Imagem Como" do navegador. Neste  vídeo estamos a usar o navegador Firefox.

De volta ao Ambiente de Trabalho vamos procurar a imagem que acabamos de guardar e vamos arrastá-la para dentro da janela do Paint.

De seguida podemos começar a editá-la. Neste exemplo vamos modificar a barra inferior seleccionando uma pequena área com a ferramenta de selecção e  esticá-la para o lado direito de forma a esconder uma parte branca do banner que não queremos mostrar no nosso blog.

Depois vamos ao menu Editar e seleccionamos a opção "Colar de..." para adicionar uma imagem ao banner a partir do nosso computador. Podemos redimensionar as imagens e arrastá-las para onde queremos que  fiquem.

Também podemos fazer outras modificações nas imagens como por exemplo, alterar ou inverter cores, ampliar ou reduzir as imagens, rodá-las, ou invertê-las vertical ou horizontalmente. Para refazer acções podemos a qualquer momento usar o atalho de teclado ctrl + z.

Neste exemplo vamos ainda inserir uma segunda imagem a partir do menu Editar e Colar. Como apenas queremos usar uma parte da imagem, seleccionamos a área que vamos manter e depois a opção Cortar ou Copiar a partir do menu do botão direito do rato. Usamos o atalho ctrl + z para fazer desaparecer a parte da imagem que não vamos usar, e clicamos em Colar a partir do menu direito do rato. Vamos clicar nos contornos da imagem e arrastar o rato para reduzir a imagem e vamos inseri-la no espaço disponível.

Quando uma imagem estiver como queremos podemos clicar com o rato fora dela para que seja colada ao banner.

Neste exemplo vamos ainda mudar a cor da barra superior. Para isto usamos a ferramenta de selecção para seleccionar a área a alterar e depois o menu Imagem, seleccionando a opção "Inverter cores".

Neste exemplo vamos clicar no contorno direito da área seleccionada e esticá-la de forma a abranger todo o banner. Quando uma imagem estiver como queremos podemos clicar com o rato fora dela para que seja colada ao banner.

Quando o banner estiver pronto, podemos guardá-lo no Ambiente de Trabalho através do menu Ficheiro e da opção "Guardar como". Podemos escolher entre vários formatos de ficheiro.

Agora já podemos enviar o novo banner para o nosso blog.
Note que neste exemplo não estamos a usar um servidor externo, por este motivo as pastas com os ficheiros do blog estão no nosso próprio computador.

De seguida vamos procurar a pasta com os ficheiros do blog que estamos a usar e abrir a pasta de imagens.  Renomeamos o banner antigo para o caso de o querermos voltar a usar e copiamos o novo banner para dentro da pasta. Ele deve  ficar com o mesmo nome do banner antigo.

Já podemos voltar ao navegador e recarregar a página para vermos o nosso blog com o novo banner.