lefta4klik - Blogger widgets, tricks, tips & hacks

Καλησπέρα σε όλους, πολλοί βλέπετε τα σχόλια του facebook κάτω από άρθρα ιστοσελίδων και blogs και αναρωτιέστε πως γίνετε να το κάνετε και εσείς στο δικό σας blog. Σήμερα θα δείτε πως μπορείτε να το ενσωματώσετε και εσείς αυτό. Σας έφτιαξα και ένα απλό οδηγό βίντεο που θα το βρείτε κάτω κάτω στο τέλος του άρθρου όπου σας δείχνω την όλη διαδικασία τοποθέτησης αυτής της εφαρμογής. Διαδικασία δημιουργίας εφαρμογής στο facebook : Αφού συνδεθείτε στο facebook κάντε κλικ εδώ:  https://developers.facebook.com/apps Πατάτε στο κουμπί "+ Δημιουργία νέας εφαρμογής (+ Add a New App)" Στο παραθυράκι που ανοίγει επιλέξτε "Ιστοσελίδα" Στη συνέχεια δώστε το όνομα που επιθυμείτε να έχει η εφαρμογή και κάντε κλικ στο κουμπί "Create New Facebook App ID" Στο νέο παράθυρο διαλέξτε κατηγορία και κάντε κλικ στο κουμπί "Create App ID" Στη συνέχεια δώστε το url του blog σας στο "Site URL" και στο "Mobile Site URL" πατήστε επόμενο και ακο...

Το Floating Facebook Like Box είναι ένα widget για το blog σας στο blogspot που θα σας βοηθήσει να αυξήσετε τους θαυμαστές σας στο facebook. Αυτό το widget θα φαίνεται στη μέση της δεξιάς πλευράς του blog σας στο οποίο όταν πάει ο κέρσορας να το αγγίξει θα ανοίγει με ομαλή ολίσθηση και μέσα σε αυτό θα μπορεί να κάνει κάποιος Like. Πώς να το προσθέσετε στο blog σας Βάλτε τον κώδικα που σας δίνω πιο κάτω ως gadget(HTML/JavaScript) στη διάταξη του blogger σε όποιο σημείο θέλετε. Αν δεν ξέρετε πως μπορείτε να το κάνετε αυτό δείτε τον απλό οδηγό εδώ . Πιο κάτω όπως βλέπετε σας έχω 9 διαφορετικά στυλ για αυτό το gadget, μπορείτε να διαλέξετε αυτό που σας αρέσει και ταιριάζει με την αισθητική του blog σας. Σημ. Πριν το αποθηκεύσετε σιγουρευτείτε ότι αντικαταστήσατε το "https://www.facebook.com/blogger.money.tricks.tips.hacking" με το σύνδεσμο της δική σας σελίδας στο facebook Στυλ 1 (Μπλε χρώμα το κλασικό του facebook) <!--Blue Classic Widget Floating Facebook-...

Ο σχεδιασμός του blog είναι πολύ σημαντικός στο γεγονός ότι θα είναι ελκυστικό και φιλικό προς τους χρήστες σύμφωνα με την άποψη των αναγνωστών. Λόγω του ότι πλέον οι χρήστες χρησιμοποιούν διαφορετικές συσκευές για την πρόσβαση στο διαδίκτυο πρέπει να χρησιμοποιείτε ένα responsive πρότυπο (προσαρμόζεται σε διάφορες συσκευές). Το κύριο όφελος όφελος ενός responsive πρότυπο είναι ότι ανταποκρίνεται σε διάφορες αναλύσεις οθόνης και έτσι το blog σας θα φαίνεται σωστά από όλες τις συσκευές(laptop, tablet, mobile κ.α.). 10 Responsive πρότυπα για να διαλέξετε για το blog σας 1. RealMag Το RealMag είναι ένα σύγχρονο Responsive Blogger Template, φιλικό προς το χρήστη και επαγγελματικό. DEMO - ΛΗΨΗ 2. Geeks Gadget Το Blogger πρότυπο Geeks Gadget είναι ένα αποτελεσματικό και υπέροχο πρότυπο για τους χρήστες του Blogger. DEMO  -  ΛΗΨΗ 3. Lightness Το Lightness είναι ένα πρότυπο του Blogger ιδανικό για ειδήσεις ή για ιστοσελίδα περιοδικο...

Έλαβα αρκετά μηνύματα που με ρωτούσατε αν γίνετε να αφαιρέσετε από το url σας το blogspot και να βάλετε το δικό σας όνομα τομέα(domain). Το να έχει ένα μπλοκ το δικό του domain έχει αρκετά πλεονεκτήματα όπως για παράδειγμα μπορεί ο χρήστης να το πληκτρολογήσει πολύ πιο γρήγορα χωρίς να χρειάζεται να γράψει και το "blogspot". Σε αυτό το άρθρο θα δούμε πόσο απλό είναι να γίνει αυτό. Στο τέλος του άρθρου σας έχω και ένα βίντεο που δείχνω την διαδικασία ενσωμάτωσης του domain μας με το blogger. Διαδικασία προσθήκης domain στο blogger 1) Καταρχήν για να μπορέσετε να βάλετε το δικό σας domain στο blogspot πρέπει να κατοχυρώσετε ένα από  κάποιο καταχωρητή ονομάτων χώρου (domains). Εγώ χρησιμοποιώ το papaki γιαυτό θα σας δείξω σε αυτό πως γίνετε η όλη διαδικασία.  2) Αφού μπείτε στην σελίδα: papaki.gr  θα δείτε ένα πεδίο αναζήτηση όπου εκεί θα πληκτρολογήσετε το domain που επιθυμείτε και θα πρέπει να πατήσετε αναζήτηση. 3) Όπως θα δείτε τώρα θα σας βγάλει μια σειρά από...

Πάει καιρός που σας έδωσα αυτό το όμορφο μενού  => click4money.gr/2013/08/orizontio-menou-me-koutaki-anazhthshs.html . Σε αυτό το post σας έχω ένα ακόμα καταπληκτικό μενού φτιαγμένο με css3 το οποίο μπορείτε να προσθέσετε στο blog σας αρκετά εύκολα. Στην δεξιά πάνω μεριά του μενού υπάρχουν μερικά έξτρα πραγματάκια εκτός του μενού. Είναι ένας σύνδεσμος "About" άλλος ένας για την επικοινωνία και κουμπάκια κοινωνικών δικτύων του Facebook, Twitter, Google Plus και RSS feed. Επίσης μετά από τις καρτέλες του μενού δεξιά υπάρχει και ένα κουτάκι αναζήτησης. Για να επιτευχθεί καλύτερη διεπαφή του χρήστη με το blog σας, το μενού διαθέτει υποκατηγορίες που εμφανίζονται με μια ωραία πινελιά από CSS3. DEMO Με την κατάλληλη παραμετροποίηση εννοείτε ότι μπορεί να προστεθεί σε όποιο site έχετε! Εγώ πιο κάτω δείχνω την διαδικασία προσθήκης του μενού στην πλατφόρμα του blogger για ένα blogspot blog. Προσθήκη του CSS3 dropdown menu στο blogger με 5 απλά βήματα Βήμα 1.  Συνδε...

Το σημερινό widget είναι ένα popup likebox το οποίο θα ανοίγει μόνο μια φορά στο κάθε νέο χρήστη για να μην γίνετε κουραστικό. Αυτό πετυχαίνετε λόγο του ότι αποθηκεύετε η ip στα cookie του browser. Τα cookie είναι ρυθμισμένα να ανανεωθούν μετά από 30 μέρες έτσι μετά από αυτές τις 30 μέρες θα ξανά εμφανιστεί το αναδυόμενο παράθυρο στον ίδιο χρήστη. DEMO Προσθήκη στο δικό σας blogspot : Πηγαίνετε στο Blogger > Διάταξη Πατήστε Προσθήκη Gadget Επιλέξτε HTML/JavaScript Επικολλήστε το πιο κάτω κώδικα μέσα: <style> /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{po...

Από προεπιλογή όταν κάνετε κλικ στο σύνδεσμο του κάθε άρθρου του blogger blog σας αυτά ανοίγουν στην ίδια καρτέλα/παράθυρο. Υπάρχουν διάφοροι λόγοι που μπορεί ο καθένας να μην θέλει να ανοίγουν στην ίδια καρτέλα τα post του αλλά σε μία νέα. Στο παρόν οδηγό θα δούμε πως γίνεται αυτό. Απλά θα προσθέσουμε το γνωστό  target="_blank"  στα link των άρθρων. Για όσους ξέρουν λίγα από HTML σίγουρα θα ξέρουν αυτή ιδιότητα και ότι αυτό που κάνει είναι απλά να ανοίγει τον σύνδεσμο σε νέα καρτέλα. 1ο Στάδιο : Καταρχήν πάρτε ένα αντίγραφο ασφάλειας για τυχόν λάθος, αν δεν ξέρετε πως, δείτε τον οδηγό εδώ: αντίγραφο ασφάλειας blogger . Πηγαίνετε στην επεξεργασία HTML του προτύπου σας (αν δεν ξέρετε πως, δείτε εδώ: επεξεργασία προτύπου blogger ) Με τα πλήκτρα Ctrl  +  F βρίσκεται τον πιο κάτω κώδικα: <a expr:href='data:post.link'><data:post.title/></a> Στην πιο πάνω γραμμή θα προσθέσετε το target='_blank' για να μοιάζει κάπως έτσι:  <a...