Νέοι bloggers γεια σας !!!Σήμερα σας παρουσιάζω έναν κώδικα, που χρειαζόμαστε όλοι στο blog μας, για να βλέπουμε πόση ώρα χρειάζεται η σελίδα μας για να ανοίξει...έχω προσθέσει και μια εικόνα που δείχνει ότι η σελίδα φορτώνει... DEMO ΕΔΩ
Πρώτα απ' όλα πάμε Σχεδίαση => Επεξεργασία HTML και κρατάμε ένα αντίγραφο του κώδικα της σελίδας μας, πατώντας το "Λήψη πλήρους προτύπου" (μήπως κάνουμε καμία "πατάτα" και το χαλάσουμε)....μετά τσεκάρουμε το " Επέκταση προτύπων γραφικών στοιχείων"....
Στη συνέχεια με τον γνωστό τρόπο Ctrl+F, (Ctrl-F στα Windows, Cmd-F στο Mac) ψάχνουμε να βρούμε το : <head>
...και επικολλάμε τον παρακάτω κώδικα ΑΜΕΣΩΣ ΑΠΟ ΚΑΤΩ :
<!-- page load timer -->
<script type='text/javascript'>
var d = new Date();
var starttime = d.getTime(); //Get the start time
</script>
...τώρα βρίσκουμε (CTRL+F) η φράση : </body>
...και ΠΡΙΝ από αυτή επικολλάμε το κώδικα:
<!-- page load timer start -->
<script type='text/javascript'>
var d2 = new Date();
var endtime = d2.getTime(); //Get the end time
//Find the difference between the start and end times
var totaltime = (endtime - starttime)/1000;
//Round 2 decimal places
var result = Math.round(totaltime*100)/100;
//Output results to a "P" element
document.getElementById("loadtime").innerHTML = "Page loaded in: "+ result +" seconds";
</script>
<!-- page load timer end -->
...και πατάμε αποθήκευση....
Τέλος βάζουμε σαν gadget =>(δείτε την εικόνα)
...τον εξής κώδικα :
<!-- Widget portion -->
<p id="loadtime"><img width="200" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHlUfh0I3gcKmRtrj6CUgB5eoH-4czcq-Lr_-Sz86Yws7EG7IX6ndSwuRspexMYaP5bE4wrn4f4oxIIZC6G6LoiSfuGUEdZ0WCrYMjrhHHt1oCeQMWe4swYuSEB_BchoggJhHuroSH_Qgw/" /></p>
....και μεταφέρουμε το gadget σε όποιο σημείο της σελίδας μας (συνήθως στη πλαϊνή στήλη) θέλουμε και πατάμε αποθήκευση!!!! DEMO ΕΔΩ
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
Πηγή : bdlab.blogspot.com/
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Πρώτα απ' όλα πάμε Σχεδίαση => Επεξεργασία HTML και κρατάμε ένα αντίγραφο του κώδικα της σελίδας μας, πατώντας το "Λήψη πλήρους προτύπου" (μήπως κάνουμε καμία "πατάτα" και το χαλάσουμε)....μετά τσεκάρουμε το " Επέκταση προτύπων γραφικών στοιχείων"....
Στη συνέχεια με τον γνωστό τρόπο Ctrl+F, (Ctrl-F στα Windows, Cmd-F στο Mac) ψάχνουμε να βρούμε το : <head>
...και επικολλάμε τον παρακάτω κώδικα ΑΜΕΣΩΣ ΑΠΟ ΚΑΤΩ :
<!-- page load timer -->
<script type='text/javascript'>
var d = new Date();
var starttime = d.getTime(); //Get the start time
</script>
...τώρα βρίσκουμε (CTRL+F) η φράση : </body>
...και ΠΡΙΝ από αυτή επικολλάμε το κώδικα:
<!-- page load timer start -->
<script type='text/javascript'>
var d2 = new Date();
var endtime = d2.getTime(); //Get the end time
//Find the difference between the start and end times
var totaltime = (endtime - starttime)/1000;
//Round 2 decimal places
var result = Math.round(totaltime*100)/100;
//Output results to a "P" element
document.getElementById("loadtime").innerHTML = "Page loaded in: "+ result +" seconds";
</script>
<!-- page load timer end -->
...και πατάμε αποθήκευση....
Τέλος βάζουμε σαν gadget =>(δείτε την εικόνα)
...τον εξής κώδικα :
<!-- Widget portion -->
<p id="loadtime"><img width="200" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHlUfh0I3gcKmRtrj6CUgB5eoH-4czcq-Lr_-Sz86Yws7EG7IX6ndSwuRspexMYaP5bE4wrn4f4oxIIZC6G6LoiSfuGUEdZ0WCrYMjrhHHt1oCeQMWe4swYuSEB_BchoggJhHuroSH_Qgw/" /></p>
....και μεταφέρουμε το gadget σε όποιο σημείο της σελίδας μας (συνήθως στη πλαϊνή στήλη) θέλουμε και πατάμε αποθήκευση!!!! DEMO ΕΔΩ
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
Πηγή : bdlab.blogspot.com/
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}