Effetto Immagini riflesse per Blogger.

Come inserire l'effetto riflessione nelle immagini di un blog su Blogger.

Questo effetto è stato realizzato da Neondragon e aggiunge automaticamente una riflessione nella parte bassa dell'immagine. La sua installazione non presenta difficoltà visto che si tratta di incollare una sola riga di codice nel template. Occorre però calibrare bene le distanze in modo che la riflessione sia esattamente allineata con l'immagine riflessa

Il parametro potrà essere aggiustato a seconda del modello di Blogger che si sta utilizzando. Nel momento in cui si introduce una certa classe nel codice di una immagine si avrà un effetto simile a questo

L'Effetto Riflessione può essere utilizzato solo per particolari immagini e si può appunto decidere a quali foto applicarlo. Dopo aver salvato il template si va su Modello > Modifica HTML > Procedi e si cerca la riga </head>. Subito sopra si incolla questa riga di codice

<script src='http://www.isoladeifamosi-2009.it/upload/reflection.js' type='text/javascript'/>

Si salva il modello. Per applicare l'effetto occorre inserire la stringa class="reflect" subito dopo <img oppure prima di src="URL_IMMAGINE come mostrato nello screenshot seguente

Queste piccole differenze dipendono dal modo in cui si posta l'immagine nell'articolo visto che la possiamo scegliere da un album di Picasa, caricare dal computer, inserire incollandone l'indirizzo web oppure possiamo utilizzare Windows Live Writer magari con l'ausilio di una tabella.

Adesso vediamo se l'allineamento della immagine con quella riflessa è perfetto. Potrebbe cioè accadere che le due foto non siano perfettamente in asse

Per passare dalla prima alla seconda immagine bisogna andare nuovamente su Modello > Modifica HTML > Procedi e cercare la riga ]]></b:skin>.Subito sopra si incolla il codice

.reflected {border:none !important; margin-left:-10px !important;  clear:both;}

e si salva il template. Il valore in rosso dovrà essere calibrato in funzione del modello.