Widgets - Hora do chá!

cabeçalho: http://static.tumblr.com/itxhnbu/W4Jnpnq1e/teaa.png

Widget 1 - Welcome.
As pessoas costumam deixar cicatrizes. Não daquelas pequenas, que você só percebe depois de vinte minutos na frente do espelho, mas daquelas bem grandes que fazem os outros perguntarem: onde você conseguiu isso? Só que esse tipo de cicatriz ninguém vê, então nem pergunta, porque é bem no coração, escondido de tudo e todos. (TROQUE ESSE TEXTO POR SEU TEXTO DE SEJAM BEM VINDOS, TEM QUE TER 6 LINHAS)
<style>
#tags2 {
background-color: #D1E3EF;
width: 56px;
height: 12px;
font-family: verdana;
font-size: 11px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 3px;
margin-bottom: 3px;
margin-top: 3px;
color: #A2B9C8;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px #BED7E7;
-moz-box-shadow: inset 0 0 5px #ADCCE0;
box-shadow: inset 0 0 5px #BED7E7;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#tags{
background-color: #ffe4ea;
width: 56px;
height: 12px;
margin-top: 3px;
float: left;
font-family: verdana;
font-size: 11px;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 3px;
margin-bottom: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 5px #fdd7df;
-moz-box-shadow:    inset 0 0 5px #fdd7df;
box-shadow:         inset 0 0 5px #fdd7df;
color: #f7b0bf;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
</style>
<a href="/" title="Volte ao ínicio!" id="tags">Home</a>
<a href="seu link" title="Sobre nós" id="tags2">About</a>
<a href="seu link" title="Tutoriais" id="tags">4You</a>
<a href="http://blogger.com" title="Volte para o blogger" id="tags2">Go out</a>

WIDGET 2 - Agendinha de posts
<style>
.agenda {
padding: 3px;
margin-bottom: 1px;
margin-top: 1px;
border-bottom: #ebebeb 1px solid;
letter-spacing: .1em;
font: normal normal 12px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-shadow: 1px 1px 0 #fff;
}
.agenda b{
color: #EDB5C4
}
</style>
<div class="agenda"><b>00/00</b>- Sua frase aqui</div>
<div class="agenda"><b>00/00</b>- Sua frase aqui</div>
<div class="agenda"><b>00/00</b>- Sua frase aqui</div>
<div class="agenda"><b>00/00</b>- Sua frase aqui</div>

WIDGET 3 - Colegas de chá
<a href="/" title="You"><img class="teacup" src="http://static.tumblr.com/itxhnbu/E82npns6z/tumblr_static_tea_cup.png"/></a> <a href="/" title="You"><img class="teacup" src="http://static.tumblr.com/itxhnbu/E82npns6z/tumblr_static_tea_cup.png"/></a> <a href="/" title="You"><img class="teacup" src="http://static.tumblr.com/itxhnbu/E82npns6z/tumblr_static_tea_cup.png"/></a> <a href="/" title="You"><img class="teacup" src="http://static.tumblr.com/itxhnbu/E82npns6z/tumblr_static_tea_cup.png"/></a>
<a href="/" title="You"><img class="teacup" src="http://static.tumblr.com/itxhnbu/E82npns6z/tumblr_static_tea_cup.png"/></a> <a href="/" title="You"><img class="teacup" src="http://static.tumblr.com/itxhnbu/E82npns6z/tumblr_static_tea_cup.png"/></a> <a href="/" title="You"><img class="teacup" src="http://static.tumblr.com/itxhnbu/E82npns6z/tumblr_static_tea_cup.png"/></a> <a href="/" title="You"><img class="teacup" src="http://static.tumblr.com/itxhnbu/E82npns6z/tumblr_static_tea_cup.png"/></a>


<style>
.teacup {
width: 55px;
 -webkit-transition-duration: .70s;
}
.teacup:hover {
-webkit-transform: rotate(360deg) scale(1.1) ;
-webkit-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}
</style>

WIDGET 4 - sem nome, são as tags
<style>
.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags20{
  background-color: #F5D4E2;
  width: 98%;
  height: 11px;
  border: 1px solid #EFC0D8;
  float: left;
  box-shadow: inset 1px 1px 0px #fff;
  font: 10px arial;
  color: #FFFFFF;
  text-shadow: 1px 1px 0px #F4B4CA;
padding: 1px 0 4px 0;
letter-spacing: 2px;
text-align: center;
margin: 1px;
text-transform: lowercase;
margin-bottom: 4px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#menutags20:hover{
  background-color: #D5E1E8;
  width: 98%;
  height: 11px;
  border: 1px solid #BBCBD5;
  float: left;
  box-shadow: inset 1px 1px 0px #fff;
  font: 10px arial;
  color: #FFFFFF;
  text-shadow: 1px 1px 0px #BBCBD5;
padding: 1px 0 4px 0;
letter-spacing: 4px;
text-align: center;
margin: 1px;
text-transform: lowercase;
margin-bottom: 4px;
}
 </style>
<div class="esquerda">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>
<div class="direita">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>

WIDGET 5 - SEM NOME, SÃO OS CRÉDITOS
<marquee>Layout feito por June do blog <a href="http://f-olks.blogspot.com">Folks</a> exclusivamente para o Tea Clouds.</marquee>