My Diary.
to Share my Life Events

come dimensionare correttamente le immagini modificando l'html

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
administrator administrator Author

Archivio blog

work in progress

corso 2010/2011

Corso di Disegno e Comunicazione Visiva per l'Urbanistica,
Lorenzo Fabian
Antonio Longo


Politecnico di Milano
Facoltà di Architettura e Società
Via Ampère 2, 20133 Milano
Telefono: 02.2399.2601
Email Poli
Sito Poli