22 outubro 2012

Para Usá-lo:

para ficar com o  gadget de parceiros você deve ir em Layout > Adicionar um Gadget > HTML javascript

e cole isso:


<a href="LINK DO BLOG" target="_blank"><img src="http://www.kristenjstewart.net/media/albums/userpics/10001/kstew17.jpg" border="0" class="equipe" title="NOME DO BLOG"/></a> <a href="LINK DO BLOG" target="_blank"><img src="http://www.kristenjstewart.net/media/albums/userpics/10001/kstew16.jpg" border="0" class="equipe" title="NOME DO BLOG"/></a> <a href="LINK DO BLOG" target="_blank"><img src="http://www.kristenjstewart.net/media/albums/userpics/10001/000s33s9.jpg" border="0" class="equipe" title="NOME DO BLOG"/></a> <a href="LINK DO BLOG" target="_blank"><img src="http://www.kristenjstewart.net/media/albums/userpics/10001/kstew11j.jpg" border="0" class="equipe" title="NOME DO BLOG"/></a>
<style>
.equipe {
-webkit-transition: all 1.0s linear;-webkit-transition: all 1.0s linear;-moz-transition: all 1.0s linear;transition: all 1.0s linear; /* Efeito fade */
-webkit-box-shadow: 0 0 .3em #000000; /* Sombra */
filter:alpha(opacity=65); /* Opacidade */
-moz-opacity:0.65;
opacity:0.65;
cursor: crosshair; /* Cursor */
}
.equipe:hover {
-webkit-box-shadow: 0 0 .3em #000000; /* Sombra */
-webkit-transition: all 1.0s linear;-webkit-transition: all 1.0s linear;-moz-transition: all 1.0s linear;transition: all 1.0s linear; /* Efeito fade */
-webkit-border-radius: 72px; /* Bordas arredondadas */
-moz-border-radius: 72px;
border-radius: 72px;
filter:alpha(opacity=100); /* Opacidade */
-moz-opacity:1.0;
opacity:1.0;
cursor: crosshair; /* Cursor */
}
</style>

<div class="divspoiler">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga34Wx2pvyoLYZx4XFX2ubWv9A920xG67qXj46UxqzMemJ5Kg2dB5dYW6L2fDOJiEcDw268wvJpwp4GlIu-qoXyAxxrgSmIMx_RMpvSKRF5jqiW_ElTNv3Cwys10C_65pP91p8rV8gwntD/s1600/antesyh+c%C3%B3pia.png" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
Link1 - Link2 - Link3 - Link4 - Link5 - Link6 - Link7 - Link8 - Link9 - Link10
</div></div>

e Para colocar fundo personalizado na área dos comentários basta colar isso em um HTML javascript:

<style>
#comments {
 background: url("http://media.tumblr.com/tumblr_m3mfdcyY1z1qkgtjs.jpg"); none repeat scroll top center;
padding: 15px;
}
</style>

e para colocar a barra de buscar personalizada, é só colocar isso em outro HTML javascript:

<form action="/search" class="search" method="get">
Search: <input class="searchbar" id="s" name="q" type="text" value="" />
<input class="searchbut" type="submit" value="" />
</form> 

Enjoy! 

Post Teste

Actress-beautiful-kristen-stewart-photoshoot-favim.com-217067_large

um dois três testando...
negrito, sublinhado, itálico tachado

testando blockquote

Ele contém:

  • Blockquote Personalizado
  • Gadget "Parceiros" com efeito expansão e efeito nas imagens
  • Área dos comentários personalizada
  • Data personalizada em Hover
  • títulos dos gadgets e postagens centralizadas
  • sublinhadoitáliconegrito e tachado personalizados
  • Seleção colorida
  • Barra de Rolagem personalizada
  • "Assinar postagens atom" retirado
  • Navbar retirada
  • Gadgets juntos com a postagem
  • Espaçamento do banner e postagem retirados
Regras:

Nada de retirar os créditos, pode até colocar seus créditos se usar como base, mais continue com o nosso.

Aqui está o banner para você editar: