Pubblicato il 10/08/09 - aggiornato il  | 8 commenti :

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

feedback1       feedback2      feedback3      feedback4      feedback5      feedback6      feedback7      feedback8      feedback9

 

feedback10      feedback11     

feedback12      feedback13

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

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 -



8 commenti :

  1. Oi. Parabéns por seu excelente blog. Gostaria de lhe convidar para visitar meu blog e conhecer alguma coisa sobre o Brasil e nossa luta contra o comunismo. Abração

    RispondiElimina
  2. chissa se sei tornasto dalle vacanze..comunque in attesa di risentirti ottimo intervento e davvero un idea originale quella del feed scorrevole..

    RispondiElimina
  3. @Phoebe
    Più che vacanze sono state una tragedia :) Lasciamo perdere per fortuna che son tornato...
    Per quanto riguarda il post si può inserire qualsiasi bottone relativo anche ad altre cose ovviamente

    RispondiElimina
  4. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  5. Ciao Parsifal, come stanno andando le vacanze?Volevo chiederti se un giorno posterai un articolo su "Creative Commons"?Vorrei capire bene come funziona...

    grazie

    Enrico

    RispondiElimina
  6. @enrico
    Non sono molto affascinato dall'aspetto "legalese" del blogging però può darsi che in futuro scriva qualcosa così tanto come indicazione :)

    RispondiElimina
  7. Concordo, infatti chiedevo semplici indicazione dato che ho visto che usi anche tu "Creative Commons" per il tuo sito.

    ancora grazie

    Enrico

    RispondiElimina
  8. Grazie! Seppur con qualche modifica ai parametri mi è uscito davvero bene!

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy