Como tirar o link da imagem do cabeçalho

A pedido de um leitor, deixo os passos necessários para tirar o link da imagem do cabeçalho (e não, cabeçário) do Blogger (blogspot).

É simples!

Entre no painel do seu blogue:
-Clique em «Esquema/Layout».
-Depois, «Editar HTML/Edit HTML».
-Active a opção «Expandir modelos do widget/Expand Widget Templates».
-Procurar por (clique na imagem para ampliar):
-Apagar a parte do código destacada, na imagem, a vermelho.
-Clicar em «Guardar modelo/Salvar modelo/Save template».

Atenção: Antes destas alterações, convém copiar a totalidade do código HTML e guardá-lo no Word para que o possa repor em caso de engano. Mais vale prevenir!...

Espero ter ajudado.

Amplexos e ósculos!

Blogger: e-mail de contacto na barra lateral do blog (sidebar)

Para quem, como eu, pretende que o seu e-mail seja facilmente encontrado a fim de facilitar a vida aos futuros interessados nos seus serviços, um CONTACTO colocado no barra lateral (sidebar) é essencial.
Certamente que nem todos os utilizadores do seu blogue saberão que o seu e-mail encontra-se "escondido" no lado esquerdo do seu perfil pelo que um simples código poderá aumentar sobremaneira o número de contactos.

Para colocar o seu e-mail de contacto na barra lateral, entre no Esquema do seu blogue, adicione um elemento de página (HTML/JavaScript) e escreva um dos seguintes códigos HTML:

Caso pretenda que o seu e-mail fique visível, substitua a palavra Contacto pelo respectivo e-mail:

Amplexos e ósculos!

JS-Kit: Estrelas que classificam os nossos posts

Já experimentei um sistema de classificação de posts (Ratings) através de estrelas, disponibilizado pela Spotback, mas atrasava bastante a entrada completa do blogue e retirei-o.

Agora instalei um novo, disponibilizado pela JS-Kit através do sistema OpenID eliminando, assim, a necessidade de criar uma conta.

Como inserir o sistema de classificação através de estrelas no Blogger?

Por acaso, para quem está menos familiarizado com o HTML, não é assim tão simples.
E não o é porque o código disponibilizado no JS-KIT está incorrecto (!?)... faltando fechar a tag div.
Para quem estava acostumado ao modelo antigo do Blogger, poderá achar mais complicado mexer no HTML do novo, pelo menos eu acho, pelo que deixo aqui umas imagens para facilitar o processo:
Primeiro, marcar: Expandir modelos do widget:
Depois, colar o código no lugar pretendido:
Para alterar a cor das estrelas, basta completar o código com o atributo starColor="..." (substituir as reticências (...) por Ruby, Red, Golden, Green, Emerald, Blue, Indigo ou Violet. Ver exemplos: AQUI

Por último, colar o script:

Espero ter ajudado!

Até ao próximo post!

Já agora, classifique esta entrada! ;-)

Tabela de Cores HTML

Deixo aqui uma tabela de cores compatível com todos os sistemas.
A compatibilidade é conseguida utilizando apenas os seguintes valores: 00, 33, 66, 99, CC e FF.
As diferentes combinações destes valores resultam nas cores:

(clique na imagem para ampliar)

Fonte: www.criarweb.com

Até amanhã!

Optimização de sites e blogs: atributo alt

O atributo alt é muito importante na optimização dos nossos blogues ou sites pois atribui uma legenda às imagens que neles constam.
Os robots dos motores de busca apenas reconhecem imagens caso estas tenham uma descrição entre as aspas do atributo alt.
Já lhe aconteceu, certamente, não conseguir ver imagens de alguns sítios que visita, aí, o atributo alt faz a diferença, ao mostrar uma descrição da imagem.

Vamos a um exemplo prático:
Na seguinte imagem o atributo alt não tem nenhuma descrição tornando-a invisível aos robots dos motores de busca. Ao passar com o rato por cima da imagem não existe nenhuma descrição disponível.

Ao contrário, passando com o rato na seguinte imagem, consegue ler a descrição: Banner do Blogue Diário

Para mais informações, veja o seguinte vídeo criado pelo Google (em inglês):


Até amanhã!

Código HTML para Caixa de Texto

Olá!
Hoje fiz o banner do Blogue Diário.
De pequenas dimensões, 80 pixels de largura por 15 de altura, para que não ocupe muito espaço no seu blogue... ;-)

<a href="http://www.blogue-diario.blogspot.com/"><img border="1" alt="blogue diário" width="80" src="http://i207.photobucket.com/albums/bb127/Teorias_bucket/Banner80x15-3.gif" height="15" /></a>

Código HTML para caixa de texto:
Esta caixa é útil para, entre outras coisas, disponibilizar o código HTML do banner do seu blogue.
Adapte o código às cores que melhor se adequam ao seu blogue.
Pode alterar o formato da Caixa modificando os valores das tags: rows (linhas) e cols (colunas)

Até amanhã!

Editar a lista de links no Blogger (modelo clássico)

Olá!

Não é a primeira vez que visito blogues que têm a zona de links, na barra lateral (sidebar) por editar. Exemplo:

Isso apenas acontece em blogues que usam o modelo (template) clássico.
Alterar essa situação é bastante simples:

Procure no modelo o seguinte código HTML (referente à barra lateral):

Partindo do princípio que não pretende ter um link para o Google Notícias, irá alterar os três links.
Caso pretenda colocar menos de três links, basta apagar cada uma das linhas marcadas na imagem a amarelo consoante o número de links a eliminar. Se pretende colocar mais links, copie uma dessas linhas e junte nessa área tantas linhas quantos os novos links, umas por baixo das outras.
No espaço compreendido entre aspas ("...") coloque o endereço do blogue ou site pretendido e onde está Edit-Me ou Google News, escreva algo que identifique o respectivo link (título, assunto...).

Para obter mais informação sobre este assunto, consulte a ajuda do Blogger:
Como posso editar minha lista de links?

Até amanhã!

Banners rolantes na barra lateral (sidebar)

Uma boa maneira de arrumar todos os banners que vamos "coleccionando", resultantes de parcerias com outros blogues, é colocá-los a rolar num espaço muito mais pequeno, deixando assim o blogue mais "clean" (limpo).

Para conseguir esse efeito utilizamos a tag marquee.

Deixo aqui o código HTML para banners rolantes na barra lateral do blogue:

Legenda:
width="largura da caixa"
height="altura da caixa"
direction="down": os banners descem e direction="up": os banners sobem.
onmouseover=this.stop(): esta parte do código faz parar o movimento dos banners ao passar com o rato.
onmouseout=this.start(): afastando o rato, o movimento recomeça.
scrollamount="2": parte do código que controla a velocidade do rolamento. Quanto maior for o número entre aspas, mais rápido é o rolamento.

Para colocar uma frase em movimento no seu blogue, utiliza-se a mesma tag marquee como mostra o seguinte código HTML:
Resultado:
Blogue Diário
Inspirado em: utilnet.blogspot.com

Abrir link externo numa nova janela

Hoje aprendi como fazer abrir um link externo numa nova janela.
Já tinha notado no link.blog que o link externo da imagem abria na mesma janela enquanto que o link "normal" abria uma nova janela, mas não entendia o porquê dessa diferença...
No post de ontem necessitei de colocar links externos mas não queria que abrissem na mesma janela.
Ao analisar o HTML do link.blog "descobri" o seguinte:

Link externo na mesma janela (código)
resultado: BLOGUE DIÁRIO

Link externo numa nova janela (código)
resultado: BLOGUE DIÁRIO

A instrução que permite abrir um link numa nova janela é a tag target="_new".
A parte do código entre aspas na tag title permite que o leitor conheça o endereço que está prestes a visitar.

Até amanhã!