viernes, 16 de marzo de 2012

Como poner widget de ave animada de Twitter volando en tu blogger/blogspot

Este efecto del ave animada volando es realizado en javascript y cuando tu subas o bajes por la pagina, el ave se posara enfrente de tu pagina. El ave tiene un mensaje un link de follow me para los usuarios de twitter. Si tu ubicas el cursor sobre el ave, un boton "follow me" y un "tweet this" se mostraran. Basado en el link Tweet this es que divido este widget en 2 tipos:

Como instalar este widget en tu blog?

Ave de twitter volando para todas las paginas del blog.
  1. Cambia tu nombre de usuario de twitter
  2. Copia el codigo widget de abajo
  3. En las pestañas de blogger vamos a Diseño > Editar HTML
  4. Darle click en el check Expandir Widgets
  5. Buscar la etiqueta y pega el codigo widget justo despues de este
  6. Guarda el template
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
    var twitterAccount = &quot;XSaint&quot;;
    var tweetThisText = &quot; <data:post.title/> ~ <data:post.Url/> &quot;;
    tripleflapInit();
</script>
<noscript>
    <span style="font-size:11px;margin:10px;">
 Flying Twitter Bird Widget By <a href="http://www.way2blogging.org">way2blogging.org</a>
    </span>
</noscript>
</b:if>
donde dice XSaint cambienlo y pongan su cuenta eso es todo.

0 comentarios:

Publicar un comentario