lefta4klik - Blogger widgets, tricks, tips & hacks

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

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

Γεια σε όλους τους bloggers, σήμερα σας έχω ένα πολύ ωραίο και απλό στη χρήση slidershow για το blog σας για να βλέπουν οι επισκέπτες σας τις τελευταίες αναρτήσεις που δημοσιεύσατε. Μπορείτε να ρυθμίσετε το slider για το πόσα άρθρα θα εμφανίζει. Επίσης στο slideshow εκτός από την εικόνα θα σας εμφανίζει αυτόματα από κάτω τον τίτλο και την περιγραφή του κάθε άρθρου. Το slider μπορείτε να το προσθέσετε στο δικό σας blog με το απλούστατο τρόπο που μάθαμε για να προσθέτουμε gadget  στο blogger. Σύνδεση στο λογαριασμό σας στο blogger.com Διάταξη  Προσθήκη gadget HTML/JavaScript Επικόλληση και Αποθήκευση του πιο κάτω κώδικα <style scoped="" type="text/css"> #coinautoslide{margin:0 auto;border:4px solid white;border-radius:2px;font:normal normal 11px Verdana,Geneva,sans-serif;line-height:1.6em} .coin-slider{overflow:hidden;zoom:1;position:relative} .coin-slider a{text-decoration:none;outline:none;border:none} .cs-buttons{font-size:0;padd...

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

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

Προσθήκη κουμπιών κοινής χρήσης στο blog  Καλησπέρα φίλοι μου σήμερα θα σας δείξω πως βάζετε τα κουμπάκια κοινής χρήσης στο blog σας. Αρχικά μπαίνετε σε αυτό το site  http://sharethis.com  (πατήστε άφοβα) και κάνετε ένα λογαριασμό.(μπορείτε να συνδεθείτε με τον υπάρχον λογαριασμός σας του facebook , yahoo , google ... Ακολούθως πατάτε πάνω δεξιά στο μενού   "get sharing tools" και σας εμφανίζει κάτι σαν την παρακάτω εικόνα,πατάτε στο blogger εφόσον επιθυμείτε να προσθέσετε τα κουμπιά κοινής χρήσης στο blogger. Μετά σας πάει εδώ και επιλέγετε πιο στυλ θέλετε.  Στο τρίτο και τελευταίο βήμα σας εμφανίζει την παρακάτω εικόνα όπου μπορείτε να βάλετε και να αφαιρέσετε όποια  κουμπιά κοινής χρήσης γουστάρετε.Στην αριστερή μεριά βάζετε αυτά που θέλετε με το να τα σέρνεται (με drag and drop δηλαδή ),όταν ολοκληρώσετε πατάτε κάτω που λέει "FINISH: Get the...

Αλλαγή εικόνας κέρσορα στο blog  Gadget για να αλλάξετε το κανονικό βελάκι του mouse,παρακάτω θα δούμε πως να το αλλάξουμε,είναι πολύ εύκολος τρόπος. Εδώ σας έχω μερικά εικονίδια για κέρσορες Ο τρόπος για να το κάνετε είναι πολύ απλός και γνωστός Σύνδεση στο λογαριασμό μας στο blogger.com Διάταξη  Προσθήκη gadget HTML/JavaScript Επικόλληση και Αποθήκευση του παρακάτω κώδικα  Σημείωση: τα γράμματα που είναι με κόκκινο πρέπει να τα αντικαταστήσετε με την διεύθυνση url του κέρσορα που επιθυμείτε (μπορείτε να πάρετε το url του κέρσορα πιο πάνω που σας έχω κάποιους κέρσορες με δεξί κλικ στο κέρσορα που θέλετε και "Αντιγραφή διεύθυνσης URL εικόνας" <style type="text/css">body {cursor:url(" εδώ βάζετε το url τις εικόνας του κέρσορα, αν θέλετε διαλέξτε ένα  από  αυτά που έχω πιο  πάνω   "),default}</style> Αν και δεν νομίζω να χρειαστεί έχω και αυτό το video για την προσθήκη widget στο blogger...

Τρισδιάστατες αναρτήσεις  Ένα υπέροχο widget για το blog το οποίο εμφανίζει τις δημοφιλείς αναρτήσεις (popular posts) σε τρισδιάστατη μορφή  Το προσθέτουμε με το γνωστό και εύκολο πλέον τρόπο  Σύνδεση στο λογαριασμό μας στο blogger.com Διάταξη  Προσθήκη gadget HTML/JavaScript Επικόλληση και Αποθήκευση του παρακάτω κώδικα για να κάνουμε τις δημοφιλείς αναρτήσεις να φαίνονται τρισδιάστατες  <style type="text/css"> .cube { width: 200px; height: 200px;} a img { border: none; } #linksCube img { width: 100%; height: 100%; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js"></script> <script type="text/javascript" charset="utf-8"> $(function () { $('.popular-posts ul').abupopul...

Μενού  ιδανικά για αθλητικά blogs  Ωραίο μενού με ομάδες για το blog, φαίνεται κάπως έτσι όπως τη διπλανή εικόνα Το προσθέτετε στο blog σας με το γνωστό τρόπο Σύνδεση στο λογαριασμό μας στο blogger.com Διάταξη  Προσθήκη gadget HTML/JavaScript Επικόλληση και Αποθήκευση του παρακάτω κώδικα για το gadget με ομάδες  Σημείωση :  Θ α αλλάξετε ΟΠΩΣΔΗΠΟΤΕ τη φράση "ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ " της κάθε ομάδας και θα βάλετε τη διεύθυνση (url) που έχει η κάθε ομάδα στο blog σας. Αν θέλετε το ίδιο  μενού  σε οριζόντιο πατήστε εδώ  <a class="opacity" style="display:scroll;position:fixed;top:35px;left:15px;" href="ΔΙΕΥΘΥΝΣΗ ΕΤΙΚΕΤΑΣ ΠΑΝΑΘΗΝΑΙΚΟΥ" title="ΠΑΝΑΘΗΝΑΪΚΟΣ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhivDke7FdXJW45TsNFhEkj1vJrjst2zqvQSKDs464b8v-X-7LqmeiwuxysOMBMxM5SpcOLFrvbB2_3hUBKqvb3NEMU2pvooNT-Ui0sTsGpgckSlikOMPR6mpcYRPXOyMML2FOcvLjMCM/s57/images%252520%2525283%252529.jpg" height=...