Como Criar Imagens Para Categorias Do Blog

Oi gente tudo bem? Hoje eu vou ensinar pra vocês como criar imagens para categorias do blog, eu já ensinei como colocar categorias com imagens nesse post AQUI. Vamos ao tutorial!

1. Primeiramente eu aconselho que vocês busquem as imagens nesse site AQUI lá tem uma variedade incrível de ícones, para procurar por uma imagem específica você deve digitar a palavra em inglês no campo de pesquisa.

2. Depois de ter escolhido as suas imagens, abra o programa photoscape e abra a imagem base que eu vou deixar aqui em baixo:

Eu deixei essa imagem base transparente pra vocês para que todas as imagens das categorias fiquem do mesmo tamanho.

3. Com a imagem base aberta no photoscape clique em "Objeto"  depois clique no ícone de fotografia e depois em "Foto" Veja os exemplos abaixo:

4. Depois que você adicionar a imagem escolhida ajuste ela na imagem de base. Veja o exemplo abaixo:

5. Para inserir o título da sua categoria na imagem clique em "T" Veja os exemplos abaixo:

6. Agora ajuste o texto na imagem. Veja o exemplo abaixo:

7. Agora é só salvar a imagem, e hospedar ela na internet, existem vários sites que você pode hospedar imagens, como por exemplo o picasa, para saber como adicionar categorias com imagens no blog veja esse post AQUI

Qualquer dúvida é só comentar.

Como Colocar Categorias Com Imagens No Blog

Oi gente tudo bem? Hoje eu vou ensinar pra vocês como colocar categorias com imagens no blog, assim como está no meu, veja o exemplo abaixo:

Esse tutorial é super fácil, então vamos lá!

1. Primeiramente eu aconselho que vocês façam o download do tema de vocês, para isso vá em Tema > Fazer backup/restaurar > Fazer download do tema

2. Depois de salvar o tema, vá em Layout > Adicionar um gadget e cole o código abaixo:

<center>

<a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a 

href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" 

/></a><a 

href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a 

href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM"

 /></a><a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM"

 /></a><a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a 

href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><a

 href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a><center>

Esse código tem 10 categorias, pra acrescentar mais é só adicionar esse código:  <a href="ENDEREÇO DA CATEGORIA" title="TÍTULO DA CATEGORIA"><img src="ENDEREÇO DA IMAGEM" /></a> 

antes da tag <center>   que também tá marcado de rosa no código acima.

Para criar as imagens para as categorias, eu indico esse site AQUI eu peguei algumas imagens das categorias do meu blog lá, algumas já veio no layout 

Vou deixar uma base pra vocês criarem as imagens para as categorias de vocês aqui abaixo:

 

Vocês podem criar essas imagens no photoscape, pra isso vocês vão abrir no photoscape essa base transparente pra categorias que eu deixei acima, depois vão em "Objeto", depois clica no ícone de fotografia, depois clica em "foto" e abre a imagem que vocês escolheram pra categoria, depois clica em " T " e adiciona um título pra sua categoria, exemplo: "Resenhas" depois ajusta o título onde você quer na imagem e pronto! Qualquer dúvida é só comentar aqui. 

Créditos do código: Blog da Mary 

Layout Free Vintage Branco E Vermelho

Olá galera estou disponilizando  mais um layout pra vocês, a única coisa que peço em troca é que vocês não retirem os créditos! O layout foi totalmente criado por mim *-*

                                  VISUALIZAÇÃO            DOWNLOAD


PARA INSTALAR O LAYOUT: vá em: painel do blogger > modelo>fazer backup/restaurar > salve uma cópia do seu atual layout e depois vá em escolher arquivo e por fim em fazer upload.


PARA INSTALAR O CABEÇALHO: primeiramente salve a imagem transparente abaixo:

Vocês não estão vendo mas ela está ai! kk

Agora vá em layout>header>editar>escolher arquivo, carregue a imagem transparente e marque a opção "em vez de título e descrição" e salve!

Agora salve a imagem abaixo:

Edite ela, e coloque o nome do seu blog, depois hospede ela em algum site da internet e copie a url.

Agora vá novamente em modelo e clique em "editar HTML" dê um CTRL + F e pesquise por "body,"

você irá encontrar o seguinte código:

body, html {
height: 555px;

margin: 0;

padding: 0; }

body {
background: url("") no-repeat; }
html {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXFQYU_4WcPhl_Sv-ZSLMnSiBpx0osHZUQRIkeu82wYIRhaMr0uTOd7zBuA0DZnm_yDYWtZfn0UTQ7_kGTobNCkONZysh4y2k0HcmQ3UP9GBYnviV_9Xja1yTm9trPpvA19ZjUe6U9d4A/s1600/Background5.png") repeat; }


Na parte : background: url("") no-repeat; }  cole a url do seu cabeçalho dentro das aspas. salve e visualize se estiver tudo ok! pronto :)