Quarta-feira, 21 de Setembro de 2011
Arredondado TL

Template da autoria de Teresa Alves, inspirado em Timor-Leste.
Clique na imagem para ver o template em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (em qualquer plataforma), basta seguir as instruções, depois do salto.
Arredondado MZ

Template da autoria de Teresa Alves, inspirado em Moçambique.
Clique na imagem para ver o template em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (em qualquer plataforma), basta seguir as instruções, depois do salto.
Arredondado AO
Template da autoria de Teresa Alves, inspirado em Angola.
Clique na imagem para ver o template em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (em qualquer plataforma), basta seguir as instruções, depois do salto.
Arredondado CV

Template da autoria de Teresa Alves, inspirado em Cabo Verde.
Clique na imagem para ver o template em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (em qualquer plataforma), basta seguir as instruções, depois do salto.
Quarta-feira, 31 de Agosto de 2011
Template Gorongosa 4/4

Template da autoria de Teresa Alves, inspirado (e com imagens do) no Parque Nacional da Gorongosa, em Moçambique.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Template Gorongosa 3/4

Template da autoria de Teresa Alves, inspirado (e com imagens do) no Parque Nacional da Gorongosa, em Moçambique.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Template Gorongosa 2/4

Template da autoria de Teresa Alves, inspirado (e com imagens do) no Parque Nacional da Gorongosa, em Moçambique.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Template Gorongosa 1/4
Template da autoria de Teresa Alves, inspirado (e com imagens do) no Parque Nacional da Gorongosa, em Moçambique.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Sexta-feira, 26 de Agosto de 2011
Template Tais (1/2)

Template da autoria de Teresa Alves, inspirado em Timor-Leste.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Template Tais (2/2)

Template da autoria de Teresa Alves, inspirado em Timor-Leste.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Sexta-feira, 19 de Agosto de 2011
Template Xadrez: Vida Selvagem (4/4)

Template da autoria de Teresa Alves, inspirado em Moçambique.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Template Xadrez: Surf (3/4)

Template da autoria de Teresa Alves, inspirado em Cabo Verde.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Template Xadrez: Terra à vista (2/4)

Template da autoria de Teresa Alves, inspirado em Timor-Leste.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Template Xadrez: Terras Vermelhas (1/4)

Template da autoria de Teresa Alves, inspirado em Angola.
Clique na imagem para ver exemplo em tamanho real. Para saber como instalá-lo nos Blogs do Sapo (Portugal ou Internacional), basta seguir as instruções, depois do salto.
Sexta-feira, 13 de Março de 2009
5 novos templates
Para citar a Jonas, no nosso blog oficial:
"Durante o ano passado, estabelecemos uma parceria com a Universidade de Aveiro, nomeadamente com o curso de Novas Tecnologias da Comunicação, cadeira Laboratório Multimédia 4. O trabalho final dos alunos desta cadeira passava por proporem Templates novos, para os Blogs do SAPO. Correu muito bem, e no final escolhemos os que nos parecerem mais conseguidos, e aqui estão eles, à vossa disposição.
5 novos Templates, Estupofobia, Erasmus, Impacto Ambiental, Quatro Estações e Alforreca."
Sexta-feira, 12 de Dezembro de 2008
Mais cores para o template Moldura

Como prometido, aqui ficam mais algumas cores para o cabeçalho do template Moldura. Podem substituir a imagem por qualquer imagem vossa, mas se quiserem aquele efeito gradiente, podem usar estas imagens.
Basta trocar o endereço da imagem de cabeçalho na Personalização Intermédia, no separador Imagem.
AZUL:
http://css.do.sapo.pt/templates/emoldurado_azul.png
AMARELO:
http://css.do.sapo.pt/templates/emoldurado_amarelo.png
ROSA:
http://css.do.sapo.pt/templates/emoldurado_rosa.png
VERMELHO:
http://css.do.sapo.pt/templates/emoldurado_vermelho.png
Quinta-feira, 4 de Setembro de 2008
Novos templates
Não são um, nem dois, nem três, mas 13 novos templates. Está tudo no Blog dos Blogs, neste post.
Em breve, aqui no Templates:
- mais cabeçalhos para o template Próxima Estação; podem enviar-nos as vossas sugestões para nomes de estações de metro, nós escolhemos as melhores e disponibilizamo-las aqui (se tiverem Photoshop, podem personalizar directamente o ficheiro que colocámos em linha);
- o cabeçalho pré-definido do template Moldura em mais cores;
- mais cores para o template Leituras.
Não se esqueçam de nos dar ideias para novos templates :-)
Sexta-feira, 11 de Julho de 2008
Falso alarme!
Quem utiliza o anti-vírus Avira, ou tem recebido queixas de visitantes acerca de alertas anti-vírus, deve ler este post, no Blog dos Blogs.
Quinta-feira, 8 de Maio de 2008
Templates novos nos Blogs do SAPO
Era um pedido recorrente e hoje foi finalmente respondido. Os utilizadores dos Blogs do SAPO têm hoje mais seis templates pré-definidos à escolha na área de gestão. Mais informações no nosso blog oficial.

Quarta-feira, 23 de Abril de 2008
Slideshow de fotos
Como já devem ter reparado (ou não) o SAPO Fotos tem um novo Slideshow e permite a sua integração em blogs. Já podemos então colocar as nossas fotos de forma dinâmica nos nossos blogs.
O Slideshow só mostra as fotos que estão em álbuns, portanto terão de fazer login no sapo fotos e entrar no álbum que pretendem ver em slideshow. Uma vez na pagina do álbum vão onde diz "Blogar Slideshow" e copiam esse código.
Outra forma de o obter é abrir o slideshow e esperar pelo final, ele aparece depois da ultima foto.
Uma vez com o código, vão à pagina de post no blog, clicam onde diz Edição HTML e copiam para lá.
Este é um exemplo para um dos meus álbuns
<EMBED SRC='http://fotos.sapo.pt/swf/spd.swf?bgc=0x000000&fls=false&dsp=thb&mnu=false&ply=true&lop=true&url=rss?u=saras%26a=5%26limit=150%26tags=1' BGCOLOR='ffffff' WIDTH='490' HEIGHT='390' ALLOWFULLSCREEN='false' TYPE='application/x-shockwave-flash' PLUGINSPAGE='http://www.macromedia.com/go/getflashplayer'></embed>
Tendo esse código, podemos agora personalizar para que ele fique bem no nosso blog.
Ainda na Edição HTML vamos fazer algumas alterações no código.
A cor de fundo está por defeito branco mas podemos altera-la para que o Slideshow fique com a mesma cor de fundo do blog, isso é feito através do parâmetro BGCOLOR, procuram então esse parâmetro e vão encontrar BGCOLOR='ffffff' (ffffff é o código da cor Branco) e podem substituir por outra cor, neste caso vou por BGCOLOR='82B6BE' que vai ficar azul, só para verem o efeito.
Outra coisa que se pode personalizar é o tamanho alterando os parâmetros WIDTH='490' e HEIGHT='390' para os valores que quisermos, mas aqui é preciso ter algum cuidado para não exceder muito as dimensões das fotos. Eu mudei o meu para width="440" height="350".
E pronto, temos o nosso Slideshow personalizado...
Terça-feira, 25 de Março de 2008
Instalar um favicon personalizado nos Blogs do SAPO

Gosto bastante do favicon pré-definido dos Blogs do SAPO, o sapinho que cumprimenta qualquer visitante que digite um endereço dos Blogs do SAPO, mas há cada vez mais utilizadores a perguntarem-nos como é que podem personalizar aquele ícone.
Um favicon está limitado às dimensões de 16 por 16 pixels, mas podem utilizar qualquer imagem. Como é óbvio, a dimensão extremamente reduzida do favicon não oferece muitos detalhes, pelo que recomendo utilizar uma imagem simples, reduzida ao essencial. Podem utilizar as iniciais do blog ou apenas uma cor, algo que considerem representativo do blog.
Para exemplificar, vou usar esta imagem para criar um favicon para o nosso próprio Templates:

Agora, vamos a uma página que transforma uma imagem normal no formato favicon:
http://www.chami.com/html-kit/services/favicon/Uma vez lá, fazemos o upload da nossa imagem, clicamos em "Generate favicon" e fazemos o download do ficheiro resultante. É necessário descomprimir o ficheiro gerado. O ficheiro que vamos utilizar é o favicon.ico, mas este serviço gera mais versões da mesma imagem, que também podem ser utilizadas.
Agora, a parte mais chata. Precisamos de alojar este favicon algures. Infelizmente, o SAPO Fotos não aloja este formato de imagem (é demasiado reduzida em tamanho para ser relevante como "foto"). O que podemos fazer, no entanto, é alojá-la numa
homepage do SAPO. Se não sabem como criar uma homepage, ou alojar um ficheiro nela, podem utilizar
este tutorial do Blog dos Blogs.
O próximo passo é instalar o favicon na área de gestão do blog. Basta ir à Personalização Intermédia e colocar este código num componente:
Atenção: é preciso trocar o endereço do sítio onde alojaram o vosso favicon.
Depois, não se esqueçam de activar o componente no separador Posições.
O vosso favicon será exibido no Internet Explorer (
versão 7 e posteriores) e Mozilla Firefox.
Entretanto, o Templates já tem um favicon novo

Sinto-me:
Quinta-feira, 6 de Março de 2008
Redimensionar as imagens
Colocar imagens muito grandes nos posts pode ser problemático, sobretudo se excederem as dimensões da estrutura do blog. Com isso em conta, a dica desta semana mostra-vos duas maneiras de redimensionar verdadeiramente as imagens, antes de as enviarem para o SAPO Fotos (ou Flickr).
Digo "verdadeiramente", uma vez que alterar as dimensões da foto na janela de envio de fotos não cria uma versão nova da foto. É por isso que ela parece perder alguma qualidade depois de redimensionada.
1 - Podem redimensionar as vossas imagens directamente no vosso computador, sem ser preciso utilizar um programa de edição de imagem. O Windows XP tem uma funcionalidade que permite realizar essa tarefa rapida e facilmente. Basta clicar com o botão direito do rato sobre as imagens (no modo "Galeria") e clicar na opção "Redimensionar" (e escolher o tamanho pretendido). Se não encontrarem esta funcionalidade, podem fazer o seu
download gratuito na página da Microsoft.
2 - Em alternativa, podem redimensionar a imagem na Internet. Experimentem pegar numa imagem grande e enviá-la para o
Shrink Pictures, que, como o nome indica, encolhe as imagens para o tamanho desejado. Depois, podem fazer o download da nova versão da imagem e enviá-la para o SAPO Fotos.
Na janela de envio de Fotos, se quiserem colocar a imagem com as suas dimensões originais (agora que já a redimensionaram para encaixar perfeitamente no blog), precisam de retirar a parte final do endereço da imagem ("340x200", por exemplo) e clicar no ícone com a seta a girar para a direita.
Sexta-feira, 29 de Fevereiro de 2008
Dica da semana - Os melhores tipos de letra
Se já se perguntaram de onde é que vieram aqueles salpicos de tinta no cabeçalho, então não perguntem mais. Vieram de um tipo de letra disponibilizado no melhor site com tipos de letra gratuitos, o
DaFont.com. Tem centenas deles, de todos os géneros e bem organizados. Um excelente recurso. Fica a dica.
Sexta-feira, 15 de Fevereiro de 2008
Dica da semana - Desactivar o anti-spam
Quem é que não gosta de receber comentários? Então, se quiserem facilitar a vida aos vossos leitores, podem começar por desactivar o nosso Anti-Spam (ou CAPTCHA), também conhecido como aquele "rectângulo com letras" que é necessário copiar para poder publicar o comentário.

Essa funcionalidade existe para prevenir ataques automáticos de spam aos blogs do SAPO, mas essa é apenas a nossa última defesa contra o spam. Temos mais defesas a postos, pelo que é seguro desactivá-la.

Basta clicarem em Preferências, na área de gestão do blog, em Comentários e escolherem a opção que mais vos agrada relativamente ao Anti Spam. Se escolherem "Desactivar", o rectângulo com as letras desaparece para todos os vossos leitores, ao passo que as restantes opções permitem-vos escolher um grupo específico de leitores que deixa de ter de preencher o Anti Spam (a minha recomendação é que desactivem para todos os visitantes).
Então, vamos acabar com o CAPTCHA?

Quarta-feira, 30 de Janeiro de 2008
Os templates dos utilizadores - Pedro Rolo Duarte

Estamos a iniciar algumas rubricas semanais aqui no Templates , e uma delas é esta, dedicada a mostrar o que de melhor se faz em termos de design nos Blogs do SAPO.
Esta semana escolhi o
blog de Pedro Rolo Duarte. Sim, o Pedro contou com a nossa ajuda, mas o design é da sua única e exclusiva responsabilidade. O Pedro deu-nos uma maquete em folha A4 com o aspecto que gostaria que o seu blog tivesse e nós ajudámo-lo a concretizar essa ideia. Posso dizer que o resultado final segue de muito perto esse esboço.
Algumas das funcionalidades do blog do Pedro envolveram alguma "engenharia" especial, como a disposição dos excertos dos posts anteriores e dos destaques, mas de resto, foi tudo feito em CSS .
Se, como diz José Pacheco Pereira, o
Abrupto é o "jornal" que nunca teve em pequeno, acho que o mesmo pode ser dito do blog de Pedro Rolo Duarte, com o seu grafismo a assemelhar-se ao layout de uma página de jornal.
Aliado ao conteúdo, o design faz querer voltar a este blog.
O que acham?