Come inserire un bottone scorrevole di feedback nel nostro blog su Blogger.

Avrete certamente visto dei blog che hanno dei pulsanti, sulla destra o sulla sinistra, che rimangono fissi quando si scorre la pagina. Per darvi un’idea di quello che dico date uno sguardo al pulsante Feedback del blog dei Tre Menù Scorrevoli.

Il sistema per inserirlo è semplicissimo visto che si va su Layout > Aggiungi un Gadget e, senza mettere il titolo, nel corpo della finestra si inserisce il seguente codice

<a style="display:scroll;position:fixed; bottom:100px; right:0px;" href="URL_Feedback" title="Contattami"><img src="URL_Immagine"/></a>

dove la parte colorata di blu rappresenta la posizione che vogliamo far assumere al nostro bottone.

In questo caso 100px  significa che sarà in una posizione più alta di 100 pixel della parte bassa della pagina, mentre 0px sta a denotare che sarà attaccata alla parte destra. Si possono variare questi dati per mettere il bottone scorrevole nel punto che più ci fa comodo.

Se volessimo sistemarlo nella parte sinistra nel codice precedente sarà sufficiente sostituire right con left.

Se vogliamo calcolare la posizione del bottone dall’alto invece che dal basso bisognerà sostituire bottom con top. Per esempio top:150px; left:5px; significa che il pulsante si troverà sulla sinistra spostato di 5 pixel dal bordo e a 150 pixel dall’alto della pagina.

Per quanto riguarda le personalizzazioni in rosso bisogna dire che un pulsante di questo tipo può essere utilizzato per qualsiasi cosa. Io ho fatto l’esempio dei feedback cioè di una pagina modulo per i contatti ma possiamo metterci un collegamento ad una pagina qualsiasi del nostro blog o anche ad un altro sito. L’espressione Contattami che si visualizza nel momento in cui si punta il bottone con il mouse può essere sostituita da una più consona a seconda del tipo di collegamento che intendiamo inserire.

Un discorso analogo vale anche per le immagini, nel senso che può essere inserito l’indirizzo di un’immagine qualsiasi, sempre considerando il fatto che deve fare da bottone. Ecco una scelta di possibili immagini già caricate nel web

                                                

 

           

     

Se fra queste c’è qualcuna che vi piace cliccateci sopra e nella barra degli indirizzi potrete acquisirne l’URL come mostrato in questo screenshot, per inserirlo successivamente al posto di URL_Immagine

Come esempio pratico il codice inserito nel blog dei Tre Menù Scorrevoli è il seguente

<a style="display:scroll;position:fixed; bottom:100px; right:0px;" href="http://parsifal32.blogspot.com/2008/01/messaggi-dei-lettori.html" title="Contattami"><img src="http://swi4wa.blu.livefilestore.com/y1p1G8ZqQ3s8xSB7LPE7PR0akCHRkk0wdceHESNnU79SZjvk6d-9c-mnR9GVVQqf58Zi_iFgaA9TWW_fkILPhtvOQ/feedback1.jpg"/></a>

Per le immagini ringrazio Bloggerstop -