Cómo no mostrar el gadget Linkwithin en la página principal del blog

11.3.15

En su día aprendiste a poner el gadget de Linkwithin (o más conocido "Posts relacionados"), pero ¿qué pasa si en la página principal sólo muestras una parte del post?

Pues que te sale igualmente el gadget de Linkwithin, justo después de tu entrada en la página de inicio del blog.

Estoy segura de que no te gusta nada.

Este gadget debe aparecer cuando tus lectores han visto toda la entrada y nunca antes.


Si eres de los que sólo muestra un trozo de la entrada en la página de inicio y tienes el gadget de Linkwithin instalado, este tutorial es obligatorio.

Tu página principal será más limpia y la información de los posts recomendados se mostrará cuando sea necesario y no antes de tiempo.

Pasos para no mostrar el gadget "Posts recomendados"

  1. Entra en "Plantilla"



  2. Accede a "Editar HTML"





  3. Clica en tu código, a continuación  presiona Ctrl + f  al mismo tiempo (o Command + f si tienes un Mac) y te aparecerá un recuadro de búsqueda.




  4. Busca este código


       <b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'> 




  5. Debes ver el código siguiente


       <b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'>
       

       <b:includable id='main'> 
         
       <data:content/>
       
       </b:includable>
       
       </b:widget>




  6. Y ahora debes añadir el código que hay en rojo en el código siguiente.


       <b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'>
      

       <b:includable id='main'> 

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

       </b:if> 

       </b:includable>

       </b:widget>




  7. No te olvides de guardar los cambios que has hecho, sino no te servirá de nada!




Ahora tu página principal quedará más limpia y ordenada, que lo importante es no liar a tus lectores con información antes de tiempo.

Este post ha sido una pausa de los posts de la personalización de comentarios, pero tenía ganas de enseñártelo, porqué es muy útil.



Laura

¿Te ha gustado lo que has leído?
Muchas gracias por compartirlo en tus redes sociales!
Tus contactos y yo te lo agradeceremos! :-)

¿Quieres contenido exclusivo para mejorar tu blog?
Suscríbete y recibirás AHORA la guía para dominar Blogger HOY!
Tu blog no pasará inadvertido.
Dejará huella.


27 comentarios:

  1. Hola! trate de hacerlo varias veces pero nunca me salio :C no se que hice mal. De todos modos, gracias por compartir, besitos

    ResponderEliminar
  2. Muy buena entrada, lástima que por algún motivo que desconozco, el buscador no encuentra el código T_T Qué se le va a hacer, cosas que pasan.

    Me encanta tu blog <3

    ResponderEliminar
    Respuestas
    1. No no, cosas que pasan no! :) Aquí se soluciona todo. Envíame un email ([email protected]) y lo miramos de solucionar, vale?
      Un saludo

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

      Eliminar
  3. Pregunta: el widget de Linkwithin que tengo lo instalé según un tutorial que encontré (mucho) antes de conocer tu blog, y resulta que tengo el código en "Añadir CSS" de la sección "Avanzado" del diseñador de plantilla. ¿Puedo borrarlo e instalarlo de nuevo según tus instrucciones? ¿Me ayudará eso a sacarlo de la página principal?

    Lamento haber tardado tanto en darme cuenta, es que hace mucho que lo tengo y con todas las cosas que les hice a mi pobre bloguito y al nuevo, se me había olvidado por completo.

    Saludos!

    ResponderEliminar
    Respuestas
    1. Si el código entero de aquel tutoria lo añadiste en CSS, si lo borras se borrará el Linkwithin. Pero asegúrate de que no añadiste nada de código en tu plantilla HTML. Un saludo!

      Eliminar
    2. LO LOGRÉ!!!!!!!!!!!!!!!!!!!
      Figuraba HTML7 :D Vaya una a saber por qué.
      No sabés lo contenta que estoy. Y no me hubiera animado a meterme en la edición de la plantilla si no fuera por todo lo que estoy aprendiendo gracias a tus explicaciones.

      Ahora una preguntilla: ¿hay alguna forma de personalizar los links? Redondear las fotos y cambiar la fuente, cosas como ésa.

      Mi eterno agradecimiento :DDDDDDD

      Eliminar
    3. Que bien Denise! Estoy muy contenta por ti, de verdad! Y también me alegro mucho que aprendas con mis tutoriales.

      En el menú de tutoriales podrás encontrar cómo redondear las fotos --> http://www.thelittlecoccinelle.com/p/tutoriales.html

      Saludos!

      Eliminar
  4. Lo acabo de ver y me ha gustado mucho este tutorial!! Ya está hecho sin problemas!!

    ResponderEliminar
  5. Pues a mí no me encuentra el código inicial... No lo entiendo porque tengo el linkwithin instalado...

    ResponderEliminar
    Respuestas
    1. Hola Eulàlia! La plantilla que utilizas es la original de Blogger?
      Puede ser que tengas una parte del código escondido? En ser así tienes que pinchar una flecha pequeña que señala el código y se te abrirán más lineas de código.
      Puede ser que sea esto?
      Ya me contarás!

      Eliminar
    2. Eso era! Al fin lo solucioné. Una cosita. Se pueden redondear las imágenes del gadget de linkwithin? Cómo? Me encantaría poder redondearlas y cambiar la frase que sale encima. Un besote guapa

      Eliminar
    3. Hola Eulàlia! Aquí puedes ver cómo redondear las fotos --> http://www.thelittlecoccinelle.com/2014/12/redondear-fotos-gadget-linkwithin-quiza-te-interese.html
      Espero que te sirva. Lo otro....lo hago en un plis y lo pongo pronto en el blog! :-)

      Eliminar
  6. Hola Laura,

    Esto es justo lo que estaba buscando, pero a mi me salen algunas líneas más en el código del widget así que algo no estoy poniendo bien porque sigue sin funcionarme. Te importa si te mando un mail para ver si me puedes indicar donde puede estar el problema?

    Muchas gracias!

    ResponderEliminar
    Respuestas
    1. Claro que no me importa! Mándame un email y lo miramos juntas! Saludos

      Eliminar
  7. Ahhhh por fin.... gracias! xDD
    Me salio todo muy bien! xD

    ResponderEliminar
    Respuestas
    1. De nada! Molesta mucho cuando tienes el gadget en la página principal y sólo muestras una parte de las entradas! Fantástico!

      Saludos!

      Eliminar
  8. Que tal Laura!!

    Muchísimas gracias, me sirvió mucho ésta información, sólo no estoy seguro si es mi blog es decir la plantilla la que se encuentra diseñada de una manera distinta a la usual o la información del blog está un poquito desactualizada, pero me costó un poco, tan sólo tuve que buscar éste código



    y debajo de él coloqué éste otro código




    Y eso es todo, por si a alguien le interesa y si quiere ver cómo quedó, les comparto mi blog:

    Muchas gracias por el tutorial Laura, muy bonito blog ;)

    ResponderEliminar
  9. Por alguna razón no me dejó poner el código el blog, pero El primer código es el que tiene title='LinkWithin' y el segundo el que nos muestra en rojos laura

    ResponderEliminar
  10. Otro error, se me olvidó decir cuál era mi blog para que lo chequen, disculpen: http://comohacersericorapido.blogspot.mx

    ResponderEliminar
  11. Muchas gracias por todo, he estado leyendo tu blog y aplicando un par de cosas al mío. De verdad vale bastantemente la pena leerte, mis respetos para tu trabajo :)

    Respecto a este post, sólo tuve problemas al principio para encontrar una parte del código que mencionas debido a que mi plantilla lo ocultaba. De acuerdo a tu post, esto es lo que tenía que encontrar:

    b:includable id='main'>
    data:content/>
    /b:includable

    Y así es cómo lo encontré:

    b:includable id='main'>...</b:includable

    Lo encontré oculto, pero sólo bastó con dar clic en los tres puntos de en medio para que me apareciera "data:content/". Gracias a mi poca experiencia con código, la verdad me tomó algo de tiempo entender que estaba oculto. Una vez que apareció proseguí con separarlos con la tecla "Enter" y ya pude continuar con tu tutorial. Te comparto mi comentario para seguir enriqueciendo tu gran trabajo.

    Gracias una vez más, te mando un abrazo y dejo mi Blog por si al verlo de alguna forma ahora yo te puedo compartir algo a ti.

    http://FotosDeArteSrSol.blogspot.mx/

    Saludos

    ResponderEliminar
    Respuestas
    1. Hola Ascrubal. Lo que comentas es muy típico en Blogger y el códigos HTML en general. Muchas veces el código está minimizado y se tiene que "abrir". Hay otros tutoriales donde lo explico, pero aquí no lo puse.

      Gracias por tu aportación y encantada de que estés por aquí!
      Saludos

      Eliminar
  12. Te mando msj nuevamente para que me avise sobre futuras respuestas ;)
    Saludos

    ResponderEliminar