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 

Minha Loja Virtual de Acessórios

Olá gente, hoje eu vim divulgar a minha loja virtual, primeiramente queria dizer que ela é uma loja de apliques tic tac e de acessórios em geral, com preços ótimos E COM TODOS OS PRODUTOS COM FRETE GRÁTIS! isso mesmo gente, vocês não irão pagar pela entrega do produto isso não é maravilhoso? Isso acontece porque infelizmente ainda não temos produtos a pronta entrega, portanto os produtos demoram um pouco mais pra chegar, os prazos de entrega são de 30 a 60 dias úteis após a confirmação do pagamento e após o produto ser enviado, na minha opinião eu acho que é melhor esperar mais um tempo para receber o produto do que pagar o dobro do preço só por causa do frete.  O tempo de processo pra o produto ser enviado é de 5 dias úteis após a confirmação do pagamento, outra coisa importante é que por enquanto a única forma de pagamento é a negociação por email, ou seja, depósito bancário, assim que o cliente confirmar o pedido, eu entro em contato por email, e mando os dados bancários para o pagamento ser realizado. Bom gente eu também vou começar a fazer resenhas aqui no blog sobre os produtos da loja, *-* mas isso só daqui a alguns meses.
Nossa loja tem os melhores preços do Brasil! comparando com outras lojas que cobram um absurdo pelo produto e ainda tem o frete que você sai perdendo ainda mais dinheiro. Então é isso gente, espero que vocês gostem da lojinha e que comprem produtinhos *-*

Tenho mais uma surpresa pra vocês, vou dar um cupom de desconto para os leitores e seguidores do blog, para compras acima de 80,00 reais. para usar o cupom basta colocar esse código ao finalizar o pedido no campo "cupom de desconto" o código é esse: DOCEPANICO_4569

Layout Floral A Venda

Olá gente, este lindo layout floral está a venda, quem se interessar envie um email com o assunto "layout floral" para: docepanicodesign@outlook.com ou acesse a nossa loja de layouts: >> Doce Pânico Design e faça o seu pedido! 

Esse layout contém:

1. Sidebar personalizada
2. Área dos comentários personalizada
3. Links da postagem personalizada (com efeito hover)
4. Categorias personalizadas (com imagens)
5. Data Personalizada
6. Título da postagem personalizada com efeito hover
7. Menu fixo personalizado e com efeito hover
8. Caixa de pesquisa personalizada
9. Galeria de postagens recentes no fim do blog

PREÇO: 35,00

-Este template só serve para blog da plataforma blogger/blogspot

-O template é exclusivo, vendido apenas 1 vez.

- A instalação do template é realizada apenas por mim, não envio o código para outra pessoa instalar. A instalação será agendada após pagamento confirmado.


-Para a instalação você já deve possuir um blog criado.

- Prazo de entrega: 1 dias úteis após confirmação de pagamento.

- O pagamento só pode ser feito por depósito bancário, assim que o cliente fizer o pedido do layout por email, eu enviarei os meu dados bancários para o pagamento ser efetuado.


Fotos das outras áreas do layout:


-Área dos comentários:

Área da galeria com postagens recentes:

Visite >>  Doce Pânico Design ou envie um email com o assunto "layout floral" para: docepanicodesign@outlook.com

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 :)