Gadget "Agenda" + Layout Free

A pedidos de leitores trouxe para vocês o código do gadget de agenda, não iria passar esse código para vocês, mas como não foi só um pedido, enfim, vou postar. 

 Código feito por mim, não repasse. 

Vá no seu CSS (Design > Editar HTML) e proucure pela tag ]]></b:skin>, e acima dela cole o código abaixo:

#agendabypfe {
display: block;
font-size: 11px;
font-family: tahoma;
letter-spacing: 0;
border-bottom: 1px dotted #c9c9c9;
background-repeat: no-repeat;
text-indent: 5px;
vertical-align: middle;
text-decoration: none;
line-height: 15px;
cursor: text;
margin-bottom: 1px;
}
#agendabypfe:hover {
display: block;
font-size: 11px;
font-family: tahoma;
letter-spacing: 0;
border-bottom: 1px dotted #c9c9c9;
background-color: #f2f2f2;
text-indent: 5px;
vertical-align: middle;
text-decoration: none;
line-height: 15px;
cursor: text;
margin-bottom: 1px;
}

Salve. Agora continue em Design, só que em Elementos da página, e clique em "Adicionar um Gadget" e escolha a opção de HTML/Javascript e cole o código abaixo:

<div id="agendabypfe"><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/52834.gif" /> <b>00/00</b> - Aniversário do Amigo</div>
<div id="agendabypfe"><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Comentario.gif" /> <b>00/00</b> - Pagar contas</div>
<div id="agendabypfe"><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/cine.gif" /> <b>00/00</b> - Cinema</div>
<div id="agendabypfe"><img src="http://i122.photobucket.com/albums/o260/mhilka/iconesagenda/Clip.gif" /> <b>00/00</b> - Outra data</div>

Modifique as datas e o nome do compromisso. Aqui você encontra diversos mini gifs para substituir os outros, caso queira. Qualquer erro, me comunique.

---

Layout Purple Simple

Eu desde o inicío do blog sempre sonhei em fazer layouts sem usar apenas imagens e mais imagens nos gadgets, enfim, e eu consegui. E como é o primeiro não ficou AQUELE layout, mais também não ficou tão mal. Vou fazer mais layouts em breve e beeem melhores, rs. Mas enquanto esse momento não chega, apreciem esse layout - ou não - (risos). Clique na imagem para visualizá-lo. Respeitem as regras, por favor!

Espero que tenham gostado do layout e do tutorial.

Beijos, 

Emily