9 de jul. de 2013

Como colocar ribbons na sidebar + ribbons prontos

Hoje temos tutorial + utilitários, õbaa, na verdade eu só ia postar faixinhas para sidebar, mas daí pensei, acho melhor colocar um tutorial, já que é meu primeiro post de ribbons. 
Como eu disse, é a primeira vez que faço, então espero que me entendam, se acharam as faixinhas feias, mas com um tempo eu vou aprendendo. Quer ver meu desastre minhas faixas? Então clica logo no leia mais! ^-^




Primeiramente o tutorial!

- Vá até o painel de seu blogger, modelo, editar HTML, procure por: (Aperte F3 ou Ctrl F para ajudar)
/* Mobile 
- Assim que achar, cole o seguinte código acima de body.mobile.
.sidebar .widget h2{
background: url(LINK DA SUA FAIXINHA)  no-repeat left;
margin-top:-2px;
margin-left:-19px;
margin-bottom:0px;
padding:15px;
width:150%;
overflow:hidden;
}
- Se o título do seu gadget não ficar certinho na faixa, é só você ir mudando o número quinze do padding: 15px; e visualizando até dar certo.
- Se a faixinha não funcionar é só acrescentar dois ' dentro dos parênteses. Observe:

background: url('LINK DA SUA FAIXINHA')  no-repeat left;
Reparou nas aspas dentro dos parênteses?!

(Créditos do tutorial: aqui)

Agora vamos as faixinhas, feitas com muito carinho pra vocês! ;3
Não ficaram exatamente do jeito que eu queria, mas até que... não foi um desastre total. :P







44 comentários:

  1. Adoreeeeeeei aqui, está de parabéns!!

    Beijos,

    http://www.depoisquecrescemos.com/

    ResponderExcluir
  2. Auwn *u*, adorei os ribbons, peguei aquele rosa.
    Seu blog é muito fofo :D, vou continuar acompanhando.

    http://explosionlovers.blogspot.com.br/

    ResponderExcluir
  3. Adorei as faixinhas e o tuto ficou bem fácil.Seu blog está muito lindo!
    visita?
    summerscomicsworld.blogspot.com.br

    ResponderExcluir
  4. Oioi adorei o post ajuda pra caramba vou mostrar pras minha amigas, porque se eu fosse fazer no meu iria ter que mudar muita coisa hihi! Amei o blog!
    Beijos
    http://capitaldossonhos.blogspot.com.br/

    ResponderExcluir
  5. Eu estava com dificuldade de colocar ribbons na sidebar,Ótimo tutorial >3<

    ResponderExcluir
  6. Ameei as faixaas flor'# O tuto é beem fáácil, não teem como não errar'#

    - Seguindo_
    - Seegue?
    http://amor-teen.blogspot.com

    ResponderExcluir
  7. Já conhecia o tuto, e as faixinhas são lindas ^^
    Pequena Garota

    ResponderExcluir
  8. Adorei o tutorial :3
    Gostei mais das faixinhas da segunda fileira ><

    ~ Kiss
    ~ http://cantinhodaslovelys.blogspot.com.br/

    ResponderExcluir
  9. Acho que no meu próximo layout eu uso, amei as faixinhas ;3
    Amei o tutorial~

    ResponderExcluir
  10. Suas faixinhas ficaram lindas *O*
    Beijos ♥

    ResponderExcluir
  11. Já conhecia o tutorial ^^
    E as ribbons ficaram lindas :3

    - Modern HTML

    ResponderExcluir
  12. fica bem fofo <3
    Beijos, Brenda
    gavecrazy.blogspot.com

    ResponderExcluir
  13. Já sabia desse tutorial, ele é super legal! Acho que todo bom blog precisa de ribbons u.ú Os seus ficaram lindos, parabéns *-*

    Acabei de fazer um blog de HTML, com aulas de HTML e tudo o mais. Quero te convidar a dar uma passadinha lá, e se possível ser afiliada sua, pode ser? >3< Isso ajudaria muito na divulgação do meu blog. Já estou te seguindo, e te daria abraços e beijos se você fizesse o mesmo *-*
    Beijos da Kaira-san!

    breaking-doubts.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Aceito afiliação sim! E já vou te seguir de volta, quero meus abraços e beijos ok?! rçrç'

      Excluir
  14. Pode fazer um tutorial de como fazer o cabeçalho igual ao de vocês?Amo o blog de vocês!

    Beijos *-*
    littlethingsofiicial.blogspot.com

    ResponderExcluir
    Respostas
    1. Faço sim, só preciso saber se vc tem photoshop?

      Excluir
    2. Não tenho.Onde é seguro instalar?É gratuito o programa?

      Excluir
    3. É que esse meu cabeçalho foi feito no photoshop, não sei se ficaria bonito no photoscape ou photofiltre. Mas se vc quiser baixar, aqui alguns links que podem te ajudar:

      http://www.kawaii-world.net/2013/03/instalando-e-registrando-o-photoshop-cs6.html
      http://www.kawaii-world.net/2012/10/links-para-download-do-photoshop.html

      Excluir
  15. Fica lindo de mais! Vou aplica-lo no meu próximo layout *U*
    http://shake-de-morango.blogspot.com.br/

    ResponderExcluir
  16. ótimo tutorial e os ribons são lindos ^^
    http://laprettyheart.blogspot.com.br/

    ResponderExcluir
  17. Esse tutorial é muito útil :) Amei seu blog, viu? muito legal aqui. Já estou seguindo. Beijooos :*

    http://goods-sweets.blogspot.com.br/

    ResponderExcluir
  18. Hey adorei o tutorial as ribbons estão lindas! Faz tempo que eu estou procurando esse tutorial bem explicado!
    Parece que você gosta da Katy Perry! Isso é ótimo eu amo ela! É KatyCat!?
    õ/õ/õ/
    Bjs já estou seguindo!

    ResponderExcluir
    Respostas
    1. Sou KatyCat sim!
      Obg por seguir, te sigo de volta! ^3^

      Excluir
  19. Valeu pelo tutorial.Ajudou bastante,deixarei créditos

    ResponderExcluir

Obrigada por comentar!
- Sem tempo para tags e selinhos
- Sigo de volta, mas seja educado e comente sobre o post ok?!
- Afiliações FECHADAS