Personalizar el gadget de LinkWithin

2 de febrero de 2012 888 comentarios ,

LinkWithin es un gadget que muestra las entradas relacionadas con una imagen en miniatura, y aunque no es un gadget nada nuevo, muchos no se animan a usarlo por su falta de personalización.
Así que en esta entrada vamos a ver cómo poner LinkWithin en el blog, y cómo personalizarlo.

Lo que le haremos al gadget será lo siguiente:

  • Cambiar la ubicación del gadget.
  • Agregarle un color de fondo.
  • Cambiar el texto "Quizás también le interese" por algún otro.
  • Pasarlo a castellano en caso de que esté en inglés.
  • Eliminar el enlace de LinkWithin.
  • Eliminar el borde que separa las entradas.
  • Poner las imágenes redondeadas.
  • Cambiar el color de fondo al pasar el cursor.
  • Cambiar el formato de los títulos de las entradas.


Empecemos. Primero que nada hay que instalar el gadget, para ello entra a la página de LinkWithin, ahí llena los datos que te pide.


Aunque nos ofrece la opción de seleccionar Blogger como plataforma, seleccionaremos Other, para poner el código directo en la plantilla y así poder manipularlo. En el número de entradas (stories) selecciona un número de acuerdo al ancho de tus entradas, es decir, si el ancho de tus entradas es muy reducido entonces elige un número pequeño.

Al dar click en Get widget nos dará el código que debemos usar, es un código como este:
<script>
var linkwithin_site_id = XXXXX;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>

Ese es el código básico, ahora entra a la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios, y pega el código debajo de:
<div class='post-footer'>

Al hacerlo eso ya tendrás el gadget de LinkWithin en tu blog, y el resultado será este.


Ahora será momento de comenzar a personalizarlo.
Si quieres que se vea sólo en las entradas individuales, encierra el código con una condicional.

Te darás cuenta que pongas donde pongas el código éste siempre se acomodará justo al terminar las entradas.
En las FAQ de la página de LinkWithin nos explican cómo solucionarlo, sólo hay que añadir, arriba del código que hemos pegado, esta línea:
<div class='linkwithin_div'/>
Eso hará que el gadget se muestre justo donde has colocado el código.
Aun cuando no quieras cambiar el gadget de lugar, agrega esa línea para poder personalizarlo como mencionaremos más adelante.

Algunas veces el gadget viene en inglés, o bien, el texto "Quizás también le interese" no es el que más nos gusta. Así que podemos cambiar ese texto por el que queramos, para ello agregaremos a nuestro código la parte que está en color rojo.
<div class='linkwithin_div'/>
<script>
var linkwithin_site_id = XXXX;
</script>
<script>linkwithin_text=' Entradas relacionadas: '</script>
<script src='http://www.linkwithin.com/widget.js'/>
Ahí podemos cambiar el texto por algún otro, en este caso hará que diga "Entradas relacionadas" en lugar de "Quizás también le interese".

El resto de la personalización la haremos con CSS, así que antes de ]]></b:skin> pegaremos lo siguiente:
/* LinkWithin personalizado
----------------------------------------------- */
.linkwithin_div {
background: #EFF8FB; /* Color de fondo */
padding: 0 10px;
}
.linkwithin_text {
font-size:18px; /* Tamaño del título del gadget */
color:#084B8A; /* Color del título del gadget */
}
a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {
display:none; /* Con esto quitamos el enlace */
}

.linkwithin_posts {
width: 500px !important; /* Ancho del gadget */
}

.linkwithin_posts a {
border: 0 !important;
padding-right: 10px !important;
}
.linkwithin_posts a:hover {
background: #819FF7 !important; /* Color de fondo al pasar el cursor */
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px;
border-radius: 10px;
}
.linkwithin_img_0 div, div.linkwithin_img_0,
.linkwithin_img_1 div, div.linkwithin_img_1,
.linkwithin_img_2 div, div.linkwithin_img_2,
.linkwithin_img_3 div, div.linkwithin_img_3,
.linkwithin_img_4 div, div.linkwithin_img_4,
.linkwithin_img_5 div, div.linkwithin_img_5,
.linkwithin_img_6 div, div.linkwithin_img_6,
.linkwithin_img_7 div, div.linkwithin_img_7,
.linkwithin_img_8 div, div.linkwithin_img_8,
.linkwithin_img_9 div, div.linkwithin_img_9,
.linkwithin_img_10 div, div.linkwithin_img_10,
.linkwithin_img_11 div, div.linkwithin_img_11,
.linkwithin_img_12 div, div.linkwithin_img_12,
.linkwithin_img_13 div, div.linkwithin_img_13,
.linkwithin_img_14 div, div.linkwithin_img_14,
.linkwithin_img_15 div, div.linkwithin_img_15,
.linkwithin_img_16 div, div.linkwithin_img_16,
.linkwithin_img_17 div, div.linkwithin_img_17,
.linkwithin_img_18 div, div.linkwithin_img_18,
.linkwithin_img_19 div, div.linkwithin_img_19,
.linkwithin_img_20 div, div.linkwithin_img_20 { /* Bordes redondeados */
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px;
border-radius: 10px;
border:0 !important;
}
.linkwithin_title {
color: #0431B4 !important; /* Color de los títulos de las entradas */
font-family: Verdana !important; /* Tipo de fuente de los títulos de las entradas */
font-size: 13px !important; /* Tamaño de los títulos de las entradas */
line-height: 14px !important;
text-align:center;
text-decoration: none;
}

.linkwithin_title:hover {
color: #000 !important; /* Color de los títulos al pasar el cursor */
font-weight: bold !important;
}
En color verde puedes ver a qué corresponde cada área que puedes personalizar, puedes agregar más estilos si lo deseas hasta obtener el diseño visual que más te guste.
El resultado será como este.


Como puedes ver, el resultado puede ser muy diferente al gadget original, y claro, puede adaptarse al diseño de cada plantilla y a los gustos personales de cada quien. De esta forma podrás ofrecerle a tus lectores entradas relacionadas al tema que están leyendo, y permanecerán más tiempo en tu blog.



888 comentarios en:

" Personalizar el gadget de LinkWithin "

  1. ¡¡¡¡¡¡¡¡.....uauh!, está genial.
    Mil millones de gracias, Potro, justo lo que necesitaba para el blog de fotos.
    ¡Un beso enorme!
    (me queda la duda de lo del condicional, pero ya cuando me ponga, si no consigo aclararme, entonces te pediré ayuda, ¿vale?...:).Muchas gracias de nuevo)

    ResponderEliminar
    Respuestas
    1. Y para ti que tienes un blog con imágenes te viene que ni mandado a hacer :)
      La cuestión de la condicional es así, si quieres que sólo se vea en las entradas individuales entonces el código debe quedar así:

      <b:if cond='data:blog.pageType == &quot;item&quot;'>

      <div class='linkwithin_div'/>
      <script>
      var linkwithin_site_id = XXXX;
      </script>
      <script>linkwithin_text=&#39; Entradas relacionadas: &#39;</script>
      <script src='http://www.linkwithin.com/widget.js'/>


      </b:if>


      ¡Besos!

      Eliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. Es un truco genial y luce muy bien, este año reitero mi voto a Ciudad Blogger en los premios 20blogs' Suerte y gracias por esto, ya lo he puesto en el blog!!!

    También quería dejarte un enlace por si todavía no has votado en la categoría Microblogs y multimedia y quieres votar mi blog :)
    http://www.carolumart.com

    ResponderEliminar
    Respuestas
    1. Muchas gracias Carlos :)
      Suerte en el concurso!

      Eliminar
  4. Genial, muy buena idea, sigue así, Potro!

    ResponderEliminar
  5. jaja~ grande Potro~!
    Y justo te estaba preguntando por algo asi, pero este es mejor asi con las imagenes previas... Simplemente perfecto y oportuno XD ... Ya lo tengo funcionando perfectamente ;)

    Saludos~!!

    ResponderEliminar
    Respuestas
    1. La verdad es que ya personalizado cambia totalmente y se ve mucho más apetecible de poner el el blog :)

      Eliminar
  6. Hola Potro, en mi blog este gadget no funciona bien, por favor ayudame gracias http://www.trixgames.co.cc

    ResponderEliminar
    Respuestas
    1. Puede ser que el script no encuentre nada relacionado, ni entradas, ni imágenes ni nada, porque al menos el título de "Juegos relacionados" sí aparece.

      Eliminar
    2. Imagine que era eso, y pues como mis entradas no tiene si no un .swf, una imagen y el titulo, eso gracias y que mi blog es de juegos. Gracias de todas formas, a mi no me sirvió asi que lo quitaré de mi blog.

      Eliminar
  7. Bueno, pues lo acabo de aplicar y solo da resultado en la primera entrada de la portada del blog, tengo el Leer más automático. Cuando accedo a la entrada individual si que funciona. Y otra pregunta relacionada con el css: En el diseñador de plantillas, hay una opción de agregar css en la plantilla que tengas en el blog. Si aplico este codigo para personalizar el gadget allí, ¿el resultado será el mismo que si lo aplico directamente en la parte html ?
    Espero haberme explicado bien, mi blog: http://canarias50lamili.blogspot.com
    Gracias de antemano.

    ResponderEliminar
    Respuestas
    1. Hola Francmi08,
      Entré a tu blog y lo veo funcionando bien tanto en la portada como en las entradas individuales.
      Lo que preguntas sobre el CSS sí, puedes agregarlo directo en la opción de "Añadir CSS", también debe dar el mismo resultado.

      Saludos.

      Eliminar
  8. Potro, tengo un par de dudas el otro dia vi en compartidisimo un tuto de como poner un degradado css en los titulos de los gadgets...
    Mi preguntas son:
    ---es la 1 vez que uso css ¿da algun tipo de problema los css o fallo en navegadores?
    ---Que seria mejor poner una img de fondo con el degradado que quiera echo con photoshop o usar el css ?

    ResponderEliminar
    Respuestas
    1. Hola eloy,
      Todos los navegadores interpretan el CSS, y de hecho todas las páginas lo usan, la cuestión es que hay algunos navegadores que no soportan ciertos estilos de CSS, por ejemplo, las sombras no funcionan en Internet Explorer, aunque ese navegador tiene su propio método para añadir sombras.
      De cualquier manera, siempre que hagas un cambio, cualquiera que sea, mira cómo se ve tu blog en los distintos navegadores, así sabrás qué se ve bien y qué no.

      El CSS es más rápido de leer, pues la imagen tiene que cargar desde un servidor, sin embargo, si la imagen es pequeña, no debe haber problemas en cuanto a la velocidad de carga del blog, o al menos no debe variar mucho.

      Eliminar
  9. ¡¡listo, Potro!...aún estoy alucinando de que haya sido capaz de ponerlo, jaja!!, y hasta personalizarlo!!...ufff
    Me da fallo algo sin importancia, pero ya te lo preguntaré que no es nada, porque por lo demás funciona de maravilla
    ¡Está genial!
    MUCHÍSIMAS GRACIAS
    RE-MUACK!!!

    ResponderEliminar
    Respuestas
    1. Te ha quedado muy bien, ya entré a verlo :))

      Eliminar
  10. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  11. Muchas gracias Potro, este tuto está super bien ;-)

    ResponderEliminar
    Respuestas
    1. Qué bueno que te ha gustado MaGoS, ¡un abrazo!

      Eliminar
  12. Potro Esto Me Pone Las Entradas Relacionadas Al Azar o Con Las Etiquetas o Categorias Que Yo Tengo?

    ResponderEliminar
    Respuestas
    1. Según LinkWithin muestra las entradas dependiendo del contenido, los títulos y las etiquetas que tengas. Así que el script muestra las entradas relacionadas de entre esos datos.

      Eliminar
  13. Hola Potro. Tengo un Problema: el fondo me queda blanco y no puedo cambiarlo. Mi blog: http://www.sinlevantarlapiz.com/

    ResponderEliminar
    Respuestas
    1. Y también quisiera agregar un borde superior para que combine con el footer pero no puedo :(

      Eliminar
    2. Hola Lucas, tienes que agregar la línea del DIV para que los estilos lo reconozcan:

      <div class='linkwithin_div'/>

      Eliminar
    3. Gracias, ya lo soluciono enseguida.

      Eliminar
  14. Gracias, ya lo coloque en mi blog, y use la condicional para que solo se muestre en las entradas individuales y no en la portada. Me fascino, felicidades!!

    Mira como se ve:
    http://starbluecomics.blogspot.com/

    ResponderEliminar
  15. Hola mi rey genial el tuto pero me pasa lo mismo que a Lucas,el fonde queda blanco.Desde ya gracias mi blog es http://vampireacademyfansite.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Lo mismo que le comentara a él, tienes que agregar el DIV para que tome los estilos de esa área.

      Eliminar
    2. Hola divino gracias por contestar.Hice lo del código y me funcionó pero en este blog http://mishistorias-danyyy.blogspot.com/ no funciona cuando le coloco el mismo.¿Qué estaré haciendo mal?.Ah soy re tontis con los códigos jeje.Besos y gracias

      Eliminar
    3. Hola de nuevo Danyyy,
      Lo que sucede es que hasta arriba agregaste unos estilos para los bloques entrecomillados:
      blockquote {

      Y si te fijas en ese código que agregaste hace falta una llave de cierre }
      Eso es lo que causa que todo lo que hay debajo no funcione, incluyendo la personalización de este gadget.
      Saludos.

      Eliminar
  16. POTRO!
    Pasa que no me gusta este boton que tengo aqui de Facebook,si va a cualquier entrada y hasta abajo veras que tengo los 3 botones de g+ tw y elde fb,
    Lo que pasa es que cuando le doy a compartir,sale todo y todo,lo mas fastidioso es que hay poner el "control de seguridad" y no me gusta.
    Por lo que te pregunto,no habra otro boton que nomas se le de "compartir" y lo mande sin estar metiendo esas letritas??? porfavor y tambien como se cambia!! Gracias.

    ResponderEliminar
  17. Ohh checalo aqui http://www.peliculasyseries.org/

    ResponderEliminar
    Respuestas
    1. hola disculpa en tu pagina no tendrás la de x-men first class dvdrip-latino???? salu2

      Eliminar
    2. Microboy90, pues eso lo agrega Facebook, si quieres puedes probar con el de 'Me gusta':
      http://ciudadblogger.com/2011/01/agregar-el-boton-me-gusta-de-facebook.html

      Eliminar
    3. Si potro ,pero he visto que si hay algunos como por ejemplo este mira aqui
      dsi le das a recomendar te aparece un cuadro para que escribas algo y no te pide nada de codigos de seguridad

      asi lo kiero porfavor potro gracias!!

      Eliminar
    4. Ese es como de 'Me gusta', pero en lugar de decir 'Me gusta' dice 'Recomendar', de hecho lo puedes obtener desde la misma página que se configura el otro:
      https://developers.facebook.com/docs/reference/plugins/like/

      El problema, es que ese botón no se puede poner como iframe, sólo como HTML5 o XFBML.

      Eliminar
    5. Pss ahi est el prloblema que como lo pongo!!!??? eso es lo k kiero saber ..como hacerloooo

      Eliminar
    6. Si lo haces con HTML5 entonces el primer código lo pegas debajo de <body>, y el otro código donde quieras mostrar el botón, que supongo será junto a tus demás botones.

      Eliminar
  18. muchas gracias potro lo intentare :)

    ResponderEliminar
  19. Gracias Potro excelente, sabes algo de Google Friend Connect, segun dicen la van a sacar del aire???

    ResponderEliminar
    Respuestas
    1. Sí, Google va a retirar ese servicio, pero se conservará para los usuarios de Blogger, así que nosotros seguiremos teniendo el gadget de Seguidores y todo aquello relacionado con GFC.

      Eliminar
  20. Acabo de ponerlo a mi blog. Muy útil ;)

    ResponderEliminar
    Respuestas
    1. ¿Verdad que sí? Hasta yo me estoy animando a ponerlo :)

      Eliminar
  21. Excelente Potro, ya hice los cambios, solo tuve un pequeño problema porque en lugar de 4 puse 5, pero amplie el ancho de 500 a 700 y se arreglo, digo esto por si alguien le sucedio lo mismo.

    Potro te escribi a traves de contacto, no se si te llego el correo, es que tengo el problema en la cabecera, la imagen es mas grande que la medida que me da la cabecera y en una ocasion me ayudaste y se me perdio ese truco tuyo, si me puedes ayudar te lo agradezco.

    Bendiciones abundantes en tu vida, familia y labor,


    Iglesia Cristiana Evangelica

    ResponderEliminar
    Respuestas
    1. Igual no hay problema con el número de entradas que hayas configurado, porque puedes volver a la página de LinkWithin, y configurarlo de nuevo. Pero también ha sido un acierto tuyo que hayas cambiado el ancho para solucionarlo :)

      El correo que mencionas te lo respondí desde temprano, revisa si no está en tu bandeja de correo no deseado, quizá pudo irse como SPAM.

      ¡Gracias por las bendiciones!

      Eliminar
  22. Aparecen solo en las entradas o en la portada del blog

    ResponderEliminar
    Respuestas
    1. Ya le puse las condicionales, y quedo bien en mi blog, GRACIAS POTRO.

      Eliminar
    2. Gracias a ti por tu visita :)

      Eliminar
  23. Saludos Potro, me gustaría hacerte una consulta, en mi blog tengo los botones de compartir que ofrece Blogger, pero cuando le doy al de compartir en Facebook me aparece una ventana emergente en la que aparece sólo el NOMBRE DEL BLOG y de bajo del nombre aparece la URL del mismo. Sin embargo, lo correcto es que se muestre ASÍ: NOMBRE DEL BLOG: TÍTULO DEL POST y debajo la URL. ¿Por qué en mi blog no aparece el TÍTULO DEL POST cuando le doy a compartir en Facebook? Mi blog es: sociedadhogwarts.blogspot.com.

    ResponderEliminar
    Respuestas
    1. Hola Víctor,
      Ese es un problema muy común entre los usuarios de Blogger. Quizá prefieras usar un botón que pueda mostrar esos datos de mejor forma:
      http://vagabundia.blogspot.com/2012/01/mejoras-para-compartir-entradas-en.html

      Saludos.

      Eliminar
  24. oopsss...algo me salió mal. Solamente en la primer entrada me queda con los bordes redondeados (y a mi me gusta así), en las demás mantiene la forma recta. Además en la primera entrada no queda bien ubicado debajo de la entrada. Y en todas las entradas se mantiene el link a linkwithin...Sigo estudiando la cuestión, hasta tanto no me quede bien no lo dejo, pero si sospechas qué puede estar sucediendo te agradecería una ayudita.
    Abrazote

    ResponderEliminar
    Respuestas
    1. Hola potro Genial entrada
      me ha gustado como quedo ..pero me esta pasando lo mismo que Viviana solo se aplica en la primera entrada en las demás no..

      Gracias!!!

      Eliminar
    2. Hola Viviana y Lilith,

      Asegúrense de que arriba del script de LinkWithin tengan este DIV:

      <div class='linkwithin_div'/>

      También, revisen que el código de LinkWithin no lo tengan dos veces.
      ¡Saludos!

      Eliminar
  25. A mi no me gusta ese perfil simplemente porque enlaza las entradas uqe le da la gana.. nunca tiene en cuenta las etiquetas.. Almenos esa ha sido mi experiencia, yo usé otro método que me encontré en la web.

    www.narcobelleza.blogspot.com

    ResponderEliminar
    Respuestas
    1. No es el mejor script del mundo, ese es un hecho, pero lo cierto es que es un gadget que está al alcance de todos, por lo que no se necesita tener muchos conocimientos para usarlo lo cual ya es una ventaja para muchos :)

      Eliminar
  26. Hola Potro:
    No puedo sustituir "Quizás también le interese:" por Entradas relacionadas. Por lo demás bien.
    Saludos.
    fttp://franciscoadame.es

    ResponderEliminar
    Respuestas
    1. ¿Se aseguraron de poner la línea en color rojo? Porque en ninguno de los blogs veo que esté puesta :/

      Eliminar
    2. En el mío si está puesta desde el momento que puse el código...

      Eliminar
    3. Francmi08, ahora sí ya lo veo puesto, pero lo que he notado, es que el código lo tienes dentro de un HTML/javascript y no directo en la plantilla.
      Si lo vas a dejar dentro del gadget HTML/Javascript entonces cambia esta línea:

      <script>linkwithin_text=&#39; Entradas relacionadas: &#39;</script>


      Por esta otra:

      <script>linkwithin_text=" Entradas relacionadas: "</script>

      Eliminar
    4. Hecho y funcionando...Gracias de nuevo...si pudieras responderme a la otra entrada sobre "cabecera del blog cambiante al azar"....te lo agradecería más si cabe...

      Eliminar
  27. Perdón porque no funciona en la primera entrada.Solo aparecen los titulares.

    ResponderEliminar
    Respuestas
    1. Prueba configurar de nuevo el gadget, pero esta vez pon la URL de tu blog con la de blogspot.com

      Eliminar
    2. Hola Potro:
      Ya esta configurado con blogspot.com
      Saludos

      Eliminar
    3. Prueba cambiar el código de los estilos (el último), hoy lo actualicé, eso podría resolver tu problema.

      Eliminar
    4. Hola de nuevo:
      Cambio sustancialmente, persiste el problema.
      Saludos.

      Eliminar
    5. Intenta poner sólo el gadget, sin nada de personalización, para ver si el problema está con los estilos, o si se trata de LinkWithin.

      Eliminar
    6. Si no funciona aun en su estado "natural" entonces debe ser un problema con el gadget, o con la forma de localizar las imágenes de tus entradas.
      Te recomiendo que te pongas en contacto con el soporte de LinkWithin:
      http://www.linkwithin.com/support

      Eliminar
  28. Anda que llevo usandolo mas de un año y lo maximo que hice fue cambiarle el texto, ni enterado estaba que se podia modificar tanto, genial.

    Gracias Potro, un abrazo!

    ResponderEliminar
    Respuestas
    1. Y lo mejor es que puedes aplicar sólo los cambios que tú quieras, así tú eliges cómo quieres que se vea :)

      Otro abrazo para ti.

      Eliminar
  29. oye amigo potro como le hago si tengo leer mas quiero colocarlo para que se asome cuando se vea toda la entrada en si osea se vea solo una noticia al abrirla se vea las entradas relacionadas no se si me hago entender, y pues que las entradas en si no tengan visible el gadget solamente al abrir una noticia al final ponerlo, xD creo que me he hecho entender

    ResponderEliminar
    Respuestas
    1. Te has dado a entender bastante bien :)
      De hecho en la entrada se habla sobre ello, hay que encerrar el código en una condicional para que aparezca sólo en las entradas individuales.

      Eliminar
  30. Muy interesante personalización Mr. Potro pero creo que este Gadget no funcionaria en mi blog por que tengo muy pocas entradas. Seguro más adelante lo pondré . Saludos desde Venezuela

    ResponderEliminar
    Respuestas
    1. Será un buen incentivo para escribir más entradas :)
      Saludos hasta Venezuela!

      Eliminar
  31. Ves? ya volvi :)

    Pregunta... alguna forma de que podamos controlar el numero de post relacionados que muestra? que muestre mas de 5, por ejemplo?

    Es que antes no necesitaba mas, pero con esta info vaya que luce mucho mejor este gadget, y pues, apetece que muestre mas :P


    Saludos!

    ResponderEliminar
    Respuestas
    1. No que yo sepa. Esa configuración la maneja el script, y como el script lo controlan ellos pues no podemos "meternos" y cambiar esa configuración :/

      Buen fin de semana y vuelve cuando quieras :)

      Eliminar
  32. Potro, estoy creando una web similar a la tuya, mirala y dime que opinas de ella:
    http://tuneandoblogger.blogspot.com/
    Crees que tiene futuro?
    Te gusta el estilo?

    ResponderEliminar
    Respuestas
    1. Siempre que un contenido sea original hay futuro :)

      Eliminar
    2. Una cosita, puedo coger algunos codigos HTML desde ciudadblogger?

      Eliminar
    3. Siempre y cuando no sea un copy & paste no hay problema ;)

      Eliminar
  33. felicidades mi buen potro, esto ya le hacia falta a la comunidad bloggera, ya habia hecho algo similar hace tiempo en mi blog del fin del mundo pero no tan elaborado como lo que presentas ahora... el link de enlace de linkwithin en este caso solo es escondido, pero aun así seguimos haciendo un "follow"... esto es algo que al menos se merece linkwithin por ofrecer el servicio pero yo sí se lo eliminé jeje... aunque cuando se lo eliminas un script hace que aparezca de nuevo y lo unico que hice fue poner el gadget en un div con overflow:hidden; para que no me saliera más el link,,, pero nunca me puse a revisar todos los class e id's del gadget... buen trabajo brother! por cierto echate una visita al blog de mi pueblo en el que no podia centrar las imagenes del coin slider, acabo de hacer algo muy interesante con ese blog... Los usuarios pueden publicar en el blog, imagenes y videos de youtube o facebook y aparecen incrustados... de igual manera se visualiza un texto en facebook que hace que se evite andar colocando on og:description en las metas del post... espero podamos conversar pronto ando conectado de ez en cuando, un abrazo brother

    ResponderEliminar
    Respuestas
    1. Por supuesto Black, de hecho, no estaba seguro de esconder el enlace justamente porque el servicio se merece tenerlo, pero sé que si no lo hacía, al final todos me iba a preguntar cómo esconderlo :P
      Interesante que tus lectores puedan hacer todo eso en el blog, es una forma bastante completa de interactuar y hacerlos partícipes. Ya luego me contarás ¡eh!

      A ver si en estos días me desocupo un poco y me conecto para platicar un rato :)
      Un abrazo.

      Eliminar
  34. Necesito saber como agrandar las tamaños de los thumbnail y separación entre cada articulo relacionado.

    Podrias colocar más opciones de personalizacion amigo :)

    ResponderEliminar
    Respuestas
    1. Esta parte del código es la separación entre cada artículo:

      padding-right: 10px !important;

      Ese 10px puedes modificarlo por algún otro valor.
      El tamaño de la miniatura no creo que se pueda cambiar.

      Eliminar
  35. Gracias Potro!
    Ya lo tenía implementado en mi blog pero no sabía como personalizarlo. Lo que mas me interesaba era como quitar el link, pero resulta que solo me lo quitaba de la primera entrada.
    Descubrí como solucionarlo :)
    Para los que no quieren poner el condicional para que el gadget también les aparezca en la página principal dependiendo la cantidad de entradas por página que tengan tienen que agregar el siguiente código:
    (en mi caso que tengo 4 entradas sería asi)

    a#linkwithin_logolink_0 {
    display:none; /* Con esto quitamos el enlace */
    }

    a#linkwithin_logolink_1 {
    display:none; /* Con esto quitamos el enlace */
    }

    a#linkwithin_logolink_2 {
    display:none; /* Con esto quitamos el enlace */
    }

    a#linkwithin_logolink_3 {
    display:none; /* Con esto quitamos el enlace */
    }

    Saludos!

    ResponderEliminar
    Respuestas
    1. esto solo aplica para quitar el link, para el resto de las personalizaciones solo se visualizan en la primera entrada. No probé si el resto de los estilos funciona agregandolé el _O _1 _2 etc
      Ahora estoy en el trabajo, voy a probar cuando llegue a casa, a ver que sale...

      Saludos!

      Eliminar
    2. Hola Marcos funciona genial gracias.Todavía sigo intentando personalizar en mi otro blog no sé porque no toma los códigos besos

      Eliminar
    3. Tienes toda la razón Marcos, se me pasó el detalle de quienes lo muestren en la portada. Actualizo ahora mismo :)

      Eliminar
    4. Listo Marcos, ya está actualizado el código. ¡Muchas gracias! :)))

      Eliminar
    5. ¡de nada! Gracias a vos ¡Saludos!

      Eliminar
  36. gracias potro acabo de personalizarlo... esta super este truco.. gracias saludoss...!

    ResponderEliminar
    Respuestas
    1. Qué bueno que te ha gustado Neomontoya, ¡saludos!

      Eliminar
  37. aaaaaaaaaaaaaaaaaaaaa wuoooooooooooooooooooooo x primera ves voy acomentar xq me kedo chevere

    ResponderEliminar
    Respuestas
    1. Pues qué bueno que te has animado a comentar :)

      Eliminar
  38. Alucinante, he seguido tus explicaciones paso a paso y ha quedado totalmente personalizado! Y mira que había buscado como poner el gadget y nadie lo aclaraba como tú.
    Lo único es que no he sido capaz de poner el título de las entradas en la fuente que uso para la fecha y los títulos de los widget.Por más que he probado no consigo la misma. Alguna idea?

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario :)
      ¿Te refieres a que los títulos de los artículos del gadget tengan otra fuente?
      Si es así entonces debajo de .linkwithin_title {

      Agrega esto:

      font-family: Impact !important;

      Impact es la fuente de ejemplo, pero tú puedes poner la que gustes.
      Saludos.

      Eliminar
    2. Gracias Potro, eso ya lo intenté, lo que creo que sucede es que no acierto encontrar la font family que utilicé en la plantilla, y las características con las que pude personalizar, pero gracias de todas formas!

      Eliminar
    3. ¿Cuál es la fuente que quieres usar? ¿Me podrías indicar un texto que use la fuente que quieres?

      Eliminar
    4. Gracias , Potro, eres lo MÁS!!!!!!!!te lo curras como nadie y encima luego te preocupas de los plastas que no sabemos!Te mereces un 10. Ya lo he solucionado, gracias al firefox, botón dcho, inspeccionar elemento, me di cuenta que el estilo que usaba no es el que yo creía, sino que venía heredado de body>, en alguna extraña modificación que hice.Ahora ya tiene el aspecto coordinado con los widget que ya usaba.Mil besos por tu desinteresada ayuda♥
      PD:Os he enlazado como blog favorito, http://eltocadordecenicienta.blogspot.com/ espero que no os parezca mal..

      Eliminar
    5. Me parece muy bien eltocadordecenicienta, tanto el enlace como que hayas sabido resolverlo de una manera ingeniosa :)
      Muchas gracias por tu comentario y qué gusto que ya todo te esté funcionando tal como querías :)
      Buen inicio de semana!

      Eliminar
  39. Potro como puedo hacer para que el fondo de mi blog quede "realmente transparente"? ya que pongo esa opción con el diseñador de plantillas sin embargo no se ve la imagen de fondo que tengo... es algo muy raro. me podrías dar una mano?

    ResponderEliminar
    Respuestas
    1. Hola Bebé a Bordo de Mamá,

      Si está transparente, lo que sucede es que alrededor tiene una sombra y eso hace que dé la ilusión de que tenga un fondo más. Para resolverlo, busca esta parte y elimina lo que está en negrita:

      .content-outer {
      -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
      -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
      -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
      box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

      margin-bottom: 1px;
      }

      Eliminar
    2. Gracias!!! Otra consulta, al ingresar al diseñador de plantillas, la pestaña "Avanzado" aparece el logo de Blogger y unos puntitos debajo com osi estuviera cargando, pero nada sucede. Que hago? Gracias!

      Eliminar
    3. Prueba eliminar las cookies y caché del navegador, o intenta hacerlo desde un navegador distinto.
      Saludos!

      Eliminar
  40. Hola, por aquí denuevo, una duda, buenísimo el link que me mandaste para cortar la imagen de las entradas, pero ahora tengo una duda más... perdón hah. ¿Se puede sacar un thumbnail de un video de youtube automático? osea en la entrada yo pongo un video nada más, y en home sale el thumbnail del video?

    Se puede?

    ResponderEliminar
    Respuestas
    1. Automático no, mejor dicho, tú tienes que poner el código manualmente, pero sí hay una miniatura del video. Por ejemplo:

      http://img.youtube.com/vi/zdTjx-meRuc/1.jpg

      Esa es la miniatura de un video, lo que está en negrita es la ID del video, por lo tanto, sólo tienes que poner el código de la imagen y remplazar lo que está en negrita por el ID de tu video.

      Eliminar
  41. Hola, no acabo de entender una cosa sobre los derechos legales de las imagenes.
    Se que no puedo "robar" imagenes de otras webs / blogs, pero lo que no entiendo claramente esque si se pueden poner imagenes como Screen-Shoots de juegos, caratulas de peliculas, etc.
    Se puede legalmente subir imagenes de caratulas, y estas cosas o no?

    ResponderEliminar
    Respuestas
    1. Hola Bridge Is Sky,
      Yo no me atrevería a decirte que sí se puede o no se puede, porque la cuestión de los derechos de autor de repente es algo delicado.
      Supongo yo que con screenshots no hay problema, siempre y cuando en la imagen aclares a quién pertenece, etc. pero carátulas no creo.
      Recién a alguien le cerraron el blog por supuestas infracciones, y según el autor del blog no tenía nada ilegal, pero sí tenía carátulas y trailers de películas. Por eso te digo que se vuelve un poco delicado todo este lío :/
      Si quieres tener mayor seguridad sobre ese tema, pregunta en el Foro de Ayuda de Blogger, y mira lo que te diga algún empleado de Google o un colaborador principal.

      Eliminar
  42. ¡¡¡Sensacional esta entrada!!! ;D
    Gracias a tí, mi blog va a empezar a ser otro; te invito a que te pases cuando quieras y eches un vistazo por si encuentras algo de interés (y para que veas tu influencia, de paso).
    www.adriangonzalvez.blogspot.com
    Un saludo.

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tu comentario Adrian, está muy interesante tu blog. Apenas sepa qué son las gambas intentaré hacer ese cóctel de aguacates :)

      Eliminar
  43. hola Potro,
    lo estoy colocando en mi blog de prueba,
    pero no encuentro el " ]]> "
    Me puedes ayudar aquí? He caminado lentamente por toda la plantilla pero no logro encontrar esta parte para insertar la segunda parte grande de tu tutoría.
    Gracias Potro por la ayuda^^

    ResponderEliminar
    Respuestas
    1. Hola Rebecca, ya vi tu mensaje más abajo, en el que mencionas que se ha resuelto, me alegra que así sea :)
      En el futuro, cuando quieras localizar un código, presionas las teclas CTRL + F, aparecerá un pequeño buscador, ahí pon el código que quieres localizar y lo encontrarás más rápido :)

      Eliminar
  44. Hola

    tengo un problema :( coloque un cuadro de adsense en el pie de las entradas y lo encerré en un condicional para que se mostrara sólo en las entradas. Funciono, pero ahora no muestra las entradas relacionadas linkwithin en la pagina de inicio (sólo en la pagina 1).

    El código de linkwithin esta en gadget bajo las entradas.



    mira asi esta el código del gadget (no tiene ningún condicional arriba)





    el condicional sólo encierra al código de adsense parseado

    me puedes ayudar :S el blog es www.failomg.com

    ResponderEliminar
    Respuestas
    1. Hola zux, lo que parece es que todo el post-footer está condicionado para no mostrarse en la portada. Prueba poner el código arriba de <div class='post-footer'>

      Eliminar
  45. hola Potro,
    vuelvo de nuevo para decirte que "Muchas Gracias grandes y enormes"..^^ ahora sí me quedó bien bonito. El tutorial está muy bueno. Espero que los lectores se sientan más animados ahora a continuar leyendo..^^
    Mi blog está ahora mega personalizado..^^
    Un abrazo fuerte de alegría ^^
    RR
    http://deseosderebecca.blogspot.com

    ResponderEliminar
    Respuestas
    1. Esa es la idea Rebecca, que los lectores puedan seguir leyendo contenido que les interese, así todos salimos beneficiados :)
      ¡Un abrazo!

      Eliminar
  46. Potro , ayuda pliss.
    Mira he intentado poner una imagen para el fondo del titulo de los gadgets ( como en tu entrada ) pero lo pongo pero no se ve y las demas titulos se ven raro o mal.
    www.reventanime.blogspot.com

    ResponderEliminar
    Respuestas
    1. Hola eloy, si lo has hecho siguiendo el tutorial de alguna entrada de aquí deja el comentario en esa entrada para darle el seguimiento adecuado, porque aquí no me aclaro qué método seguiste :/

      Eliminar
  47. Disculpa, puedo porner 7 stories (?) es que veo que solo se le pueden poner 5 stories maximo, no hay manera de que pueda poner 6-7(?)
    te lo agradecere mucho! :D
    ¡Saludos y gracias de antemano!

    ResponderEliminar
    Respuestas
    1. No Ichan, esa configuración depende de LinkWithin :(

      Eliminar
  48. Hola potro siento molestarte pero pongo todo lo que explicas en esta entrada pero no me sale nada de imagenes y texto de entradas realcionadas solo el titulo, y debajo se queda en blanco. :/ Ayuda porfa!

    ResponderEliminar
    Respuestas
    1. Hola Joel,
      Puede ser que el script no esté encontrando los datos de las entradas.
      Prueba poner sólo el script de LinkWithin, sin ninguna personalización, si tampoco te muestra ningún dato ponte en contacto con el Soporte de ellos:
      http://www.linkwithin.com/support

      Eliminar
  49. Gracias, pense que solo se podia hacer en WordPress. Como me mate buscando esto y ahora lo veo aca... ¡GRACIAS!

    ResponderEliminar
    Respuestas
    1. Gracias a ti por tu visita Lautaro, qué gusto que al fin hayas encontrado la información que necesitabas :)

      Eliminar
  50. Muchísimas gracias, queda de lujo ;)

    ResponderEliminar
    Respuestas
    1. Qué bueno que te ha gustado, buen fin de semana!

      Eliminar
    2. Buen finde para tí también, tengo que pedirte perdón, soy durilla para comentar pero quiero que sepas que me has ayudado en numerosas ocasiones, de nuevo gracias *muah*

      Eliminar
    3. No tienes que disculparte por nada straygirl, me da gusto que comentes, y puedes hacerlo cuando te apetezca :)

      Eliminar
  51. muy bueno,pero quería saber si me podías ayudar, linkwithin muestra las entradas que estuvieron publicadas pero que ahora están en borrador, hay alguna manera de remediarlo, porque es molesto ver una entrada relacionada que al darle click no te muestre nada, de antemano gracias

    ResponderEliminar
    Respuestas
    1. Hasta donde sé LinkWithin guarda un caché de tus entradas, no sé cuánto tiempo dure, pero esa debe ser la razón por la que siguen apareciendo. El problema es que eso lo maneja el sistema de LinkWithin.

      Eliminar
  52. Muchas gracias por esta aportación. No se me ha cambiado lo de "entradas relacionadas" lo demás mejorado con diferencia. Saludos

    ResponderEliminar
    Respuestas
    1. Mira el comentario #26.5, ahí verás cómo cambiarlo sin problemas :)
      ¡Saludos!

      Eliminar
    2. Gracias, El Potro. Había visto el mensaje que coincidía, pero no la respuesta. Un despiste!

      Eliminar
  53. Una vez más.... gracias Potro!
    eres un crack!!!

    ResponderEliminar
  54. Uhmm, muy interesante, sobre todo para aumentar la interacción en el Blog. Por si no lo sabíais Google ahora valora mucho más que antes la interacción. El usuario accede a xxx contenido y desde el pasa a otros dentro del mismo site...

    Si publiais una entrada que trate de Tartas lo ideal es indicar tambien en la misma entrada con un enlace a otra entrada que trate la segunda parte, relacionado, etc...

    Como en mi caso son Ebooks, si tiene una continuación, indico: Continua en xxxxxx.
    Y si esta abriendo una tercera parte pongo, comienza la saga en xxxxxxx.

    Cuanto más interactuen en tu Blog más popular será xD
    como siempre Potro, eres la Biblia de Blogger, abrazos ¡

    ResponderEliminar
    Respuestas
    1. Pues no sé qué tan popular pueda ser uno en Google por ello, pero lo cierto es que para el usuario es útil tener un acceso a otros contenidos que pueda haber en el blog. A mí me ha pasado que entro a un blog a leer tal artículo, y al terminar veo una entrada "relacionada" y por supuesto que también la leo :)

      Eliminar
  55. Potro perdon por ser asi de pesao tengo un problema nose por que cuando me meto en el diseñador de pantillas me meto en cambiar texto del titulo de las entradas pero aunke le ponga masx px no cambia y nose por que ... Me lo podrias mirar alomejor e tocado algo...
    www.reventanime.blogspot.com

    GRACIAS

    ResponderEliminar
    Respuestas
    1. Si estas en el diseñador normal solo dale en tamaño de letra y utiliza la que mas te guste.

      Si lo estas haciendo en HTML para cambiarla a tu gusto solo haz esto

      < s pan style="font-size: 25 px;">tu Texto

      En donde 25 px entre mayor sea este numero mas grande sera tu texto.
      Quita los espacios

      Eliminar
    2. Pero como explico en el comentario que aunque lo cambie a mas o a menos siempre se ve igual da igual en nuermo de Px k le ponga

      Eliminar
    3. Aplica los cambios directo en la plantilla, antes de ]]></b:skin>


      h3.post-title {
      font-size:24px;
      }

      Eliminar
  56. No me funciona siguiendo los pasos... S:

    ResponderEliminar
    Respuestas
    1. ¿Exactamente qué no te funciona, y en cuál blog?

      Eliminar
    2. el gadget de linkwithin lo he agregado en mi plantilla y no me aparece por ningún lado en el blog...

      http://sick-of-sport.blogspot.com/

      Eliminar
    3. El código que puse en la entrada es de ejemplo, si te fijas donde están las XXXX debe ir el ID de tu gadget. Sigue los pasos desde el inicio, es decir, entra a la página y configura tu gadget, ahí verás que en el código ya viene el ID que necesitas.

      Eliminar
  57. hola potro q tal soy ticherking13 cree un nuevo blogs y al aplicarle el linkwithin solo acerlo basicamnte cheque mi blogs y no me aparece como antes solo me aparece un enlace del primer post sin imagen ni nadaa solo eso me aparece y el texto "quizas le interese" esta en ingles te dejo el enlace de mi blogs para q veas como se ve http://paraisodelcelularmg.blogspot.com/ q puede estr fallando?? cual seria la solucion espero q me eches la mano una ves mas saludos y gracias x todo amigo

    ResponderEliminar
    Respuestas
    1. Hola ticherking13,
      Quizá sea un problema con el script, no podría asegurártelo, pues el script lo controla directamente LinkWithin. Quizá quieras ponerte en contacto con ellos pata que puedan decirte qué está pasando:
      http://www.linkwithin.com/support

      Eliminar
    2. jejejeje verdad ps ya se soluciono solito no le movi nada y ya esta como queria jajajaj gracias por todo potro saludos amigo y sigue asi q nos ayudas un chorro gracias

      Eliminar
  58. Hola Potro, me pregunto desde hace días si este gadget iría también en un blog con mayoría de texto y en formato poemas... ya sabes tú, :)
    Buenos días y buenas noches, :)
    Un beso
    (no tengo prisas ninguna)
    tengo que hacerte una consulta "seria" sobre los editores, lleva más de un mes funcionando mal tan sólo en de uno de mis blogs, y no consigo entender por qué, pero la dejo para cuando ya puedas,
    además de que este post no es el sitio ideal (lo que pasa es que no sé a cuál irme a hacerte la pregunta, :))

    ResponderEliminar
    Respuestas
    1. Hola Sofía,

      Si las entradas que encuentre relacionadas no tienen imágenes entonces mostrará una lista de enlaces, en lugar de como se ve normalmente.

      Por lo del editor, ¿qué problemas te da? ¿Usas el editor antiguo, o el actualizado?
      Besos!

      Eliminar
    2. Entiendo, Potro, entonces veré si va mejor la otra opción que mostraste en otra entrada.

      Con respecto a lo del editor (hablo breve):
      tengo que usar los dos.
      Sucede en el de poemas: www.sofiaserra.com
      Preparo la entrada, copio y pego el poema en la pestaña html ( estoy en editor actualizado por defecto), me voy a redactar y veo que no me ha respetado los cortes de verso que traía desde mi archivo (el texto aparece todo seguido).
      Entonces me voy a configuración, cambio a editor anterior, reedito la entrada (o bien abro una nueva, da igual), elimino todo lo anterior, vuelvo copiar y pegar en html, miro en redactar, me respeta los renglones.
      Como sucede que el editor antiguo no tiene el mismo registro de colores que el actualizado, tengo que guardar otra vez, irme de nuevo a configuración, volver cambiar por editor actualizado, y ya sí, señalo con los colores que ahora escribo alternando y ya puedo publicar la entrada.

      De todos los que tengo en esa cuenta, sólo me sucede en ése.
      Siento la extensión.
      Como ves no es nada serio, que no te des prisa, por favor, sólo es extraño y algo incómodo, pero ya está.
      Un beso. Muchas gracias.

      Eliminar
    3. Raro, raro. ¿Has probado hacerlo desde otro navegador? Sólo para descartar que no sea un problema con el navegador, tal vez la caché que tiene guardada.
      Aunque si te sucede sólo con un blog de esa cuenta podría tratarse de un error del editor.
      Creo que ya alguna vez te pregunté si en Configuración > Formato, tenías en Sí donde dice "Convertir saltos de línea", ¿cierto? Porque se supone que esa es la parte que controla justamente que se respeten los saltos de línea.

      Un beso.

      Eliminar
    4. Sí, Potro, desde esa vez que te consulté sobre lo mismo ando con el problema, ya probé lo de convertir saltos de línea, está todo bien, o sea, que está señalada, y hasta probé a quitarlo y volverlo a poner, pero no se solucionaba nada.
      Pasa en los tres navegadores (google, mozilla y safari), y hasta en los tres con la caché limpia...:)
      ojú...Es un jaleo, ¿eh?, jejeje

      Un beso

      Eliminar
    5. ¿Y sólo pasa cuando pegas un texto, o pasa también al escribir directamente sobre el editor?
      Ayer estuve probando copiar y pegar desde Word, lo mismo hacía con el editor actualizado como con el antiguo, en ambos me respetaba los saltos de línea, incluso si tenía desactivada la opción que te decía. Cosa rara :/

      Prueba hacer una entrada como lo haces siempre, pero esta vez, antes de pegar el código, da click en "Opciones de entrada", y ahí revisa que donde dice "Editar los saltos de línea de HTML" esté marcada la casilla que dice "Pulsar "Intro" para los saltos de línea".

      Besos.

      Eliminar
    6. ¿qué podría yo hacer para corresponderte?...me quedo sin palabras, Potro.
      EFECTIVAMENTE, eso era, "editar los saltos de línea etc etc etc, no estaba marcada la casilla "Pulsar intro"....diosss, de verdad, hacerte un monumento en mármol y jaspe se me queda chico, te voy construir una pirámide en pleno Yucatán, yo creo que así algo al menos podré sentir aliviada mi necesidad de agradecerte un mínimo la ayuda que me has dado.
      MUCHAS GRACIAS
      BESO, BESO Y BESO

      Eliminar
  59. quantos cosas muy informativos que ayudan mucho en el mundo de blogs! muchas gracias! http://madrilicious.com

    ResponderEliminar
    Respuestas
    1. Gracias a ti por tu comentario y tu visita :)

      Eliminar
  60. Saludos Potro, ¿Cómo puedo hacer para centrar las imágenes del LinkWithin?.
    Porque me están quedando a la derecha.

    ResponderEliminar
    Respuestas
    1. Saludos Gabriel.
      Para centrarlo agrega en los estilos esto:

      .linkwithin_outer {
      margin-left:40px !important;
      }


      Ese valor es la distancia desde la izquierda, ahí puedes jugar con ese número hasta que encuentres la ubicación más centrada.

      Eliminar
    2. Gracias Potro, con -20 me quedó perfecto.

      Eliminar
  61. Hola Potro, ya coloqué en mi blog este gadget...me costó algo de trabajo ya que me quedaba entre medias de las reacciones y los demas elementos como las etiquetas, botones de compartir,etc... al final pude colocar el código mas abajo (no estoy seguro de si está bien puesto, pero parece que funciona)

    la cuestión es que ya tenia puesto un gadget que mostraba las entradas relacionadas tipo texto, te paso el enlace para que veas lo que es, http://wwwjosicoblog.blogspot.com/2012/02/patri-cantando-yo-te-vi-let-it-be.html
    verás que debajo de las imagenes del linkwithin salen 4 o 5 enlaces.

    Esos enlaces son los que me gustaria eliminar si es posible, ya que afean bastante.

    ResponderEliminar
    Respuestas
    1. Hola Josico, sólo sigue a la inversa los pasos de la entrada donde tomaste las otras entradas relacionadas, es decir, que todo lo que tuvieras que agregar, quítalo.

      Saludos.

      Eliminar
  62. Hola Potro! Estoy probando en un blog de pruebas para ponerlo en Amo Ser Mama, pero no puedo lograr el ancho que necesito :( Le pongo 390, que es el ancho de mis entradas y sin embargo sigue quedando enorme... Me ayudas? http://pruebasdeamosermama.blogspot.com/2012/02/pruebas.html ese es el link del blog de pruebas. Un abrazo!

    ResponderEliminar
    Respuestas
    1. El ancho es sólo un indicativo para que las entradas relacionadas no se bajen a otro renglón, pero no es que vayan a mostrar sólo ese ancho, pues el gadget ocupa todo el ancho de las entradas. En todo caso si crees que te queda mucho espacio a la derecha configura el gadget para que muestre más entradas relacionadas.

      Un abrazo.

      Eliminar
  63. Buenas tardes Potro, no he hecho ninguna copia de seguridad de mi blog desde el antiguo blogger, el problema es que no se dónde hacerlo. Copia de la plantilla si que he hecho pero la del contenido del blog no se dónde se puede hacer. ¿podrías ser tan amable de decirme donde está el botoncito para hacerlo? Gracias de antemano.

    ResponderEliminar
    Respuestas
    1. Buenas tardes Lidia de la O,
      Si aun usas la interfaz antigua mira esta entrada, ahí están las indicaciones:
      http://ciudadblogger.com/2010/03/hacer-una-copia-del-blog.html

      Saludos.

      Eliminar
  64. pues yo tengo un problema, yo arrastré el gadget de linkwithin, luego busco ]]> y pego el codigo pero me salia en el top de la página.

    ResponderEliminar
    Respuestas
    1. ¿Qué te sale arriba de la página, el gadget o el código? Si es el código entonces recuerda que hay dos etiquetas parecidas, una es <b:skin><![CDATA[/* y otra es ]]></b:skin>
      La segunda es la que debes buscar.

      Eliminar
    2. ami ni me funciono yo cambie la url de mi blog que era sonacero360.blogspot.com a rapyvida.blogspot.com y cuando le doy click al enlace me aparece la url de antes y yano la temjgo y me dice que esa url fue removida -____- potro que puedo hacer!!!

      Eliminar
    3. Por desgracia LinkWithin guarda la caché por mucho tiempo, y sucede lo mismo si eliminas una entrada, la sigue mostrando aunque ya no exista. Es de ese tipo de cosas que el servicio tiene que mejorar.

      Eliminar
    4. Ya está todo listo. Ahora no recuerdo pero seguro que fue que copié mal el código y luego me salia todo en código al principio del blog. Gracias por la ayuda

      Eliminar
  65. Excelente post Potro! Muchas gracias!!! :D

    ResponderEliminar
  66. Sos el mejorrrr!!!! Ahi me quedo ;) lo que no pude hacer es que la fuente de los titulos sea la misma que uso en el blog. porque sera? Cambie donde dice Font pero solo se aplico al titulo "entradas relacionadas". Se cambia desde otro lado?

    ResponderEliminar
    Respuestas
    1. El del título de las entradas se cambia aquí:

      font-family: Verdana !important; /* Tipo de fuente de los títulos de las entradas */

      Sólo cambia el Verdana por la fuente que deseas.

      Eliminar
  67. Te hago otra consulta que no tiene nada q ver, pero no encontre el tutorial (si es que lo hay). Si te fijas en mi blog Amo ser Mama tengo una firma al pie de las entradas, quisiera sacarla (la hice desde alguna pagina web) y poner otra. Pero no un enlace, solo una imagen que haga yo,. como tendría que hacer para colocarla al pie de las entradas y borrar la otra? desde ya gracias! Un beso!!

    ResponderEliminar
    Respuestas
    1. Sólo busca el código de esa imagen y elimínalo para que pongas el que deseas. El código parece ser este:

      <div style="text-align: center;"><a href="http://www.mylivesignature.com/" target="_blank"><img src="http://signatures.mylivesignature.com/54489/136/95218FCAA8B884D5CA595CFA1FFE52A2.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-width: 0px !important; border-color: initial !important; border-image: initial !important; border-left-width: 0px !important; border-right-width: 0px !important; border-style: initial !important; border-top-width: 0px !important;" /></a> </div>

      Y ya cuando pongas la tuya el código sería así:

      <center><img src="URL de la imagen" style="border:0;" /></center>

      Y si quieres que salga automáticamente en todas tus entradas entonces ese código ponlo arriba de:
      <div class='post-footer'>

      Eliminar
    2. Voy a probarlo! Te agradezco tanto tu ayuda! Una duda: En los posts viejos se vería la firma vieja, nueva o ninguna? No te rias si es tonta la pregunta :P

      Eliminar
    3. Potro el codigo no lo encuentro en mi plantilla :( Que raro! y si es ese, porque recorde el nombre de la pagina ahora que lo vi. Porque no lo puedo encontrar? Y ademas en mi plantilla el codigo que me diste para poner encima el de la imagen de la firma que quiero crear aparece 2 veces: div class='post-footer' Arriba de cual de los 2 iria?

      Eliminar
    4. Te cuento que lo encontre el la parte de Configuracion/ Formato ( en la interfaz antigua) donde dice "plantilla de entrada) Ahi puedo poner el código que me diste? img src="URL de la imagen" style="border:0;"

      Eliminar
    5. Ya probe y quedo :) Perdon por tantos comentarios! Me mata la ansiedad y probe y salio ;) Si queres entra a chusmear que te parece :)
      Potro el titulo del gadget de LinkWithin se puede centrar?
      Un beso!

      Eliminar
  68. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  69. Hola Potro, se que no es el sitio, pero como estoy suscrito a este post, aprovecho para dejarte aquí mi consulta. Me gustaría que me dijeras como conseguir o si tú lo tienes, un elemento como este:http://www.shopguerrilla.com/shop/page/7?sessid=p0XQg3CMTHy5Su83GF6DgANn3wQMVd0G8pmHxE87Kpvx7ZPzsOtgrMs11fJLOffM&shop_param=
    para poner en mi blog. Es un visualizador de fotos, o slider o no se como llamarlo, pero en flash.
    Gracias .

    ResponderEliminar
  70. muy bien ya se areglo el porblem q tenia ahora una duda q es el ccs???? y este codigo para personalizarlo ]]> donde lo busco??? en platilla expandir artiguillos??

    ResponderEliminar
  71. AhHH!!! Como siempre solucionandome la vida. :D Sos groso Potro, SABELO ;)

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger