Image Map

15/04/2013

Fitinhas na sidebar

adorei a foto desa menina <3
 Post pedido por uma leitora saindo! E esse é ótimo, na minha opinião. Tenho usado em todos os meus layouts, hahaha (quem acompanha meu blog de encomendas já deve ter notado).
 Acontece que esses dias uma leitora pediu lá na ask da Laura como que fazia, e, claro, que eu não podia deixar de postar, né? Espero que isso a ajude!
 Inicialmente você tem que ir em Layout e em Editar HTML. Muita gente pirou (literalmente) com o novo editor do blogger, mas gente, não mudou quase nada! Só facilitou um pouquinho a nossa vida, já que agora não precisa ficar marcando a caixinha de "Expandir modelos de widget" (se vocês notarem, tem um botão escrito "Reverter modelos de widget para o normal" lá em cima, então tudo o que você tem que fazer é não clicar nesse botão). Não mudou nada dos seus códigos e/ou da produção do layout, ok? Quem é da época do editor antigo não deve ter estranhado tanto (eu o/).
 Enfim, depois disso clique na caixinha onde está o html do seu blog e tecle ctrl+F, então procure pelo seguinte código:
/* Mobile
 E cole o código abaixo antes 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: 300px;height: 100px;overflow:hidden;}
 Aí você só precisa alterar o que é necessário. Além do mais óbvio (do link da sua faixinha), você também tem/pode mudar "margin-top", "margin-left" e "margin-bottom" pra ajustar a imagem na sidebar e ficar certinho, e não se esqueça de mudar "widht" e "height" do código pela largura e altura da sua faixinha, respectivamente. E como sou ótima pessoa (-n) fiz alguns modelinhos pra vocês, só 4, mas vocês conseguem encontrar mais aqui. Caso usem, creditem, ok?
 Espero que tenham gostado! Ah, e claro que esse tutorial lindo só podia ter vindo do Kawaii World, né? Só recomendo que vocês não copiem as fitinhas dos outros, quando a gente faz algo só nosso é bem mais legal, né? ;)

33 comentários:

  1. Ixi, Let, nem vou tentar, vou deixar pra você mesma, haha
    Adoro esse tuto, fica super cute!
    Tem como divulgar o RC, Let, pliese? Obrigada!
    Beijocas!

    ResponderExcluir
    Respostas
    1. Ops, esqueci!
      aliredcarpet.blogspot.com

      Excluir
    2. MANO SUHAUSHAUSHUASHUHSUAHSUHS RACHEI USAHUSHAUSUASH Ali, ela é a Paula ._. que tal ver que blog é? uashuahs (SEM OFENSAS)

      Excluir
    3. Bom que gosta Alice.♥

      Excluir
  2. Essas faixinhas ficam tão graciosas u.u

    ResponderExcluir
  3. Fica lindo mesmo com essas dicas!
    Que sua semana seja cheia de surpresas boas
    saúde, sucesso e muito amor!!
    (⁀‵⁀) ∞ ღ ∞
    .`⋎´ღ¸.•°*”˜˜”*°•ღ
    http://www.coisasdeladdy.com/2013/04/voce-me-faz-querer-viver.html

    ResponderExcluir
  4. Não encontro /*Mobile de forma alguma :(

    ResponderExcluir
  5. Nunca fiz nenhum lay com faixinhas, mas o meu próximo eu quero tentar! õ/
    Bjo, Sel ;*

    Jovens Gordinhas
    Unicórnio com Bigode
    Nerd Descolada

    ResponderExcluir
  6. Ah, essas suas faixinhas que você faz, são tão diferentes *O* Não há igual no mundo, UAHHUS' Perfeito o tutorial, quase sempre fiz com fitinhas, porém quero inovar um pouco, sabe? Mas adorei do mesmo jeito <33'

    -4 Seconds.

    ResponderExcluir
  7. Amo as fitinhas que tu faz, fica muito fofo *-* Acho que vou usar esse tutorial no novo layout. Beijos
    ilovecantores.blogspot.com

    ResponderExcluir
  8. Lindinhas, gostei das cores.

    http://simples-e-agradavel-bloog.blogspot.com.br/
    http://www.facebook.com/SimplesAgradavelBlog

    ResponderExcluir
  9. Gostei das fitinhas.

    Beijinhos

    http://vivianapombo.blogspot.pt

    ResponderExcluir
  10. Fica super fofo *-* Faz um tempo que não uso rs

    Beijos ~
    garotas-cupcakes

    ResponderExcluir
  11. Hehe, as suas faixinhas seduzem os meus olhos. Adorei o tuto, muito charme para as faixinhas u-u

    ResponderExcluir
  12. Hahaha eu simplesmente adoro esse tutu, gosto de usar nos meus layouts também! Dá um efeito muito bonito e sofisticado!
    Beijão Emilia.

    coffemilia.blogspot.com♥

    ResponderExcluir
  13. Sãoo muito fofas essas fitinhas U.U Realmente dão mais vida ao blog, até que eu botaria, mas estou boiando em mexer em HTML beijinhos
    garota-inocente-oficial.blogspot.com

    ResponderExcluir
  14. adorei viu
    um dia vou customizar meu lay quando tiver tempo e acrescentar as fitinhas xp

    ResponderExcluir
  15. Olá querida eu já tentei mais não estou conseguindo mexer no html não estou entendendo nada e quando eu procuro o codigo não acho nada help me please!!!!!!!!!

    ResponderExcluir
  16. Que gracinha! adorei suas ribons

    the-charming-place.blogspot.com

    ResponderExcluir