Blogger Tips – Tricks – Gadgets – Templates – Hacks

ΧΙΟΝΟΠΤΩΣΗ ΜΕΣΑ ΣΤΟ BLOG ΣΑΣ



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Νέοι bloggers γεια σας !Τώρα τις γιορτές κάποιοι από εμάς θέλουν να δώσουν ένα γιορτινό τόνο στη σελίδα τους…Ετσι κι εγώ θα φτιάξω μερικές Χριστουγεννιάτικες αναρτήσεις γιά να είστε έτοιμοι για τις γιορτές….

Ορίστε πως θα βάλετε χιόνι στο blog σας : αντιγρέψτε τον παρακάτω κώδικα που σας δίνω και επικολλήστε τον σαν gadget στο BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Στοιχεία Σελίδας=>HTML/JavaScript



<script src=’http://snow-effect.googlecode.com/files/snow.js’ type=’text/javascript’>

</script>




…Πατάτε ΑΠΟΘΗΚΕΥΣΗ…και αυτό είναι όλο !Το χιόνι αυτό είναι μικρό και διακριτικό, και δίνει μία χριστουγεννιάτικη ατμόσφαιρα.Μπορείτε να το δείτε και στή σελίδα μου σαν DEMO.Καλό είναι το gadget αυτό να το βάλετε χαμηλά στο σελίδα του blogger.

Σύντομα θα σας δώσω και νέο γιορτινό gadget





FLAGS TRANSLATOR WIDGET (έγινε update στον κώδικα!)



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Πρόκειται για ένα widget που μεταφράζει τη σελίδα σας σε άλλες γλώσσες.Η μόνη διαφορά του από αυτήν την ανάρτηση εδώ είναι ότι σου έχει σημαίες (βλ.εικόνα) και ο επισκέπτης πατάει τη σημαία της γλώσσας που θέλει να μεταφραστεί το blog.

Το βάζουμε σαν απλό,κανονικό widget.Διάταξη>Προσθήκη gadget>HTML/JavaScript.O κωδικός είναι ο εξής:




<style>



.google_translate img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

border:0;

}

.google_translate:hover img {

filter:alpha(opacity=30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

.google_translatextra:hover img {

filter:alpha(opacity=0.30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

</style>



<div>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cen&hl=en’); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cfr&hl=en’); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cde&hl=en’); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Ces&hl=en’); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cit&hl=en’); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cnl&hl=en’); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24" /></a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cru&hl=en’); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cpt&hl=en’); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cja&hl=en’); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Cko&hl=en’); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Car&hl=en’); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24" /></a>



<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open(‘http://translate.google.com/translate?u=’+encodeURIComponent(location.href)+’&langpair=auto%7Czh-CN&hl=en’); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png" style="cursor: pointer;margin-right:8px" width="24" /></a> </div>

<div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>



<br />





Απολαύστε το νέο σας widget!




ΑΦΑΙΡΕΣΤΕ ΤΗΝ ΜΠΑΡΑ ΤΟΥ BLOGGER (HOW TO REMOVE BLOGGER NAVIGATION BAR)



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Γειά σε όλους! Το όνομά μου είναι Μιχάλης και αυτό είναι το πρώτο μου post στο johnpatra.com. Γι’ αυτό , διάλεξα κάτι ξεχωριστό!

Όλα τα blog έχουν το blogger navbar , έτσι αποφάσισα να σας δείξω πως να το αφαιρέσετε!





1. Κάντε σύνδεση στο blogger

2. Σχεδίαση

3. Επεξεργασία HTML

4. CTRL + F και ψάχνουμε το ”Name    :”

5. Από κάτω απο τις πολλές παύλες (—–) βάζουμε τον κωδικό : 





#navbar-iframe {display: none !important;}





6. Πατήστε το κουμπί ”Αποθήκευση ”





ΤΕΛΕΙΩΣΑΜΕ!! ΕΥΚΟΛΟ ΔΕΝ ΗΤΑΝ;;





ΑΝ ΔΕΝ ΚΑΤΑΛΑΒΑΤΕ ΚΑΤΙ ΜΠΟΡΕΙΤΕ ΝΑ ΔΕΙΤΕ ΚΑΙ ΤΟ ΒΙΝΤΕΟ : 
















 




Πως να κάνετε διακοπή παρακολούθησης ενος blog (unfollow)



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Νέοι bloggers γεια σας !!! Η παρακολούθηση ενός blog (το follow) και τα εικονίδια της παρακολούθησης είναι βασικά και απαραίτητα για ένα blog, διότι δείχνει και τη δύναμη σε αναγνώστες και αναγνωσιμότητα της σελίδας μας….!!! Αν όμως κάνουμε παρακολούθηση σε ένα blog και μετά το μετανιώσουμε για κάποιο λόγο ; Τι κάνουμε ;

Λοιπόν…. είμαστε στο blog που μετανιώσαμε για την παρακολούθηση….Πάμε στο εικονίδιο μας , και δίπλα ακριβώς έχει την λέξη : επιλογές ….

τη πατάμε και διαλέγουμε “ρυθμίσεις ιστότοπου”…Μας ανοίγει ένα
παράθυρο όπου δεξιά στο κέντρο γράφει : Διακοπή παρακολούθησης αυτού του ιστότοπου ….Το πατάμε, και …
αυτό ήταν όλο..!!! όπως έλεγε η γιαγιά μου…¨μη μας
είδατε, μη μας α
παντήσατε”…είσαστε τώρα “unfollow”.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!









ΔΗΜΟΣΚΟΠΗΣΗ ΝΟΥΜΕΡΟ 4



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Η ΔΗΜΟΣΚΟΠΗΣΗ ΕΛΗΞΕ ΣΤΙΣ 19 ΝΟΕΜΒΡΙΟΥ 2010, ΚΡΑΤΗΣΕ 4 ΗΜΕΡΕΣ ΚΑΙ ΨΗΦΙΣΑΝ ΕΠΙΣΚΕΠΤΕΣ ΤΟΥ JOHNPATRA.COM




Δειγματοληψεία: 156 άτομα (από μία φορά ο καθένας)



Σχόλιο:



Το Mozilla Firefox ήταν ο αναμενόμενος νικητής της ψηφοφορίας. Δεν με εξέπληξε το ποσοστό του. Και εγώ τον firefox ψήφισα. Είναι πράγματι ο καλύτερος περιηγητής.

Φοβερή ανάπτυξη έχει κάνει το Google Chrome που φαίνεται να έχει αντικαταστήσει πλήρως τον explorer, μέσα σε σχετικά μικρό χρονικό διάστημα. Είναι κι αυτό όντως πολύ καλό και γρήγορο.

Ο Interner Explorer πήρε τη θέση που του αξίζει και θα πέσει κι άλλο πιστεύω στο μέλλον.

Το Safari πήγε αρκετά καλά, ενώ η Opera με απογοήτευσε.

Οι υπόλοιποι -όχι και τόσο γνωστοί- browsers διατήρησαν τα χαμηλά ποσοστά τους.


Δεκτή η συζήτηση για το θέμα της δημοσκόπησης με σχόλια.




Sudoku game for blogger



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Καλησπέρα.



Για κάποιους που θέλουν να κάνουν ένα …διάλειμμα, ενώ βρίσκονται στο blog τους, υπάρχει ένα καλό widget.



Πρόκειται για widget sudoku.



Μπαίνει απλά σαν ένα widget από το Σχεδίαση –> Προσθήκη gadget –> Javascript/html και αντιγράφετε τον παρακάτω κώδικα.


<iframe scrolling=”no” frameborder=”0″ width=”200” src=”http://free-sudokus.blogspot.com” height=”230“></iframe><div style=”margin:-8px 0;background:#fff;text-align:center;width:234px”></div>

Οι τιμές με το μπλε χρώμα, είναι προσαρμόσιμες, για να ταιριάζουν στις διαστάσεις της δική σας sidebar. Επίσης μπορείτε να “παίξετε”, και με τον χρωματισμό του, αυτό με το πράσινο χρώμα.




Το Facebook προκαλεί την Google: Νέα υπηρεσία facebook personal e-mail μορφής name@facebook.com



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Η Facebook Inc. εγκαινίασε μία νέα υπηρεσία ηλεκτρονικού ταχυδρομείου για τους χρήστες της γνωστής σελίδας κοινωνικής δικτύωσης, ανεβάζοντας τον πήχη του ανταγωνισμού ενάντια στις εταιρείες Google Inc., Yahoo! Inc. και Microsoft Corp.



Η Facebook προσφέρει σε όλους τους χρήστες μία ηλεκτρονική διεύθυνση “@facebook.com” , δήλωσε εχθές στο Σαν Φρανσίσκο ο διευθύνων σύμβουλος Mark Zuckerberg. Η νέα υπηρεσία, εκτός από το παραδοσιακό ταχυδρομείο, θα περιλαμβάνει δυνατότητα αποστολής μηνυμάτων κειμένου και instant messaging.



Με την προσθήκη του e-mail, η εταιρεία που έχει την έδρα της στο Palo Alto της Καλιφόρνια παρέχει μία εναλλακτική υπηρεσία ηλεκτρ. ταχυδρομείου απέναντι στο Gmail της Google, της πιο γρήγορα αναπτυσσόμενης υπηρεσίας Web mail την τελευταία χρονιά. Αυξάνει επίσης την πίεση προς την Microsoft και Yahoo, που αμφότερες προσπαθούν με κάθε τρόπο να τραβήξουν την προσοχή των χρηστών του διαδικτύου, οι οποίοι ωστόσο προτιμούν τις σελίδες κοινωνικής δικτύωσης για να ενημερώνονται και να επικοινωνούν με φίλους.



«Η νέα υπηρεσία δεν έχει σκοπό να «σκοτώσει» το e-mail», είπε ο  Zuckerberg. «Απεναντίας, ίσως καταφέρουμε να κάνουμε τον τρόπο με τον οποίο οι άνθρωποι ανταλλάσσουν μηνύματα μία απλή, ζωντανή, άμεση προσωπική εμπειρία».



Σε παγκόσμιο επίπεδο, η Gmail μετρούσε το Σεπτέμβριο 193,3 εκατομμύρια χρήστες, πετυχαίνοντας μία αύξηση 21% από την προηγούμενη χρονιά, σύμφωνα με την εταιρεία στατιστικής ComScore Inc. Οι χρήστες της Gmail ωστόσο δεν έχουν ακόμα ξεπεράσει σε αριθμό τους 361,7 εκατ. χρήστες της Microsoft Windows Live Hotmail ή τους αντίστοιχους 273,1 εκατ. της Yahoo. Και οι δύο αυτές υπηρεσίες το Σεπτέμβριο είδαν τους αριθμούς τών επισκεπτών τους να μειώνονται σε σχέση με την προηγούμενη χρονιά.



Μέσω της νέας παροχής του Facebook, οι χρήστες θα μπορούν να στέλνουν μηνύματα στους φίλους τους που θα εμφανίζονται ως μηνύματα κειμένου στο κινητό τους ή στο μέιλ τους ή ως instant messages, ανάλογα με τον τρόπο επικοινωνίας που επιλέγουν χρησιμοποιήσουν για κάθε έναν από τους φίλους τους. Έως τώρα, οι χρήστες λάμβαναν μηνύματα ειδοποίησης στο εξωτερικό τους μέιλ όταν ένας φίλος δημοσίευε μία φωτογραφία ή αναρτούσε ένα σχόλιο στο Facebook wall.



Βελτιωμένα φίλτρα



Οι χρήστες του Facebook θα μπορούν τώρα να επισυνάπτουν κείμενα του Microsoft Office στα μηνύματα που αναρτούν στο κοινωνικό δίκτυο, ήταν η χθεσινή δήλωση της Microsoft σε ένα blog.



Το Facebook, η μεγαλύτερη υπηρεσία κοινωνικής δικτύωσης στον κόσμο, μπορεί να είναι σε θέση να φιλτράρει τα μηνύματα spam καλύτερα από κάθε άλλο ανταγωνιστή στον τομέα του ηλεκτρονικού ταχυδρομείου, δήλωσε σε μία συνέντευξή του ο Danny Sullivan, επικεφαλής της ιστοσελίδας Search Engine Land.



«Η ιδέα μιας λευκής λίστας από ανθρώπους που είναι απλά φίλοι σου – ακούγεται τέλεια», είπε ο Sullivan. «Κάτι τέτοιο θα πιέσει αρκετά την Google» να βελτιώσει το σύστημά αξιολόγησης των μηνυμάτων που είναι σημαντικά για τους χρήστες.



Εχτές, περίπου την ώρα της ανακοίνωσης της Facebook, η Gmail βίωσε μία σύντομη διακοπή λειτουργίας. Το πρόβλημα αποκαταστάθηκε μέσα σε 10 λεπτά, είπε σε μέιλ της η αντιπρόσωπος τύπου της Google, Victoria Katsarou.



AOL Mail



Τον προηγούμενο μήνα η Yahoo έκανε κάποια βήματα προς το να κάνει την υπηρεσία της πιο ελκυστική για τους χρήστες του διαδικτύου που είναι «ερωτευμένοι» με τις σελίδες κοινωνικής δικτύωσης. Εγκαινίασε μία νέα έκδοση ηλεκτρονικού ταχυδρομείου που ενσωματώνει αναρτήσεις από το site Twitter Inc. και μεταφέρει πληροφορίες με μεγαλύτερη ταχύτητα. Η υπηρεσία, που βρίσκεται ακόμα σε δοκιμαστική φάση, βελτιώνει επίσης την αναζήτηση, την προστασία από spam καθώς και την προβολή φωτογραφιών.



Η AOL Inc., η πάλαι ποτέ ηγέτης στην αγορά υπηρεσιών ηλεκτρονικού ταχυδρομείου, ανακοίνωσε εχθές αλλαγές που πρόκειται να γίνουν στο δικό της δικτυακό χώρο.  Η νέα εφαρμογή θα επιτρέπει στους χρήστες να βλέπουν εικόνες, χάρτες και άλλες επισυνάψεις που περιέχονται σε ένα μήνυμα σε ένα παράθυρο τύπου πάνελ στο πλάι της οθόνης. Η AOL ερχόταν πέμπτη στη σειρά κατά τη μέτρηση του Σεπτεμβρίου με 30.7 εκατ. χρήστες, έχοντας μείωση δηλαδή της τάξης του 18 τοις εκατό από πέρυσι.



«Το e-mail παραμένει μία από τις πιο καυτές εφαρμογές του ίντερνετ», δήλωσε ο Brad Garlinghouse, αντιπρόεδρος της AOL στον τομέα προϊόντων καταναλωτών, ο οποίος πριν τη μετάταξή του την περσινή χρονιά, διαχειριζόταν το ηλεκτρονικό ταχυδρομείο της Yahoo. «Αντιλαμβανόμαστε ότι δεν εργαζόμαστε απλά στον τομέα του ηλεκτρονικού ταχυδρομείου αλλά σε αυτόν της επικοινωνίας».



Douglas MacMillan είναι μόνιμος συντάκτης της Bloomberg Businessweek στο San Francisco.



http://www.capital.gr/businessweek/articles.asp?id=1088124




ΠΩΣ ΒΑΖΩ CHAT ΣΤΟ BLOG ΜΟΥ?



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Kαινούργιοι bloggers γεια σας !! Επειδή εχω δει σε διάφορα chat, να ρωτάνε πώς να βάλλουν ένα ...chat, έχω εδώ αναλυτικές απαντήσεις και φωτογραφίες, αλλά και μερικά extras που πολλοί δεν χρησιμοποιούν, ίσως επειδή δεν τα ξέρουν....

Πρώτον !! μπαίνετε στη σελίδα: http://cbox.ws/?r=5-495338 όπου υπάρχει το πιο διαδεδομένο και πολυσύνθετο chat…(πολλοί έβγαλαν το προηγούμενό τους και έβαλαν αυτό, εξ' αιτίας των extras και της λειτουργικότητάς του).Κάνετε λογαριασμό free εκει που γράφει Get your own Cbox …(ο premium κοστίζει μόνο 2$ το μήνα), βάζοντας ένα όνομα , ένα νούμερο κωδικού, το email σας, τη διεύθυνση του blog σας κ.λ.π., και κάνετε ενα λογαριασμό.

Οταν κάνετε λογαριασμό μπαίνετε στο "παρασύνθημα" και τροποποιείτε το chat όπως εσείς θέλετε…χρώματα, μέγεθος, χρώμα γραμμάτων, και στυλ….(όποτε θέλετε στο μέλλον μπορείτε να τα μετατρέψετε όπως εσείς θέλετε)…ολα αυτά τα κάνετε απο τις επιλογές επάνω δεξιά
Home => publish=> look & feel=> options=> users & access




Αυτόματα tabs στη blog sidebar (SUPER BLOG HACK)



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Βλέπετε πάνω δεξιά που έχω κάτι tabs που έχω βάλει σε αυτα τα popular posts, τις ετικέτες και το αρχείο? Θέλετε να το κάνετε κι εσείς στο blog σας? Είναι αυτόματα tabs! Δείτε παρακάτω πως τα βάζουμε!!! Είναι από τα καλύτερα blog hacks ever!



Ακολουθήστε τα παρακάτω βήματα:



1. Σύνδεση στον blogger λογαριασμό σας

2. Σχεδίαση

3. Επεξεργασία html

4. Επέκταση προτύπων γραφικών στοιχείων

5. Με ctrl+F βρείτε το </head> και από πάνω του, επικολλήστε το παρακάτω:


<script type=’text/javascript’>

//<![CDATA[

document.write(‘<style type=”text/css”>.tabber{display:none;}</style>’);

function tabberObj(argsObj)

{

var arg;

this.div = null;

this.classMain = “tabber”;

this.classMainLive = “tabberlive”;

this.classTab = “tabbertab”;

this.classTabDefault = “tabbertabdefault”;

this.classNav = “tabbernav”;

this.classTabHide = “tabbertabhide”;

this.classNavActive = “tabberactive”;

this.titleElements = [‘h2′,’h3′,’h4′,’h5′,’h6’];

this.titleElementsStripHTML = true;

this.removeTitle = true;

this.addLinkId = false;

this.linkIdFormat = ‘<tabberid>nav<tabnumberone>’;

for (arg in argsObj) { this[arg] = argsObj[arg]; }

this.REclassMain = new RegExp(‘\b’ + this.classMain + ‘\b’, ‘gi’);

this.REclassMainLive = new RegExp(‘\b’ + this.classMainLive + ‘\b’, ‘gi’);

this.REclassTab = new RegExp(‘\b’ + this.classTab + ‘\b’, ‘gi’);

this.REclassTabDefault = new RegExp(‘\b’ + this.classTabDefault + ‘\b’, ‘gi’);

this.REclassTabHide = new RegExp(‘\b’ + this.classTabHide + ‘\b’, ‘gi’);

this.tabs = new Array();

if (this.div) {

this.init(this.div);

this.div = null;

}

}

tabberObj.prototype.init = function(e)

{

var

childNodes,

i, i2,

t,

defaultTab=0,

DOM_ul,

DOM_li,

DOM_a,

aId,

headingElement;

if (!document.getElementsByTagName) { return false; }

if (e.id) {

this.id = e.id;

}

this.tabs.length = 0;

childNodes = e.childNodes;

for(i=0; i < childNodes.length; i++) {

if(childNodes[i].className &&

childNodes[i].className.match(this.REclassTab)) {

t = new Object();

t.div = childNodes[i];

this.tabs[this.tabs.length] = t;

if (childNodes[i].className.match(this.REclassTabDefault)) {

defaultTab = this.tabs.length-1;

}

}

}

DOM_ul = document.createElement(“ul”);

DOM_ul.className = this.classNav;

for (i=0; i < this.tabs.length; i++) {

t = this.tabs[i];

t.headingText = t.div.title;

if (this.removeTitle) { t.div.title = ”; }

if (!t.headingText) {

for (i2=0; i2<this.titleElements.length; i2++) {

headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];

if (headingElement) {

t.headingText = headingElement.innerHTML;

if (this.titleElementsStripHTML) {

t.headingText.replace(/<br>/gi,” “);

t.headingText = t.headingText.replace(/<[^>]+>/g,””);

}

break;

}

}

}

if (!t.headingText) {

t.headingText = i + 1;

}

DOM_li = document.createElement(“li”);

t.li = DOM_li;

DOM_a = document.createElement(“a”);

DOM_a.appendChild(document.createTextNode(t.headingText));

DOM_a.href = “javascript:void(null);”;

DOM_a.title = t.headingText;

DOM_a.onclick = this.navClick;

DOM_a.tabber = this;

DOM_a.tabberIndex = i;

if (this.addLinkId && this.linkIdFormat) {

aId = this.linkIdFormat;

aId = aId.replace(/<tabberid>/gi, this.id);

aId = aId.replace(/<tabnumberzero>/gi, i);

aId = aId.replace(/<tabnumberone>/gi, i+1);

aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9-]/gi, ”));

DOM_a.id = aId;

}

DOM_li.appendChild(DOM_a);

DOM_ul.appendChild(DOM_li);

}

e.insertBefore(DOM_ul, e.firstChild);

e.className = e.className.replace(this.REclassMain, this.classMainLive);

this.tabShow(defaultTab);

if (typeof this.onLoad == ‘function’) {

this.onLoad({tabber:this});

}

return this;

};

tabberObj.prototype.navClick = function(event)

{

var

rVal,

a,

self,

tabberIndex,

onClickArgs;

a = this;

if (!a.tabber) { return false; }

self = a.tabber;

tabberIndex = a.tabberIndex;

a.blur();

if (typeof self.onClick == ‘function’) {

onClickArgs = {‘tabber’:self, ‘index’:tabberIndex, ‘event’:event};

/* IE uses a different way to access the event object */

if (!event) { onClickArgs.event = window.event; }

rVal = self.onClick(onClickArgs);

if (rVal === false) { return false; }

}

self.tabShow(tabberIndex);

return false;

};

tabberObj.prototype.tabHideAll = function()

{

var i;

for (i = 0; i < this.tabs.length; i++) {

this.tabHide(i);

}

};

tabberObj.prototype.tabHide = function(tabberIndex)

{

var div;

if (!this.tabs[tabberIndex]) { return false; }

div = this.tabs[tabberIndex].div;

if (!div.className.match(this.REclassTabHide)) {

div.className += ‘ ‘ + this.classTabHide;

}

this.navClearActive(tabberIndex);

return this;

};

tabberObj.prototype.tabShow = function(tabberIndex)

{

var div;

if (!this.tabs[tabberIndex]) { return false; }

this.tabHideAll();

div = this.tabs[tabberIndex].div;

div.className = div.className.replace(this.REclassTabHide, ”);

this.navSetActive(tabberIndex);

if (typeof this.onTabDisplay == ‘function’) {

this.onTabDisplay({‘tabber’:this, ‘index’:tabberIndex});

}

return this;

};

tabberObj.prototype.navSetActive = function(tabberIndex)

{

this.tabs[tabberIndex].li.className = this.classNavActive;

return this;

};

tabberObj.prototype.navClearActive = function(tabberIndex)

{

this.tabs[tabberIndex].li.className = ”;

return this;

};

function tabberAutomatic(tabberArgs)

{

var

tempObj,

divs,

i;

if (!tabberArgs) { tabberArgs = {}; }

tempObj = new tabberObj(tabberArgs);

divs = document.getElementsByTagName(“div”);

for (i=0; i < divs.length; i++) {

if (divs[i].className &&

divs[i].className.match(tempObj.REclassMain)) {

tabberArgs.div = divs[i];

divs[i].tabber = new tabberObj(tabberArgs);

}

}

return this;

}

function tabberAutomaticOnLoad(tabberArgs)

{

var oldOnLoad;

if (!tabberArgs) { tabberArgs = {}; }

oldOnLoad = window.onload;

if (typeof window.onload != ‘function’) {

window.onload = function() {

tabberAutomatic(tabberArgs);

};

} else {

window.onload = function() {

oldOnLoad();

tabberAutomatic(tabberArgs);

};

}

}

/* Run tabberAutomaticOnload() unless the “manualStartup” option was specified */

if (typeof tabberOptions == ‘undefined’) {

tabberAutomaticOnLoad();

} else {

if (!tabberOptions[‘manualStartup’]) {

tabberAutomaticOnLoad(tabberOptions);

}

}

//]]>

</script>



6. Τώρα βρείτε το ]]></b:skin> και από πάνω επικολλήστε το παρακάτω:


/*– tabbed section starts — */

.tabberlive{

margin:0;

padding:5px;

clear:both;

background:$tbbxbgcolor;

border:1px solid $tbbxbrcolor;

}

.tabbernav {

margin:0;

padding: 3px 0;

border-bottom: 1px solid $tbbxbrcolor;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-weight:bold;

}

.tabbernav li {

list-style:none;

margin:0;

display:inline;

}

.tabbernav li a {

padding:3px 0.5em;

margin-right:1px;

border:1px solid $tbbxbrcolor;

border-bottom:none;

background:$tbbxcolor2;

text-decoration:none;

color:$tbbxcolor1;

}

.tabbernav li a:hover {

color:$tbbxcolor2;

background:$tbbxcolor1;

border-color:$tbbxbrcolor;

text-decoration:none;

}

.tabbernav li.tabberactive a,

.tabbernav li.tabberactive a:hover {

background:$tbbxcolor1;

color:$tbbxcolor2;

border-bottom: 1px solid $tbbxcolor1;

}

.tabberlive .tabbertab {

padding:5px;

border:1px solid $tbbxbrcolor;

border-top:0;

background:$tbbxcolor1;

}

.tabberlive .tabbertab h2,

.tabberlive .tabbertabhide {

display:none;

}

.tabbertab .widget-content ul{

list-style:none;

margin:0 0 10px 0;

padding:0;

}

.tabbertab .widget-content li {

border-bottom:1px solid $tbbxbrcolor;

margin:0 5px;

padding:2px 0 5px 0;

}

/*– tabbed section ends—*/



7. Αποθήκευση



8. Πατήστε πάλι Επεξεργασία html (αυτη τη φορά μην τσεκάρετε το Επέκταση προτύπων γραφικών στοιχείων)



9. Τώρα πρέπει να προσθέσουμε τα Variable definitions για να κάνουμε εφικτές τις αλλαγές χρωμάτων στα tabs.




Βρείτε το σημείο που τελειώνουν τα Variable definitions (βοηθηθείτε από την παραπάνω εικόνα), (πάνω από το σύμβολο */ ) ,αντιγράψτε και επικολλήστε τον παρακάτω κώδικα :


<Variable name=”tbbxbgcolor” description=”Tab box Background Color”

type=”color” default=”#f8f8f8″ value=”#f8f8f8″>

<Variable name=”tbbxbrcolor” description=”Tab box Border Color”

type=”color” default=”#dcdcdc” value=”#dcdcdc”>

<Variable name=”tbbxcolor1″ description=”Tab box Color 1″

type=”color” default=”#ffffff” value=”#ffffff”>

<Variable name=”tbbxcolor2″ description=”Tab box Color 2″

type=”color” default=”#5588aa” value=”#5588aa”>



10. Τώρα βρείτε το <div id=’sidebar-wrapper’> και από κάτω του, επικολλήστε το παρακάτω:


<div class=’tabber’>

<b:section class=’tabbertab’ id=’tab1′ maxwidgets=’9′/>

<b:section class=’tabbertab’ id=’tab2′ maxwidgets=’9′/>

<b:section class=’tabbertab’ id=’tab3′ maxwidgets=’9′/>

<b:section class=’tabbertab’ id=’tab4′ maxwidgets=’9′/>

</div>



11. Αποθήκευση



12. Τώρα πατήστε “Στοιχεία Σελίδας” όπου θα δείτε το παρακάτω:




Μετακινήστε όποιο gadget θέλετε στις αντίστοιχες θέσεις.



13. Είστε έτοιμοι!!! (επιτέλους)

14. Φτάσατε μέχρι το 14ο βήμα? Ε τότε αφήστε ένα σχόλιο με τις εντυπώσεις σας!


Πως αλλάζω τα χρώματα?



Από τον Σχεδιαστή Προτύπων>Προηγμένη όπως φαίνεται παρακάτω:




Αυτό το καταπληκτικό blogger hack, νιώθω υποχρεώση να πω, ότι το είχα ζητήσει από τη Σοφία του bloggertrics να το αναρτήσει ‘πράγμα που έκανε.


Keep Blogging!

johnpatra




ΦΤΙΑΞΕ ΤΟ NEWSLETTER ΤΗΣ ΣΕΛΙΔΑΣ ΣΟΥ (how to add feedburner email subscriptions box form to your blog website)



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Το Feedburner προσφέρει πολλές δυνατότητες, αλλά είναι τόσο γνωστό για τη δυνατότητα του newsletter που παρέχει στους χρήστες του. Με αυτη την δυνατότητα, οι επισκέπτες μιας ιστοσελίδας μπορούν να γίνουν συνδρομητές σε αυτή και να λαμβάνουν στο e-mail τους, όλες τις νέες αναρτήσεις της. Τρομερή δυνατότητα αυτη, που πρέπει να δίνει κάθε site στους επισκέπτες του.



Το Feedburner ανήκει στην Google.

Μεγαλύτερος ανταγωνιστής του Feedburner είναι το Feedblitz, το οποίο δεν είναι πολύ κακό, αλλά δεν είναι και Feedburner.





Η εγγραφή στο Feedburner είναι δωρεάν, μπορεί να γίνει χρησιμοποιώντας τον λογαριασμό που ήδη έχετε στο Google και σας επιτρέπει να «κάψετε» (δηλ. να εισάγετε) όσα feeds θέλετε.



Το πρώτο βήμα που πρέπει να κάνουμε για να αρχίσουμε να φτιάχνουμε το newsletter μας, είναι να πατήσουμε στο http://feedburner.google.com/, όπου θα εμφανιστεί η παρακάτω εικόνα:




Απαραίτητη προϋπόθεση είναι να έχουμε google λογαριασμό, που οι περισσότεροι έχουμε λόγω του blog μας. Όσοι δεν έχετε φτιάχνετε τώρα. Όσοι έχουμε συνδεόμαστε στο Feedburner με τους κωδικούς που έχουμε και στον google λογαριασμό μας.





Τώρα θα σας εμφανιστεί η παρακάτω εικόνα:




Εγώ έχω ήδη ένα feed, αυτό του johnpatra.com (εσείς λογικά δεν έχετε κανένα ακόμα). Για να σας δείξω πως θα φτιάξετε ένα νέο feed, αποφάσισα να ξεκινήσω και εγω τη δημιουργία ενός νέου feed, αυτό του http://ski-gr.blogspot.com/ που είναι ένα από τα άλλα μου blogs.



Γράφετε κι εσείς τη διεύθυνση του blog σας, επίλεγετε το “I am a Podcaster!” και πατάτε “Next”.



Τώρα επιλέγουμε την πρώτη επιλογή, όπως φαίνεται παρακάτω




και πατάμε πάλι το “Next”.






Τώρα γράφουμε το όνομα του feed μας και βάζουμε και τη διεύθυνση στην οποία θα ανοίγει.




Ρυθμίστε τα όπως θέλετε και πατήστε “Next” (αν δεν ξέρετε τι ρύθμιση είναι το καθένα, βάλτε τα όπως τα έχω εγώ στις εικόνες).






Ρυθμίστε τα όπως θέλετε και πατήστε “Next” (αν δεν ξέρετε τι ρύθμιση είναι το καθένα, βάλτε τα όπως τα έχω εγώ στις εικόνες).




To feed μας δημιουργήθηκε!





Δείτε τι σημαίνει η κάθε καρτέλα:



Analyze:



Περιλαμβάνει στατιστικά χρήσης των feeds σας. Εδώ μπορείτε να δείτε ποιες είναι οι δημοφιλέστερες καταχωρήσεις σας, τον αριθμό και τη συμπεριφορά των συνδρομητών σας, τον feed reader που χρησιμοποιούν, τις γεωγραφικές περιοχές από τις οποίες προέρχονται, ακόμα και να εντοπίσετε «ασυνήθιστες χρήσεις» (uncommon uses) των feeds σας.



Optimize:



Εδώ μπορείτε να βελτιώσετε τα feeds σας, κάνοντάς τα συμβατά με όλες τις πιθανές συσκευές και feedreaders, αλλά και να τα ενισχύσετε με επιπλέον λειτουργικότητες όπως: κουμπιά απευθείας παρακολούθησης από τους δημοφιλέστερους feed readers, τροποποιήσεις ειδικές για podcasters, δυνατότητα διαμοιρασμού των feeds σε υπηρεσίες κοινωνικής δικτύωσης, δήλωση της γεωγραφικής τοποθεσίας σας κ.α.



Publicize:



Από τις πιο ενδιαφέρουσες κατηγορίες, αφού προσφέρει εναλλακτικούς τρόπους προώθησης και παρουσίασης των feeds σας. Μερικές από τις επιλογές που περιλαμβάνει είναι η δυνατότητα δημιουργίας κινούμενων banners που εμφανίζουν τις τελευταίες καταχωρήσεις, επαναδημοσίευση των feeds σας ως περιεχόμενο ενσωματωμένο σε άλλο website, προβολή του αριθμού των συνδρομητών, αυτόματη δημοσίευση κάθε νέας καταχώρησης στο Twitter (το αγαπημένο μου) κ.α.



Monetize:



Σας δίνει τη δυνατότητα να ενσωματώσετε διαφημίσεις από το Google Adsense ανάμεσα στα feeds σας. Προϋποθέτει, ασφαλώς, να έχετε λογαριασμό στο Adsense.



Troobleshootize:



Ελέγχει την «υγεία» των feeds σας και σας δίνει συμβουλές για το πώς θα τα διατηρήσετε σε καλή κατάσταση.



Πηγή*: www.freeweird.com





Από τις καρτέλες επιλέγουμε το “Publicize”, πατάμε στην επιλογή “Email subscriptions” που έχει στα δεξιά και πατάμε “Activate” για να ενεργοποιηθεί η υπηρεσία newsletter.












Τώρα αντιγράφουμε τον κωδικό, όπως φαίνεται στην παρακάτω εικόνα:






Συνδεόμαστε στον blogger λογαριασμό μας από το http://draft.blogger.com/home και από τον Πανόπτη μας, πάμε στη Σχεδίαση>Στοιχεία Σελίδας>Προσθήκη gadget>HTML/JavaScript και επικολλούμε εκεί τον κωδικό που πριν αντιγράψαμε και αποθηκεύουμε το gadget.



Στη σελίδα μας θα φαίνεται έτσι:




Επεξεργασία του κωδικού:



Ο κωδικός του gadget θα είναι κάπως έτσι:


<form style=”border:1px solid #ccc;padding:3px;text-align:center;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Ski-gr’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”><p>Enter your email address:</p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”Ski-gr” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” /><p>Delivered by <a href=”http://feedburner.google.com” target=”_blank”>FeedBurner</a></p></form>

(ΜΗΝ ΒΑΛΕΤΕ ΤΟΝ ΠΑΡΑΠΑΝΩ ΚΩΔΙΚΟ ΠΟΥΘΕΝΑ! ΑΥΤΟΣ ΕΙΝΑΙ Ο ΔΙΚΟΣ ΜΟΥ ΚΩΔΙΚΟΣ ΚΑΙ ΑΦΟΡΑ ΜΟΝΟ ΤΟ SKI-GR)





Σας έχω μαρκάρει κάποια σημεία που μπορείτε να αλλάξετε. Είναι εμφανές τι αλλάζει και που. Αν δεν τα πάτε καλά με κωδικούς, αφήστε τα όπως έχουν.



Τώρα πατώντας Ρυθμίσεις>Ροή Δικτυακού Τόπου, μπορείτε από το “Να επιτρέπονται οι ροές δεδομένων ιστολογίου” να επιλέξετε “Σύντομο”, αντί για “Πλήρες”.



Τι σημαίνει αυτό? Ότι στα μαιλ των συνδρομητών σας, δεν θα στέλνονται ολόκληρα τα post σας, αλλά ένα μέρος τους. Έτσι για να διαβάσουν όλο το ποστ θα πρέπει να επισκεφτούν τη σελίδα σας.



Αν θέλετε στους συνδρομητές σας, να φαίνονται ολόκληρα τα ποστ σας, αφήστε το όπως έχει στο “Πλήρες”.



ΒΑΣΙΚΟ:



Εκεί που λέει “Διεύθυνση URL ανακατεύθυνσης ροής δεδομένων δημοσίευσης”, πρέπει να βάλετε την διεύθυνση του feed σας από το feedburner, ώστε να γίνεται ανακατεύθυνση του κανονικού σας feed στο feedburner feed.



Τώρα μπορείτε να αλλάξετε κάτι ή να βλέπετε τα στατιστικά του feed σας από το http://feedburner.google.com/ που θα βλέπετε το feed σας όπως βλέπω εγώ τα δυο δικά μου:



Παρακαλώ αφήστε ένα σχόλιο αν θέλετε ή κάντε “Like” σε αυτό το ποστ, από το facebook κουμπάκι που έχω λίγο πιο κάτω.


Keep Blogging!

johnpatra




ΠΩΣ ΦΤΙΑΧΝΩ BLOG? – ΤΙ ΕΙΝΑΙ BLOG?



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Το blog ειναι ιστοσελίδα που ενημερώνετε σχεδόν καθημερινά. Η θεματολογία του blog εξαρτάται με τα ενδιαφέροντα του ατόμου που το διατηρεί. Είναι η σελίδα ενός χρήστη που φιλοξενεί κείμενα, γραφικά και πολυμέσα παρουσιασμένα με τη μορφή ημερολογίου και οι επισκέπτες ενός blog μπορούν να εκφέρουν την δικιά τους άποψη σχετικά με το θέμα που γράφεται στο blog. Ένα τυπικό blog συνδυάζει κείμενο, εικόνες και συνδέσμους προς άλλα blogs ή άλλες ιστοσελίδες και μέσα σχετικά με το περιεχόμενό του. Αυτα τα χαρακτηριστικά και οι δυνατότητες που προσφέρει το blog σε όλους τους χρήστες του Διαδικτύου είναι που το έχουν κάνει ενα δυνατό εργαλείο στα χέρια του πολίτη, μέσω του οποίου ξεπηδούν νέες ιδέες, διαδίδονται νέα που δεν θα είχαν δυνατότητα να διαδοθούν με τα παραδοσιακά μέσα ενημέρωσης και πολλές φορές οργανώνονται και κινητοποιήσεις των πολιτών για κάτι που θεωρείται άδικο.






Πώς μπορώ να δημιουργήσω ένα ιστολόγιο Blogger;



Βήμα 1:



Για να μπορέσετε να δημιουργήσετε ένα δωρεάν ιστολόγιο στο Blog*Spot, την υπηρεσία φιλοξενίας του Blogger, θα πρέπει να έχετε ήδη δημιουργήσει έναν λογαριασμό στο Google Mail.

Αν δεν έχετε λογαριασμό, δημιουργήστε το. Όταν συνδεθείτε στο blogger.com, κάντε κλικ στον σύνδεσμο “Δημιουργία ιστολογίου”.




Βήμα 2:



Πληκτρολογήστε έναν τίτλο και μια διεύθυνση (URL). Θα χρειαστεί επίσης να πληκτρολογήσετε τη λέξη επαλήθευσης που εμφανίζεται σε αυτήν τη σελίδα. Όταν τελειώσετε, κάντε κλικ στο “Συνέχεια”.






Βήμα 3:



Μπορείτε να επιλέξετε ένα πρότυπο για το ιστολόγιό σας. Πρόκειται για την εμφάνιση που θα έχει όταν το δημοσιεύσετε. Στη συνέχεια, το Blogger θα δημιουργήσει το νέο ιστολόγιό σας και θα δεσμεύσει τη θέση σας στο BlogSpot. Μόλις δημοσιεύσετε την πρώτη σας ανάρτηση, η σελίδα σας θα εμφανιστεί στη διεύθυνση που επιλέξατε.

Αυτό ήταν… Τώρα είστε έτοιμοι να κάνετε ότι θέλετε. Να δημοσιεύετε τις απόψεις σας,να μοιραστείτε τις σκέψεις σας η τις φωτογραφίες σας με όλους και να κατακτήσετε τον κόσμο .





Καλή σας τύχη λοιπόν…



Πηγή: Blogger Trics




ΣΧΟΛΙΑ ΣΤΙΣ BLOGGER ΑΝΑΡΤΗΣΕΙΣ ΣΟΥ ΑΠΟ ΤΟ FACEBOOK – ADDING FACEBOOK COMMENT BOX TO BLOGGER BLOG



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Το Facebook είναι αναμφίβολα η μεγαλύτερη διαδικτυακή κοινότητα. Δεν υπάρχει άλλο site με περισσότερα μέλη. Έτσι το Facebook δίνει την δυνατότητα να προσθέσουμε στη σελίδα μας, διάφορα widgets, με τα οποία συνδέουμε το site μας με το Facebook και τα 500 εκ. μέλη του. Ένα από αυτά τα widgets είναι το widget σχολιων. Έτσι θα δώσουμε τη δυνατότητα στους επισκέπτες μας να σχολιάσουν τις αναρτήσεις μας, ενώ είναι συνδεδεμένοι στους λογαριασμούς τους στο Facebook. Αυτό είναι πολύ καλό και για μας, γιατί έτσι διαφημίζεται το site μας στο Facebook, αφού ο καθένας μπορεί να κάνει το διάσημο “Like”.



Θέλετε λοιπόν να βάλετε ένα Facebook Comment Box? Aν ναι ακολουθήστε τα παρακάτω βήματα:



1. Πάτα στο http://developers.facebook.com/setup/



Γράψε στο κάθε κουτάκι αυτό που ζητάει, όπως έχω κάνει για το δικό μου site στην παρακάτω εικόνα:




Έπειτα πατήστε “Create application” και συμπληρώστε τα γράμματα της εικόνας στο κουτί ασφαλείας.



2. Η σελίδα που θα εμφανιστεί θα είναι όπως η παρακάτω:




Από αυτη τη σελίδα μας χρειάζεται μόνο το App ID : 198372564539628

Αποθηκεύστε κάπου το App ID σας και πάμε παρακάτω.



3. Τώρα πάμε στο http://developers.facebook.com/docs/reference/plugins/comments*



Εκεί που λέει Unique Id βάζουμε το App ID μας και επίσης ρυθμίζουμε τις άλλες ρυθμίσεις, όπως θέλουμε εμείς:




Τώρα κάνουμε κλικ στο Get code και αντιγράφουμε τον κωδικό που θα εμφανιστεί, όπως φαίνεται παρακάτω:




Τώρα στον παραπάνω κωδικό αντικαθιστούμε το APP_ID με το νούμερο του APP ID μας που έχουμε αποθηκεύσει από το βήμα 2.





4. Τώρα συνδεόμαστε στον blogger λογαριασμό μας από το http://draft.blogger.com/home και από τον πανόπτη μας, πάμε στη Σχεδίαση, μετά στην Επεξεργασία html και τσεκάρουμε το κουτάκι που λέει: “Επέκταση προτύπων γραφικών στοιχείων”



5. Με τη βοήθεια του ctrl+F βρίσκουμε έναν από τους παρακάτω κωδικούς, ανάλογα με το τι θέλουμε:



αν θέλουμε το facebook comment box να εμφανίζεται αμέσως μετά από κάθε blogger post μας βρίσκουμε το:


<p><data:post.body/></p>



αν θέλουμε το facebook comment box να εμφανίζεται πάνω από τα κανονικά σχόλια του blogger βρίσκουμε το:


<b:includable id=’comments’ var=’post’>





Και επικολλούμε τον κώδικα που πήραμε από το βήμα 3 αμέσως μετά από τον κωδικό που επιλέξαμε παραπάνω, ανάλογα με το που θέλουμε να εμφανίζεται.



Αποθηκεύσουμε το πρότυπό μας, κι είμαστε έτοιμοι!



*Επίσης από το http://developers.facebook.com/plugins μπορούμε να βρούμε κι άλλα ενδιαφέροντα facebook widgets όπως φαίνονται παρακάτω:



Το σχόλιό σας, η ΕΠΙΒΡΑΒΕΥΣΗ μου!


Keep Blogging!

johnpatra