come dimensionare correttamente le immagini modificando l'html
mercoledì, novembre 10, 2010
Per modificare le dimensioni delle immagini, svincolandosi dalle impostazioni di default preimpostate da blogger, è necessario mettere mano allo script html.
1) passare alla modalità modifica html (in alto a destra sulla finestra del post)
2) individuare le righe di codice relative alla gestione delle immagini che saranno simili a quanto segue:
<img id="BLOGGER_PHOTO_ID_5537589318507667106" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 298px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcURFYrhat8XT5XZsUto91JxMeRrsxQvobmRdCCZ7bBq8398KTA8CajYgRpAZMmGHDVFOuzYJ7mkCGo87UaVYWcf_B8IrR9jLak8OEolaUGxF2cQ82wV9i0bk_yoPDsj-0_PBQXYZPKZ7d/s400/FINALE%2521%2521-strade.png" border="0" />
3) eliminare dallo script le seguenti diciture relative al dimensionamento delle immagini: <...; WIDTH: 298px; HEIGHT: 400px;...>, individuare poi, dalla riga di codice relativa all'indirizzo dell'immagine (...; src="...") il tag (/s400) ed eliminarlo.
4) nell'esempio precedente ho barrato le diciture da eliminare:
<img id="BLOGGER_PHOTO_ID_5537589318507667106" style="DISPLAY: block; MARGIN: 0px auto 10px;WIDTH: 298px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_cwdRsc8GUIc/TNl4JVGlnqI/AAAAAAAAAA0/9QRIg3mq3rA/s400/FINALE%2521%2521-strade.png" border="0" />
5) l'immagine risulterà a questo punto visualizzata nelle sue dimensioni originali
1) passare alla modalità modifica html (in alto a destra sulla finestra del post)
2) individuare le righe di codice relative alla gestione delle immagini che saranno simili a quanto segue:
<img id="BLOGGER_PHOTO_ID_5537589318507667106" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 298px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcURFYrhat8XT5XZsUto91JxMeRrsxQvobmRdCCZ7bBq8398KTA8CajYgRpAZMmGHDVFOuzYJ7mkCGo87UaVYWcf_B8IrR9jLak8OEolaUGxF2cQ82wV9i0bk_yoPDsj-0_PBQXYZPKZ7d/s400/FINALE%2521%2521-strade.png" border="0" />
3) eliminare dallo script le seguenti diciture relative al dimensionamento delle immagini: <...; WIDTH: 298px; HEIGHT: 400px;...>, individuare poi, dalla riga di codice relativa all'indirizzo dell'immagine (...; src="...") il tag (/s400) ed eliminarlo.
4) nell'esempio precedente ho barrato le diciture da eliminare:
<img id="BLOGGER_PHOTO_ID_5537589318507667106" style="DISPLAY: block; MARGIN: 0px auto 10px;
5) l'immagine risulterà a questo punto visualizzata nelle sue dimensioni originali