lefta4klik - Blogger widgets, tricks, tips & hacks

Όταν το 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...

Σήμερα θα σας δώσω ένα φανταστικό gadget για το blogger το οποίο δίνει την δυνατότητα στους επισκέπτες να κάνουν κοινοποίηση τις σελίδες του blog σας στα κοινωνικά δίκτυα. Όπως θα δείτε και στο demo έχει σχήμα αυγού και κάθεται στην κάτω γωνία του blog σας και παραμένει σταθερό, όταν πάει το ποντίκι πάνω στο αυγό αυτό ανοίγει και εμφανίζει τα κουμπιά κοινωνικής δικτύωσης στους αναγνώστες σας για να μοιράζονται τα blog post σας στο Facebook, στο Twitter, στο Google +, στο  Blogger, στο LinkedIn, στο Stumble Upon και το τελευταίο κουμπί ανοίγει εκατοντάδες bookmarking επιλογές για να ποστάρουν οι επισκέπτες τις σελίδες του blog σας. Πιο κάτω σας έχουν τον οδηγό για να το προσθέσετε στο blogger blog αλλά και ένα demo link για να το δείτε προτού το βάλετε. Προσθέστε το αυγό στο ιστολόγιό σας Να θυμάστε πάντα να κρατάτε ένα αντίγραφο ασφάλειας του προτύπου σας πριν κάνετε αλλαγές. Επίλέγετε το blog σας στο blogger και από το μενού επιλέξτε> Πρότυπο> Επεξεργασία HTML...

Ένα gadget για το blog σας που εμφανίζει σε μορφή κυλιόμενου μηνύματος τις τελευταίες δημοσιεύσεις που κάνατε με δυνατότητα επιλογής για το πόσα post θα εμφανίζει, ιδανικό για να το τοποθετήσεις ψηλά στην κορυφή της σελίδας σας. Δείτε το demo πατώντας εδώ Διαδικασία ενσωμάτωσης στο blogger: Σύνδεση στο blogger και από το μενού του blog μας πάμε στη Διάταξη Στο σημείο που θέλουμε πατάμε Προσθήκη gadget Στο παράθυρο που ανοίγει βρίσκουμε το HTML/JavaScript , το πατάμε και βάζουμε μέσα εκεί τον πιο κάτω κώδικα Αποθήκευση και είστε έτοιμοι Σημ . Τον αριθμό τον αναρτήσεων που θα εμφανίζονται μπορείτε να τον αλλάξετε βάζοντας στη θέση του 11 τον αριθμό των άρθρων που θέλετε να εμφανίζονται. Τα κόκκινα γράμματα τα αντικαθιστάται με το url του blog σας, προσέξτε να είναι κολλημένο με το κώδικα, για παράδειγμα το δικό μου blog θα το έβαζα έτσι src="http://lefta4klik.blogspot.gr//feeds/posts/default?. Επίσης εκεί που γράφει " Τελευταία νέα " μπορείτε να το αντικατασ...

Σε αυτό το post θα σας δώσω ένα gadget για το blog σας στο blogger το οποίο θα εμφανίζει όλες τις αναρτήσεις που έχετε δημοσιεύσει μέχρι στιγμής. Είναι ένας πολύ απλός τρόπος για να δείξετε στους επισκέπτες του blog σας τι έχετε αναρτήσει μέχρι τώρα, αν δεν θέλετε να το βάλετε στην αρχική σας σελίδα μπορείτε να το εφαρμόσετε μέσα σε ένα συγκεκριμένο άρθρο όπως έκανα και εγώ εδώ  http://lefta4klik.blogspot.com/p/posts.html . Θα σας δώσω 2 κώδικες, ο πρώτος είναι για να ταξινομούνται με κουκκίδες όπως είδατε και στο λινκ πιο πριν και ο δεύτερος θα αριθμίζει τα άρθρα όπως το έκανα και σε αυτή τη σελίδα  http://www.totalfitness.gr/p/total-fitness-post.html . Ο κώδικας που θα χρειαστείτε για να είναι με κουκκίδες τα άρθρα : Σημ . εκεί που γράφει  YourBlogUrl=  και ακολουθεί ένα κείμενο με  κόκκινα γράμματα  το αφαιρείτε και βάζετε το url του blog σας. <script src="https://googledrive.com/host/0B3fIJ7nZFI9iQ0daTU9oeWhHMWs/"> </script...

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

Καλησπέρα σε όλους τους φίλους και αναγνώστες του 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...

Ένα εξαιρετικό widget για το blog όπου θα βλέπετε ένα πουλάκι να πετάει στο blog σας και να σας ακολουθεί όπου και αν πηγαίνετε κάνοντας έτσι το blog σας να μην είναι τόσο νεκρό! Εκτός του ότι κάνει το blog σας να φαίνεται πιο ζωντανό, βοηθάει στο να αυξήσετε τους followers σας στο twitter. Εγκαταστήστε το ακολουθώντας τα εξής απλά βήματα : Παίρνετε τον πιο κάτω κώδικα και αλλάζετε εκεί γράφει twitterAccount = " lefta4klik "; τα κόκκινα γράμματα με το δικό σας όνομα στο twitter Σύνδεση στο  http://www.blogger.com/ Επιλογή του blog που θέλετε να προστεθεί το συγκεκριμένο animated widget Από το μενού πάτε > διάταξη > προσθήκη gadget > HTML/JavaScript και επικολλάτε τον κώδικα Απολαύστε το πουλάκι στο blog σας! <!-- Twitter Bird Widget for Blogger --> <script type="text/javascript" src="https://googledrive.com/host/0B3fIJ7nZFI9iLW9ZSnp5Njl1d00"> </script> <script type="text/javascript"> var twi...

Γεια σε όλους! Σήμερα μετά από αρκετό καιρό από το τελευταίο 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 σας στο οποίο έχει ενσωματωθεί και κουτί αναζήτησης (search form)  για να βρίσκει ο επισκέπτης σας κάτι συγκεκριμένο που θέλει εισάγοντας λέξεις κλειδιά. Το μενού είναι πολύ απλό στην ενσωμάτωση, απλά τοποθετώντας το σαν ένα gadget στο blog σας! Αντιγράψτε το πιο κάτω κώδικα και τοποθετήστε το πηγαίνοντας στην διάταξη του blog σας, διαλέξτε το κατάλληλο σημείο που θέλετε και με την επιλογή HTML/javascript μπορείτε να το προσθέσετε. * Στο σημείο του κώδικα που γράφει την διεύθυνση του blog μου, δηλαδή  http://lefta4klik.blogspot.gr/  το αντικαθιστάτε με την δική σας διεύθυνση * Στις καρτέλες μπορείτε να δώσετε ότι ονόματα θέλετε και να αντικαταστήσετε με το λινκ της επιλογής σας εκεί που γράφει  #url . Μπορείτε επίσης να αφαιρέσετε ή και να προσθέσετε όσες καρτέλες θέλετε. Αρχική Καρτέλα 1 Καρτέλα 2 Καρτέλα 3 Καρτέλα 4 Καρτέλα 5

Καλησπέρα σε όλους τους bloggers, σήμερα θα δούμε ένα πολύ λειτουργικό gadget , εύκολο στη χρήση, που βοηθά τους αναγνώστες του κάθε blog να μας ακολουθήσουν στα διασημότερα social networks, facebook, twitter, google+, pinterest όπως και το rss feed για να ενημερώνονται για ότι νέο υπάρχει. Όπως θα δείτε αν το ενσωματώσετε στο blog σας έχει κάποιες ιδιαιτερότητες όπως, όταν πηγαίνει το ποντίκι πάνω σε κάθε εικονίδιο, αυτό περιστρέφεται 360 μοίρες, δοκιμάστε το ! Για να το προσθέσετε στο blog σας ακολουθείστε την πιο κάτω διαδικασία: Σύνδεση στο blogger.com Από το μενού με τις ρυθμίσεις πάμε στην Διάταξη  Προσθήκη gadget στο σημείο που θέλουμε να μπουν τα social buttons HTML/JavaScript Αντιγραφή και επικόλληση του πιο κάτω κώδικα * Αντικαταστήστε τα url που υπάρχουν μέσα στα αυτάκια και είναι με κόκκινα γράμματα με το δικό σας λινκ για κάθε social network. Όπως για παράδειγμα στο διπλανό κώδικα πρέπει να αλλάξετε το url που είναι με κόκκινα γράμματα με το δικό σας ...

Καλησπέρα σε όλους τους μανιακούς bloggers :) Σήμερα θα δούμε ένα widgets το οποίο είναι πολύ χρήσιμο κυρίως στα blogs τα οποία έχουν πολλές αναρτήσεις σε κάθε σελίδα και χρειάζεται αρκετό χρόνο μέχρι να κατέβεις στο τέρμα της σελίδας. Αυτό το widget  θα βοηθά τον επισκέπτη στο να επιστρέφει στην κορυφή πατώντας απλά το κουμπάκι με το βελάκι που θα του εμφανίζει κάτω δεξιά της σελίδας. Καθώς σκρολάρει ο επισκέπτης και πλησιάζει στο τέρμα θα εμφανιστεί και το βελάκι. Ο τρόπος για την προσθήκη του στο blog είναι ο απλός και συνηθισμένος για όλους μας πλέον αλλά θα τον πούμε ακόμα μια φορά για τους επισκέπτες που διαβάζουν πρώτη φορά άρθρο του lefta4klik και δεν ξέρουν πως γίνετε. Ακολουθήστε την πιο κάτω διαδικασία: Σύνδεση στο blogger.com Επιλέγουμε το blog που θέλουμε Διάταξη  Προσθήκη gadget HTML/JavaScript Επικόλληση και Αποθήκευση του πιο κάτω κώδικα Κώδικα για το widgets με το b ack to top button: <script type="text/javascript" src=...

Γεια σε όλους τους bloggers σήμερα θα δούμε ένα όμορφο και απλό στην εφαρμογή gadget το οποίο λειτουργεί σαν το read more (διαβάστε περισσότερα). Αυτό το gadget θα σας εμφανίζει τις τελευταίες αναρτήσεις που δημοσιεύσατε στο blog σας στο οποίο έχετε τη δυνατότητα να το παραμετροποιήσετε για να το φέρετε στα μέτρα του blog σας. Για να το βάλετε στο blog σας ακολουθήστε τις πιο κάτω οδηγίες: Σύνδεση στο λογαριασμό μας στο blogger.com Από το μενού πάμε στην "Διάταξη"  Προσθήκη gadget στο σημείο που θέλουμε να μπει HTML/JavaScript Επικόλληση και Αποθήκευση του πιο κάτω κώδικα Σημείωση:  στον κώδικα πρέπει να αλλάξετε εκεί που λέει αυτό home_page = "http://lefta4klik.blogspot.com/"; να βάλετε το δικό σας blog στα αυτάκια => "Το url του δικούς σας blog" Όπως θα δείτε και στο πιο κάτω βίντεο που σας έχω μπορείτε να παραμετροποιήσετε το gadget φέρνοντας το στα μέτρα του δικού σας blog. Θα δείτε ότι μπορείτε να ρυθμίσετε πόσες ...

Πλησιάζει το Πάσχα και θα θέλατε κάτι Πασχαλινό για το 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...

Καλησπέρα σε όλους τους φίλους, σήμερα θα δούμε το πιο απλό τρόπο που μπορούμε να προσθέσουμε ένα blogger μενού . Το μόνο που χρειάζεται είναι να προσθέσουμε το παρακάτω κώδικα σαν ένα gadget  όπως όλα τα άλλα, τόσο απλά. Επίσης όπως θα δείτε και στο βίντεο εκεί που γράφω στο κώδικα "link1", "link2" κ.ο.κ. βάζουμε το όνομα της επιλογής μας που θέλουμε να φαίνεται στο μενού. Στη ετικέτα a εκεί που έχω τη δίεση αντικαθίσταται με το url που επιθυμείτε να παραπέμπει η κάθε κατηγορία του μενού. Ο κώδικας του blogger μενού <style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 13px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #666; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; ...

Σήμερα θα σας δώσω πολύ ωραία 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...

Πως να βάλουμε ραδιόφωνο Καλησπέρα φίλοι και φίλες. Σήμερα θα σας δείξω ένα χρήσιμο widget που μπορούμε να προσθέσουμε διάφορους ραδιοφωνικούς σταθμούς για να συντροφεύει τους επισκέπτες τους ιστολογίου μας. Μας παρέχει πάρα πολλούς ραδιοφωνικούς σταθμούς, μπορούμε να βάλουμε όλων των ειδών τα τραγούδια pop, jazz, latin, rap, hip hop, rock κτλ όπως και κωμικούς ραδιοσταθμούς και ένα σορό άλλους. Μπορούμε να ορίσουμε τα χρώματα του background, των πλήκτρων και των γραμμάτων όπως εμείς τα θέλουμε για να το κάνουμε συμβαδίζετε με τα δικό μας site. Μειονέκτημα Ξένοι σταθμοί Δυστυχώς δεν έχει ελληνικούς σταθμούς :( Το site το οποίο μας παρέχει αυτό το ραδιόφωνο www.radiotuna.com Σας έφτιαξα ένα οδηγό βίντεο για το πώς να προσθέσουμε το ραδιόφωνο στο blog μας στο blogger. Πατάτε σε αυτό το σύνδεσμο  http://radiotuna.com/OnlineRadioPlayer/Intro  και ακολουθήστε τις οδηγίες στο βίντεο.

Κυλιόμενο κείμενο και κυλιόμενη εικόνα Για να βάλετε στο μπλοκ σας τα τελευταία νέα σε κυλιόμενο κείμενο δείτε εδώ: κυλιόμενο κείμενο τα τελευταία νέα Καλησπέρα φίλοι και φίλες, σήμερα θα δείξω για όσους δεν ξέρουν πως μπορείτε να βάλετε κυλιόμενο κείμενο η εικόνα στο ιστολόγιο σας.  Είναι πολύ απλό δέστε πιο κάτω τις γραμμές κώδικα και το τη εμφανίζει η κάθε γραμμή. 1. Η πιο απλή μορφή, έρχεται το κείμενο από τα δεξιά μας προς τα αριστερά <marquee>  Κυλιόμενο κείμενο κατευθυνόμενο αριστερά.  </marquee> Κυλιόμενο κείμενο κατευθυνόμενο αριστερά. 2. Το ίδιο με το προηγούμενο απλά εδώ έχουμε χρώμα φόντου γαλάζιο  <marquee bgcolor= LightBlue > Το κείμενο πάει προς τα αριστερά και έχει χρώμα φόντου. </marquee> Το κείμενο πάει προς τα αριστερά και έχει χρώμα φόντου. 3. Μπορείτε να το κάνετε να πηγαινοέρχεται με την παρακάτω γραμμή κώδικα  <marquee behavior="alternate"...