26 de nov de 2012

Tutorial: Gadget Status

Oii minhas flores de primavera!! A pedido, trouxe um tutorial a vocês  espero que gostem, se repassar credite o blog Promised Land, pois foi lá que eu peguei..




Vá em editar html e pesquise (Ctrl + F) por: ]]></b:skin> Quando encontrar, cole o seguinte código acima da tag pesquisada:

/* -------------- Wishlist || Things to You! -------------- */
.wishlist {
display: block; background-color: transparent;/* não altere ! */
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc; /* Cor da linha que fica abaixo */
padding-top: 1px;
padding-bottom: 1px;
padding-right: 2px;
padding-left: 2px; margin-right: 2px;
}
.wishlist:hover {
background: 
padding-top: 1px;
padding-bottom: 1px;
padding-right: 2px;
padding-left: 2px; margin-right: 2px;
}
.wishlist:hover {
background: #f9f9f9;/* Cor da wishlist ao passa o mouse */
}
/* -------------- Código Wishlist -------------- */
}
}
/* -------------- Código Wishlist -------------- */
} /* -------------- Código Wishlist -------------- */

 Agora é só editar a cor onde está destacado de negrito. Tabela de cores aqui. Depois que editar, salve. Agora, adicione um gadget HTML/JavaScript e cole o seguinte código:

<div class="wishlist"><img src="http://static.tumblr.com/nxhlvyi/VXXlggo1h/2m7uqlt.gif" style="font-size: 100%;" /> Nome: <b>Nome do seu blog</b></div>
<div class="wishlist"><img src="http://static.tumblr.com/nxhlvyi/VXXlggo1h/2m7uqlt.gif" style="font-size: 100%;" /> Sigla: <b>Sigla do seu blog</b></div>
<div class="wishlist"><img src="http://static.tumblr.com/nxhlvyi/VXXlggo1h/2m7uqlt.gif" style="font-size: 100%;" /> Dona: <b>Seu nome</b></div>
<div class="wishlist"><img src="http://static.tumblr.com/nxhlvyi/VXXlggo1h/2m7uqlt.gif" style="font-size: 100%;" /> Versão: <b>Versão do layout</b></div>
<div class="wishlist"><img src="http://static.tumblr.com/nxhlvyi/VXXlggo1h/2m7uqlt.gif" style="font-size: 100%;" /> Meta: <b>Meta do blog</b></div>
<div class="wishlist"><img src="http://static.tumblr.com/nxhlvyi/VXXlggo1h/2m7uqlt.gif" style="font-size: 100%;" /> Online desde: <b>Data da criação do blog</b></div>
<div class="wishlist"><img src="http://static.tumblr.com/nxhlvyi/VXXlggo1h/2m7uqlt.gif" style="font-size: 100%;" /> Design: <b>Nome de quem fez o layout</b></div>

7 comentários:

  1. Amei o tuto , e parece ser fácil.
    Seguindo aqui.
    Beijos
    nobodyslisten | blogspot

    ResponderExcluir
  2. Oi, eu sou do blog Garotas com Venenos, eu mudei a URl: http://heroinadejeans.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi,seu blog realmente é muiito lindo,Parabens vou ficar sempre acompanhado ,inclusive o nome do blog que vc mudou ficouu muito topp "

      Excluir
  3. Oii sera que vcs podem em ajudar no designer do meu blog,o meu realmente esta orrivel,muito nada ,se alguem se enteresar em me ajudar entra no meu blog e comenta a primeria postagem"me ajudem" e depois eu explico mais obgdinhas"!

    ResponderExcluir
  4. heheh' esqueci de passar o blog aquii esta: http://garotaglosss.blogspot.com.br/

    ResponderExcluir
  5. Oi flor! Mil desculpas, por ter te tirado dos afiliados, foi um problema quando eu estava mudando a elite de afiliados! Mas esse problema ja ta resolvido!
    2bjs
    sweetloves123.blogspot.com

    ResponderExcluir
  6. OMG! Vou usar esse tuto no proximo lay do meu blog! *---*

    Perguntinha: Aceita afiliação????
    Se sim, me avisa depois lá no meu blog!
    (já sego o blog.. ;)

    Bejus.. ;)
    ..::IrisJovem//Blog::..
    irisjovem|blogspot.com
    \õ/

    ResponderExcluir