tutoriais

links úteis
  • Templates do SAPORepositório de alguns templates mais antigos que podem ser instalados nos Blogs do SAPO
  • SitemeterServiço gratuito de estatísticas para um blog
  • CSS TutorialTudo o que precisa de saber sobre CSS, para aventurar-se no Editor de CSS
  • FirebugSe usa o Firefox, o Firebug é uma grande ajuda para personalizar um blog em CSS
  • Color PickerSítio ideal para descobrir o código daquela cor que quer inserir no Editor de CSS
  • EnsapadoBlog de ajuda criado por utilizadores dos Blogs do SAPO
  • Mudar o Template

posts + comentados

Quem responde aos comentários é a mesma equipa que gere e desenvolve a plataforma, pelo que tentamos responder tão rapidamente quanto possível.


Se a sua dúvida não pode esperar, experimente o nosso óptimo Apoio ao Cliente.

Qua | 28 Mar | 2012

Editor de posts no iPad

Um dispositivo que explodiu recentemente em popularidade junto dos nossos utilizadores é o iPad, que coloca uma nova série de desafios (de usabilidade, programação e design) a quem trabalha com a Internet, nós aqui nos Blogs do SAPO incluídos.

 

O feedback que temos recebido dos nossos utilizadores com iPad aponta para duas dificuldades ao editar um post neste dispositivo:

- escrever no editor de HTML com quebras de linha;

- problemas em alternar entre o editor avançado e o editor HTML (sendo que o editor avançado não é compatível com o browser do iPad).

 

Na sequência deste feedback, alterámos o nosso editor para facilitar a sua utilização no iPad (assim como noutros dispositivos móveis, incluindo o iPhone e iPod touch).

 

A partir de agora, o editor deteta automaticamente a utilização do iPad e abre imediatamente no modo de Edição HTML.

 

Além disso, para tornar a utilização do Editor de HTML mais fácil para utilizadores com iPad e não só, alterámos a Edição HTML para que assuma os parágrafos e quebras de linhas feitos.

 

 

São duas pequenas alterações que esperamos que se traduzam numa utilização mais fácil e rápida dos vossos blogs. Contamos brevemente trazer mais funcionalidades do nosso editor avançado para o iPad.

 

Onde e como quer que acedam à Internet, interessa-nos que tenham a melhor experiência de utilização possível dos Blogs do SAPO, por isso não deixem de nos fazer chegar o vosso feedback através dos comentários.

publicado por Pedro em 28 | 03 | 2012
música: bb-ipad.gif
Ter | 13 Abr | 2010

5 coisas sobre o novo editor

Agora que passámos a fase crítica do novo editor, em que andámos ocupados a corrigir bugs e pequenas falhas, é uma boa altura para fazer a sua apresentação e de algumas das novidades.
Antes disso, porém, alguns utilizadores vão gostar de saber que já alterámos a ordem das imagens no separador do SAPO Fotos. As imagens mais recentes enviadas para o SAPO Fotos passam a aparecer em primeiro lugar nesse separador.

1. Mais espaço


Quem gosta de escrever mais ou faz grande utilização de imagens tem mais espaço para editar o post. A área de edição ganhou mais espaço e tem agora o dobro do tamanho da anterior.

E, para quem precisa, pode ficar ainda maior. A altura da janela é flexível, pelo que basta arrastar o canto inferior direito da janela de edição para aumentar ou diminuir a sua altura (o editor memoriza a alteração, pelo que só tem de fazer isto uma vez).

 


2. Prefere o Editor de HTML?


O editor avançado oferece muitos atalhos para realizar alterações rápidas ao texto, sem precisar de saber HTML. Mas alguns utilizadores fizeram-nos saber como preferem escrever os textos directamente no editor de HTML, sem distracções. Para quem prefere escrever no Editor de HTML, a nova janela de edição memoriza a preferência e volta a abrir o editor sempre nesse modo de edição.

 

O Editor de HTML tem a vantagem de ser mais rápido ao abrir, visto que não tem botões nem realiza algumas das funcionalidades do editor mais avançado.

 

3. Menos distracções



Para quem gosta de escrever com menos distracções, reduzimos o número de opções visíveis na barra de edição. Para quem não passa sem todas essas opções, basta clicar em "Mais opções" e o editor memoriza essa opção (volta a abrir o editor com todas as opções visíveis).

4. Alinhamento e tamanho dos vídeos

No antigo editor, era necessário usar o editor de HTML para alinhar e redimensionar os vídeos.
O novo editor passa a disponibilizar essas opções no momento de inserção de Vídeo (clicando no botão "Vídeo").

5. Nova janela de upload de imagens



Ainda estamos a colmatar algumas falhas com a nova janela de upload de imagens, mas tornámos o processo mais rápido e óbvio para quem quer fazer o upload de imagens para o blog:

- mudámos a ordem dos separadores, e colocámos em primeiro lugar aquele que é mais utilizado pelos utilizadores (o upload feito directamente a partir do computador);
- depois do envio da imagem, todas as opções aparecem no mesmo separador: o link da imagem, o texto alternativo, alinhamento, espaçamento e tamanho;

 

O redimensionamento da imagem é a funcionalidade que tem causado mais confusão e continuamos a fazer alterações a essa área com base no vosso feedback.
Alguma da confusão deveu-se às novas opções de "tamanho" das imagens.

A imagem original não é redimensionada, e fica no seu tamanho original, desde que não exceda as dimensões do Tamanho escolhido.
O importante é seleccionar a opção mais adequada ao tamanho aproximado da imagem. A imagem só é redimensionada pelo SAPO Fotos quando esta excede o tamanho usado como referência.

 

Por exemplo, se a imagem for pequena, mas não ultrapassar os 260px por 260px, ela é inserida no post nas suas dimensões originais. Se a imagem exceder os 260px por 260px, devemos usar o tamanho Médio ou Grande.

publicado por Pedro em 13 | 04 | 2010
Seg | 22 Mar | 2010

As imagens

Todo o editor de posts dos Blogs do SAPO é novo. E a forma de inserir imagens no Blog mudou ligeiramente (e ainda estamos a fazer acertos e correcções e estamos atentos aos vossos comentários para fazermos alterações de que vocês, desse lado, sintam falta).

 

Para inserir uma imagem, clico no ícone "Imagem"

 

 

Abre-se então um pop-up onde estão disponíveis a várias formas de colocar imagens no post. Comecemos pelo cenário mais habitual, quero enviar uma imagem que tenho no meu computador para o meu blog. Por ser o cenário mais frequente esta é a opção que aparece de imediato no pop-up de inserção de imagem:

 

 

Clicamos em "Browse" e identificamos qual o ficheiro que queremos enviar. Podemos escolher o local onde o ficheiro vai ficar alojado, Fotos SAPO ou Flickr. No final clicamos em "Enviar"

 

Recebemos um pop-up de sucesso no envio da imagem, e temos de imediato acesso a algumas opções de configuração da imagem.

 

Se queremos a imagem no alinhamento do texto escolhemos "Default", se a quisermos alinhada à esquerda activamos o radio button "Esquerda" se a queremos centrada, activamos o radio button "Centrado" e se a quisermos alinhada à direita, activamos o radio button "Direita".

 

 

 

 

 

De seguida, no mesmo pop-up, temos as opções de tamanho. Se a sua imagem é relativamente pequena, opte por activar o radio button "Pequeno", se o tamanho da imagem for médio/grande, opte por activar o radio button "médio". Se pretende que a imagem fique verdadeiramente gigantesca, opte por activar o radio button "Grande". Atenção, este formato "Grande" (e em alguns casos o "Médio") faz com que a as imagens fiquem , de facto, muito grandes, pelo que não recomendamos a sua utilização, a não ser que se trate de um Foto Blog e a estrutura do template esteja preparada para suportar imagens tão grandes.

 

 

 

No final, clicamos em "Inserir no post".

 

Podemos sempre clicar em "Pré-visualizar" para ver como fica a imagem integrada no post, antes de publicar e se não gostarmos do resultado, podemos regressar ao pop-up de editar a imagem, clicando com o botão da direita do rato em cima da imagem e escolhendo "Editar", e alterar as opções.

 

 

Outra forma de inserir imagens é quando sabemos o endereço (url) dessa imagem. Escolhemos a opção "De um url", inserimos o endereço (url) da imagem no campo disponível para o efeito, escolhemos o alinhamento e inserimos no post.

 

 

 

Por último, podemos recorrer às fotos que alojámos previamente em serviços de alojamento de fotos, como o SAPO Fotos ou o Flickr.

 

Ao clicarmos em "Do SAPO Fotos" ou em "Do Flickr" e caso já tenhamos feito a associação da respectiva conta, são-nos mostrados os álbuns que temos na nossa área, e podemos navegar nos álbuns até encontrar a foto com que pretendemos ilustrar o post. O método é semelhante aos descritos mais atrás, pelo que não vale a pena estar a sobrecarregar o post com imagens repetitivas :)

 

Estamos a trabalhar para recuperar a possibilidade de redimensionamento da imagem directamente no editor de posts para todos os browsers, uma vez que não está a funcionar para todos.

 

Críticas, sugestões e comentários são muito bem-vindos.

 

 

publicado por jonasnuts em 22 | 03 | 2010
Seg | 01 Mar | 2010

O texto no editor perde a formatação do Word

Alguns dos utilizadores que escrevem os seus posts no Word fizeram-nos saber que perdem a formatação dos textos ao copiarem-nos para o editor dos Blogs do SAPO.

 

O que acontece é que o novo editor (Março 2010) remove toda a formatação do Word que vem associada ao texto.


O novo editor faz isso porque muitas vezes essa formatação colocava problemas consideráveis a alguns utilizadores, que só queriam o texto e não toda a formatação invisível que está subjacente ao Word.

 

Além disso, muitos utilizadores queixavam-se de que, antes, ao copiarem um texto escrito no Word, esse post ficava com uma formatação diferente dos outros posts no blog. Esta alteração assegura que os posts ficam todos com a mesma formatação.

 

O Word é um software várias vezes mais complexo que um editor de texto online como o nosso, que precisa de carregar rapidamente e funcionar no maior número possível de configurações, daí o novo editor não aceitar essa formatação.

 

Como posso dar a volta a isto?

 

Como o Word e o nosso editor são duas ferramentas de edição diferentes, a nossa recomendação é que aplique a formatação necessária depois de copiar o texto do Word para o editor. No nosso editor pode igualmente escolher um tipo de letra, cor, ênfase (negrito, itálico, sublinhado), etc.

 

Não se esqueça ainda que pode definir exactamente como aparecem todos os textos na página do seu blog na Personalização Intermédia, (independentemente de como apareçam no editor), sem ter de o fazer em todos os posts.

publicado por Pedro em 01 | 03 | 2010
tags: ,
Qui | 08 Mai | 2008

Novas funcionalidades em produção

Já estão em produção, as novas funcionalidades, e estamos a testá-las (de novo), para ver se está tudo bem, em ambiente de produção, mas se encontrarem algo que não vos pareça bem, agradecemos desde já que deixem um comentário a este post com essa indicação.


Então enumeremos as funcionalidades mais visíveis (fizemos coisas de que vocês desse lado não se apercebem).


Novo Editor  (Amigo do Safari - aleluia).
O nosso editor não suportava o Safari, ou vice versa, não interessa. Não se gramavam. Mas lá conseguiram entender-se, e neste momento as funcionalidades da edição avançada já funcionam em Safari. Mas não é só isso, só graficamente é que está igual, trata-se de um editor completamente novo, todo artilhado, e já é compatível com o Firefox3 que já foi lançado em beta e que deve estar prestes a sair.

Notificação de novos comentários
Antes éramos obrigados a receber as notificações de novos comentários no nosso mail @sapo.pt. Agora já podemos identificar o endereço de mail onde queremos receber as notificações. O local onde se identifica este endereço de mail é no "Perfil" -> "Notificações" e é preencher o campo que lá está, disponível para o efeito.

Comentários
Para quem não tinha Blog no SAPO, comentar implicava o preenchimento dos campos. De todas as vezes. Era uma maçada. Já não é, há um cookie que trata disso tudo, e quem vier comentar, pode vir mais vezes que não vai ter de voltar a preencher os campos.

Ainda nos comentários, mais uma novidade para quem (ainda) não tem Blog no SAPO. Pode passar agora a deixar o endereço de mail, sendo posteriormente notificado de eventuais respostas ao seu comentário (sim, os Blogs do SAPO têm essa funcionalidade, resposta a comentários).

 

Vídeos

Está ainda mais fácil a utilização de vídeos nos Blogs. Aprofundámos a integração com o SAPO Vídeos, e agora o upload de um vídeo pode ser feito directamente a partir do post. À semelhança do que acontece com as Fotos, também podemos consultar a nossa área pública de vídeos e a área de outros utilizadores, caso queiramos fazer um post com um vídeo de outra pessoa. Para usar estas funcionalidades, basta clicar no ícone que tem uma câmara de vídeo, no editor de posts.

 

Templates:

Novos templates, 6, da autoria da Patrícia Furtado. Conhecemos a Patrícia porque é a autora do design do Há Vida em Markl. Conversámos, vimos outros trabalhos e adorámos. E pronto, aí está o resultado desta parceria, 6 novos templates completamente novos, completamente personalizáveis, como é costume.

 

Para a semana há mais novidades, embora nada de tão extraordinário, umas coisinhas pequenas, alguns pedidos de utilizadores, e uma cara lavada.

 

Estamos neste momento a preparar a próxima grande release, pelo que sugestões de novas funcionalidades (que são sempre bem-vindas) são neste momento muito oportunas :)

Aproveitem.

 

Qui | 29 Mar | 2007

Novas funcionalidades

Pronto, finalmente aqui fica o post mais "sumarento". As coisinhas novas :)

Se olharem para o editor, quando estão a escrever um post, notam 2 ícones novos. mesmo ao lado do emoticon do SAPO. Um que parece um electrocardiograma e outro que parece um CD.

Título, resumo, excerto
É o ícone do electrocardiograma.
Serve para que, posts muito grandes não ocupem demasiado espaço. Fica um exerto e um link para ver mais. Era uma funcionalidade recorrentemente pedida.

Adicionar vídeos
As formas de adicionarmos vídeos nos nossos posts, era trabalhosa. Não era complicada, mas era trabalhosa. Fossem vídeos do SAPO Vídeos, do Youtube ou do Google Videos.
Agora é MUITO mais simples. Copiamos o link do vídeo. Clicamos no ícone do CD, e colamos o endereço (url), clicamos em OK, e fica feito. Funciona com os vídeos do SAPO, do Youtube e do Google.

Adicionar ao SAPO Tags
Na assinatura de cada post, passa a existir (mas pode ser removido) a opção de "tagar" o post no SAPO Tags. Ficam mais fáceis de catalogar os nossos posts.


Edição de posts de outros autores - Depois de uma enorme discussão, e de MUITOS pedidos dos utilizadores, lá conseguimos chegar a um consenso. Os administradores de um Blog já podem editar os posts dos restantes autores. Mas.....e esta foi a cedência necessária para que isto fosse pacífico para a equipa dos Blogs, qualquer alteração fica registada, na assinatura do Post, ficando identificado o autor da edição. Se o post voltar a ser alterado pelo autor original, desaparece a referência à edição.

Amigos - Resolvemos dar alguma utilidade à área de perfil, e aos amigos. No perfil de cada utilizador aparecem agora os últimos 20 posts escritos pelos seus amigos (pessoas que o dono do perfil marcou como suas amigas).

E por último, uma funcionalidade que não é bem funcionalidade. Todos os blogs criados a partir de hoje nos Blogs do SAPO terão por omissão Anúncios SAPO. Respondo já, por antecipação, às duas perguntas que vão certamente surgir:
1 - Não há qualquer alteração, nem vai haver, aos Blogs já existentes. Não alteramos Blogs.
2 - Os anúncios SAPO podem ser retirados do Template, pelos utilizadores que não os queiram no seu Blog.
publicado por jonasnuts em 29 | 03 | 2007
Qua | 10 Jan | 2007

Criar um Link

Está explicado na ajuda dos Blogs, mas mais vale a mais do que a menos.
Para inserir um link num post, deveremos proceder da seguinte forma:

Vamos obviamente criar um novo post, e começar a escrever o texto.
Quando chegamos à parte do texto que queremos "linkar", seleccionamos essa parte do texto, e nos botões do editor, clicamos no penúltimo ícone da primeira fila de botões.
(Com imagem fica mais fácil)



Ao clicarmos neste ícone, vai abrir-se uma janela, onde vamos inserir os dados do link.
Em primeiro lugar aparece o campo para colocarmos o endereço, por exemplo www.sapo.pt
(podemos identificar outros protocolos para além do http, como por exemplo o ftp, mas isso interessará a 2 pessoas, a maioria quer mesmo é um link para uma página web).




Muitas vezes, queremos que o link abra numa nova janela. Para que isso aconteça, mantemo-nos na janela da Hiperligação (onde escrevemos o endereço) e clicamos em "Destino".

Podemos então escolher o destino do link. Se queremos que o link abra numa nova janela (que é o mais comum), escolhemos a opção "Nova Janela (_blank).




No final clicamos em ok, e continuamos a escrever o nosso post, ou clicamos em "Publicar" caso já tenhamos terminado.
publicado por jonasnuts em 10 | 01 | 2007
Qua | 31 Mai | 2006

CSS - Editor do

Esta vai ser a nova funcionalidade preferida.

Pois é, depois de MUITO trabalho e pesquisa e desenvolvimento, lá conseguimos arranjar uma forma de vos permitir a edição do CSS .

Eu sei, não é o html puro e duro, mas com o CSS , já podem controlar a maior parte das coisas que querem controlar (assim de repente lembro-me das fontes, dos tamanhos, das cores, etc. , etc. , etc. ).

Podem lá chegar e experimentar, a partir da Personalização Avançada.

Digam de vossa justiça, e reportem eventuais bugs .
publicado por jonasnuts em 31 | 05 | 2006

Este é o blog oficial da equipa que mantém os Blogs do SAPO, e um espaço aberto à comunidade.

Deixe um comentário com as suas dúvidas, sugestões, etc

não tem blog no SAPO?

Se está a pensar criar ou mudar o seu blog para o SAPO, eis 25 razões para o fazer :)

Condução sem telemóvel



Para instalar este crachá, basta copiar e colar o código abaixo para um componente da Personalização Intermédia:

os destaques

Os destaques são feitos pela equipa, mas estão abertos à participação da comunidade. Se conhece um ou mais blogs que gostaria de ver destacados, deixe-nos as suas sugestões nos comentários. Para quem leva isto mais a sério, temos um post meio longo que explica como fazemos os destaques.

arquivos

2013:

 J F M A M J J A S O N D


2012:

 J F M A M J J A S O N D


2011:

 J F M A M J J A S O N D


2010:

 J F M A M J J A S O N D


2009:

 J F M A M J J A S O N D


2008:

 J F M A M J J A S O N D


2007:

 J F M A M J J A S O N D


2006:

 J F M A M J J A S O N D


blogs SAPO

subscrever feeds