Com colocar formulário de contato em páginas no blogger

Categoria:
Com colocar formulário de contato em página no blogger - Day Gifs blogspot
  • Nivel: Fácil
  • Conhecimento: css(básico)

Olá babys! Nesse tutorial vou ensinar vocês como utilizar o formulário de contato nativo do blogger em qualquer página que você desejar, igual ao que eu utilizo na minha página de contato. Assim você também terá um espaço mais particular para quem quiser entrar em contato com você sem precisar utilizar os comentários do seu blog.
Vamos ao tutorial.

1º Passo - Ativar o Formulário Nativo

Ná opção de layout adicione um novo gadget, no local de sua preferêcia.
Selecione o gadget de Formulário de Contato. Se o seu blog já possui um formulário pule essa etapa.

Com colocar formulário de contato em página no blogger - Day Gifs blogspot

Obs: Eu prefiro por esse gadget na sidebar e arrastar para o final da fila, para não atrapalhar no modelo.

Agora o formulário de contato vai estar visível no local de sua opção. Porém queremos o formulário em uma página, então vamos esconde-lo usando css e deixando apenas seu código ativo.

Como colocar cortininhas no blog

Categoria:

É bem simples personalizar seu modelo com uma cortininha, como a que eu uso, basta seguir os passos abaixo.
Caso você anda não tenha uma cortininha de preferencia já escolhida você pode encontrar uma aqui.

Efeito opacidade em uma imagem

Categoria:

Tutorial feito por mim, por favor dê os créditos.
É um efeito bem legal que deixa sua imagem com opacidade, vai deixa os elementos do blog mais cute e dinâmico *-*. O que vamos aprender é fazer com que a imagem fique assim:

star spangled banner flag house, tutorial de hatml Efeito transparência em uma imagem

Obs: a imagem fica assim, mas quando passa o mouse em cima ela volta a cor normal, faça o teste nessa imagem de cima ;)
Para colocar esse efeito em uma imagem de um post faça o seguinte:

  • Quando você postar vá na aba "HTML", que está na própria postagem, e cole o seguinte código no lugar que você queira que a imagem apareça:
    • <img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.8;this.filters.alpha.opacity=50" style="opacity: 0.5; " src="ENDEREÇO DA IMAGEM"/>

      • Troque ENDEREÇO DA IMAGEM, pelo url da imagem. E visualize.
      • Mas se você quiser por em uma gadget vá em Design Adicionar uma Gadget, e escolha "HTML/JavaScript", e cole o mesmo código que está ali em cima.
      • Pronto!