Olá! Nesse tutorial eu vou ensinar a deixar as bordas dos
gadgets do seu blog arredondadas, só que uma de cada vez, eu só tinha achado
códigos pra arredondar todos os gadgets de uma vez só e o fundo da minha caixa
de pesquisa ficava branco, ficava estranho, então eu peguei um código do encantada26 e também do falecido cherryboomb e editei um pouco. Vamos lá!
1°. Procure pelo ID do gadget que você pretende editar. Se você não sabe como encontrar o ID clique aqui. Salve o ID em um bloco de notas;
2°. Agora procure por ]]></b:skin> , ok, acima desse código cole
esse outro código:
#ID-DO-GADGET /*viagemparaasestrelas.blogspot.com*/
{
background: #fff; /*Cor de fundo do gadget*/
-webkit-border-radius: 20px; /*Quanto maior o número, mais redonda o gadget fica*/
-moz-border-radius: 20px; /*Quanto maior o número, mais redonda o gadget fica*/
border-radius: 20px; } /*Quanto maior o número, mais redonda o gadget fica*/
#ID-DO-GADGET
h2 {
/*Estilos para o título do gadget*/
Font-family: Oswald; /*Troque "Oswald" por outra fonte. Ex.: Arial*/
color: #fff; /*Cor da fonte do título*/
font-size: 14px; /*Tamanho da fonte*/
}
3°. Feito
isso, cole o ID do gadget onde diz “ID-DO-GADGET”, ficará assim:
#Label1 /*viagemparaasestrelas.blogspot.com*/
{
background: #fff; /*Cor de fundo do gadget*/
-webkit-border-radius: 20px; /*Quanto maior o número, mais redonda o gadget fica*/
-moz-border-radius: 20px; /*Quanto maior o número, mais redonda o gadget fica*/
border-radius: 20px; } /*Quanto maior o número, mais redonda o gadget fica*/
#Label1
h2 {
/*Estilos para o título do gadget*/
Font-family: Oswald; /*Troque "Oswald" por outra fonte. Ex.: Arial*/
color: #fff; /*Cor da fonte do título*/
font-size: 14px; /*Tamanho da fonte*/
}
Está pronto! Para personalizar, siga as instruções presentes no código. Qualquer dúvida, pergunte. Ah! Dê um "curtir" (nas reações) se você gostou! E comente!
