Back to Top button

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Ένα κουμπάκι που επαναφέρει τη σελίδα στην αρχή της. Ακολουθήστε τα παρακάτω βήματα για να το εγκαταστήσετε στη σελίδα σας:

  • Σύνδεση στον Blogger
  • Σχεδίαση / Επεξεργασία HTML
  • Κλικ στο Επέκταση Γραφικών Στοιχείων
  • Ctrl + F για να βρείτε την ετικέτα ]]></b:skin>
  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
  • Βρείτε τώρα την ετικέτα </body>
  • Πριν από αυτήν επικολλήστε τον παρακάτω κώδικα:

<a href="#" id="backtotop"><img src="http://t0.gstatic.com/images?q=tbn:ANd9GcSf0wognbNinqAVreucJzd5g-cMrjOe8Nv0J4FmwooQ6by7_axOuA" alt="back to top" /></a>
  • Βρείτε τώρα την ετικέτα <head>
  • Επικολλήστε μετά από αυτήν τον παρακάτω κώδικα:

&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'&gt;&lt;/script&gt;
&lt;script language=&quot;javascript&quot;&gt;
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
&lt;/script&gt;
  • Πριν κάνετε αποθήκευση προτύπου. Αν όλα πάνε καλά θα δείτε το gadget κάτω δεξιά. Αφού βεβαιωθείτε ότι όλα είναι εντάξει πατήστε 
  • Αποθήκευση προτύπου
Μπορείτε να αλλάξετε το URL της εικόνας και να βάλετε μια που να ταιριάζει στη σελίδα σας!


      0 σχόλια:

      Post a Comment

      Subscribe to: Post Comments (Atom)
       
      back to top