Souhiro
Épsilon
SEO
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Pasa la url donde te pasa, te puedo ayudar.
Souhiro
Épsilon
SEO
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
No se puede analizar el script que usa por que está encryptado, por eso la solución que encuentra es cada vez que publiques una niame nuevo en la imagen no le pongas alto y ancho, además de que la url tiene que tene /s.../, /w.../ o /h.../, que quiero decir con esto:
El script de los post relaciones toma la url de la imagen pero tiene que contener por ejemplo "/s440/", "/w440/" o "/h440/" y lo cambia a "/w680/". Pero que pasa cuando en la url en lugar de tener los ejemplos anteriores encuentra "/w458-h640/", lo que ocurre es que lo reemplaza por "/s72-w458-h640-c/" que tendrá un ancho de 72px por eso al agrandarlo se ve borroso.
Solución: Cuando subas una imagen que este con el codigo correcto:
Ejemplo: Tu imagen de tu post es el siguiente:
<a href="https://blogger.googleusercontent.c...nz8_R/s700/Saikin-Yatotta-Maid-ga-Ayashii.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="700" data-original-width="500" height="400" src="https://blogger.googleusercontent.c...4MkUTt1_4ykg_1cw5jXnMQK2CAu_d_2u39e6oEzUnz8_R/w286-h400/Saikin-Yatotta-Maid-ga-Ayashii.png" width="286"></a>
Lo que hacemos es eliminar el alto y ancho y la parte de color rojo lo cambiamos por /w286/ como podrás darte cuenta esta parte tambien determina el ancho (width), puedes cambiarlo por el que tu gustes, tambien puedes ponerle /s286/ o /h400/ son otros valores que determinan el ancho y el alto respectivamente. Entonces el codigo quedaría así.
<a href="https://blogger.googleusercontent.c...nz8_R/s700/Saikin-Yatotta-Maid-ga-Ayashii.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="700" data-original-width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEpi_xzGs25F01lryjPsKsZyLYRnip8aXxJLTZRXLdsZIfQKe_X51oe7nQ1LaqZ-k-HAPc1dk_Dw7QTs3dmShzImMwKkXDJv-Q-864UfOhQ8Dv74ThXACewF5jjlKO-glT5NCYsS7DJvu4MkUTt1_4ykg_1cw5jXnMQK2CAu_d_2u39e6oEzUnz8_R/w286/Saikin-Yatotta-Maid-ga-Ayashii.png"></a>
El script de los post relaciones toma la url de la imagen pero tiene que contener por ejemplo "/s440/", "/w440/" o "/h440/" y lo cambia a "/w680/". Pero que pasa cuando en la url en lugar de tener los ejemplos anteriores encuentra "/w458-h640/", lo que ocurre es que lo reemplaza por "/s72-w458-h640-c/" que tendrá un ancho de 72px por eso al agrandarlo se ve borroso.
Solución: Cuando subas una imagen que este con el codigo correcto:
Ejemplo: Tu imagen de tu post es el siguiente:
<a href="https://blogger.googleusercontent.c...nz8_R/s700/Saikin-Yatotta-Maid-ga-Ayashii.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="700" data-original-width="500" height="400" src="https://blogger.googleusercontent.c...4MkUTt1_4ykg_1cw5jXnMQK2CAu_d_2u39e6oEzUnz8_R/w286-h400/Saikin-Yatotta-Maid-ga-Ayashii.png" width="286"></a>
Lo que hacemos es eliminar el alto y ancho y la parte de color rojo lo cambiamos por /w286/ como podrás darte cuenta esta parte tambien determina el ancho (width), puedes cambiarlo por el que tu gustes, tambien puedes ponerle /s286/ o /h400/ son otros valores que determinan el ancho y el alto respectivamente. Entonces el codigo quedaría así.
<a href="https://blogger.googleusercontent.c...nz8_R/s700/Saikin-Yatotta-Maid-ga-Ayashii.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="700" data-original-width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEpi_xzGs25F01lryjPsKsZyLYRnip8aXxJLTZRXLdsZIfQKe_X51oe7nQ1LaqZ-k-HAPc1dk_Dw7QTs3dmShzImMwKkXDJv-Q-864UfOhQ8Dv74ThXACewF5jjlKO-glT5NCYsS7DJvu4MkUTt1_4ykg_1cw5jXnMQK2CAu_d_2u39e6oEzUnz8_R/w286/Saikin-Yatotta-Maid-ga-Ayashii.png"></a>
Última edición:
CANIBAL
Delta
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Que hay bro, espero que ya hayas solucionado tu problema, si no es así, intenta usar imagenes con formato .webp con un peso máximo de 90kb más.. el comentario de arriba, verificando la url.
neutron21
Delta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
hola bro este código me funciono no achica la imagen pero ya no se ven borrosas que es lo que me importaba asique muchísimas gracias!!
También muchas gracias a los demás que escribieron msj ayudándome a tratar de encontrar el problema!!
gracias a todos!
Souhiro
Épsilon
SEO
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
No le pongas /h400/ ponle /s400/ funciona mejor. Por eso en la explicación te lo pongo como primera opción. Ambos definen el alto de la imagen con ancho automático.
Puko
Dseda
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Si blogger la auto dimensiona como cuando ponen el codigo/widget imagenes relacionadas solo ponen ..
En 'related-posts' ponen el div/nombre que contiene las imagenes
Y en 200 el ancho/width
JavaScript:
<script>//<![CDATA[
function redimin(e, n) {
var i = document.getElementById(e),
e = i.innerHTML;
i.innerHTML = e.replace(/s72-c/g, "s" + n + "-c");
for (var t = i.getElementsByTagName("img"), r = 0; r < t.length; r++) t[r].width = n, t[r].height = n
}
redimin("related-posts", 200);
//]]></script>Y en 200 el ancho/width
Temas similares
