Pulsante Torna Su con Effetto Scroll

| , | 8 commenti »


 In questo post ho spiegato come inserire un pulsante "Torna Su" sul blog o sito. In questo mini tutorial spiegherò come inserire un pulsante "Torna Su" ma con "Effetto Scroll". Potete provarlo cliccando sul pulsante "Torna Su" che si trova alla fine di ogni post, o in fondo pagina cliccando sul pulsante "Jump to TOP".

Come spiegato in questo post , è un pulsante che, nei blog con una pagina lunghissima, dà la possibilità all'utente di tornare all'inizio della pagina solo con un click.
Allora, vediamo come inserirlo in soli tre passi.
1 - Collegatevi a blogger.com e fatte il login.
2 - Andate in Layout > Modifica HTML e inserite il codice sotto , subito dopo il tag "<Head>":

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://www.dynamicdrive.com/dynamicindex3/scrolltopcontrol.js' type='text/javascript'>
</script>

3 - Trovate il codice sotto

<b:section class='footer' id='footer' showaddelement='no'/>

e subito dopo inserite il codice sotto:

<div align='right'>
    <p><a href='#top'>Torna Su</a></p>
</div>   

Se volete inserire un immagine al posto della scritta "Torna Su", basta inserire il codice sotto:

<div class='right'>
    <img width="30px;" src='http://www.calcioargentino.com/fotovarie/arrowUp.png' height="30px;"/>
</div>

Salviamo tutto e andiamo a verificare il lavoro appena fatto.. Come potete vedere, cliccando sul pulsante "Torna Su", la pagina scorre verso l'alto con l'effetto scroll.


Articoli correlati per categorie




 Abbonati gratis a questo blog      

8 commenti

  1. Anonymous // 22 ottobre 2009 alle ore 05:03  

    ma x poter inserire il tasto "torna su" sul blog msn cosa bisogna fare?

  2. annarella // 22 ottobre 2009 alle ore 05:06  

    ops... scusate non ho messo il mio nome nella domanda che vi ho fatto prima :-[

  3. bestar // 22 ottobre 2009 alle ore 11:33  

    Ciao Annarella...
    non so se msn ti permette di modificare il codice HTML..
    Se puoi modificarlo allora non dovrebbe esserci problemi, altrimenti....

  4. luis-brianza // 27 ottobre 2009 alle ore 16:47  

    ciao bestar ti volevo chiedere dove trovo il pulsante spezza post,sulla pagina  dove sriviamo i post io non lo vedo

  5. bestar // 27 ottobre 2009 alle ore 16:57  

    CIAO LUIS...
    GUARDA QUI:

    http://bestar-space.blogspot.com/2009/09/spezzare-i-post-regalo-di-blogger.html

  6. luis-brianza // 27 ottobre 2009 alle ore 22:02  

    grazie bestar ho letto ma l'icomcina del pulsante spezza post non c'è sulla barra del post come mi ai mostrato nello schema o provato ad aggiungere anche il codice niente non c'è, sarà che a blogger sia antipatico grazie sempre in anticipo per l'aiuto a risentirci ciao luis.

  7. bestar // 28 ottobre 2009 alle ore 10:09  

    CIAO LUIS..
    ti ho lasciato un commento nel link sotto, dato che si tratta dell'argomento riguardo al post pulsante "Spezzare i post":
    vai su:
    http://bestar-space.blogspot.com/2009/09/spezzare-i-post-regalo-di-blogger.html

  8. luis-brianza // 31 ottobre 2009 alle ore 21:31  

    sera bestar ce lo fatta finalmente non so come ma ce lo fatta ho chiuso il sito sono rientrato ho fatto tutto come mi avevi detto e ecco la mia radiolina nel blog grazie sei grande ciao a dimenticavo buon halloween .

Posta un commento

Iscriviti a: Commenti sul post (Atom)