Souldhack
Souldhack necesita de nuestra ayuda! Por favor lee la siguiente nota! Necesitamos tu ayuda! Y apoyanos!

souldhack

Cuadro ultimos tweets

Gadget/Cuadro de ultimos tweets

Escrito por Administrador - 14/Abril/2012


Para todos los usuarios de twitter que tienes una web acargo en esencial mantener informados a nuestros usuarios de las actualizaciones o acontecimientos, y que mejor manera por medio de los tweets, pero no simplemente seran mostrado los tweets si no que tambien estaran rodeados de un vistoso y elegante cuadro.

En el cuadro estaran las 3 tweets mas recientes, acomodados cronologicamente, es maravilloso saber que puedes comunicarte con tus visitantes desde cualquier parte, aqui les dejo una imagen de como luce el cuadro:



Como pueden ver el cuadro luce muy bien, asi que para ponerlo en nuestras web hay que seguir los siguientes pasos, como todos sabran lo primero es darle forma y estructura al cuadro por medio de css, he aqui el codigo css del cuadro, Recuerden que esto es un codigo css y lo deven pegar en CSS-CODE

#twitter {
margin-left:4px;
}

#twitter #twitter_update_list {
background:url(https://img.webme.com/pic/p/pruebassouldhcack/bk_twitter_box_top.png) 0 0 no-repeat;
padding:3px 15px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-style:italic;
line-height:125%;
color:#666;
}

#twitter #twitter_update_list li{
list-style-type:none;
padding-top:10px;
}

#twitter #bottom {
height:36px;
background:url(https://img.webme.com/pic/p/pruebassouldhcack/bk_twitter_box_bottom.png) 0 0 no-repeat;
padding-left:63px;
padding-top:45px;
font-weight:bold;
}
 


Ya pegado el css que le da la forma y estructura al cuadro vamos a pasar al siguiente paso que es pegar el html del cuadro, este lo devemos pegar en donde querramos que se vea el cuadro de los utimos tweets. Tambien deveremos cambiar : Souldhack95 por el nombre de usuario de su tweeter, tambien podemos cambiar el numero: 3 por el numero de tweets que queremos que se muestren. Recuerden que esto es un codigo HTML y lo deven pegar en donde quieran que este el cuadro de los utimos tweets.

<!-- Begin #twitter -->
<div id="twitter">
<div id="twitter_update_list">
</div>
<div id="bottom"><a href="http://twitter.com/souldhack95">Follow Us on Twitter!</a></div>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/souldhack95.json?callback=twitterCallback2&count=3"></script>
<!-- End #twitter -->


Con esto hemos acabado de crear nuestro cuadro de ultimos tweets, sin duda un cuadro muy elegante y a la ves practico, alguna duda haganmelo saber





Acerca del autor
Manolo M./Administrador
Les cuento un poco sobre mi... soy un aficionado en todo lo relacionado con las paginas web, haora estoy enamorado de mi pagina web en la cual se comparten conocimientos, ideas... Leer mas

 


Algunas categorias
Interesante
Aqui hablaremos de articulos de interes y debate.

Interesante

Recursos
En esta categoria encontraras, recursos utiles para tener un buen desempeño web.

Recursos


 
Site5.com

Souldhack necesita tu ayuda!

Souldhack necesita nuestra ayuda!
Todos podemos ayudar a souldhack entrando al blog Souldhacko Y dandole click a la publicidad y anuncios de google que estan en dicho blog, de esta manera estaremos apoyando y agradeciendo a souldhack por toda su ayuda brindada hacia nosotros!, espero y todos nos apoyen, no saben lo agradecidos que estaremos con todos ustedes!, Recuerden que souldhack! esta echo por y para ustedes!.

¿Que pasa en souldhack y souldhacko?

Recuerda que se están escribiendo artículos recientemente en el blog, Souldhacko


Siguenos en Facebook!

Recent Posts

Cuadro ultimos tweets
Para todos los usuarios de twitter que tienes una web acargo en esencial...

Abril 14, 2012

 
Botones compartir articulos
Cuando un articulo es satisfactorio, o simplemente era lo que estabamos...

Febrero 18, 2012

 
Usar/Utilizar jQuery
Bueno en este tutorial explico como instalar y usar jquery ya sea en un diseño profecional...

Noviembre 13, 2011

 
Cambiar botones a Ice Blue
En este mi mas reciente video subido explico como cambiar los botones de los diseños...

Mayo 3, 2012

 

Chat

Los comentarios...

Los comentarios...

Mi video mas reciente

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=