lefta4klik - Blogger widgets, tricks, tips & hacks

Μια σελίδα με μήνυμα λάθους 404 εμφανίζει ένα κείμενο παρόμοιο με το "Συγγνώμη, η σελίδα που ψάχνατε σε αυτό το blog δεν υπάρχει". Αυτό μπορεί να συμβεί επειδή έχετε αλλάξει τις διευθύνσεις URL σας με την πάροδο του χρόνου, είτε διαγράψατε μερικές σελίδες που δεν θέλατε. Αυτό δεν κάνει καλή εντύπωση συνήθως στους χρήστες του blog μας. Σε αυτό το post θα σας δώσω ένα JavaScript το οποία ανακατευθύνει όλες τις 404 error pages στην αρχική μας σελίδα. Ανακατεύθυνση των 404 error pages στην αρχική με Javascript Συνδεθείτε στο Blogger Επιλέξτε το blog σας και στη συνέχεια στις Ρυθμίσεις> Προτιμήσεις αναζήτησης> στο "Η Προσαρμοσμένη σελίδα δεν βρέθηκε" κάνετε κλικ για επεξεργασία Αντιγράψτε τον πιο κάτω κώδικα επικολλήστε μέσα και κλικ στο κουμπί "Αποθήκευση αλλαγών" Κώδικας : Η σελίδα δεν βρέθηκε και θα ανακατευθυνθεί στην αρχική σελίδα <script type = "text/javascript"> BSPNF_redirect = setTimeout(function() { location.pat...

Όταν το blog σας έχει πάρα πολλές αναρτήσεις, οι επισκέπτες σας δεν έχουν πάντα το χρόνο ή την επιθυμία για να δουν όλες τις αναρτήσεις σας από την πρώτη μέχρι μέχρι και την τελευταία σελίδα. Έτσι, το widget που θα σας δώσω σήμερα θα επιτρέπει στους επισκέπτες να δουν τυχαίες αναρτήσεις κάθε φορά που ανανεώνουν την σελίδα ή όποτε μεταφέρονται από μια σελίδα σε μια άλλη. Αυτό το gadget επίσης θα δείχνει και ένα απόσπασμα και μια μικρογραφία μαζί με το κάθε post. Δείτε το demo και προσέξτε ότι κάθε φορά που ανανεώνετε την σελίδα βλέπετε και διαφορετικές αναρτήσεις. DEMO Για να το προσθέσετε απλά βάλτε τον πιο κάτω κώδικα ως HTML/JavaScript στο σημείο της διάταξης που θέλετε(Αν δεν ξέρετε πως γίνεται δείτε τον οδηγό εδώ ) Κώδικα : <style> #random-posts img{border-radius: 10px;float:left;margin-right:5px; width: 75 px;height: 75 px;background-color: #F5F5F5;padding: 3px;transition: all 0.2s linear 0s;} #random-posts img:hover{opacity: 0.6;} ul#random-posts {list-styl...

Καλησπέρα σε όλους τους φίλους, σε αυτό το άρθρο θα δούμε πως θα βάλουμε ένα κινούμενο κείμενο το οποίο θα ακολουθεί τον κέρσορα και θα γυρίζει γύρω από αυτόν. Δείτε το demo: Για να το προσθέσετε στο blog σας στο blogger απλά βάλτε τον πιο κάτω κώδικα σαν ένα gadget. Αν δεν ξέρετε πως βάζουμε gadget στο blogger δείτε εδώ . Αν θέλετε να το βάλετε στο site σας απλά βάλτε τον κώδικα μέσα στο τμήμα <head>. Σημ : Προτού βάλετε τον πιο κάτω κώδικα αλλάξτε το κείμενο "Εδώ βάζετε το κείμενο σας" με το δικό σας για να εμφανίζετε το κείμενο που εσείς θέλετε. Κώδικας : Δείτε επίσης : κινούμενο κείμενο για blog (για τα τελευταία νέα του blog σας)

Καλησπέρα σε όλους του φίλους, σήμερα θα σας δώσω ένα script για να κρατήσετε τους αναγνώστες σας περισσότερη ώρα στο blog σας παίζοντας τρίλιζα! Μπορείτε να δείτε και το demo της τρίλιζας πατώντας κλικ πιο κάτω: Για να το προσθέσετε στο blog ή και στο website σας απλά θα χρειαστείτε τον πιο κάτω κώδικα. Μπορείτε να το προσθέσετε στο blogger με 2 τρόπους, είτε μέσω ενός gadget είτε μέσα στο κώδικα του προτύπου σας. Προσθήκη στο blogger ως gadget : μπορείτε να ενσωματώσετε τη τρίλιζα στο blogger σαν ένα απλό gadget. Αν δεν ξέρετε πως δείτε τον οδηγό > προσθήκη gadget στο blogger . Προσθήκη στο blogger πρότυπο : Μπορείτε επίσης να το προσθέσετε σε όποιο σημείο του blog θέλετε βάζοντας τον κώδικα της τρίλιζας μέσα στο τμήμα <body> του blogger προτύπου σας. Κώδικα :

Η πιο κάτω διαδικασία θα σας βοηθήσει να προσθέσετε τα διάφορα gadget που σας παρέχω στο blog μου ή οποιοδήποτε άλλο gadget θέλετε. Προσθήκη gadget στο blogger Σύνδεση στο blogger.com Επιλογή του blog που θέλουμε Από το μενού με τις ρυθμίσεις πάμε στη  Διάταξη Στο σημείο που θέλουμε να προστεθεί το gadget πατάμε Προσθήκη gadget   Στο νέο παράθυρο που ανοίγει μπορείτε να δείτε διάφορα έτοιμα gadget που μας παρέχει το blogger τα οποία μπορείτε να προσθέσετε. Αν θέλετε να βάλετε το δικό σας gadget ή κάποιο από αυτά που που σας δίνω στο blog μου θα επιλέξετε το HTML/JavaScript , εκεί μέσα θα βάλετε τον κώδικα και θα πατήσετε το κουμπί αποθήκευση . Οδηγός βίντεο για την προσθήκη gadget

Καλησπέρα σε όλους του φίλους του lefta4klik σήμερα θα σας δώσω ένα ωραίο παιχνιδάκι για να προσθέσετε στο blog σας να παίζουν οι επισκέπτες σας. Στο παιχνίδι υπάρχουν 3 διαφορετικά επίπεδα  δυσκολίας με χρόνο αντίστροφης μέτρησης. Πιο κάτω μπορείτε να δοκιμάσετε το παιχνίδι παίζοντας το εδώ και ακριβώς από κάτω αν σας αρέσει, σας δίνω το κώδικα και την διαδικασία προσθήκης στο δικό σας blog. Παίξτε το παιχνίδι :  Για να το προσθέσετε στο blog σας ακολουθήστε την εξής διαδικασία : Σύνδεση στο blogger Πάμε στο μπλοκ που θέλουμε να το προσθέσουμε και επιλέγουμε την διάταξη Μετά πάμε προσθήκη gadget, από το παράθυρο που ανοίγει επιλέγουμε το HTML/JavaScript βάζουμε τον πιο κάτω κώδικα και αποθηκεύουμε Σημείωση : Αν θέλετε να αλλάξετε το μέγεθος του πλαισίου απλά αλλάξτε τους αριθμούς που έχω με κόκκινο, όσο πιο μικροί οι αριθμοί τόσο μικρότερο το πλαίσιο του παιχνιδιού. <embed align="middle" allowscriptaccess="always" height=" 250 " plu...

Τα κοινωνικά μέσα μαζικής ενημέρωσης θα μπορούσε να είναι μεγάλη πηγή επισκεψιμότητας για κάθε blog. Υπάρχουν πολλές δημοφιλείς ιστοσελίδες κοινωνικής δικτύωσης όπως το Twitter και Facebook. Σήμερα θα σας δώσω ένα πολύτιμο widget στο οποίο εκτός από τα κουμπιά των social media θα περιέχει μια φόρμα εγγραφής εγγραφής για να λαμβάνουν οι αναγνώστες σας πρώτοι τις νέες δημοσιεύσεις σας στο email τους. Δείτε το demo εδώ Οδηγίες προσθήκης του widget στο blogger : Σύνδεση στο blogger και από το μενού του blog μας πάμε στη Διάταξη Στο σημείο που θέλουμε πατάμε Προσθήκη gadget Στο παράθυρο που ανοίγει βρίσκουμε το HTML/JavaScript, το πατάμε και βάζουμε μέσα εκεί τον πιο κάτω κώδικα Σημαντικό* : Όπου βλέπετε τα κόκκινα links που έχω μέσα στον πιο κάτω κώδικα θα πρέπει να τα αντικαταστήσετε με τα δικά σας Social. <!- Thesis Email Subscribe Widget -> <div id="sidebars"> <ul class="sidebar_list"> <li id="social-profiles"> <u...

Καλησπέρα σε όλους, σήμερα θα δούμε πως γίνεται να βάλουμε κάποιους ήχους ή τραγούδια για να ακούνε οι επισκέπτες του blog μας. Θα μπορείτε να ενεργοποιήσετε τους ήχους να ξεκινάνε αυτόματα με την είσοδο του κάθε επισκέπτη στο blog σας ή ακόμα να ξεκινάνε μετά από κάποια ενέργεια από το χρήστη. Επίσης κάτι που δεν ανάφερα στο βίντεο είναι ότι μπορείτε να ενσωματώσετε ήχους μόνο σε συγκεκριμένο άρθρο. Μπορείτε να το δείτε και να το ακούσετε στο demo blog εδώ: http://epidixi.blogspot.gr/ Δείτε το βίντεο με την όλη διαδικασία η οποία είναι πολύ απλή. Αν συναντήσετε κάποια δυσκολία μη διστάσετε να αφήσετε σχόλιο. Η ιστοσελίδα που αναφέρω είναι:  https://soundcloud.com/

Παραμονή Χριστουγέννων λοιπόν και είπα να αναρτήσω ένα τελευταίο post πριν τα Χριστούγεννα για να σας ευχηθώ Καλά Χριστούγεννα και να περάσετε καλά όλοι με τις οικογένειες σας και με ανθρώπους που σας αγαπούν!!!! Σε αυτό το άρθρο θα δούμε πως να προσθέσουμε στο blog μας ένα ψηφιακό ρολόι . Για όσους θέλουν να το βάλουν στο blogger ο τρόπος είναι πολύ απλός και τον έχουμε πει άπειρες φορές, απλά πάμε στην διάταξη, από εκεί πατάτε προθήκη gadget και στο παράθυρο που ανοίγει επιλέγουμε το HTML/JavaScript όπου εκεί μέσα θα βάλουμε τον κώδικα του ρολογιού που θέλουμε, το αποθηκεύουμε και είμαστε έτοιμοι. Σημείωση : μπορείτε να αλλάξετε το μέγεθος με αυτό που θέλετε πειράζοντας το font-size προς τα κάτω ή πάνω ανάλογα με το αν θέλετε να μεγαλώσει ή να μικρύνει το μέγεθος. Επίσης μπορείτε να αλλάξετε και το χρώμα αν δεν σας ικανοποιούν τα πιο κάτω. Αν θέλετε κάποιο συγκεκριμένο χρώμα και δεν ξέρετε πως να το εφαρμόσετε αφήστε σχόλιο να το προσθέσω και αυτό! Για να το προσθ...

Σήμερα θα δούμε ένα ωραίο javascript που είναι ιδιαίτερα χρήσιμο αυτές τις μέρες που πλησιάζουν τα Χριστούγεννα. Δίνει μια άλλη αίσθηση στο blog μας και θυμίζει τις γιορτινές αυτές μέρες. Το συγκεκριμένο script είναι σαν αυτό που βλέπετε στην διπλανή εικόνα δείχνει δηλαδή, τις μέρες, τις ώρες τα λεπτά και τα δευτερόλεπτα που απομένουν μέχρι τα Χριστούγεννα. Πως να βάλετε την αντίστροφη μέτρηση Χριστουγέννων στο blogger (Μπορείτε να δείτε και το βίντεο στο τέλος του άρθρου που κάνω αυτή την διαδικασία στην πράξη σε 3 λεπτά) : Σύνδεση στο blogger, επιλογή του blog μας και από το μενού πατάμε "Διάταξη" και στο σημείο που θέλουμε να τοποθετηθεί ο μετρητής πατάμε "Προσθήκη gadget", στο παράθυρο που ανοίγει επιλέγουμε "HTML/JavaScript" και βάζουμε μέσα στο παράθυρο τον πιο κάτω κώδικα: Απομένουν μέχρι τα Χριστούγεννα: Μέρες Ώρες Λεπτά Δεύτερα <script src='https://googledrive.com/host/0B3fIJ7nZFI9iaWxiX2hCM...

Καλησπέρα, σήμερα θα δούμε πως μπορούμε να ενσωματώσουμε στο blog μας κάτι που δημιουργήσαμε στο adobe flash professional δηλαδή κάτι που έχει την μορφή SWF. Συγκεκριμένα θα δείξω πως να ανεβάσουμε στο blog μας το αναλογικό ρολόι που φτιάξαμε σε ένα από τα προηγούμενα άρθρα, αν κάποιος δυσκολεύεται να το φτιάξει όπως αυτός θέλει μπορεί να προσθέσει το δικό μου που θα σας δώσω πιο κάτω. Το μόνο που χρειάζεται είναι ένα host όπου θα ανεβάσουμε το αρχείο .swf και να το ενσωματώσουμε σε μια ετικέτα <embed>. Δείτε το παράδειγμα για να καταλάβετε καλύτερα: <embed align="middle" allowscriptaccess="always" height="150" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://googledrive.com/host/0B3fIJ7nZFI9icF9PWnE3T0xpZHM/" type="application/x-shockwave-flash" width="150"></embed> Ο πιο πάνω κώδικας τώρα είναι έτοιμος για να τρέξει η εφαρμογή μας. Για να τ...

Καλησπέρα σε όλους, σήμερα θα σας δώσω ένα γκατζετάκι να αρχίσετε να στολίζετε το blog σας για την περίοδο των γιορτών. Θα δώσει ένα άλλο αέρα στο blog σας τώρα για το κλίμα τον εορτών. Μπορείτε να το δείτε μια σε δοκιμαστική έκδοση προτού το βάλετε, δείτε το πατώντας εδώ . Είναι τα λαμπάκια που βλέπετε πάνω πάνω να αναβοσβήνουν. Προσθήκη στο blog σας: Αφού συνδεθείτε και επιλέξετε το blog που σας ενδιαφέρει, από το μενού πατήστε "Διάταξη" και "Προσθήκη gadget" Στο παράθυρο που ανοίγει αφού αντιγράψετε τον πιο κάτω κώδικα επικολλήστε τον σε αυτό Αποθηκεύστε και είστε έτοιμοι. <script type="text/javascript" src="https://googledrive.com/host/0B3fIJ7nZFI9iYXBkdWgwdzhodWM/"></script> Μπορείτε επίσης να κάνετε το blog σας ακόμα πιο χριστουγεννιάτικο, δείτε : gadget Αγίου Βασίλη , χριστουγεννιάτικα gadget .

Καλησπέρα σε όλους, σήμερα θα δούμε ένα πολύ απλό τρόπο που μπορούμε να ενσωματώσουμε στο blog  μας μια φόρμα επικοινωνίας για να μπορούν οι αναγνώστες να μας στέλνουν τα μηνύματα που θέλουν μέσω αυτής της φόρμας. Θεωρώ ότι πρέπει να υπάρχει σε κάθε blog μια φόρμα επικοινωνίας, ο κυριότερος λόγος είναι ότι θα μπορεί ο χρήστης να επικοινωνήσει άμεσα μαζί μας συμπληρώνοντας τα πεδία της φόρμας και χωρίς να χρειάζεται να συνδεθεί στο λογαριασμό του προσωπικού του email. Επίσης ένας άλλος βασικός λόγος είναι ότι δεν θα χρειάζεται να εμφανίζετε το email στην σελίδα μας και κατά συνέπεια δεν θα μπορούν τα bot να διαβάζουν το email, με αυτό το τρόπο θα αποφύγουμε σε πολύ μεγάλο βαθμό το spam που στις μέρες μας έχει πάρει τεράστιες διαστάσεις. Μπορείτε να δείτε την φόρμα που φαίνεται πατώντας εδώ:  http://lefta4klik.blogspot.gr/2012/11/epikinonia.html Στο τέλος του παρόν άρθρου θα δείτε ένα δικό μου οδηγό βίντεο που θα σας βοηθήσει να προσθέσετε και εσείς την φόρμα. Διαδικα...

Καλησπέρα σε όλους τους φίλους και αναγνώστες του lefta4klik, σήμερα θα σας δώσω ένα χρήσιμο script για να βλέπετε τα τελευταία σχόλια που έχουν γίνει στο blog σας. Όπως θα δείτε αν το προσθέσετε στο blog σας θα εμφανίζεται ένα απόσπασμα του σχολίου μαζί με το όνομα του χρήστη και το τίτλο στον οποίο καταχώρησε το σχόλιο όπου θα υπάρχει και το ανάλογο λινκ για να σας στέλνει στην σελίδα του σχολίου. Οδηγός προσθήκης : Σύνδεση στο blogger.com και επιλογή του blog που θέλετε Από το μενού πάτε " Διάταξη " και στο σημείο που προτιμάτε πατάτε " Προσθήκη gadget ", επιλέγετε το HTML/JavaScript Αντιγράφετε το πιο κάτω κώδικα και τον κάνετε επικόλληση στο παράθυρο που σας άνοιξε πιο πριν αφού πρώτα αλλάξετε τα γράμματα που έχω μαρκαρισμένα με κόκκινο: src= http://lefta4klik.blogspot.gr /feeds/comments/default με το url του blog σας <script style=text/javascript src="https://googledrive.com/host/0B3fIJ7nZFI9iaVR4cWE0dGZpRFk/"></script><scr...

Όλοι οι bloggers και γενικά όσοι έχουν σελίδες στο facebook έχουν ως στόχο την αύξηση των like στις σελίδες τους. Με την αύξηση των θαυμαστών σε σελίδες του facebook μπορούμε παράλληλα να αυξήσουμε και την επισκεψιμότητα στα μπλοκ. Σήμερα θα σας δείξω ένα νέο και πρωτότυπο τρόπο για να αυξήσετε τα "μου αρέσει" στις fan page σας στο facebook μέσω του μπλοκ σας. Σας έφτιαξα ένα widget που αν το προσθέσετε στο μπλοκ σας θα δείτε ότι θα σας πετάει ένα εικονίδιο του facebook μέσα στο blog σας το οποίο θα αλλάζει σε διαφορετικά εικονίδια. Βάζοντας πάνω στο εικονίδιο το κέρσορα του ποντικιού σας θα δείτε ότι πετάει ακόμα ένα εικονίδιο στο οποίο αναφέρετε η λέξη "Like" μαζί με το χαρακτηριστικό του facebook το:  Μπορείτε να το ενσωματώσετε στο blogger ακολουθώντας τα πιο κάτω βήματα 1. Αφού συνδεθείτε στο blogger επιλέγετε από το μενού την " Διάταξη " και ακολούθως " Προσθήκη gadget " 2. Στο παράθυρο που ανοίγει επιλέγετε το " HTML/JavaSc...

Σε αυτό το άρθρο θα δούμε πως μπορούμε να απενεργοποιήσουμε το δεξί κλικ στο blog μας ή σε οποιαδήποτε άλλη ιστοσελίδα χρησιμοποιώντας χρησιμοποιώντας html (javascript) κώδικα. Είναι ένα βοηθητικό για όσους θέλουν να προστατέψουν κάπως το περιεχόμενο του από τις κλοπές (copy-paste). Εφαρμόζοντας το συγκεκριμένο κώδικα θα δείτε ότι όταν ο χρήστης πατήσεις δεξί κλικ θα πετάγεται ένα μήνυμα το οποίο θα λέει "το δεξί κλικ είναι απενεργοποιημένο", μπορείτε αν θέλετε να αλλάξετε αυτό το μήνυμα με ένα της επιλογής σας, όπως για παράδειγμα, "απαγορεύεται η αντιγραφή των άρθρων χωρίς την άδεια του δημιουργού" ή " απαγορεύεται το copy - paste". Επίσης θα σας δώσω και ένα άλλο κώδικα ο οποίος θα απενεργοποιεί το δεξί κλικ χωρίς όμως να πετάει κάποιο μήνυμα, μπορείτε να διαλέξετε όποιο θέλετε. Μπορείτε να το ενσωματώσετε στο blogger με την εξής διαδικασία: Σύνδεση στο blogger Επιλέγουμε το blog που θέλουμε και από το μενού πατάμε "Διάταξη" Προ...

Γεια σε όλους! Σήμερα μετά από αρκετό καιρό από το τελευταίο gadget που σας είχα δώσει, θα δούμε ένα νέο και βοηθητικό πολύ για όσους προωθούν το αντικείμενο τους μέσω facebook. Αυτό το gadget έχει ως σκοπό να προτρέψει του επισκέπτες σας να σας ακολουθήσουν στην σελίδα σας στο facebook. Είναι πολύ απλό στην ενσωμάτωση μιας και μπορεί να προστεθεί στο blog σας στο blogger με τον απλό τρόπο που είπαμε πολλές φορές! Επιλέγετε το blog που θέλετε να το προσθέσετε και από το μενού πάτε στην διάταξη, ακολούθως προσθήκη gadget, στο παραθυράκι που ανοίγει διαλέγετε το "HTML/JavaScript" και σε αυτό επικολλάτε τον πιο κάτω κώδικα: Μην ξεχάσετε να αλλάξετε την διεύθυνση url  https://www.facebook.com/blogger.money.tricks.tips.hacking  με την δικιά σας (την έχω μαρκάρει με κόκκινα γράμματα)  <style type="text/css"> * html #popupfacebook{ position:absolute; overflow:hidden;} #popupfacebook { display:block; top:0px; left:0px; width:100%; height:100%; position:fi...

Πλησιάζει το Πάσχα και θα θέλατε κάτι Πασχαλινό για το blog σας; Σας έχω ένα gadget  το οποίο θα κάνει το blog σας να βρέχει πασχαλινά αυγά. Δοκιμάστε το! Μπορείτε να το εφαρμόσετε με το συνηθισμένο τρόπο στο blog σας: Σύνδεση στο λογαριασμό σας στο blogger.com Διάταξη  Προσθήκη gadget HTML/JavaScript Επικόλληση και Αποθήκευση του πιο κάτω script <script>if(typeof $pdj=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://img14.imageshack.us/img14/6...

Καλησπέρα σε όλους, σήμερα θα δούμε πώς βάζουμε αριθμούς στις σελίδες του blog  μας. Είναι πολύ βοηθητικό στους επισκέπτες μας στο να μπορούν να μεταβούν γρηγορότερα από μια σελίδα σε μια άλλη και για να ξέρουν το σύνολο των σελίδων που υπάρχουν. Ακολουθούν τα απαραίτητα βήματα για να ενσωματωθεί στο blog . Σημείωση: Καλώ είναι να δημιουργήσετε αντίγραφο ασφάλειας του προτύπου σας για να το επαναφέρετε σε τυχών λάθοι που προκύψουν. Σύνδεση στο λογαριασμό μας στο blogger Πρότυπο Επεξεργασία HTML Με ctr+f  βρίσκουμε: ]]></b:skin> Πριν από αυτό επικολλούμε το πιο κάτω κώδικα .showpageArea { margin:10px 0 } .showpageArea a { text-decoration:none; } .showpageNum a { background-color:#ddd; -moz-border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; -goog-ms-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; font-size:11px; border:1px solid #999; padding:4px 8px 4px 8px; margin:2px; color:#000; tex...