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í.
Fuente | Tutorialzine.com
ihojose
