Como Fazer Foto Do Perfil (Gadget) do fundo Transparente

Oiii <3 eai como vocês vão ? hoje a postagem vai ser especial para quem tem blog! quando se é blogueiro(a), é normal sempre buscar inspirações em outros blogs para fazer algo, seja por que gosta do blog, ou por outros motivos como pessoas alienadas de criatividade(não levem isso para o mal sentido) digo isso, por que no começo de tudo eu também não tinha a mínima noção de muitas coisas(tudo) de html, que aprendi com o tempo e sei que são úteis para muitas pessoas... nada mais justo do que dividir <3



Hoje vou ensinar a fazer o primeiro gadget da barra lateral com fundo transparente! é muito fácil de fazer e da um ar de "blog bem cuidado", eu aconselho que se faça um backup de todo o layout caso dê algum erro, e outra dica é que o primeiro gadget seja um de HTML/Java script, apesar de o código funcionar com todos os primeiros gadget do blog, desde que estejam separados em blocos, o HTML/java script é o que te dará mais liberdade para colocar o que quiser seja desde uma imagem a links para redes sociais ou outras coisas mais....
Abra o html do seu blog modelo > editar html e procure (CTRL+F) por:
 .sidebar .widget:frist-child {
Em baixo dele adicione:
Background: Transparent; 
Visualize se estiver tudo certinho, é só salvar!

Uma dica legal é que você pode colocar outras formatações como por exemplo colocar sua foto quadrada e deixar as bordas do gadget arredondadas, para arredondar automaticamente as fotos(isso só vai funcionar se só tiver a foto no código) :D

Ou quem sabe colocar cores diferentes do resto do gadget ?
Background-Color: #suacoraqui;
Pode-se também adicionar outros códigos abaixo desses como:
.sidebar .widget:second-child {

 para personalizar o 2º(second) e o 3º (third) gadget!

Espero que vocês tenham gostado <3
Como Fazer Foto Do Perfil (Gadget) do fundo Transparente Como Fazer Foto Do Perfil (Gadget) do fundo Transparente Reviewed by Eu Vaidosa on 23.4.15 Rating: 5

Nenhum comentário: