• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

28 de novembro de 2013

[Pedido] Personalizar cada gadget ou colorir todos+ Desculpas pela ausência


Hooý chocolates cobertos com limão, tudo bem? Morrendo de saudades de vocês fofuras. Espero que esteja tudo bem. Primeiramente, queria pedir desculpas por minha ausência aqui no blog, mas como alguns já sabem, é por casa das semanas anteriores que acabam amanhã, coberta de trabalhos para apresentar, com espaço de um dia de um para o outro, por isso não pude postar.

 Estava ouvindo hoje essa música do Oficina G3 que na verdade já era cantada por outros cristãos como Brian Head, Michael W. Smith e talz, só que eles regravaram e modificaram, ficou mil vezes melhor, recomendo que ouçam:

Save Me From Myself

Agora vamos a postagem?!
Então, recebemos um pedido no tumblr de um anônimo:
"Como colocar fundo nos gadgets?"
  e um aviso por comentário da Anilyan do blog Sou uma adolescente, dizendo que esqueci de ensinar como colorir os gadgets nesse tutorial aqui: www

 Queria agradecer aos pedidos e primeiro ensinarei a: Personalizar cada gadget:

Primeiramente você deve procurar o nome do seu gadget (no caso, o meu foi o "gadget 1"):
clique para aumentar

Depois de copiado o código que selecionei de verde, como na imagem acima, procure por:

]]></b:skin>

e cole acima:

#ID-DO-GADGET {
background: #fff; /*Cor de fundo do gadget*/
}

#ID-DO-GADGET h2 {

/*Estilos para o título do gadget*/
Font-family: Verdana;
color: #000;
font-size: 14px;
}

Agora, substitua os espaços indicados abaixo pelo nome do gadget que você copiou logo no início do tutorial:
Troque o "ID-DO-GADGET" pelo código copiado acima, no caso do tutorial, o código foi "HTML1", lembrando que ficará assim:
#HTML1 {

Obs: Fazendo esse tutorial, você irá modificar um gadget de cada vez.

Tutorial 2: Colorir gadgets

Procure por:

/* Widgets

e cole o seguinte código antes da "}":

background: #93be8b; /*---- cor do fundo da caixa ----*/
  padding-left: 20px; /*---- espaço à esquerda ----*/
  padding-bottom: 20px;  /*--- espaço de baixo ---*/
  padding-right: 20px; /*--- espaço à direita ---*/
  padding-top: 5px; /*---- espaço de cima ----*/
border-radius: 8px; /*---- bordas arredondadas, apague a linha se não quiser ----*/

Substituindo da forma desejada. Espero ter ajudado, qualquer dúvida é só perguntar, bjoon.


27 comentários:

  1. *O* Hannah, tava preucupada, vai que o blog entrava em hiatus! UAHSUA mas ainda bem que voltaram! 030
    Meu Final Feliz

    ResponderExcluir
    Respostas
    1. kkkkkkkkkk sério amore? kkkkk por minha vontade, não parava de postar nunca

      Excluir
  2. Útil :3 Já tava preocupada, pensei que vocês iam fechar como a maioria dos blogs. Quase infartei aqui. Hahahaha.

    etcforme.blogspot.com

    ResponderExcluir
  3. Awwn :c Que dó de você com tanta coisa assim pra fazer :c
    O tuto ficou bem explicadinho, uso isso de vez em quando, é super útil <3

    Aah, ainda não comentei sobre o layout que ficou DIVINO *3* Melhor lay de natal até agora <3

    Kiss, kaorii.com ~

    ResponderExcluir
    Respostas
    1. kkkkkkk obg kkkkk né, é super útil pakas, vivo usando, não vivo sem kkkk XP
      Hahaha' vlw

      Excluir
  4. Hannah também estava repleta de trabalhos e provas mas aleluia isso já acabou.
    Não tem noção do quanto eu estava atrás desse tuto, não sabia u.u muiito obrigada.

    Beijos ~
    Querido Diário

    ResponderExcluir
  5. Gostei do tutorial bem explicadinho <3
    ~kisses
    http://casadophotoscape-s2.blogspot.com.br/

    ResponderExcluir
  6. Adorei o tutorial!
    Beijos
    Cate-land.blogspot.com

    ResponderExcluir
  7. Muito legal a música, gostei \o
    Cara, você acabou de me dar uma ideia genial! Para um layout *u* Adorei o tutorial, se eu conseguir deixar super bonito vou usar, tipo não eu...a quando ele ficar pronto você vai entender ushasuahsuahs'

    Beijos || Panther Pink and Blue

    ResponderExcluir
  8. Ah, uau, esse comentário já é antiguinho, e entretanto já sei fazer o tutorial, mas fico feliz se ajudei :) Já agora, agora o meu blog chama-se Forever Sapo, mas tudo bem >.<

    ResponderExcluir
  9. Que bom que voltou *-* Adorei o tutorial bem explicado^^ Falando nisso que layout divo e esse?

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
  10. O Tutorial é super bom, foi bem explicado *u*

    Fairy Html - ★

    ResponderExcluir
  11. Eu amei o tutorial, bem explicado, nem precisa tirar dúvidas. E o resultado fica lindo.
    Ainda bem que o blog não entrou em hiatus, não me matem mais do coração, eu não sei o que eu faço sem esse blog, além do mais obrigada vocês me ajudaram a fazer o novo layout do meu blog, e ficou até bonitinho.
    Beijos,
    http://mundoda-rachel.blogspot.com.br/

    ResponderExcluir
  12. Tutorial ótimo , nunca vi ele , mas estou vendo agora claro -q
    perfeito mesmo , adorei .

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
  13. Amei o tuto eu algum dia vou usar ;3
    E eu amei esse seu lay *u*
    Te marquei em uma tag, mas nao sei se aceita ;3
    http://nyanmidnight.blogspot.com.br/2013/11/recebi-uma-tag-o.html

    ResponderExcluir
  14. Tuto perfeito , qualquer dia uso <3
    candytendy.blogspot.com

    ResponderExcluir
  15. -. hannah aceita afiliação ?
    http://www.papteen.com/

    ResponderExcluir
  16. Flor queria muito saber cm se faz esse efeito nas imagens das postagens q elas vai aparecendo aos poucos conforme rola a pagina? Gosto muito desse efeito no seu blog fica muito boom!!

    Bjox karinhoso Kaa ;D
    ♥ Uma Pequena Inspiradora


    ResponderExcluir
  17. Tutorial perfect, um dia ainda vou usar :) ♥

    http://pincelando-o-ceu.blogspot.com.br/

    ResponderExcluir
  18. Muito útil, e legal :)
    Que layout lindo OMG *-*

    http://stroke-of-insanity.blogspot.com.br/

    ResponderExcluir
  19. Não te desculpo não u_u que história é essa de querer colocar a escola em primeiro lugar? HAUHAUAHAUUAHA
    Vc é DIVA n precisa se desculpas NUNCA u_u
    Adorei esse tuto, ams slá personalizar cada Gadget é meio brega UAHAUAHA

    XOXO :D
    Joven Clube || Offical

    ResponderExcluir
  20. ain da bem q fériais ja estão por ai ne...(escola sempre nus da muito trabalho e ocupa muito tempo) -qq...tuto bem util OMG gostei muito ^^

    LP-HTML || louca-por-html.blogspot.com.br

    kissus e bom inicio de semana!!

    ResponderExcluir
  21. Tava preocupada. Mais voltou. Esse tutorial, é muito bom.

    http://morango-sabor.blogspot.com.br/
    Visita?

    ResponderExcluir
  22. Eu não estou conseguindo achar o código ]]></b:skin
    O q eu faço??

    ResponderExcluir