Otaka Depressiva - Pop Ásia: Tutoriais Depressivos {#1} - Como colocar banner/button link-me e banner parceiro/indicação em seu blog

quarta-feira, 7 de março de 2012

Tutoriais Depressivos {#1} - Como colocar banner/button link-me e banner parceiro/indicação em seu blog

Primeiro post da coluna Tutoriais Depressivos, que apresenta diversos tutoriais...

Bem, como umas pessoas tem me pedido ajuda para certas coisas, resolvi fazer esta coluna para sempre estar postando tutoriais diversos (incluindo mexer em certos programas, blogger, desenhar, um pouco de edição e etc...), mas não prometo nada grandioso ou sei lá o quê u_u

Ok, o tutorial da vez ensina como colocar banner/button de link-me em seu blog e também comocolocar os banners/buttons de outros blogs para divulgação...



Colocando 'link-me' do próprio banner

Step 1 - O Banner
Tamanho e quantidade → Os banners podem ser vários e de diferentes tamanhos, os mais usados são 88x31/88x32 e 120x60. Aconselho que tenham pelo menos 2 banners e que sejam desses tamanhos. Se não quiser banners desse tamanho (o que não aconselho a fazer), coloque um com um tamanho de preferência ou até dê uma pesquisada por uns blogs para ver qual tamanho(s) te agrada.

Bem, ensinar a fazer um banner seria algo mais complicadinho e demorado ase ensinar, mas eu indico fazer no photoscape... Então, se quiser banners, pode entrar em contato, eu faço banners ^-^ Olha, os meus podem não estar tão caprichados, mas eu faço mais caprichadinho quando é pros outros :P Já fiz banners para outros blogs: aprovados! xD
Se preferir, procure sites ou blogs de edição que possam fazer seu(s) banner ou faça você mesmo. Se não souber fazer, faça num desses sites, é bem fácil fazer neles, porém é algo mais simples, nada muito 'profissa'...
http://www.3dtextmaker.com/image_editor.html (também para criar logotipos)


Step 2 - Hospedagem
Após ter o banner 'em mãos', hospede a imagem na internet, para que possa obter uma URL. Recomendo o Picassa, do Google. Se não quiser o Picassa (tadinho), procure outros serviços como imageshack. Eu, sinceramente, não conheço muitos outros serviços, prefiro Picassa mesmo.


Step 3 - Código HTML
Pra sair tudo direitinho, vou deixar aqui o endereço de onde pegar um bom código HTML para isso - digo bom, pois há códigos que não dão certo, mas esse dá certo, eu aprovei. Tá aqui no Templates para Você

Lá já tem as instruções de como fazer, basta escolher se quer colocar seu banner com 'link-me'...
Numa página de 'Parceria', 'Banners' ou o que preferir: Vá em 'páginas', abra uma nova página em branco e coloque como título algo como 'Parceria' ou 'Como ser parceiro'. Cole lá o código HTML. Quando o código estiver pronto (já de acordo com as instruções do Templates para Você), basta ir na barra lateral (a direita da página), clicar em 'Opções' e marque as opções que quiser. É obrigatório marcar a opção 'Interpretar HTML digitado' no 'Modo Escrever' para que o banner apareça. Assim sendo feito, salve a página, arraste para a posição que preferir que ela apareça e clique em 'Salvar Organização'.
Na 'home' (inícial) de seu blog: Clique em 'Adicionar um Gadget' e adicione o Gadget 'HTML/JavaScript'. Coloque como título, algo como 'Link-me'ou 'banners/buttons'. No conteúdo, cole o código HTML. Quando o código HTML estiver pronto, clique direto em 'Salvar' ou clique primeiro em 'Formato Rich Text' para ver como ficou, e depois salve. Escolha onde o gadget ficará em seu blog e clique no botão 'Salvar Organização', na parte superior.

Feito tudo isso, é só esperar por ou ir 'caçar' parcerias. Caso não dê certo, tente de novo, já usei e indiquei esse método, garanto que tem que dar certo... Ainda não deu certo? Entre em contato que tentarei ajudar ^-^


Adicionando banners para divulgação
essa segunda parte do tutorial é apenas para quem adiciona banners, pois pode-se preferir adicionar links. Se quiser, continue lendo, ignore a parte de 'banners' e essas dicas podem ser úteis

Step 1 - Parceria, siga as regras
Como eu disse antes, agora precisa-se esperar por, ou ir procurar quem possa ser parceiro. Para isso, procure e visite blogs e vá na página de parcerias deles(também colocada as vezes como 'informações', 'alianças' ou etc). Sendo assim, leia atentamente e siga as regras de parceria do site/blog se você achar que será benéfico para seu site. Ah, se tiver uma página de parcerias, tenha no mínimo umas regrinhas básicas(pesquise em blogs se não souber como fazer) e o(s) banner(s), mas se quiser, pode colocar outras imagens, recados, ou coisas do tipo também...


Step 2 - Colocando o Banner
Conseguiu a parceria? Que ótimo, você está avançando! Agora cole o código HTML do banner do blog/site parceiro - Aconselho que tenha umtamanhopadrãode banners adicionados -, dependendo se preferir colocar...
Numa página: Vá em 'páginas', abra uma nova página em branco e coloque como título algo como 'Nossas parcerias' ou 'Banners de parceiros'. Cole lá o código HTML do banner do site/blog parceiro. Quando o código estiver ali certinho, basta ir na barra lateral (a direita da página), clicar em 'Opções' e marque as opções que quiser. É obrigatório marcar a opção 'Interpretar HTML digitado' no 'Modo Escrever' para que o banner apareça. Assim sendo feito, salve a página, arraste para a posição que preferir que ela apareça e clique em 'Salvar Organização'.
Na 'home' (página inícial) de seu blog: Clique em 'Adicionar um Gadget' e adicione o Gadget 'HTML/JavaScript'. Coloque como título, algo como 'Parcerias'ou 'Parcerios do blog/site'. No conteúdo, cole o código HTML do banner do site/blog parceiro. Clique direto em 'Salvar' ou clique primeiro em 'Formato Rich Text' para ver como ficou, e depois salve. Escolha onde o gadget ficará em seu blog e clique no botão 'Salvar Organização', na parte superior.


Step 3 - Surgiu um obstáculo
Se por acaso o parceiro não tiver um código HTML válido (que dê certo) ou não tiver código HTML (só tiver a imagem em si), conta-te o - talvez até envie essas instruções para ajudar, quem sabe ^-^ - ou clique no botão direito do mouse em cima da imagem, clique em 'Copiar imagem' e cole na página ou gadjet em seu blog. Feito isso, copie o link do site/blog parceiro, clique na imagem colada e adicione o link nela.

Para adicionar o link é fácil.
No caso de banners em página: Estando a imagem copiada e colada na página, clique em 'Link' na parte superior (não, não é um loirinho vestido de verde, é a palavra 'Link' em azul marinho), copie e cole o link do blog/site parceiro, do qual você está adicionando o banner.
No caso de banners em 'home' (página inicial do blog): Se estiver no modo 'Editar HTML' clique e mude para o modo 'Formato Rich Text'. Copie e cole a imagem do banner que deseja adicionar, marque a imagem (marque mesmo, arrastando o mouse em cima da imagem, deixando-a azul, marcando-a), em seguida clique no quarto botão (uma bolinha, logo ao lado do 'T' com botõezinhos coloridos), copie (o endereço do blog/site parceiro, isso não é novidade) e cole.



E aí, o que acharam do primeiro tutorial? Precisa melhorar? Tá aprovado? Querem mais? Entrem em contato, deixem comentários comum recado, opinião, ou até sugestão para tutoriasi futuros(se a coluna for aprovada pelos leitores). Depois de ler essa 'chatisse' toda, fiquem com uma imagem fofa da Neko Azusa, de K-ON!!
Para encomendar um banner comigo, basta entrar em contato respondendo:
Quantos banners quer?
De quais tamanhos?
gif ou imagem comum?
Alguma imagem específica?
Se não, qual será o tema do banner?(personagem, anime...)
Preferência de Backgroud?
Preferencia de cor?
Preferencia de efeito?
Mais algum detalhe?
Obrigada, entrego na mesma semana ^-^

Um comentário:

Regras:
☻ Sem xingar
☻ Sem insultar
☻ Sem fazer qualquer idiotice desnecessária
☻ Se fizer algo errado, seu comentário será excluído