13 de maio de 2016

Ícones de Categorias #2 [Freebie]


Oi, gente! Não sei se vocês concordam, mas pra gente, o tempo está simplesmente voando! E com essa correria, esquecemos do "combinado" de que disponibilizaríamos freebies/tutoriais no "mêsversário" do blog. Então, semana passada ele fez 10 meses (sim, tudo isso!), e acabamos não colocando nada aqui no blog em comemoração. Podem nos lembrar quando isso acontecer, tá? hahah
Enfim, com poucos dias de atraso, vamos disponibilizar mais algumas muitas categorias, só que o diferencial delas é que são escritas, vejam:




Bem, como sempre, temos que avisar algumas coisinhas que, embora pareçam repetitivas, são importantes:
1. Nós não somos profissionais. Mexer com Photoshop - e companhia - é simplesmente um hobby por enquanto, talvez, então é um freebie bem simples, mas feito com carinho. :3
2. A recomendação mais óbvia de todas: não é porque isso é um freebie que você pode plagiar. Plágio é crime. 
3. Agora sim:



Como colocar as categorias no seu blog

Primeiro, hospede as imagens dos ícones em algum site com essa finalidade. Nós usamos o Picasa. Clique em "fazer upload", selecione as imagens e dê ok. Depois que a imagem carregar, abra a imagem e, com o botão direito do mouse, clique em "copiar url da imagem".

Depois de fazer isso, vá até a página do blogger e clique em "layout". Lá, crie um novo gadget de HTML/Java Script e cole o código abaixo:


<a href="ENDEREÇO-DA-CATEGORIA" title="TÍTULO-DA-CATEGORIA"><img src="ENDEREÇO-DA-IMAGEM" width="TAMANHO-EM-PX"/></a>



Observação: Esse TAMANHO EM PIXEL (PX) é porque o layout de cada blog é diferente. Nós fizemos a imagem em 105px por 95px. Então, é só arrumar de acordo com o que achar melhor para seu blog.


Em ENDEREÇO DA CATEGORIA você vai colocar a url da categoria desejada, que geralmente é http://nome-do-seu-blog.blogspot.com.br/search/label/nome-da-categoria. Citando um exemplo do nosso blog, http://coisinhasaleatorias.blogspot.com.br/search/label/Livros. 


O TÍTULO DA CATEGORIA é o nome da categoria. Exemplo: Livros.


ENDEREÇO DA IMAGEM é a url que você copiou da foto que enviou ao Picasa. 


IMPORTANTE: Repita esse passo com todas as categorias que você quiser, substituindo as frases em negrito pelo seu correspondente. 

*Se seu blog for do wordpress, crie um widget de texto e copie esse mesmo código, seguindo as instruções. 

Por hoje é só. Ah, e se quiser outra opção de categorias, vem ver nosso outro freebie: esses ícones são com imagens, e coloridinhos!
E se tiver qualquer dúvida ou sugestão, vem falar com a gente! Faremos o possível para te ajudar. 
Beijos ;*

8 comentários:

  1. Que lindinhooo! Vai ajudar muita gente! <3

    Beijoo!
    http://www.tardedioutono.blogspot.com.br/

    ResponderExcluir
  2. Que bonitinhos. Sabe, também não sou profissional no photoshop mas quero ser um dia e ajudar os blogs pequenos com atitudes como essa. :)
    www.itsbry.com.br

    ResponderExcluir
    Respostas
    1. Ah, obrigada *-*
      Queremos! hahah
      É por causa de pessoas assim que o nosso blog tá aqui, não é? rs

      Excluir

Deixe a sua opinião aqui embaixo, é muito importante pra gente! Vamos responder o mais rápido possível, então volte aqui para ler nossa resposta. *-*

Ah, não se esqueça de colocar o link do seu blog no fim do comentário. Assim, conhecemos o cantinho de vocês também.❤

www.coisinhasaleatorias.blogspot.com.br

Tema Base por Butlariz . Edições feitas por Mariana Fialho. Tutoriais utilizados dos blogs ButLariz, Cherry Bomb, Elaine Gaspareto e Follow Your Dreams