10 abril 2010

Mostrar los Likes en Tumblr

Si tenes una cuenta en tumblr.com habrás notado que algunos sitios te muestran no solo sus posts, y reblogueos, sino tambien las cosas que dichos usuarios "gustan"... es decir los "Likes".

Para aquellos que aun no esten familiarizados con el servicio de tumblr.com, os explico que un usuario que tiene una cuenta, mientras "sigue" a otros usuarios, va mirando las cosas que otros postean. Con un post puede "reblogg" o "like" ... si los rebloggea es como que lo postea en su espacio para sus amigos... lo que en Twitter seria un RT. Mientras que si le coloca un "Like" ... le queda marcado en sus favoritos, en una seccion que puede ser oculta para él, o visible para todos.

En fin, vi algunos sitios de tumblr.com que mostraban en el sidebar cuales eran sus ultimos favoritos... me llamó la atención. Yo quiero tambien hacer eso, como lo hicieron?

Bueno, en este post... el codigo necesario. =)



Primero entras a tu sitio de tumblr.com.
Habrá que editar el HTML de tu theme., por lo tanto anda a Customize.
De ahi, a la opcion THEME. Si no has tocado el codigo aun, pues tendrás que hacerlo...

Dentro del style; pegas esto:

/*_____________________________________Modificado por ReCreando.blogspot.com*/
ul#likes {
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

li.like_post {
/* Should match the width specified in the Likes tag */
width: 150px;
padding: 0 40px 0 0;
float: left;
}

li.like_post img {
max-width: 100%;
}

li.like_post blockquote {
margin: 0;
padding: 0 0 0 10px;
border-left: 1px solid #eee;
}

li.like_post ol,
li.like_post ul {
margin: 0 0 0 15px;
padding: 0;
}

li.like_post .like_link a {
font-weight: bold;
}

li.like_post .like_title {
font-weight: bold;
}

li.like_post .post_info_bottom {
margin: 10px 0 0 0;
display: block !important;
}

/*___________________________________________Fin de la modificacion*/



Y dentro del sidebar, donde mas te guste pegas ésto:

<br />
<div style="clear:both;"></div>
{block:Likes}
            <div id="likes_container">
                <h2>Stuff I like</h2>
                      {Likes limit="5" summarize="100" width="150"}
            </div>
        {/block:Likes}
<!--<div class="space"></div>-->
<div style="clear:both;"></div>




Para mas info, y saber la explicacion oficial; podes leerlo desde el mismo Tumblr.com

Cualquier duda, me comentan. =)

Saludos, ReC.

Comparte

De tu interés

Mostrar los Likes en Tumblr
4/ 5
Oleh

Súmate por email

Suma tu correo y recibe solamente artículos!

7 opiniones

Opina ahora
avatar
Anónimo
1:05 a.m.

no entendi nada
no se donde esta el style???

Responder
avatar
10:32 p.m.

Amigo, tienes una cuenta de tumblr?
Una vez que te logueas, debes ir y editar el diseño. Lo tienes en castellano o ingles?

Para hacer esto necesitas un minimo de conocimiento HTML.

Responder
avatar
Anónimo
3:56 a.m.

lo primero en que parte de style lo pego?¡

Responder
avatar
Anónimo
9:06 p.m. Este blog ha sido eliminado por un administrador de blog.
avatar
Anónimo
11:43 a.m. Este blog ha sido eliminado por un administrador de blog.
avatar
8:02 p.m.

oye amigo podrias subir unas fotos o un video rapido sobre tu post creo que ayudaría mucho más, tambien tienes que recordar que si bien estamos familiarizados con tumblr, nosotros no somos desarrolladores & necesitamos que nos expliquen las cosas con peras & manzanas, creo que de esa manera todos saldríamos ganando tu tienes más gente revisando tus posts & nosotros tenemos algo de ayuda...

Responder
avatar
2:17 p.m.

En los temas suelen variar como esta el sidebar, o el style, ser{ia mas practico poner parte del codicgo superior e inferior a modificar para que sea mas fácil ubicarlo.
En uno de los temas que uso el sidebar esta en una linea XD

Responder

Nota importante: aquellos comentarios que tengan spam (o contenido ofensivo) serán ELIMINADOS; no editados... sino que directamente se los elimina.