Μετάβαση στο κύριο περιεχόμενο

Αντίστροφη μέτρηση για τα Χριστούγεννα στο blog μας

αντίστροφη μέτρηση Χριστουγέννων
Σήμερα θα δούμε ένα ωραίο javascript που είναι ιδιαίτερα χρήσιμο αυτές τις μέρες που πλησιάζουν τα Χριστούγεννα. Δίνει μια άλλη αίσθηση στο blog μας και θυμίζει τις γιορτινές αυτές μέρες.

Το συγκεκριμένο script είναι σαν αυτό που βλέπετε στην διπλανή εικόνα δείχνει δηλαδή, τις μέρες, τις ώρες τα λεπτά και τα δευτερόλεπτα που απομένουν μέχρι τα Χριστούγεννα.

Πως να βάλετε την αντίστροφη μέτρηση Χριστουγέννων στο blogger (Μπορείτε να δείτε και το βίντεο στο τέλος του άρθρου που κάνω αυτή την διαδικασία στην πράξη σε 3 λεπτά):
  1. Σύνδεση στο blogger, επιλογή του blog μας και από το μενού πατάμε "Διάταξη" και στο σημείο που θέλουμε να τοποθετηθεί ο μετρητής πατάμε "Προσθήκη gadget", στο παράθυρο που ανοίγει επιλέγουμε "HTML/JavaScript" και βάζουμε μέσα στο παράθυρο τον πιο κάτω κώδικα:


    2. <div class="sm_counter_cont"> <div class="sm_santa"> </div> <h1> Απομένουν μέχρι τα <center> Χριστούγεννα:</center> </h1> <div class="sm_counter_column"> <div class="sm_column_top" id="xmasdays"> </div> <div class="sm_column_bottom"> Μέρες</div> </div> <div class="sm_counter_column"> <div class="sm_column_top" id="xmashours"> </div> <div class="sm_column_bottom"> Ώρες</div> </div> <div class="sm_counter_column"> <div class="sm_column_top" id="xmasminutes"> </div> <div class="sm_column_bottom"> Λεπτά</div> </div> <div class="sm_counter_column"> <div class="sm_column_top" id="xmasseconds"> </div> <div class="sm_column_bottom"> Δεύτερα</div> </div> </div> <script src='https://googledrive.com/host/0B3fIJ7nZFI9iaWxiX2hCMTI5S0U/' type='text/javascript'/></script>
  2. Αποθηκεύουμε και αν κάνουμε μια προεπισκόπηση θα δούμε ότι εμφανίζονται κάπως σαντανομένα. Για να το φτιάξουμε αυτό πρέπει να προσθέσουμε και τα css του script.
  3. Πατάμε στο πρότυπο και ακολούθως "Επεξεργασία HTML", βάζουμε τον κέρσορα μέσα στον κώδικα του προτύπου και πατάμε Ctrl + F στο παραθυράκι αναζήτησης που εμφανίζει εισάγουμε το keyword </head> όταν το βρούμε βάζουμε ακριβώς από πάνω του την πιο κάτω γραμμή κώδικα:
    4. <link href='https://googledrive.com/host/0B3fIJ7nZFI9iRFlkcEZnR04tR00/' rel='stylesheet' type='text/css'/>
    Δείτε και τον οδηγό βίντεο:
Ετικέτες

Σχόλια

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

Όλες οι απορίες πλέον θα λύνονται μόνο μέσα στο φόρουμ το οποίο μπορείτε να βρείτε εδώ http://forum.click4money.gr/
Ο λόγος είναι για να μαζεύεται όλο το υλικό εκεί και να μην απαντάμε συνέχεια στα ίδια ερωτήματα

Δημοφιλείς αναρτήσεις από αυτό το ιστολόγιο

Κουμπιά κοινωνικής δικτύωσης στο blog

Σήμερα θα σας δώσω πολύ ωραία gadget με κουμπιά για like,tweet,+1 όπως αυτά που βλέπετε παρακάτω. Μπορείτε να το προσθέσετε εύκολα στο blog σας με την γνωστή διαδικασία που αναφέρω ξανά πιο κάτω. Σύνδεση στο λογαριασμό μας στο blogger.com Διάταξη  Προσθήκη gadget HTML/JavaScript Αντιγραφή επικόλληση και αποθήκευση του κώδικα που έχει το χρώμα που θέλουμε (γράφω πάνω από κάθε κώδικα τι χρώμα έχει το gadget) Σημείωση : Για να εμφανιστεί και το κουμπί της google με το "+1" πρέπει να προσθέσετε το κώδικα που σας δίνω παρακάτω, εκτός και αν το προσθέσατε πιο παλιά. Για να το βάλουμε επιλέγουμε από το μενού "πρότυπο" ακολούθως "Επεξεργασία HTML" πατάμε "ctrl + f" για να ψάξουμε το "<head>", μόλις το βρούμε το προσθέτουμε μέσα στο head τμήμα κώδικα. Κώδικας για το κουμπί  +1 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> Άσπρο <style>#floati...
5 σχόλια
Διαβάστε περισσότερα

Εγκατάσταση backtrack στα windows με βοήθεια εικονικής μηχανής

Καλησπέρα φίλοι μου, σήμερα σας έχω φτιάξει το βίντεο που μου ζητήσατε κάποιοι που είχατε δυσκολίες στην εγκατάσταση του  backtrack  σε εικονική μηχανή για να τρέχουνε στα windows. Είναι πάρα πολύ απλό, θα το δείτε στην συνέχεια στο video. Την εικονική μηχανή που έχω και εγώ για να τρέχουνε τα backtrack στα windows:  Κατεβάστε την εδώ . Τα Backtrack τα κατεβάζετε από εδώ . Κατεβάστε την τελευταία έκδοση δηλαδή το backtrack 5 R3. Επίσης σας έχω και μια εναλλακτική λύση εικονικής μηχανής που θα δείτε κάτω από το βίντεο, όπου μπορείτε να δείτε  οδηγίες για να κατεβάσετε και να τρέξετε το backtrack στο virtualbox της oracle. Εγκατάσταση backtrack σε εικονική μηχανή - Δείτε τον οδηγό βίντεο Μπορείτε αν θέλετε να κατεβάσετε την εικονική μηχανή (virtualbox) της oracle που είναι επίσης πολύ καλή και είναι δωρεάν. Κατεβάστε την από εδώ  https://www.virtualbox.org/wiki/Downloads . Όταν κατεβεί το κάνετ...
234 σχόλια
Διαβάστε περισσότερα

Σπάσιμο κωδικών email και τρόποι προστασίας αυτών

Καλησπέρα φίλοι και αναγνώστες του  blog μου, σήμερα θα σας δείξω ένα οδηγό βίντεο με τον οποίο μπορεί κάποιος να μας κλέψει τον κωδικό του email μας όπως επίσης και τρόπους με τους οποίους μπορούμε να προστατευτούμε. Με αυτό το τρόπο μπορούμε να ανιχνεύσουμε  κωδικούς hotmail, windows live και gmail . Στον οδηγό βίντεο σας δείχνω για hotmail που με τον ίδιο τρόπο γίνετε και για τα windows live.  Για gmail στην επιλογή "Single target" που σας δείχνω στο βίντεο αντί για "pop3.live.com" βάζουμε "smtp.gmail.com", στην "Port" βάζουμε 465, και στο "Protocol" βάζουμε "smtp", επίσης βάζουμε τικ και στην επιλογή "Be verbose", τα άλλα τα κάνουμε όπως και στο βίντεο. Θα χρειαστούμε  Backtrack ( το backtrack το κατεβάζετε εδώ ή  εδώ για torrent ). Το προγραμμάτακι "Hydra-gdk" το οποίο είναι ενσωματωμένο στο backtrack, θα το βρείτε στο μενού => Application-Backtrack-Privilege Escalation- Passwo...
111 σχόλια
Διαβάστε περισσότερα