2 de ago de 2011

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

22 comentários:

  1. Yep!!!! Sabe, a prática leva a perfeição então se você acha que não está tão bom assim, estude que sei que chegará lá.

    Eu achei lindo *__*

    ResponderExcluir
  2. Emily , como é o nome dessa fonte
    http://lh4.google.com/-aemnMfmPpLY/Ti2IOUxFkkI/AAAAAAAABN8/PyIv0V61EwI/bottom%252523download.png

    ResponderExcluir
  3. ooi , tudo beem tem como você ensinar como você fez essa parte roxo lá em cima no lugar do cabeçalho ,porfavor ensina .
    http://meninoteen.blogspot.com/

    ResponderExcluir
  4. Amei o blog! E o post então... vai me ajudar muuuito, o EPF, já é um de meus blogs favoritos..
    Fofa, gostaria de pedir q vc ensinasse como fazer
    o blockote do jeito que vc faz igual ao tumblr..
    Ah, e o gadget Dados, que tá AQUI no PF... nao oq vc fez o tuto..

    Beijos ^^
    http://sermenina-blog.blogspot.com

    ResponderExcluir
  5. você sabia que eu adoro esse blog??
    adoro não. AMOOO

    http://disneyprogramacao.blogspot.com/2011/08/sorteio-edicao-especial-merheje.html

    ResponderExcluir
  6. oiie emily te adoro e os seus tutoriais são demais, por favoor.. será que é pedir demais para você acessar e participar do sorteio do meu blog??

    http://disneyprogramacao.blogspot.com/2011/08/sorteio-edicao-especial-merheje.html

    ResponderExcluir
  7. aii, amei, concerteza vou colocar no meu blog *---*

    ResponderExcluir
  8. Aahh, como o layout esta lindo *-* parabens

    http://cupcakebomb-js.blogspot.com/

    ResponderExcluir
  9. Que lindo o lay!
    Adorei o tuto, mega imper util *-*

    Bjos,
    www.blogportalteen.blogspot.com

    ResponderExcluir
  10. http://paradateen1.blogspot.com/2011/08/meia-noite-quinze-vale-um-click.html novo post comenta ?! *-*

    ResponderExcluir
  11. heey :3
    adorei o tutorial *-*!
    você pode ensinar a colocar o titulo do blog centralizado e a colocar essa "curtininha" que tem na parte de cima do seu blog (roxo)??

    obrigada

    ResponderExcluir
  12. To usando♥ http://apaixonadaportwilight.blogspot.com/

    ResponderExcluir
  13. visiiteem' meeu blooog http://sodelicati.blogspot.com/

    la tem lista de dezejos etc ...

    ResponderExcluir
  14. Não sei mas acho que spo deu pra mim, porque as datas ficam todas amontoadas.
    Poderia me ajudar?

    ResponderExcluir
  15. Ooi. Adorei o layout ! esta de parabéns e como sempre esta tudo lindo *-*
    Muiito sucesso pra voce daqui pra frente ok ? haha ‘
    Tem postagem nova la no blog,confere & comenta ?
    @blog | @Twitter

    “ o meu blog também esta passando por mudanças mais esta aberto a todos “

    ResponderExcluir
  16. acabei de colocar no meu blog, ficou lindo. obrigada *-*
    deboramoraiss.blogspot.com

    ResponderExcluir
  17. Não conhecía o blog, e agora que conheci gostei muito, muito bons os tutoriais :)
    Usei no meu blog http://sweetdelicatesse.blogspot.com
    Bjss,

    ResponderExcluir
  18. Olá, Amei o post, e estou seguindo este blog super lindo...
    Deixo o meu blog aqui e espero sua visitinha...
    http://adoravelcomeco.blogspot.com.br/
    Se poder seguir irei agradecer, Beijão...

    ResponderExcluir
  19. Usando!
    Amei
    www.desnenhareblogat.blogspot.com

    ResponderExcluir
  20. estou repassando alguns tutos seus no meu blog e vou colocar créditos
    Forever teen
    http://foreverteenfofuraperfeita.blogspot.com.br/
    beijos

    ResponderExcluir

Comentários como "o blog tá lindo, bjo" "to seguindo, segue de volta??" "ai que lindo o blog, retribui a visita/comentário?" serão ignorados. Por favor, leia a FAQ e as outras páginas internas antes de perguntar qualquer coisa.