Gadget:Twitter Ticker Lines para Blogger

Este es un Gadget de Tutorialzine.com, que se especializa en mostrar los tweets de las personas, solo de las personas escogidas.
Esto sirve para aquellos que hacen muchos tweets y tienen un sitio o un blog donde tal vez quieran mostrarlos.
  • Sigue los pasos para tener este gadget en tu Blog.
  • Ve a Plantilla, luego has click en Edicion de HTML.
  • Luego has click en Expandir plantilla de Artilugios y encima de la etiqueta </head> pega lo siguiente.
<style type='text/css'>
div.tweet {
background:none;
border:none;
}

div#twitIcon{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://dl.dropbox.com/u/53097108/ihojosestudios/example/twitterlines/img/twitter_64.png, sizingMethod=crop);
}

div#twitIcon img{
display:block;
}
</style>
<link href='http://dl.dropbox.com/u/53097108/ihojosestudios/example/twitterlines/css/demo.css' rel='stylesheet' type='text/css'/>
<link href='http://dl.dropbox.com/u/53097108/ihojosestudios/example/twitterlines/css/jScrollPane.css' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/twitterlines/js/jquery.mousewheel.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/twitterlines/js/jScrollPane-1.2.3.min.js' type='text/javascript'/>
<script src='URL del archivo script.js' type='text/javascript'/>
  • Para poner el prefil de una cuenta twitter descarga el siguiente archivo. [Script.js]
  • en la parte superior del documento aparecerá esto.
var tweetUsers = ['iho_jose'];
var buildString = "";
  •  La parte en purpura lo eliminas y agregas el nombre de usuario de algun perfil twitter.
@iho_jose  /  twitter.com/iho_jose
  • si pondras varios perfiles pones los perfiles así.
var tweetUsers = ['iho_jose','youtube'];
var buildString = "";
  • el purpura el un perfil y el azul es otro, (Debes tener en cuenta que para separar cada perfil usas una coma (,) y cada perfil debe estar entre comillas (')).
  • guardas los cambios y subes el documento a un servidor como Dropbox o sites.google.com.
  • y lo agregas al codigo donde dice URL de archvio script.js.
<script src='URL del archivo script.js' type='text/javascript'/>
así
 <script src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/twitterlines/js/script.js' type='text/javascript'/>
    • Guarda los cambios.
    • Ahora ve a Diseño y has click en Añadir gadget HTML/Javascript, de preferencia en el sidebar.
    • y pega lo siguiente.
    <div id="twitter-ticker">
    <div id="top-bar">
    <div id="twitIcon"><img src="http://dl.dropbox.com/u/53097108/ihojosestudios/example/twitterlines/img/twitter_64.png" width="64" height="64" alt="Twitter icon" /></div>
    <h2 class="tut">My tweets</h2></div>
    <div id="tweet-container"><img id="loading" src="http://dl.dropbox.com/u/53097108/ihojosestudios/example/twitterlines/img/loading.gif" width="16" height="11" alt="Loading.." /></div><div id="scroll"></div></div>
    • lo que está en rojo es el enlace de la imagen.
    • Lo que está en Purpura es el titulo del gadget el cual puedes cambiar.
    • El resultado se verá así.

    Twitter icon

    ihojose

    Loading..
    Fuente | Tutorialzine.com