11 de ago. de 2013

Faixinhas nos Gadgets

Olá anjos caídos! ~pra dar uma variada~

Alguém aqui gosta do Facebook? Cara, não consigo gostar daquilo. Conheço umas pessoas que ficam o dia todo no Face, só facebookando. Não consigo fazer isso, acho chato demais quem liga

Hoje vou ensinar a colocar faixinhas nos Gadgets. Tenho certeza que todo mundo já sabe como fazer isso, já que 700 bilhões de blogs já ensinaram. Mas eu queria ensinar aqui porque acho chato ficar procurando códigos nos blogs dos outros. Eu nunca decoro os códigos mesmo. Sempre esqueço algum detalhe, ou uma vírgula que seja, e o código dá erro. O código das faixinhas sempre esqueço de colcoar H2, aí nunca dá certo --' Caso precise de faixinhas, aqui no blog tem bastante.
Bom, vamos ao tutorial.



1- Com suas faixinhas prontas, hospede-as em um site de hospedagem de arquivos. Escolha muito bem o site, porque alguns somem com suas imagens depois de um tempo. Feito isso, vá no HTML do seu blog e procure por ]]></b:skin>, acima, cole:

#IDdogadget h2 { background: url('url da faixa') no-repeat; color: transparent; width: 310px; height: 75px; margin-top: -30px; margin-left: -35px; float:left; }
Mude o código para ajustar sua faixinha.

  • Para encontrar a ID do Gadget, faça o seguinte:

-Vá em layout e abra a janela que edita o Gadget. No topo da Janela que abrir, vai aparecer um link escrito widgetId= Copie o que está escrito depois disso. [x] Depois de copiar a ID, substitua no código HTML.

  • Depois de ajustar sua faixinha, repita o código trocando o ID e a URL pelo ID e URL dos outros Gadgets.
  • width: 310px é a largura da faixinha; height: 75px; é a altura, mude de acordo com o tamanho da sua faixinha. 
  • margin-top: -30px; margin-left: -35px; float:left; se refere a posição, vá alterando até achar os números certos.


2- Agora procure pela tag /* Headings, e abaixo, cole:

.sidebar h2 {
font-family: tahoma; /* Fonte */
color: transparent; /* Cor */
font-size: 0px; /* Tamanho */
}

Esse último código serve para tirar o título que fica em cima da faixa. Com esse código ninguém vai poder arrastar suas faixinhas :)

*Essa postagem é programada, estarei de volta logo*

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar

5 comentários:

  1. Eu fico lá conversando apenas, tem vezes que só fico online e mexendo em outra coisa... Aquilo é cansativo e não tem nada legal rs'
    Eu tbm usava esse método, mas agora não uso mais faixinhas, meus layouts estão saindo muito simples e personalizo o titulo de tudo pelo HTML mesmo... nada de imagens rs'

    ResponderExcluir
    Respostas
    1. Eu gosto do estilo que você está usando agora, acho muito mais fofo!
      Eu uso faixinhas, mesmo detestando ter que fazer imagens, não consigo fazer um template bonito só com html ushuahsua'

      Excluir
  2. Oi tudo bem ? Consegui fazer, obrigada !
    Seguindo, retribui ?
    miss-teensami.blogspot.com

    ResponderExcluir
  3. Amei,estou botando no meu blog

    Retribui a visita ?? Obg

    http://cherryspurple.blogspot.com.br/

    ResponderExcluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!