terça-feira, 20 de janeiro de 2015

HOW TO MAKE A BANNER FOR YOUR BLOG


 

1. Go to the Blogger Dashboard and click on LAYOUT .
Vai para a Página Inicial do Blogger e clica em ESQUEMA .


 2. Click on the EDIT BUTTON of the header.
Clica do botão de EDITAR do cabeçalho.


 3. After the pop-up window appears, you can see underneath the Placement options a phrase that says "Image will be shrunk to 1200 pixels wide". This will give you the width of you banner,  but this width varies with the width of your blog, so the image is just an example, do not worry if you see other measure.

Depois de a janela pop-up aparecer, podes ver por baixo das opções de Posicionamento uma frase que diz "A imagem vai ser reduzida para 1200 pixels de largura". Isto vai dar-te a largura do teu banner, mas esta largura varia com a largura do teu blog, por isso o da imagem é apenas um exemplo, não te preocupes se aparecer outra medida.


 4. Go to the PicMonkey website.
You can choose another editor / site, but in this post I will show you an easy way to do this on PicMonkey. (it's free).

Vai ao site do PicMonkey. 
Podes escolher outro editor/ site, mas neste post vou mostrar-te uma forma fácil de o fazeres no PicMonkey. (é gratuíto)


5. Place the mouse over the option DESIGN, but do not click, this way you will be able to see the different size options as you can see in the image below.

Coloca o rato em cima da opção DESIGN, mas não cliques, desta forma vais poder ver as diferentes opções de tamanho como poderás ver na imagem abaixo.


6. When the options appear click CUSTOM, to customize the size.
Quando as opções aparecerem clica em CUSTOM, para personalizares o tamanho.


 7. Then place the width that Blogger showed you earlier, you can also use a smaller width, but never higher, if you place a larger width Blogger will cut the image. To the right is the height and it's your choice, in this example I used 249 px.

Depois coloca a largura que o Blogger te mostrou anteriormente, podes também usar uma largura mais pequena, mas nunca maior, se colocares uma largura maior o Blogger vai cortar a imagem. À direita fica a altura e isso fica à tua escolha, neste exemplo usei 249 px.


8. The image will open and you can see the shape of the banner. Automatically PicMonkey will open on the left side a list with the name CANVAS COLOR, where you can choose your background color. If you have an image or a pattern on the backgroung of your blog and you want the banner with the same background click TRANSPARENT CANVAS that is the option that makes the background of the banner transparent.  
NOTICE: Don't forget to save your image as PNG at the end, if you want a transparent background
( ex: title.png )

A imagem vai abrir e podes ver a forma do banner. Automaticamente o PicMonkey vai abrir do lado esquerdo a janela da CANVAS COLOR, onde podes escolher a tua cor de fundo. Se tiveres uma imagem ou um padrão de fundo no teu blog e queres que o banner tenha esse mesmo fundo clica em TRANSPARENT CANVAS que é a opção que torna o fundo do banner transparente.
 AVISO: Não te esqueças de guardar a tua imagem no final como PNG, se quiseres o fundo transparente.
( ex: título.png )


9. Now for the text. Click on the icon that you see in the picture above - Tt
 Agora vamos ao texto. Clica no ícone que vez acima na imagem - Tt


 10. Choose a FONT to your liking.
  Escolhe uma FONTE / TIPO DE LETRA ao teu gosto.


11. Choose the color and the position of your text.
Escolhe a cor e o posicionamento do teu texto.


12. You can use the lines above and below the text to alter the size of the text or you can use the TEXT window where it says SIZE.
Podes usar as linhas de cima e de baixo do texto, para alterares o tamanho do texto ou podes usar a janela TEXT onde diz SIZE


13. Click on SAVE, to save your banner.
Clica em SAVE (Salvar), para guardares o teu banner.


14. This is where you can choose the name of your file in FILE NAME and on the side the file type, if you want the banner background with color choose JPG and if you choose the transparent backgroung for your banner choose PNG. Then you can still choose the quality, I recommend the PIERCE, that way the file is good quality and not too heavy.

 Aqui é onde podes escolher o nome do teu ficheiro em FILE NAME e ao lado o tipo de ficheiro se queres o fundo do banner com cor, escolhe JPG, se escolheste o fundo do teu banner transparente escolhe PNG. Depois ainda podes escolher a qualidade, eu recomendo a opção PIERCE dessa o ficheiro é de boa qualidade e não muito pesado.


15. Save the file on your computer, on the folder you want.
Sava o ficheiro no computador, na pasta à tua escolha. 


16. Go back to Blogger Dashboard and click again on LAYOUT.
Volta à página inicial do Blogger e clica novamente em LAYOUT.


17. Click again on EDIT. Clica novamente em EDITAR.



18. Make sure your Placement option is "Instead of title and description".
Click on Search for and select the file of your banner.

Verifica se a opção de Posicionamento é "Em vez do título e da descrição".
 Clica em Procurar e selecciona o ficheiro do teu banner.



19. After selecting the file, you just have to click on SAVE.
Depois de seleccionares o teu ficheiro, só tens de clicar em SALVAR.


20. After you done. Go to your Blog and see the final result. 


I hope you enjoyed it and hope this post has been helpful.
Show me your final result in the comments by sharing your blog.

Espero que tenhas gostado e que este post tenha sido útil.
Mostra-me o teu resultado final nos comentários partilhando o teu blog.

4 comentários:

  1. obrigada linda, adoro este tipo de conhecimento que sou nervosinha e gosto de estar sempre a mudar o meu blog, vou te por nos meus favoritos

    ResponderEliminar
    Respostas
    1. oh...Obrigado :)
      Eu também sou assim.
      Obrigado por comentares <3
      Love, Ana

      Eliminar
    2. Adoreeei! Vou seguir o exemplo da "Vou Brilhar até Raiar" :P

      Eliminar