Início » Blogs » Personalizar um template
É esta a nossa sugestão. Para personalizar um template do SAPO e torná-lo realmente único, não precisa de saber absolutamente nada de html. Apenas precisa de criatividade para alterar quase tudo num template pre-definido dos Blogs do SAPO.
Para alterar o aspeto do seu blog aceda à "Personalização Básica", e escolha o Template cuja estrutura mais lhe agrada. Escolha de seguida a opção "Intermédia" no menu da Personalização que se encontra no lado esquerdo.
Encontra em primeiro lugar a área de "Apresentação" onde pode definir se:
- Mostra ou não o título do Blog. - Mostra ou não a descrição do Blog. - Mostra ou não o link "Adicionar como amigo" que permite a quem clicar adicioná-lo como amigo (mas não adiciona essa pessoa como sua amiga). - Mostra ou não "Adicionar ao SAPO Tags", que permite que os visitantes do blog adicionem às tags um ou vários posts do seu blog. Se optar por mostrar esta opção, pode optar por ter apenas a imagem do serviço, SAPO Tags, ou alterar para o texto. Como pode haver utilizadores que não saibem para que serve esta funcionalidade pode optar por ter ou não o ícone de ajuda. - Mostra ou não "Blogar isto" no rodapé dos posts. Esta funcionalidade permite-lhe criar um post no seu Blog do SAPO com o conteúdo que selecionar, do post que está a ler. O post é criado contendo de imediato o excerto que selecionar, e um link para a origem. Optando por mostrar a opção, pode escolher se quer que apareça uma imagem ou texto predefinido ou alterado por si. Juntamente com esta funcionalidade existe um ícone de ajuda, há a possibilidade de optar por mostrar ou não. - Mostra o arquivo do Blog em lista ou em pull down. Isto é pode apresentar todos os arquivos mensais ou então uma pequena caixa onde procura o arquivo que quer, o arquivo está à mesma presente mas apresentado de outra forma. Esta opção tem a vantagem de poder otimizar espaço quando tem muitos meses de posts Indicar se pretende que a área para comentários apareça no seu Blog ou numa janela de pop-up. - Indica qual a ordenação de data que pretende ver nos comentários, se por ordem ascendente ou por ordem descendente. - Indica se pretende que a área para comentários apareça no seu Blog ou numa janela de pop-up. - Indica qual o número máximo de posts que podem ser mostrados na página inicial do seu Blog. Depois passe à área de personalização do "Texto", cujo link se encontra imediatamente ao lado do botão "Apresentação". Nesta área pode alterar todos os textos disponíveis no seu template:
- Textos da barra lateral: Onde diz "mais sobre mim" deverá dizer? Onde diz "posts recentes" deverá dizer? Onde diz "Arquivos" deverá dizer? Onde diz "favoritos" deverá dizer? Onde diz "Tags" deverá dizer? Onde diz "links" deverá dizer? - Textos da área do Post: Onde diz "Sinto-me" deverá dizer? Onde diz "música" deverá dizer? Onde diz "publicado por" deverá dizer? Onde diz "editado por" deverá dizer? Onde diz "link do Post" deverá dizer? Onde diz "comentar" deverá dizer? Onde diz "Ver comentários" deverá dizer? Onde diz "Adicionar aos favoritos" deverá dizer? - Textos da área de comentários:Onde diz "Responder a comentário" deverá dizer? Onde diz "início da discussão" deverá dizer? Onde diz "discussão" deverá dizer? Onde diz "Comentar post" deverá dizer? Onde diz "Congelado" deverá dizer? Onde diz "Anónimo" deverá dizer? - Textos da área de perfil: Onde diz "adicionar como amigo", deverá dizer? Onde diz "Ver perfil" deverá dizer? Depois passe à área de personalização das "Imagens", cujo link se encontra imediatamente ao lado do botão "Texto". Nesta área pode alterar (ou incluir) imagens no seu template. Nesta área pode identificar:
- Imagem de fundo do Blog Coloque o url da imagem que pretende mostrar no fundo do seu Blog. Repetição da imagem. Identifica se não quer repetir a imagem, repetir só na horizontal ou repetir só na vertical. - Alinhamento da imagem de fundo Identifica se quer alinhar a imagem no topo, no topo à direita, no topo à esquerda, no topo centrada, centrada, em baixo, em baixo à esquerda, em baixo à direita ou em baixo centrada. - Imagem de fundo para a área dos posts: Coloque o url da imagem que pretende mostrar no fundo da área dos posts. Repetição da imagem. Identifica se não quer repetir a imagem, se quer repetir, repetir só na horizontal ou repetir só na vertical. - Alinhamento da imagem de fundo da área dos posts Identifica se quer alinhar a imagem no topo, no topo à direita, no topo à esquerda, no topo centrada, centrada, em baixo, em baixo à esquerda, em baixo à direita ou em baixo centrada. - Imagem de Cabeçalho Coloque o url da imagem que pretende mostrar no cabeçalho. Repetição da imagem. Identifica se não quer repetir a imagem, se quer repetir, repetir só na horizontal ou repetir só na vertical. - Alinhamento da imagem de cabeçalho Identifica se quer alinhar a imagem no topo, no topo à direita, no topo à esquerda, no topo centrada, centrada, em baixo, em baixo à esquerda, em baixo à direita ou em baixo centrada. Depois passe à área de personalização das "Letras", cujo link se encontra imediatamente ao lado do botão "Imagens". Nesta área pode alterar as fontes e os tipos de letra do seu template. Nesta área pode identificar:
-Fonte da Letra:Geral Tamanho da Letra Geral Tamanho da Letra do Título do Blog Alinhamento do título do Blog (à esquerda, à direita ou centrado) Tamanho da letra da descrição do Blog Alinhamento da descrição do Blog (à esquerda, à direita ou centrada) Fonte da letra para formulários (comentar, etc) Fonte da letra dos Botões (comentar, etc) Área da Barra lateral: Tamanho da letra dos títulos, Tamanho da letra dos links. - Área do Post: Tamanho da letra da navegação entre os posts;Tamanho da letra da data;Tamanho da letra do título do post;Tamanho da letra do post;Tamanho da letra das informações do post (sinto-me, música, tags);Tamanho da letra da assinatura e links (publicado por, link do post, comentar, etc).- Área de comentários: Tamanho da letra dos títulos dos comentários Tamanho da letra dos comentários Tamanho da letra das opções (responder a comentário, início da discussão, discussão, etc) Depois passe à área de personalização das "Cores", cujo link se encontra imediatamente ao lado do botão "Letras". Nesta área pode alterar as cores de praticamente todos os elementos do seu template. Após identificar o elemento cuja cor pretende alterar, tem duas opções, ou insere o número da cor no campo de escrita disponível para o efeito (caso saiba exatamente qual é a cor que quer) ou, caso não saiba o número da cor que pretende escolher, clique no botão "Escolher cor". É-lhe apresentado um pop-up em que pode escolher qual a cor que pretende, e pode também, afinar essa cor, alterando a frequência da luminosidade (hue), a saturação, a luminosidade, a quantidade de vermelho, de azul e de verde.
Para concluir, confirme a operação no botão "OK" , que vai fechar o pop-up e atribuir a cor escolhida ao elemento.
Depois, a área de personalização dos "Componentes", cujo link se encontra imediatamente ao lado do botão "Cores". Nesta área pode inserir widgets no seu template.
Em primeiro lugar tem de imediato um widget do serviço de Fotos do SAPO. Basta indicar o seu nickname no fotos SAPO, e identificar o número de fotos que quer que apareçam no seu Blog (por omissão são mostradas 5, num máximo de 50). Já ativou o widget. Mais à frente vai indicar em que localização pretende que apareçam os conteúdos deste widget (as suas últimas fotos alojadas no Fotos SAPO). Não se esqueça de clicar em "Guardar Alterações" no final da página. Nos componentes, tem como primeira opção a escolha das fotos do SAPO Fotos que quer visualizar no Blog. Dos álbuns que tem no Fotos SAPO, pode selecionar quantas quer disponibilizar, para isso só tem que colocar o nickname que tem registado naquele serviço. Através do nickname selecione o álbum onde tem as fotos a colocar no blog. Com as tags tem a possibilidade de mostrar no Blog todas as fotos associadas a essa tag, quer sejam fotos suas ou de outros utilizadores. Ainda tem a opção de escolher quantas fotos vão aparecer no Blog. No final pode pré-visualizar e guardar as alterações no final da página. Caso não goste das alterações pode sempre repôr o original. Uma das opções dos Blogs é associar tags aos posts. Nesta área pode editar essa ferramenta, definindo o número máximo de tags que quer movimentado o "tracinho" vermelho para a esquerda ou direita consoante menor ou maior número. O mesmo procedimento serve para aumentar ou diminuir tamanho fonte máximo e mínimo que estará visível no blog, bem como respetivas cores que escolhe clicando sobre o quadrado mais pequeno. O título original é tags mas pode alterar para outro que considere mais adequado. Outro campo opcional é o modo como estão ordenadas as tags que seleciona entre alfabeticamente ou nível de utilização. A visualização no blog das tags pode ser em nuvem ou em lista de acordo com a seleção que fizer. Pode selecionar ainda o campo tag count e assim à frente de cada tag terá o número de vezes que a tag é utilizada. Antes de guardar as alterações pode pré-visualizar e caso não goste das alterações tem sempre a possibilidade de repor o original e alterar novamente. Todas estas opções pode visualizar na área de personalização do seu Blog como na figura seguinte.
Uma vez que nos Blogs do SAPO não existe acesso ao html (na realidade não existe sequer o html) criámos esta área que serve para inserir html, ou java script habitualmente disponível nos serviços de estatísticas, barras evolutivas, calendários, contadores, etc. No nome do Componente deve inserir o nome que quer que identifique o componente, no seu Blog. No respetivo campo de escrita deverá inserir o código que lhe foi fornecido.
Pode inserir um máximo de 10 componentes. (Mais componentes tornariam o seu Blog literalmente impossível de ser visto em tempo útil, já que este tipo de serviços costumam sobrecarregar o tempo de resposta dos sites). Para definir a localização exacta do componente, basta ir à área "Posições", que se encontra imediatamente a seguir a "Componentes". Nesta área pode definir o alinhamento do Blog (à esquerda, à direita ou centrado), a largura do Blog, a largura do cabeçalho, a altura do cabeçalho, a largura da barra lateral (ou das barras laterais caso tenha optado por um blog de 3 colunas), o alinhamento da barra lateral. Pode também definir qual o posicionamento dos elementos nas diversas localizações, e qual a ordem pela qual pretende que os elementos da barra lateral apareçam. Os elementos pré-definidos do template já aparecem pela ordem pela qual podem ser vistos nos Blogs, e tem uma série de posições vazias, a forma a que possa indicar os componentes extra que adicionou na área de "Componentes".
Pode definir a largura da coluna dos posts, e indicar se quer que apareçam elementos extra (Componentes) na área de topo e/ou na área de rodapé da coluna dos posts. Na coluna de posts pode adicionar 4 Componentes (dois no topo e dois no rodapé). No final de cada secção, clique em "Guardar alterações" e estas ficam de imediato disponíveis no seu Blog.
Enganou-se? Não gostou do resultado? Não faz mal. À frente da opção que correu menos bem clique em "Repôr original" e "Guardar alterações". Problema resolvido imediatamente.
Caso não tenha ficado exatamente como queria, repita o processo quantas vezes seja necessário, até que estes elementos tenham ficado como pretende.