26 de ago de 2011

Widget duplo!

Tumblr_lq7g59jr4u1qcw39ko1_500_large

Hoje vamos aprender algo bem útil! Um widget duplo (como diz no título) de: Botão de adicionar aos favoritos e fechar a página. Não digo que este código foi totalmente feito por mim, pois os códigos são do Drikoti — portanto, seus merecidos créditos — mais eu quem os personalizei. E existe um pequeno grande problema: O código de adicionar aos favoritos só funciona no IE. Este tutorial é bem útil, preparei dois modelinhos para vocês usarem.

Primeiramente copie um dos códigos do modelo desejado, e vá até Design > Adicionar um Gadget > HTML/Javascript, cole e salve.

Modelo 1:


<center><a href="http://http://LINK_DO_BLOG" onclick="window.external.AddFavorite (' http://LINK_DO_BLOG',' NOME_DO_BLOG' );" title="Adicione o blog aos seus favoritos!"><img src="http://3.bp.blogspot.com/-RS14ZAI_juE/TlfUaRYkQUI/AAAAAAAABYs/Mey6alA2O-c/s1600/C-FAVORITE2.png" /> </a> <a href="javascript:window.close()"><img src="http://3.bp.blogspot.com/-_Ep8g4d69IQ/TlfUat8CQaI/AAAAAAAABYw/bejUIbPBrZc/s1600/CLOSE1.png" /></a></center>
<center><small><small><a href="http://extras-placefame.blogspot.com/2011/08/widget-duplo.html">Widget by Extras PF</a></small></small></center>


Modelo 2:

<div align="center"><div style="padding:4px; background:#f9f9f9; border:1px solid #e4e4e4; width:180px;"><small><a href="http://LINK_DO_BLOG" title="Adicione o blog aos seus favoritos!" onclick="window.external.AddFavorite (' http://LINK_DO_BLOG',' NOME_DO_BLOG' );">Adicione aos favoritos! </a></small></div>
<div style="padding:4px; background:#e4e4e4; border:1px solid #dddddd; width:180px;"><small> <a href="javascript:window.close()">Fechar esta página</a></small></div></div>
<center><small><small><a href="http://extras-placefame.blogspot.com/2011/08/widget-duplo.html">Widget by Extras PF</a></small></small></center>


Não se esqueçam de arrumar o que se pede, e não retirem os créditos. Enfim, a postagem acaba aqui. Espero que tenham curtido o tuto! Deixem sugestões que farei os pedidos que puder. Beijos, Emily.

16 comentários:

  1. Ameei o tutorial , acho que vou por lá no meu blog .. vou ver como que fica !
    Bjãaao!
    http://blogdasgarotasby.blogspot.com/

    ResponderExcluir
  2. Meeenina você manja muuuito eeem!

    beauty fair e todo sobre demaquilantes -> http://tahmakeup.blogspot.com/

    beeeijooos sz

    ResponderExcluir
  3. Adorei o tutorial, pena que não tenho o IE, no meu computador não pega, então não vai dar para fazer!
    Mesmo assim, ótimo tutorial, parabéns!
    Tem 3 posts novos lá no blog, 1 você já comentou, poderia comentar nos outros 2 se não for pedir muito?

    Aqui os links:
    http://meianoiteequinze.blogspot.com/2011/08/indicacao-uninvited.html

    http://meianoiteequinze.blogspot.com/2011/08/personalizar-barra-de-rolagem-link-leia.html

    Espero que goste dos meus posts!
    Beijos, Fernanda.

    http://meianoiteequinze.blogspot.com

    ResponderExcluir
  4. Talvez coloque no meu blog *-*
    Ficou muito lindo o novo lay *o* #Gamei
    1bj♥

    http://garotasederivados.blogspot.com/

    ResponderExcluir
  5. Oi sei que é pedir d+ e acho que você vai dizer que não kk mas tentar não custa e independente da resposta tudo bem ok?
    Posso utilizar desse background do seu blog?
    Meu blog esta em reforma, estou odiando tudo o que faço, e já estou entrando em desespero, sei o cabeçalho que vou fazer, mas nenhum background presta :(
    Aguardo resposta (Já que meu blog está fechado responde nesse)
    http://seriethementalist.blogspot.com/

    ResponderExcluir
  6. Acho que vou colocar lá no meu blog.
    Ah e gostaria que você ensinasse como colocar barrinha abaixo do titulo da postagem.

    Visita?
    http://girlteen-s2.blogspot.com/

    ResponderExcluir
  7. Ótimo tutorial, mas eu não uso o IE porque ele é muito lento aqui rs.

    Beijos!
    http://blog-mundo-da-moda.blogspot.com/

    ResponderExcluir
  8. Pode sim Emily, mas os créditos ta? kkk Beijos

    http://trasshygirl.blogspot.com
    http://lovelyworld.mmmonster.info

    ResponderExcluir
  9. Ah, consegui fazer no IE, será que não tem algum jeito de aparecer no chrome? =/

    Beijos!
    http://blog-mundo-da-moda.blogspot.com/

    ResponderExcluir
  10. adoreii o tutoo, mas eu queria saber se vc poderia fazer um tuto de como colocar um negocio embaixo do post escrito ler mais ->
    se for possivel eu agradeço
    bjs
    http://blogdapituka.blogspot.com

    ResponderExcluir
  11. Adorei Emily ,e já coloquei .

    http://fashion-thi.blogspot.com

    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.