Τρίτη 28 Ιουνίου 2011

Back to Top button

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

  • Σύνδεση στον 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 σχόλια:

      Δημοσίευση σχολίου

      Twitter Delicious Facebook Digg Stumbleupon Favorites More