Ένα κουμπάκι που επαναφέρει τη σελίδα στην αρχή της. Ακολουθήστε τα παρακάτω βήματα για να το εγκαταστήσετε στη σελίδα σας:
- Σύνδεση στον 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>
- Επικολλήστε μετά από αυτήν τον παρακάτω κώδικα:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
- Πριν κάνετε αποθήκευση προτύπου. Αν όλα πάνε καλά θα δείτε το gadget κάτω δεξιά. Αφού βεβαιωθείτε ότι όλα είναι εντάξει πατήστε
- Αποθήκευση προτύπου
0 σχόλια:
Δημοσίευση σχολίου