Saltar para: Posts [1], Pesquisa e Arquivos [2]

SAPO Blogs

Extra! Extra! Coisas novas!

por Pedro, em 10.10.11

 

Há coisas novas na Personalização Intermédia: favicons, meta tags e CSS personalizada :)

 

Arrumámos as novidades num novo separador da Personalização Intermédia, o separador Extras.

 

A primeira funcionalidade está relacionada com um pequeno detalhe dos vossos blogs no qual quase toda a gente repara. Tornámos mais fácil personalizar o favicon do vosso blog, aquele ícone que aparece ao lado do URL do blog e que por definição mostra um sapo sorridente. Basta alojar a imagem no SAPO Fotos, colocar o endereço na Personalização Intermédia e já está :)

 

A partir de hoje, passa também a ser possível inserir meta tags nos blogs, uma funcionalidade útil para quem está mais familiarizado com HTML ou precisa de instalar um script na secção <head> do blog.

 

Por fim, talvez a novidade mais importante, criámos uma nova área de personalização dos templates SAPO em CSS. Até aqui, se algo não podia ser feito na Personalização Intermédia, muitas vezes era necessário abrir o Editor de CSS do blog na Personalização Avançada. Esta nova funcionalidade vem mudar isso, e torna mais fácil fazer pequenos ajustes ao blog em CSS sem afetar as outras funcionalidades da Personalização Intermédia.

 

Temos mais informações sobre cada uma destas funcionalidades na nossa secção de ajuda:

- Alterar o Favicon 

- Meta tags 

- CSS personalizada 

 

Avisem-nos se encontrarem qualquer dificuldade ao fazerem uso destas funcionalidades. De notar ainda que, blogs que tenham sido personalizados com a nossa ajuda, ou em S2, não apresentam este novo separador. Contactem-nos por e-mail caso não encontrem o novo separador Extras na Personalização Intermédia.

 

Estas novas funcionalidades são resultado direto do feedback que nos fazem chegar diariamente. Contamos com os vossos comentários, dúvidas e sugestões em relação a estas e outras funcionalidades para continuarmos a melhorar a plataforma e a fazer dos Blogs do SAPO a melhor casa para os vossos blogs :)

Como instalar uma Google Web Font

por Pedro, em 01.10.11

O Google Web Fonts disponibiliza centenas de tipo de letras diferentes para instalação gratuita em blogs e não só.

 

Para instalar uma Google Web Font no seu blog do SAPO, escolha um tipo de letra e siga as instruções abaixo:

 

Passo 1: Depois de seleccionar o tipo de letra que quer usar, copie o código Standard fornecido pelo Google (semelhante àquele na imagem acima) e cole-o no campo Meta Tags do separador Extras, na Personalização Intermédia.

 

 

 

Passo 2: Na página de instalação do tipo de letra, copie o código CSS fornecido pelo Google.

 

Passo 3: Precisa de adaptar o código CSS fornecido ao template que está a usar e ao texto a que quer aplicar o tipo de letra, como mostramos nos exemplos abaixo. Nestes exemplos usamos o tipo de letra "Source Code Pro" mas precisa de usar o tipo de letra que escolheu, tal e qual como copiado no passo 2:

 

Nos templates mais recentes, para aplicar o tipo de letra ao título do cabeçalho:

#header h1 {font-family: 'Source Code Pro', sans-serif;}

 

Nos templates mais recentes, para aplicar o tipo de letra aos títulos dos posts:

#posts h2 {font-family: 'Source Code Pro', sans-serif;}

 

Para aplicar o tipo de letra ao texto dos posts:

#posts {font-family: 'Source Code Pro', sans-serif;}

 

Nos templates mais antigos, para aplicar o tipo de letra aos títulos dos posts:

#posts .title {font-family: 'Source Code Pro', sans-serif;}

 

Nos templates mais antigos, para aplicar o tipo de letra ao título do cabeçalho:

#header .title {font-family: 'Source Code Pro', sans-serif;}

 

Passo 4: Depois de adaptar o código CSS, cole-o no campo CSS Personalizada do separador Extras, na Personalização Intermédia.