Problema con imagen en miniatura al compartir en Facebook

triumphalis · 7 Dic 2013

Buenas. Hoy le puse los botones sociales a mi Blog y compartí la primera entrada para que saliera publicada en Facebook. El problema es que en Facebook sale una imagen en miniatura que no tiene nada que ver con la entrada en cuestión. La imagen que sale es una que tengo en la barra superior derecha.

Como puedo solucionar este problema, para que siempre salga la imagen en miniatura correspondiente? Gracias

Wizard · 7 Dic 2013

creo que eso es un problema de la plantilla

Souhiro · 7 Dic 2013

dime tu blog y lo soluciono

triumphalis · 7 Dic 2013

Souhiro dijo:
dime tu blog y lo soluciono

TweetNàstic | Toda la actualidad del Nàstic de Tarragona.

Muchas gracias, Souhiro.

Souhiro · 7 Dic 2013

Como te dijero es un problema con tu plantilla ami me pasa lo mismo lo que hago es lo siguiente:

donde tienes la imagen de proximo partido este es el codigo

HTML:

<img width="307" height="194" src="http://4.bp.blogspot.com/-Xcl-56X_Two/Up-Zmh4sD9I/AAAAAAAABa4/tJMioR06anc/s325/NASTIC%2B-%2BVILLARREAL.jpg" id="Image1_img" alt="PRÓXIMO PARTIDO" style="visibility: visible;">

reemplazalo por:

HTML:

<div class="proximopartido"></div>

luego le agregas este css a tu plantilla

HTML:

.proximopartido {
    background: url("http://4.bp.blogspot.com/-Xcl-56X_Two/Up-Zmh4sD9I/AAAAAAAABa4/tJMioR06anc/s325/NASTIC%2B-%2BVILLARREAL.jpg") repeat scroll center bottom rgba(0, 0, 0, 0);
    height: 194px;
    width: 307px;
}

y luego verificas y te sale la imagen que corresponde si te sale otra imagen tienes que hacer lo mismo con las demas imagenes que tienes en el sidebar

GuruGrafico · 7 Dic 2013

Muchas gracias Souhiro. Tenía el mismo problema. Excelente explicación. De nuevo, gracias. 😀

triumphalis · 16 Dic 2013

Souhiro dijo:
Como te dijero es un problema con tu plantilla ami me pasa lo mismo lo que hago es lo siguiente:

Perdona que no contestara antes, he tenido problemas con mi conexión a Internet.

No he podido seguir los pasos soy "novato" y tengo unas dudas previas... si yo voy a mi blog y le doy a Inspeccionar elemento me sale exactamente el mismo código que me mencionas:

<img width="307" height="194" src="http://4.bp.blogspot.com/-Xcl-56X_Two/Up-Zmh4sD9I/AAAAAAAABa4/tJMioR06anc/s325/NASTIC%2B-%2BVILLARREAL.jpg" id="Image1_img" alt="PRÓXIMO PARTIDO" style="visibility: visible;">

Pero cuando entro en Blogger y editar HTML, este es el codigo que me aparece...completamente diferente.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Image1' locked='false' title='PRÓXIMO PARTIDO' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>

Y nose que hacer.. Saludos

Problema con imagen en miniatura al compartir en Facebook

triumphalis

Wizard

Souhiro

triumphalis

Souhiro

GuruGrafico

triumphalis

Temas similares