Aprenda a criar o seu próprio Banner!

Oie pessoal, hoje vim mostrar mais algumas dicas que você pode usar em seu blog ou em outros, criar um banner, eu achava super complicado aquele HTML, mas resolvi ir atrás e descobri o quanto é simples criar um banner. Eu editei essa imagem online mesmo, então você pode fazer tranquilamente, ele é um dos melhores editores online e gratuito que eu já usei, tem várias fontes lindas, e várias ferramentas que são bem fáceis de usar. Clique aqui, para abrir o editor.

1

Primeiro, abra uma foto (de sua preferencia) em “Edite uma imagem”.

2

Depois, clique na figurinha de texto (a ultima) e clique em “adicionar texto”, você pode selecionar fontes diferentes e combina-las entre si como eu fiz:

3

Usei as fontes, Comic Zine Ot, Alex Brush e RawengulkPcs (está na ordem) além de duplicar a camada de texto (o que deu o sombreado ali em baixo). Você pode escrever o que quiser, e editar do jeito que quiser. Pode por o nome do seu blog, sobre o que ele é etc. ou apenas por sobre o que ele é e o link do blog, como eu fiz, o link está como “https://seublog.com/ ” é onde ficaria o seu link, se fosse o meu banner: “https://cantinhodajuhblog.wordpress.com/ “.

4

Caso você queira um efeito diferente, você pode desfocar clicando em “efeitos” >> “TILT-SHIFT”, eu usei o desfocamento Linear (quadradinho). você pode definir a intensidade do desfoque e o tamanho do pincel de acordo com o seu gosto.

6

Depois de terminar, clique em salvar no campo que esta marcado em vermelho. 

5

 No Campo Marcado em Roxo: Escolha o nome da sua imagem eu coloquei o nome “Banner-Seu-Blog” por exemplo, se esse fosse o meu banner o nome seria “Banner-Cantinho-da-Juh”
 No Campo Marcado em Vermelho: ali naquele canto, já vai vir marcado para você baixar a imagem em jpg, é importante que você mude para png, não se esqueça!!
 No Campo Marcado em Laranja: É aonde eu salvei a minha imagem.

Depois, hospede seu banner no Picassa Web.

Em uma plataforma de texto (word, ou até no seu Email) cole o código:

<a href=”link-do-seu-site” target=”_blank”><img src=”url-da-imagem” width=”250” height=”250” /></a><br />

Personalizando o seu código

Texto em vermelho: Refere-se ao link do seu site
Texto em Roxo: Refere-se ao url da sua imagem, para extrair o url no Picassa Web, abra a imagem e clique com o botão direito do mouse em cima dela e “copie o url” depois, cole no lugar indicado.
Width, refere-se a largura da sua imagem e Heigth, refere-se a altura da sua imagem, você pode editar no campo em laranja do jeito que preferir ou do jeito que mais se encaixar com seu blog.

Fiz dois banners para demonstrar, não se preocupe com o tamanho que ele vai ficar, você vai poder edita-lo depois localizando essa parte: ‘ width=”250” height=”250” ‘ no campo em laranja. Você pode mandar o código do seu banner para suas parcerias, caso elas usem o wordpress mande o código e peça para criar um widget de texto e colar seu código .

paisagem 2

Banner-seu-blog

Bom pessoal, espero que tenham gostado, qualquer dúvida deixe ai nos comentários. Bjus da Jubs!

Acompanhe também por:
Facebook|Twitter|Instagram

Anúncios

2 comentários sobre “Aprenda a criar o seu próprio Banner!

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s