Blogger Tips – Tricks – Gadgets – Templates – Hacks

Διάσημα banners για τα blogs που πρέπει να βάλετε στο blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Σε αυτό το ποστ σας σύλλεξα μερικά πολύ γνωστά banners για τα blogs και την ελευθερία τους.
Τα παρακάτω banners τα ψάρεψα από διάφορα blogs.
Δεν ξέρω ποιος τα έφτιαξε πάντως είναι πολύ ωραία και έχουν και νόημα.
Πολλά blogs έχουν ένα από αυτά.
Παρακάτω σας τα έχω με τον κωδικό τους για να τα βάλετε στο blog σας αν σας αρέσουν αλλά κυρίως αν συμφωνείτε με αυτά που γράφουν.

Έχω ανεβάσει όλα τα banners στον server του freefotos που από ότι ξέρω είναι αρκετά αξιόπιστος.Έχω ρυθμίσει το κάθε μπαννερ να είναι σύνδεσμος σε αυτήν εδώ την ανάρτηση και έτσι όποιος επισκέπτης σας θέλει να βάλει ένα να οδηγηθεί αμέσως εδώ (δεν θα φύγει από το blog σας ‘θα ανοίξει σε νέα καρτέλα) και να βάλει κι αυτός ένα.Σας παρακαλώ πολύ λοιπόν να μην αλλάξετε τον σύνδεσμο ώστε να διαδωθούν αυτά τα banners σε όλους.

Για να βάλεις ένα από τα παρακάτω banners στο blog σου πας στον Πανόπτη σου,από εκεί στην Διάταξη, πατάς Προσθήκη gadget ,επιλέγεις το HTML/JavaScript και εκεί αντιγράφεις τον κώδικα του banner που θέλεις να βάλεις.Μην ξεχάσεις να το αποθηκεύσεις κι είσαι έτοιμος!

Τα μπάννερς:




HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”wm7i7xg6xwax1t2zv309.jpg” src=”http://freefotos.gr/images/wm7i7xg6xwax1t2zv309_thumb.jpg”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”ojg3ri3yxjfrhnwutg.jpg” src=”http://freefotos.gr/images/ojg3ri3yxjfrhnwutg_thumb.jpg”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”l8ykj9y6is7wwx9r87el.jpg” src=”http://freefotos.gr/images/l8ykj9y6is7wwx9r87el_thumb.jpg”/></a>
</center>





HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”t95vpdlomwfe3rlz1ogp.jpg” src=”http://freefotos.gr/images/t95vpdlomwfe3rlz1ogp_thumb.jpg”/></a>
</center>





HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”9li5lv7baoo7e53998wx.jpg” src=”http://freefotos.gr/images/9li5lv7baoo7e53998wx_thumb.jpg”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”f5n426zmxd2l4zkn20s6.jpg” src=”http://freefotos.gr/images/f5n426zmxd2l4zkn20s6_thumb.jpg”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”3qbrn9kx607m7cts000.jpg” src=”http://freefotos.gr/images/3qbrn9kx607m7cts000_thumb.jpg”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”po71ef73rh9vi2tie0m1.jpg” src=”http://freefotos.gr/images/po71ef73rh9vi2tie0m1_thumb.jpg”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”ut22y3t2mqd2evad67o.jpg” src=”http://freefotos.gr/images/ut22y3t2mqd2evad67o_thumb.jpg”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”lrg4ki984u6bmx39ozr1.jpg” src=”http://freefotos.gr/images/lrg4ki984u6bmx39ozr1_thumb.jpg”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”vzqp40j35ugrv7fwyt4p.png” src=”http://freefotos.gr/images/vzqp40j35ugrv7fwyt4p_thumb.png”/></a>
</center>




zbyl7ycbkqjuyrrzmoyd.gif

HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”zbyl7ycbkqjuyrrzmoyd.gif” src=”http://i723.photobucket.com/albums/ww239/johnpatra/th_ubab10.gif”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”zbyl7ycbkqjuyrrzmoyd.gif” src=”http://i723.photobucket.com/albums/ww239/johnpatra/UBAB.gif?t=1259363764″/></a>
</center>




4627t1uv3442avywee5.gif

HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”4627t1uv3442avywee5.gif” src=”http://i723.photobucket.com/albums/ww239/johnpatra/th_killing_thumb.gif”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”wm7i7xg6xwax1t2zv309.jpg” src=”http://freefotos.gr/images/kt5rtbggpi98ojd43cwm.gif”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”wm7i7xg6xwax1t2zv309.jpg” src=”http://freefotos.gr/images/zyi64xga5km1a8xtft.jpg”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”wm7i7xg6xwax1t2zv309.jpg” src=”http://freefotos.gr/images/kk4wme1gkd7bj0mnj357.gif”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”wm7i7xg6xwax1t2zv309.jpg” src=”http://freefotos.gr/images/buab541rb24zr5sgv3fl.png”/></a>
</center>






HTML Κωδικός:


<center>
<a href=”http://johnpatrablog.blogspot.com/2009/11/banners-blogs-blog.html” target=”_blank”><img border=”0″ alt=”wm7i7xg6xwax1t2zv309.jpg” src=”http://freefotos.gr/images/oipudrwp05r0h2w45xls.png”/></a>
</center>



Η παραπάνω λίστα με τα μπαννερς θα ανανεώνεται κάθε φορά που θα βρίσκω ένα παρόμοιο banner.
Αν έχετε να μου προτείνετε κάποιο σας παρακαλώ πείτε το μου αφήνοντας μου ένα σχόλιο.



Από τους διασημότερους bloggers στον κόσμο…



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Η Γιοάνι Σάντσες είναι από τους διασημότερους bloggers στον κόσμο.Είναι πτυχιούχος φιλολογίας και ζει στην Αβάνα (Κούβα).Συνδυάζει το πάθος της για την πληροφορική με την δουλειά της που δεν ειναι άλλη από τη συγγραφή του blog της.
Η Κουβανή μπλόγκερ Γιοάνι Σάντσες είναι μόλις 34 ετών και σύμφωνα με τους “Times” ανήκει στις 100 προσωπικότητες με τη μεγαλύτερη επιρροή στον πλανήτη. Έχει τιμηθεί με διεθνή βραβεία για τη δράση της, όπως το «Ορτέγκα υ Γκασέτ» από την Εφημερίδα Ελ Παϊς, αλλά και με το “Maria Moors Cabot” το πιο παλιό βραβείο δημοσιογραφίας στον κόσμο. Σε καμμία από τις δύο τελετές απονομής -ούτε σε άλλες!-, δεν κατάφερε να παραστεί, αφού οι κουβανικές αρχές αρνήθηκαν να της δώσουν βίζα!
Είναι γνωστό ότι η Κούβα είναι η χώρα με τον χειρότερο βαθμό στην ελευθερία έκφρασης στο Ίντερνετ. Η «δουλειά» της Γιοάνι δεν είναι εύκολη υπόθεση, αφού για να γράψει τα κείμενά της στο blog της “GeneracionY” προσποιείται την τουρίστρια στα Ίντερνετ Καφέ της Αβάνας. Η Γιοάνι Σάντσες ενοχλεί πολύ το καθεστώς. Λίγο πριν εκφωνήσει τον πρώτο του λόγο ο Ραούλ Κάστρο ως πρόεδρος της Κούβας, η Σάντσες έγραφε «η Κούβα δεν χρειάζεται για πρόεδρο έναν στρατιώτη, ούτε έναν χαρισματικό ηγέτη, ούτε έναν σπουδαίο ρήτορα, αλλά μια πραγματίστρια νοικοκυρά, που θα ταχθεί υπέρ της ελευθερίας του λόγου και των ελεύθερων εκλογών.»
Αυτό όμως που η ίδια φοβόταν, συνέβη τελικά στις 6 Νοεμβρίου 2009.
Την Παρασκευή το βράδυ στην Αβάνα, η Γιοάνι Σάντσες απήχθη και ξυλοκοπήθηκε, ενώ κατευθυνόταν προς το σημείο εκκίνησης μιας διαδήλωσης κατά της βίας. Την επόμενη κιόλας μέρα η «αντεπαναστάτρια» δήλωσε: «Απάντησαν στα λόγια με τη βία. Είναι το μόνο πράγμα που ξέρουν να κάνουν. Δεν ξέρω πώς θα το εξηγήσω στον γιο μου, αλλά δεν θα σταματήσω να γράφω.»

Το blog της ονομάζεται “GeneracionY” (=Γενιά Υ) και θα το βρείτε στο http://www.desdecuba.com/generaciony/.Ομάδα από εθελοντές έλληνες έχει αναλάβει τη μετάφραση του blog στα ελληνικά(http://desdecuba.com/generaciony_gr/).

Πηγή:
http://www.protagon.gr/Default.aspx?tabid=75&smid=400&ArticleID=473&reftab=37&t=%CE%93%CE%B9%CE%BF%CE%AC%CE%BD%CE%B9-%CE%A3%CE%AC%CE%BD%CF%84%CF%83%CE%B5%CF%82:-%CE%97-blogger-%CE%B1%CF%80%CE%BF-%CF%84%CE%B7%CE%BD-%CE%9A%CE%BF%CF%8D%CE%B2%CE%B1



Create upload and embed in html code flash shockwave (.swf) file-banner in your blog



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Σήμερα θα σας δείξω τον τρόπο με τον οποίον θα μπορούμε όλοι να βάλουμε ένα banner
(σε .swf μορφή) στο blog μας.
Τελευταία βλέπω συχνά banners σε μορφή .swf στα blogs.Έχουν γίνει “διάσημα” διότι είναι ξεχωριστά από τα απλά συχνά banners και τραβούν την προσοχή του κόσμου.
Για να εμφανίζονται τα shockwave (.swf) αρχεία στον καθέναν μας θα πρέπει να έχουμε εγκαταστήσει το Adobe Flash Player στον υπολογιστή μας.

Μπορείτε να φτιάξετε ένα banner σε .swf μορφή με δύο τρόπους:

1)Είτε χρησιμοποιώντας τα κατάλληλα προγράμματα όπως το Aleo Flash Intro Banner Maker,

2)είτε να τα φτιάξετε online από websites που κάνουν αυτήν την δουλειά όπως αυτά εδώ και το Flashvortex.com.

Αφού λοιπόν έχετε φτιάξει το flash banner σας σε μορφή .swf πάντα ‘πρέπει να το ανεβάσετε κάπου για να σας δώσει το link (http://yourbannerlink.swf).Και αυτό γιατί ακόμα δεν έχετε το link σε .swf του banner σας.
(Βέβαια σε μερικά sites σας δίνουν κατευθείαν τον html κωδικό οπότε δεν χρειάζεται να τον φτιάξετε εσείς.)
Σας προτείνω λοιπόν να το ανεβάσετε στο hotlinkfiles κάνοντας έναν free λογαριασμό.

Αφού λοιπόν το ανεβάσατε εκεί έχετε πλέον και το link του (http://yourbannerlink.swf).

Τώρα λοιπόν πάμε να φτιάξουμε τον html κωδικό για να τον βάλουμε στο blog μας.

Ο κωδικός είναι ο εξης:


<object width=”300” height=”200“><param value=”http://www.hotlinkfiles.com/files/2444410_wcywh/kifidis_swf.swf” name=”movie”/><param value=”transparent” name=”wmode”/><embed width=”300” src=”http://www.hotlinkfiles.com/files/2444410_wcywh/kifidis_swf.swf” wmode=”transparent” height=”200” type=”application/x-shockwave-flash”></embed></object>



Σας έχω μαρκάρει με κίτρινο τα νούμερα που καθορίζουν το μέγεθος του banner.Αν θέλετε τα αλλάζετε.

Και με πορτοκαλί είναι η διεύθυνση (σε .swf) του banner σας.Αλλάξτε την δικιά μου με την δική σας.

Τον παραπάνω κωδικό τον επικολλούμε στον Πανόπτη>Διάταξη>Προσθήκη gadget>HTML/JavaScript>εδώ επικολλούμε τον κωδικό μας και τον αποθηκεύουμε.

Το αποτέλεσμα όλων των παραπάνων είναι το:



Η φίλη Βούλα από το http://sklirinsikataplakasathens.blogspot.com/ ήθελε να μάθει πως μπορεί να βάλει το flash banner της στο blog της και έγραψα αυτήν την ανάρτηση.

Εαν θέλετε κάτι να μου πείτε αφήστε μου ένα σχόλιο.



Pull-Down Menu with Links (+ έτοιμο widget)



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Σήμερα θα σας εξηγήσω την τεχνική του pull-down menu και πόσο σημαντική και λειτουργική είναι για τα blogs.
Σας έφτιαξα μάλιστα και ένα widget για να το βάλετε στο blog σας.

Έχω επισκεφτεί εκατοντάδες blogs και σε πολλά βλέπω να έχουν στην sidebar (=η στήλη δεξιά ή αριστερά από τις αναρτήσεις) μια ακατέβατη σειρά από links.
Άλλο να έχεις 10-20 links γνωστών σου και άλλο να έχεις 50+ links από διάφορες ιστοσελίδες.Με αυτόν τον τρόπο δεν βοηθάτε τους επισκέπτες σας να πλοηγηθούν ευχάριστα στη σελίδα σας.
Σας προτείνω λοιπόν να χρησιμοποιήσετε το pull-down menu.Δεν θα διαγράψετε κανένα link απλά θα τα συγχωνεύσετε και δεν θα σας τρώνε πια τόσο χώρο.
Κάτω σας έχω τον κωδικό για το pull-down menu:


<form><select onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)” style=”width: 150px;” name=”menu” size=”1“><option/> Φιλικά ιστολόγια<!– change the links with your own –><option value=”http://www.johnpatrablog.blogspot.com//>Johnpatra BLOG</select></form>



Εξήγηση του κωδικού:

“width: 150 px;” :Το πλάτος του widget.Αν θέλετε αλλάζετε το 150.
size=”1“:Το μέγεθος.Αλλάξτε το 1 αν θέλετε.Θα μεγαλώσει το ύψος του.
Φιλικά ιστολόγια :Γράψτε τον δικό σας τίτλο των λινκς που θα βάλετε.
value=”http://www.johnpatrablog.blogspot.com/ :Εδώ γράφετε την διεύθυνση του λινκ που θέλετε να βάλετε.
Johnpatra BLOG :Και εδώ γράφετε το όνομα του λινκ.

Με την ίδια λογική μπορείτε να βάλετε όσα λινκς θέλετε.

Εγώ σας έφτιαξα ένα τέτοιο widget.Δείτε το παρακάτω και αν σας αρέσει σας έχω τον κωδικό του.
Όπως μάθατε παραπάνω ‘μπορείτε να προσθέσετε ή να αφαιρέσετε στο παρακάτω widget links και να το προσαρμόσετε όπως το θέλετε.
Σας παρακαλώ μην σβήσετε τον τίτλο του.Μπορείτε να τον αλλάξετε βέβαια και να μην λεει “Εξωτερικές συνδέσεις” ,όπως λέει τώρα.


Widget:


Εξωτερικές συνδέσεις:












Κωδικός html:

(Πανόπτης>Διάταξη>Προσθήκη gadget>HTML/JavaScript>εδώ επικολλήτε τον παρακάτω κώδικα και το αποθηκεύετε.)


<center><p>
<a href=”http://johnpatrablog.blogspot.com/2009/11/pull-down-menu-with-links-widget.html” target=”_blank”>Εξωτερικές συνδέσεις:</a>
</p></center>

<center>
<form><select onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)” style=”width: 150px;” name=”menu” size=”1“><option/> Εφημερίδες<!– change the links with your own –><option value=”http://news247.gr/Headlines.htm “/> Πρωτοσέλιδα<option value=”http://bestpress.gr/newspapers.php/”/> Bestpress<option value=”http://www.agelioforos.gr/”/> Αγγελιoφόρος<option value=”http://www.avgi.gr”/> ΑΥΓΗ<option value=”http://www.ethnos.gr”/> ΕΘΝΟΣ<option value=”http://www.e-typos.com”/> Ελεύθερος Τύπος<option value=”http://www.enet.gr”/> Ελευθεροτυπία<option value=”http://www.kathimerini.gr”/> Καθημερινή<option value=”http://www.tanea.gr”/> TA NEA<option value=”http://www.makthes.gr”/> MAKEΔONIA<option value=”http://tovima.dolnet.gr”/> ΤΟ ΒΗΜΑ<option value=”http://www.rizospastis.gr”/> Ριζοσπάστης<option value=”http://www.espressonews.gr”/> Espresso<option value=”http://www.aixmi.gr/”/> AIXMH<option value=”http://www.argo-mme.gr/”/> ΑΡΓΩ<option value=”http://www.realnews.gr”/> REAL NEWS<option value=”http://www.paron.gr”/> Το Παρόν<option value=”http://digital.stokarfi.gr”/> ΤΟ ΚΑΡΦΙ<option value=”http://www.protothema.gr/index.php”/> ΠΡΩΤΟ ΘΕΜΑ<option value=”http://www.topontiki.gr”/> Το Ποντίκι<option value=”http://www.imerisia.gr”/> ΗΜΕΡΗΣΙΑ<option value=”http://www.isotimia.gr”/> ΙΣΟΤΙΜΙΑ<option value=”http://www.ependitis.gr”/> ΕΠΕΝΔΥΤΗΣ</select></form>



<form><select onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)” style=”width: 150px;” name=”menu” size=”1″><option/> Ξένος Τύπος<!– change the links with your own –><option value=”http://www.abcnews.go.com/”/> ABCnews <option value=”http://www.ananova.com/”/> Ananova <option value=”http://www.cbsnews.com/”/> CBSnews <option value=”http://www.corriere.it/”/> CorriereDellaSera <option value=”http://www.taz.de/”/> DieTageszeitung <option value=”http://www.economist.com/”/> Economist<option value=”http://www.elpais.com/”/> ElPais<option value=”http://www.euronews.net/”/>Euronews <option value=”http://www.floridatoday.com/”/> Floridatoday<option value=”http://www.france24.com/en/”/> France24<option value=”http://www.huffingtonpost.com/”/> Huffington post<option value=”http://www.hurriyet.com.tr/anasayfa/”/> Hurriyet<option value=”http://global.nytimes.com/?iht”/> InternationalHeraldTribune<option value=”http://www.iraqdaily.com/”/> Iraqdaily<option value=”http://www.itar-tass.com/”/> ItarTass<option value=”http://www.lastampa.it/redazione/default.asp”/> LaStampa<option value=”http://www.lefigaro.fr/index.php”/> LeFigaro<option value=”http://www.liberation.fr/”/> Liberation<option value=”http://www.msnbc.msn.com/”/> NBC<option value=”http://www.newsweek.com/”/> Newsweek<option value=”http://www.pravda.ru/”/> Pravda<option value=”http://www.pressassociation.com/”/> PressAssociation<option value=”http://www.rai.it/”/> Rai<option value=”http://www.russiatoday.com/”/> RussiaToday<option value=”http://www.salon.com/”/> Salon<option value=”http://tg24.sky.it/tg24/”/> SKY.it<option value=”http://www.independent.co.uk/”/> The Independent<option value=”http://www.todayszaman.com/tz-web/”/> Today’sZaman<option value=”http://www.turkishpress.com/”/> TurkishPress<option value=”http://www.usatoday.com/”/> Usatoday<option value=”http://www.dallasnews.com/”/> Dallas News <option value=”http://www.latimes.com/”/> Los Angeles Times <option value=”http://www.washingtonpost.com/”/> Washington Post <option value=”http://europe.wsj.com/home-page”/> Wall Street Journal <option value=”http://timesofindia.indiatimes.com/”/> The Times of India <option value=”http://www.reuters.com/”/> Reuters <option value=”http://news.sky.com/skynews”/> Sky News<option value=”http://www.foxnews.com/”/>FOXNews <option value=”http://www.telegraph.co.uk/”/> Telegraph<option value=”http://www.nytimes.com/pages/index.html?partner=rss”/> NYT new yorks time<option value=”http://www.time.com/time/?xid=rss-topstories”/> TIME<option value=”http://www.lemonde.fr/”/> Le Monde<option value=”http://www.dw-world.de/english/?maca=en-rss-en-all-1573-rdf”/> Deutsche Welle<option value=”http://www.guardian.co.uk/”/> The Guardian<option value=”http://www.spiegel.de/”/> Spiegel online<option value=”http://www.nypost.com/news/nypdblotter/nypdblotter.htm”/> NY Post<option value=”http://www.cnn.com/?eref=rss_topstories”/> CNN<option value=”http://www.repubblica.it/”/> Repubblica<option value=”http://www.express.co.uk/home”/> Daily Express<option value=”http://www.zeit.de/index”/> Zeit online<option value=”http://news.bbc.co.uk/2/hi/business/default.stm”/> BBC news</select></form>



<form><select onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)” style=”width: 150px;” name=”menu” size=”1″><option/> Φιλικά ιστολόγια<!– change the links with your own –><option value=”http://www.johnpatrablog.blogspot.com/”/>Johnpatra BLOG</select></form>



<form><select onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)” style=”width: 150px;” name=”menu” size=”1″><option/> Χρήσιμα links<!– change the links with your own –><option value=”http://www.geophysics.geol.uoa.gr/main_greek.html”/> σεισμικότητα σε πραγματικό χρόνο<option value=”http://dias.aueb.gr/~kxv/webcameras.htm”/> όλες οι web cams στον ελλαδικό χώρο<option value=”http://ekloges.ypes.gr/pages/index.html”/> τα αποτελέσματα των ελληνικών Ευρωεκλογών 2009<option value=”http://www.elections2009-results.eu/el/index_el.html”/> αναλυτικά τα αποτελέσματα κάθε χώρας από τις 27 στις Ευρωεκλογές του 2009<option value=”http://www.news247.gr/Headlines.htm”/> Όλα τα πρωτοσέλιδα<option value=”http://news.google.gr/nwshp?hl=el&tab=wn”/> Ολες οι τελευταίες ειδήσεις<option value=”http://www.naftemporiki.gr/athexrealtime/”/> Χρηματιστήριο<option value=”http://www.in.gr/ath/duty/hospital.asp”/> Εφημ. Νοσοκομεία <option value=”http://www.astynomia.gr/traffic-athens.php”/> Κίνηση στους δρόμους<option value=”http://www.hnms.gr/hnms/greek/observation/observation_region_html”/> Καιρός<option value=”http://www.asxetos.gr/article.aspx?i=920″/> Ράδιο ταξί<option value=”http://www.athinorama.gr/cinema/default.aspx?i=1697″/> Σινεμά <option value=”http://www.in.gr/thes/phones/default.htm”/> Τηλ. ανάγκης<option value=”http://www.fsa.gr/duties.asp”/> Φαρμακεία</select></form>




<form><select onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)” style=”width: 150px;” name=”menu” size=”1″><option/> Ομογένεια<!– change the links with your own –><option value=”http://www.comgrecotrieste.it/”/> Comgrecotrieste <option value=”http://www.comunitaellenicadigenova.it/”/> Comunitaellenicadigenova <option value=”http://www.desmos-grece.com/”/> Desmos-grece <option value=”http://diaspora-grecque.com/modules/altern8news/”/> Diaspora-grecque <option value=”http://www.diasporafm.us/”/> Diasporafm <option value=”http://www.ellines-rl.it/”/> Ellines-rl <option value=”http://www.emiratesgreeks.com/”/> Emiratesgreeks <option value=”http://www.episkeptis.de/”/> Episkeptis <option value=”http://www.grecia.it/”/> Grecia <option value=”http://www.greeceinworld.com/”/> Greeceinworld <option value=”http://www.greek.swedishportal.net/”/> Greek.swedishportal <option value=”http://www.greeknewsonline.com/”/> Greeknewsonline <option value=”http://www.hellenicnews.com/”/> HellenicNews<option value=”http://www.kalami.net/”/>Kalami <option value=”http://www.neafon.com/magazin/index.php”/> NeaFon<option value=”http://neoskosmos.com/news/en”/> Nέος Κόσμος<option value=”http://www.kosmos.com.au/”/> O Kόσμος<option value=”http://www.oek-germany.de/index.php”/> Oμοσπονδία Ελληνικών Κοινοτήτων<option value=”http://www.platpub.com/”/> PlatyrralosPublishing<option value=”http://www.sofiatimes.com/”/> SofiaTimesMagazine<option value=”http://www.swr.de/-/id=116/1p6o6z0/index.html”/> Swr.de<option value=”http://www.bhma.net/”/> Βήμα<option value=”http://2opseis.neolaia.de/”/> Δύο όψεις<option value=”http://www.elliniki-gnomi.com/”/> Εlliniki-gnomi<option value=”http://www.ekirikas.com/”/> Εθνικός Κήρυξ<option value=”http://www.osepe.de/”/> Ποντιακή Νεολαία<option value=”http://www.thenationalherald.com/”/> ΤheNationalHerald</select></form>




<form><select onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)” style=”width: 150px;” name=”menu” size=”1″><option/> Ραδιόφωνο<!– change the links with your own –><option value=”mms://a74.I5001644073.c50016.e.lm.akamaistream.net/D/74/50016/v0001/reflector:44073″/> Alpha Radio 98.9<option value=”http://www.phonografos.gr/”/> ΦΩΝΟΓΡΑΦΟΣ<option value=”mms://62.103.164.228:8080/net105″/> NET 105.8<option value=”http://www.live24.gr/radio/sfera.jsp”/> Sfera<option value=”http://www.radiodistomo.com/media_player.htm”/> RADIO DISTOMO<option value=”http://www.24-7radio.us/radio1.asx/”/> ΚΑΛΑΜΙ-USA<option value=”http://www.live24.gr/radio/generic.jsp?sid=1348″/> RealFM 97,8<option value=”http://www.skai.gr/master_livestream.php?rdtv=1025&rtk=r&lsc=2″/> SKAI 100,3<option value=”http://www.live24.gr/radio/generic.jsp?sid=1417″/> City 99,5<option value=”http://www.live24.gr/radio/generic.jsp?sid=1327″/> Antenna 97<option value=”http://www.live24.gr/radio/generic.jsp?sid=1329″/> A8HNA 98,4<option value=” http://www.live24.gr/radio/generic.jsp?sid=1323″/> Flash 96<option value=”http://live24.gr/radio/kissfm.jsp”/> Kiss Fm 92,9<option value=”http://www.live24.gr/radio/diesi.jsp”/> Δίεση 101,3<option value=” http://delicast.com/radio/Greece/Melodia_FM_99.2″/> Μελωδία 99,2<option value=”http://radiotime.com/WebTuner.aspx?StationId=50098&”/> 92.3 Lampsi FM<option value=”http://delicast.com/radio/Greece/Ry8mos_104.5_FM”/> ΡΥΘΜΟΣ 104.5 FM<option value=”http://delicast.com/radio/Greece/Love_Radio_97.5″/> Love Radio 97,5<option value=”http://delicast.com/radio/Greece/Derti_98.6″/> Derti 98.6</select></form>



<form><select onchange=”window.open(this.options[this.selectedIndex].value,’_blank’)” style=”width: 150px;” name=”menu” size=”1″><option/> Τηλεόραση<!– change the links with your own –><option value=”http://www.parliament.gr/videoaudio/default.asp”/> Βουλή TV<option value=”http://ert.ntua.gr/tv.ram”/> ERT World<option value=”http://www.cybc.com.cy/index.php?option=com_wrapper&Itemid=170″/> CyBC Κύπρος<option value=”http://www.blueskytv.gr”/> BlueSkyTV<option value=”http://www.megatv.com/summaries.asp?catid=14161&tag=10682″/> MEGA TV<option value=”http://news.bbc.co.uk/player/nol/newsid_6900000/newsid_6903100/6903113.stm?bw=nb&mp=wm&asb=1&news=1&ms3=50&ms_javascript=true&bbcws=2″/> BBC world<option value=”http://www.cnn.com/video/live/live_asx.html”/> CNN live<option value=”http://www.msnbc.msn.com/id/21134540/vp/22887506#22887506″/> MSNBC<option rtk=”t&lsc/” value=”mms://live1.wm.skynews.servecast.net/skynews_wmlz_live300k/”/> SKY NEWS<option value=”http://www.c-span.org/Watch/C-SPAN_wm.aspx”/> C-SPAN (usa)<option value=”http://www.nasa.gov/multimedia/nasatv/index.html”/> NASA TV</select></form>
</center>



Αφήστε ένα σχόλιο αν θέλετε να πείτε κάτι.



Google Trends: Μάθετε πόσο δημοφιλείς είναι οι λέξεις κλειδιά που σας ενδιαφέρουν



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Η Google Trends είναι μία από τις νέες υπηρεσίες που παρουσίασε πρόσφατα το Google και η οποία σας δίνει τη δυνατότητα να δείτε πόσο δημοφιλείς είναι οι λέξεις κλειδιά που σας ενδιαφέρουν.

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

Πως λειτουργεί η υπηρεσία
Ας δούμε λοιπόν ένα παράδειγμα χρησιμοποιώντας την λέξη κλειδί eurovision. Στο πάνω μέρος της οθόνης εμφανίζεται το σχεδιάγραμμα με το πλήθος των αναζητήσεων για το χρονικό διάστημα που υπάρχουν στοιχεία. Πάνω στο σχεδιάγραμμα αυτό, το Google έχει τοποθετήσει ορισμένες σημειώσεις. Οι σημειώσεις αυτές αφορούν ειδήσεις που σχετίζονται με την φράση κλειδί και οι οποίες θεωρεί το Google ότι μπορεί να έχουν σχέση με την αύξηση στις αναζητήσεις που παρουσιάζεται σε εκείνες τις δεδομένες χρονικές στιγμές.

Κάτω ακριβώς από το σχεδιάγραμμα των αναζητήσεων, εμφανίζεται το σχεδιάγραμμα με την ροή των σχετικών ειδήσεων, όπως τουλάχιστον αυτή έχει καταγραφεί στην υπηρεσία Google News. Στην περίπτωση που δεν υπάρχουν ειδήσεις για την φράση κλειδί που σας ενδιαφέρει, το σχεδιάγραμμα αυτό δεν εμφανίζεται.

Στο κάτω μέρος της οθόνης υπάρχουν οι πόλεις και οι γεωγραφικές περιοχές στις οποίες έχει πραγματοποιηθεί, αναλογικά, ο μεγαλύτερος αριθμός αναζητήσεων. Ο προσδιορισμός τόσο των πόλεων όσο και των ευρύτερων γεωγραφικών περιοχών γίνεται με βάση την ανάλυση της ip διεύθυνσης του χρήστη που πραγματοποιεί την αναζήτηση και είναι η μεθοδολογία την οποία χρησιμοποιεί γενικότερα το Google.

Πάνω και δεξιά στην οθόνη βρίσκονται δύο drop down menuς με τα οποία μπορείτε να περιορίσετε τα στοιχεία που παρουσιάζει η υπηρεσία ανάλογα με την χώρα και την χρονική περίοδο που σας ενδιαφέρει.

Eurovision - Google Trends

Κάνετε click εδώ για να δείτε την εικόνα σε μεγαλύτερο μέγεθος

Συγκρίνετε λέξεις – κλειδιά
Ένα από τα πλέον ενδιαφέροντα στοιχεία της υπηρεσίας Google Τrends είναι η δυνατότητα της ταυτόχρονης αναζήτησης δύο η περισσότερων λέξεων – κλειδιών. Με αυτό τον τρόπο μπορείτε να συγκρίνεται ποια είναι η περισσότερο δημοφιλής φράση από αυτές που σας ενδιαφέρουν. Για να το κάνετε αυτό θα πρέπει να χωρίζετε τις λέξεις με κόμμα.

Στην αναζήτηση για τις λέξεις Vodafone και Cosmote ( με περιορισμό στα στοιχεία που αφορούν την Ελλάδα) η Vodafone φαίνεται να έχει ένα μικρό προβάδισμα σχεδόν σε ολόκληρο το χρονικό διάστημα που υπάρχουν διαθέσιμα στοιχεία, με εξαίρεση του πρώτους μήνες του 2006.

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

Vodafone - Cosmote - Google Trends

Κάνετε click εδώ για να δείτε την εικόνα σε μεγαλύτερο μέγεθος

Η συμβολή μου στη διεθνή πολιτική σκηνή
Κλείνοντας, θα ήθελα να κάνω και μια πρόταση που αφορά τη διεθνή πολιτική σκηνή. Προτείνω λοιπόν στην κυβέρνηση της Αμερικής αλλά και στις υπόλοιπες κυβερνήσεις που συνεργάζονται με τους Αμερικανούς, να προσλάβουν την Jennifer Lopez για τις διαπραγματεύσεις στο θέμα των πυρηνικών. Γιατί να το κάνουν αυτό;
Δείτε αυτό το σχεδιάγραμμα και θα καταλάβετε……

Jennifer Lopez - Iran
από το http://www.searchenginemarketing.gr/blog/archives/67



Popular Posts Widget – Most Commented



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Δείτε πως θα βάλετε ένα widget στο blog σας το οποίο θα δείχνει στους επισκέπτες σας τα πιο σχολιασμένα ποστ σας.Δηλαδή τα πιο popular αφου θα είναι και με τα πιο πολλά σχόλια.Το μαγάλο κακό σε αυτό το widget είναι ότι δεν δείχνει ελληνικούς χαρακτήρες αλλά μόνο αγγλικούς.Δοκιμάστε το πάντως να δείτε αν σας αρέσει και αν δεν σας αρέσει διαγράψτε το.

Βρήκα 2 είδη αυτού του widget.
Ο κωδικός μπαίνει σαν gadget ,δηλαδή πάτε Διάταξη>Προσθήκη gadget>HTML/JavaScript και εκεί επικολλήτε έναν από τους παρακάτω κωδικούς.
Δεν χρειάζεται να βάλετε τίτλο.
(Σας τον έχω βάλει εγώ και μάλιστα όποιος τον πατάει θα έρχεται σε αυτήν την ανάρτηση για να δει πως θα το βάλει και αυτός!)
Δείτε και τα δύο είδη του widget και βάλτε όποιο σας αρέσει περισσότερο.

Πρώτο είδος:


<a href=”http://johnpatrablog.blogspot.com/2009/11/popular-posts-widget-most-commented.html” target=”_blank”><span style=”font-size: xx-small;”>Popular Posts Widget</span></a>
<script type=”text/javascript”>
function pipeCallback(obj) {
document.write(‘<ul style=”text-transform: capitalize;”>’);
var i;
for (i = 0; i < obj.count ; i++)
{
var href = “‘” + obj.value.items[i].link + “‘”;
var item = “<li>” + “<a href=” + href + “>” + obj.value.items[i].title + “</a> </li>”;
document.write(item);
}
document.write(‘</ul>’);
}
</script>
<script src=”http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=28a6afad7c6ba1288c1b738277e42385&url=http%3A%2F%2Fjohnpatrablog.blogspot.com&num=10” type=”text/javascript”></script>



Αυτό που είναι με κόκκινο το αλλάζετε με την διεύθυνση του δικού σας blog.
Και το “10” που είναι μαρκαρισμένο με μπλε δείχνει πόσα ποστς θα εμφανίζονται.

Δεύτερο είδος:


<span style=”gt;<a href=”http://johnpatrablog.blogspot.com/2009/11/popular-posts-widget-most-commented.html” target=”_blank”>Popular Post Widget</a></span>
<script type=”text/javascript”>
function pipeCallback(obj) {
document.write(‘<ol style=”text-transform: capitalize;”>’);
var i;
for (i = 0; i < obj.count ; i++)
{
var href = “‘” + obj.value.items[i].link + “‘”;
var item = “<li>” + “<a href=” + href + “>” + obj.value.items[i].title + “</a> </li>”;
document.write(item);
}
document.write(‘</ol>’);
}
</script>
<script src=”http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ML4p0UfW3RGgS7iN1JzWFw&url=http%3A%2F%2Fjohnpatrablog.blogspot.com&num=10” type=”text/javascript”></script>




Αυτό που είναι με κόκκινο το αλλάζετε με την διεύθυνση του δικού σας blog.
Και το “10” που είναι μαρκαρισμένο με μπλε δείχνει πόσα ποστς θα εμφανίζονται.

Αν έχετε κάποια παρατήρηση αφήστε ένα σχόλιο.



Κωδικός html μέσα σε κουτάκι (ειδικό για να αντιγράφουν τον κωδικό του banner σας)



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα σε όλους.

Σήμερα θα σας δείξω πως να βάλετε έναν κωδικό html μέσα σε κουτάκι.Με αυτόν τον τρόπο περιορίζετε το μεγάλο μήκος ενός κώδικα χωρίς όμως να τον σβήνετε.Αυτό το κουτάκι είναι ειδικό για να βάζετε τους κωδικούς των banner σας ώστε να μπορούν εύκολα να τους αντιγράψουν οι επισκέπτες σας.Μάλιστα όποιος πατάει μέσα στο κουτάκι αυτό επιλέγεται αυτόματα όλο το περιεχόμενο του.Για να δείτε τι ακριβώς εννοώ δείτε τα κουτάκια με τους κωδικούς των banner μου στο http://johnpatrablog.blogspot.com/2009/07/banners.html

Π.χ.



Αν δεν σας αρέσει ο τρόπος με το κουτάκι, θα σας φανεί χρήσιμη αυτή η ανάρτηση:
http://johnpatrablog.blogspot.com/2009/10/html-blog-post-html-code.html

Επίσης για να καταλάβετε τα παρακάτω βεβαιωθείτε ότι έχετε διαβάσει αυτην την ανάρτηση:http://johnpatrablog.blogspot.com/2009/09/picture-html-code.html

Ο κωδικός λοιπόν για το παραπάνω κουτάκι είναι ο:


<textarea class=”example-code” cols=”80″ rows=”3″ onclick=”this.focus();this.select()”>Εδώ_βάζετε_τον_κώδικα_που_θέλετε</textarea>



Αλλάζετε τα πράσινα γράμματα και βάζετε ότι θέλετε (δεν είναι υποχρεωτικό να μπαίνει μόνο κώδικας από banner ,αλλά κυρίως για αυτό χρησιμοποιείται)

Τον παραπάνω κωδικό μπορείτε να τον βάλετε σαν gadget στο blog σας είτε μέσα σε μια ανάρτηση.

Τα σχόλια σας είναι πάντα ευπρόσδεκτα ότι κι αν λένε.



Μετάφραση σε πραγματικό χρόνο απο το Google



Print Friendly and PDFPrintPrint Friendly and PDFPDF


ΣΕ ΔΕΚΑΔΕΣ ΓΛΩΣΣΕΣ

Απο σήμερα οι μεταφράσεις στο Google Translate γίνονται με έναν νέο τρόπο, σε πραγματικό χρόνο. Καθώς εσείς πληκτρολογείτε εμφανίζεται αμέσως απο κάτω η μετάφραση όσων γράφετε. Μπορεί το αποτέλεσμα να μην έχει ουσιαστική διαφορά αλά ειναι εντυπωσιακό.

ΔΕΙΤΕ ΤΟ VIDEO




Από το Troktiko



All Facebook share buttons count for Blogger (Updated)



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Facebook ή αλλιώς “φατσοβιβλίο”.Είναι το site-φαινόμενο που έχει εισβάλλει για τα καλά στην καθημερινή μας ζωή.Έχει 300 εκ. μέλη!Είναι το δεύτερο μεγαλύτερο site του κόσμου (μετά την google).Είναι λίγα που μπορούμε να αναφέρουμε για να δείξουμε το μέγεθος και την δύναμη αυτης της ιστοσελίδας.Σήμερα θα επικεντρωθώ στα facebook share buttons.Θα σας δείξω κάποια τέτοια buttons για να τα βάλετε στο blog σας.


1.
Κοιτάξτε όλα τα widgets που μας δίνει το facebook στο http://www.new.facebook.com/facebook-widgets/index.php
Μην παραλείψετε να δείτε και αυτό:http://www.new.facebook.com/facebook-widgets/share.php

2.
Μερικά έτοιμα κουμπιά για share:
α)

Κωδικός:


<b:if cond=’data:post.url’>
<a expr:href=’"http://www.facebook.com/share.php?u=" + data:post.url’><img alt=’www.tips-fb.com’ border=’0′ src=’http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png’/></a>
</b:if>



β)

Κωδικός:


<b:if cond=’data:post.url’>
<a expr:href=’"http://www.facebook.com/share.php?u=" + data:post.url’><img src=”http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png” border=”0″ alt=”www.tips-fb.com”></a>
</b:if>



γ)

Κωδικός:


<b:if cond=’data:post.url’>
<a expr:href=’"http://www.facebook.com/share.php?u=" + data:post.url’><img src=”http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png” border=”0″ alt=”www.tips-fb.com”></a>
</b:if>



δ)
Αυτό δεν έχει εικόνα.Είναι απλό κείμενο.Γράφει μόνο “Share On Facebook”
Κωδικός:


<b:if cond=’data:post.url’>
<a expr:href=’"http://www.facebook.com/share.php?u=" + data:post.url’>Share on Facebook</a>
</b:if>



Τα παραπάνω widgets τα βάζετε στο blog σας με τα εξής βήματα:

Σύνδεση>Πανόπτης>Διάταξη>Επεξεργασία html>Επέκταση προτυπών γραφικών στοιχείων και τώρα βρείτε τον παρακάτω κώδικα:


<b:if cond=’data:top.showAuthor’>


Και τώρα βάζεις τον κωδικό του αντίστοιχου widget πριν το <b:if cond=’data:top.showAuthor’>
Τέλος κάνεις αποθήκευση.

UPDATE (15/11/09):
Εαν δεν σας δουλεύουν τα παραπάνω widgets κοιτάξτε τα παρακάτω.

Απλό κείμενο “Share on Facebook”:

Κωδικός:


<script>function fbs_click() {u=location.href;t=document.title;window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,’toolbar=0,status=0,width=626,height=436′);return false;}</script><a href=”http://www.facebook.com/share.php?u=<url>” onclick=”return fbs_click()” target=”_blank”>Share on Facebook</a>



Κείμενο με εικόνα:

Κωδικός:


<script>function fbs_click() {u=location.href;t=document.title;window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,’toolbar=0,status=0,width=626,height=436′);return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top left; }</style><a href=”http://www.facebook.com/share.php?u=<url>” onclick=”return fbs_click()” target=”_blank” class=”fb_share_link”>Share on Facebook</a>



Και ένα άλλο με εικόνα και κείμενο (πολύ καλό):

Κωδικός:


<script>function fbs_click() {u=location.href;t=document.title;window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,’toolbar=0,status=0,width=626,height=436′);return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top right; text-decoration:none; } </style> <a href=”http://www.facebook.com/share.php?u=<url>” class=”fb_share_button” onclick=”return fbs_click()” target=”_blank” style=”text-decoration:none;”>Share</a>



Τα τρία παραπάνω τα βάζετε σαν απλά widgets από Διάταξη>Προσθήκη gadget>HTML/JavaScript.

3.
Facebook share button with count σε κάθε blogger post

α)

Κωδικός:


<div style=”float:right;padding:4px;”>
<a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’box_count’/>
<script type=”text/javascript” src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”/>
</div>



β)

Κωδικός:


<div style=”float:left;padding:4px;”>
<a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’box_count’/>
<script type=”text/javascript” src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”/>
</div>



γ)

Κωδικός:


<div style=”float:right;padding:4px;”>
<a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’button_count’/>
<script type=”text/javascript” src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”/>
</div>



δ)

Κωδικός:


<div style=”float:left;padding:4px;”>
<a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’button_count’/>
<script type=”text/javascript” src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”/>
</div>



Για να βάλεις ένα από τα τέσσερα παραπάνω widget στο blog σου,ακολούθησε τα παρακάτω βήματα:

Καταρχίν διάλεξε το widget που θέλεις να βάλεις δίπλα από κάθε ανάρτησή σου.

Τώρα κάνε:

Σύνδεση>Πανόπτης>Διάταξη>Επεξεργασία html>Επέκταση προτυπών γραφικών στοιχείων και τώρα βρείτε τον παρακάτω κώδικα:


<div class=’post-header-line-1’/>



Βάλε τον κωδικό του widget (που διάλεξες πριν) αμέσως από κάτω του.
Αποθήκευση του προτύπου σας.

Αν δεν βρίσκεις τον παραπάνω κώδικα ψάξε να βρεις αυτον:


<data:post.body/>



Βάλε τον κωδικό του widget (που διάλεξες πριν) πριν από τον παραπάνω κώδικα.
Αποθήκευση του προτύπου σας.

Φτάσαμε στο τέλος και αυτης της ανάρτησης.Ελπίζω να σας φάνηκε χρήσιμη και να σας βοήθησε.

Περιμένω ,όπως πάντα, τα σχόλια σας.



Αναδυόμενο κουτάκι που καλωσορίζει τους επισκέπτες στο blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλησπέρα σας,

Ο αγαπητός φίλος μας “Magakos” μας έστειλε άλλο ένα πρωτότυπο widgetακι που θα το ζηλέψουν όλοι.Είναι ένα script καλωσορίσματος στους επισκέπτες του blog σας.Δηλαδή κάθε φορά την πρώτη φορά (για να μην είναι και ενοχλητικό και κουραστικό) που θα επισκέπτονται το blog σας θα τους ανοίγει αυτόματα ένα αναδυόμενο κουτάκι (greet box που λένε κι οι Άγγλοι) το οποίο θα τους καλωσορίζει στο blog σας.

Έιναι σίγουρα ένα widget που τραβάει την προσοχή.Αν θέλετε λοιπόν να είναι το blog σας πιο ιδιαίτερο βάλτε τον παρακάτω κώδικα σας gadget στο blog σας.
(Σύνδεση>Πανόπτης>Διάταξη>Προσθήκη gadget>HTML/JavaScript>βάλτε τον παρακάτω κωδικό>Αποθήκευση)


<script>

//Alert message once script- By JavaScript Kit
//Credit notice must stay intact for use
//Visit http://javascriptkit.com for this script

//specify message to alert
var alertmessage=”Καλώς ήρθατε στο Blog Mου!!! n Σας Εύχομαι Καλή Διαμονή

///No editing required beyond here/////

//Alert only once per browser session (0=no, 1=yes)
var once_per_session=1


function get_cookie(Name) {
var search = Name + “=”
var returnvalue = “”;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(“;”, offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function alertornot(){
if (get_cookie(‘alerted’)==”){
loadalert()
document.cookie=”alerted=yes”
}
}

function loadalert(){
alert(alertmessage)
}

if (once_per_session==0)
loadalert()
else
alertornot()

</script>




Αλλάξτε τα κίτρινα γράμματα με αυτό που θέλετε να γράφει.
Το n είναι για να αλλάζει η σειρά.Κρατήστε το αυτό.

Αν θέλετε κάτι να πείτε ,αφήστε ένα σχόλιο.



Retweet button σε κάθε blogger post



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Το γνωστό σε όλους πια Twitter έχει γίνει σε πολύ σύντομο χρόνο ένα από τα μεγαλύτερα κοινωνικά δίκτυα του κόσμου.Κατα τη γνώμη μου είναι ο πιο σοβαρός αντίπαλος του Facebook.Έχει εντυπωσιακούς ρυθμούς ανάπτυξης.Αλλά περί Twitter θα σας μιλήσω άλλη μέρα.Σήμερα θα σας πω για το Tweet Meme (retweet button).Είναι ένα άλλο site που βασίζεται στο Twitter.Έχει βγάλει μάλιστα και τα retweet buttons που έχουν κάνει θραύση στα blogs.Αυτά τα buttons λοιπόν είναι το σημερινό μας θέμα.

Τα retweet είναι βασικά tweets counter δηλαδή μετράνε πόσες φορές έχει δημοσιευθεί στο twitter κάτι.Αυτό το κάτι είναι οι αναρτήσεις σας.Αυτός ο μετρητής (counter) μπαίνει σε κάθε ποστ ξεχωριστά.
Το καλό είναι ότι οι επισκέπτες σας μπορούν πολύ εύκολα (χωρίς να φύγουν από το blog σας – κι είναι πολύ σημαντικό αυτό) να το τουιτάρουν και να σας φέρουν επισκέπτες.
Παρακάτω σας δείχνω τα styles που υπάρχουν.Διαλέξτε αυτό που σας αρέσει και από κάτω σας έχω τον κωδικό για να τον βάλετε στο blog σας.

Retweet Button Style 1



Κωδικός:


<div style=”float:right;padding:4px;”>
<script type=”text/javascript”>
tweetmeme_url = ‘<data:post.url/>’;
tweetmeme_source = ‘your_twitter_user_name‘;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>
</div>



your_twitter_user_name :Εκεί γράψτε το twitter username σας (π.χ. johnpatra)

Retweet Button Style 2


Κωδικός:


<div style=”float:left;padding:4px;”>
<script type=”text/javascript”>
tweetmeme_url = ‘<data:post.url/>’;
tweetmeme_source = ‘your_twitter_user_name‘;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>
</div>



your_twitter_user_name :Εκεί γράψτε το twitter username σας (π.χ. johnpatra)

Retweet Button Style 3



Κωδικός:


<div style=”float:left;padding:4px;”>
<script type=”text/javascript”>
tweetmeme_style = ‘compact’;
tweetmeme_url = ‘<data:post.url/>’;
tweetmeme_source = ‘your_twitter_user_name‘;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>
</div>



your_twitter_user_name :Εκεί γράψτε το twitter username σας (π.χ. johnpatra)

Retweet Button Style 4



Κωδικός:


<div style=”float:right;padding:4px;”>
<script type=”text/javascript”>
tweetmeme_style = ‘compact’;
tweetmeme_url = ‘<data:post.url/>’;
tweetmeme_source = ‘your_twitter_user_name‘;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>
</div>



your_twitter_user_name :Εκεί γράψτε το twitter username σας (π.χ. johnpatra)

Που βάζω τον κωδικό που μου δίνεται?

Συνδεθείτε στον λογαριασμό σας ,από τον Πανόπτη σας ,πατήστε Διάταξη και από εκεί πηγαίνετε στην Επεξεργασία html όπου τσεκάρετε το τετραγωνάκι που γράφει “Επέκταση προτύπων γραφικών στοιχείων”.Με την βοήθεια του ctrl + F βρες τον παρακάτω κωδικό:


<div class=’post-header-line-1’/>


Επικόλλησε ακριβώς από κάτω του τον κωδικό ενός από τα παραπάτω widgets.

Εαν δεν βρίσκεις τον παραπάνω κωδικό επικόλλησε τον κωδικό του widget πριν από τον παρακάτω κωδικό:


<data:post.body/>



Αφού βάλεις τον κωδικό στην σωστή θέση (και αφού έχεις κάνει την αλλαγή με το username σου) αποθήκευσε το πρότυπό σου και αν όλα λειτούργησαν σωστά θα βλέπεις δίπλα σε κάθε ποστ σου ένα retweet button.

Αν έχετε blogger XML templates δοκιμάστε να αλλάξετε στον κώδικα του widget το <data:post.url/> με το <$BlogItemPermalinkUrl$> και επικολλήστε τον πάνω από το <$BlogItemBody$> και αποθήκευσε το πρότυπο σου.

Και κάτι άλλο:

Για να δείτε πόσες φορές έχει δημοσιευτεί στο Twitter κάθε διεύθυνση ανοίξτε την παρακάτω διεύθυνση:
http://api.tweetmeme.com/imagebutton.gif?url=http://twitter.com
Αλλάξτε το twitter.com με την διεύθυνση που θέλετε να δείτε.

Αν σου άρεσε αυτό το ποστ δημοσίευσε το στο Twitter σου χρησιμοποιώντας το παραπάνω widget.

Περιμένω τα σχόλιά σας για να μάθω αν σας πέτυχε ή όχι.



Widgets για μετάφραση (translate)



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Καλησπέρα σας,

αναμφίβολα τα Translate Widgets έχουν γίνει πια απαραίτητα για κάθε blog.
Κάθε blog πρέπει να παρέχει τη δυνατότητα στους επισκέπτες του να μεταφράζουν τα κείμενα του σε όποια γλώσσα θέλουν.
Το Google Translate και τα Translate Widgets του είναι τα πιο διάσημα για αυτήν την δουλειά.
Παρακάτω θα σας πω δύο τρόπους για να προσθέσετε ένα Translate Widget στη σελίδα σας.

Google Translate widget



Το Google Translate είναι η διασημότερη σελίδα για online μεταφράσεις.
Μας δίνει και το πιο γνωστό widget για translate.Παρακάτω σας έχω τον κωδικό του για να τον βάλετε στο blog σας.


<div id=”google_translate_element”></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: ‘el’
}, ‘google_translate_element’);
}
</script><script src=”http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”></script>



Για να βάλετε τον παραπάνω κώδικα ακολουθήστε τα παρακάτω βήματα:

Σύνδεση >Πανόπτης >Διάταξη >Προσθήκη gadget >HTML/JavaScript > επικολλήστε εκεί τον παρακάτω κώδικα και κάντε αποθήκευση.

Το άλλο site με translate widgets είναι το Convey This.com.Αφού συμπληρώσετε τη φόρμα θα σας δώσει έναν κωδικό που θα τον βάλετε εκτελώντας τα παρακάτω βήματα:

Σύνδεση >Πανόπτης >Διάταξη >Προσθήκη gadget >HTML/JavaScript > επικολλήστε εκεί τον κώδικα που πήρατε από το παραπάνω site και κάντε αποθήκευση.

Αν ξέρετε κανένα άλλο site που να παρέχει τέτοια gadgets αφήστε ένα σχόλιο για να το μάθουν κι άλλοι.



Add AutoHiding Social Bookmarking Widget To Your Blog (2 Widgets)



Print Friendly and PDFPrintPrint Friendly and PDFPDF

Ένα από τα πολλά στοιχεία που πρέπει να έχει κάθε blog είναι ένα widget για social bookmarking.Δηλαδή να υπάρχει κάτω από κάθε ανάρτηση ένα widget με τα γνωστότερα κοινωνικά δίκτυα του κόσμου (facebook,twitter κ.α.) ,ώστε να μπορεί ο αναγνώστης να διαδίδει την ανάρτηση στους φίλους του.Κι αυτό είναι πολύ καλό για εσάς γιατί σας φέρνει αυτό που αναζητά κάθε site:ΕΠΙΣΚΕΠΤΕΣ!
Υπάρχουν άπειρα τέτοια widgets αλλά πολλά δεν είναι “ελκυστικά” ώστε να μην τα προσέξει και να μην τα πατήσει ο επισκέπτης.
Εγώ λοιπόν έψαξα και βρήκα 2 social bookmarking widgets που μπαίνουν κάτω από κάθε ανάρτηση και είναι σίγουρο ότι θα τραβήξουν την προσοχή των επισκεπτών σας.

Είναι πολύ εύκολο να τα βάλετε ‘αρκεί να έχετε όρεξη ,λίγο χρόνο και ακολουθήστε προσεκτικά τα βήματα που σας δίνω.
Καταρχίν επιλέξτε ποιο από τα 2 είδη θέλετε να βάλετε.
Το πρώτο είναι αυτό:

και το δεύτερο (με πιο πολύ εφέ):


Περίπου ίδια είναι αλλά το δεύτερο έχει το κάτι παραπάνω.
Αυτό που κάνει τη διαφορά και στα 2 αυτά widgets από τα υπόλοιπα είναι ότι τα εικονίδια είναι μισοκρυμμένα αλλά όταν περνάς με το ποντίκι σου από πάνω τους “ελευθερώνονται” και φαίνονται ολόκληρα.
Εγώ θα σας εξηγήσω αναλυτικά πως να τα βάλετε.
Για να μην το ξεχάσω μετά σας λέω από τώρα να κάνετε για κάθε ενδεχόμενο ένα back up τον κωδικό και τα widgets σας.

Προσθήκη του πρώτου είδους widget:

Για να βάλεις το παραπάνω widget στο blog σου ακολούθησε προσεκτικά τα παρακάτω βήματα:
1. Σύνδεση στον λογαριασμό σας από τον blogger.com
2. Πανόπτης >Διάταξη >Επεξεργασία html
3. Τσέκαρε το τετραγωνάκι που γράφει “Επέκταση προτύπων γραφικών στοιχείων”
4. Με την βοήθεια του ctrl + F βρείτε τον παρακάτω κωδικό:


</head>


5. Αμέσως από πάνω του / ή πριν από αυτό επικόλλησε τον παρακάτω κώδικα:


<!–HIDDEN-BOOKMARKS-STARTS–>
<style type=’text/css’>
div.beauty-bookmarks {
height:54px;
background:url(http://i43.tinypic.com/2ueii3t.png) no-repeat left bottom;
position:relative;
width:540px;
}

div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url(http://i43.tinypic.com/2ueii3t.png) no-repeat right bottom;
position:absolute;
right:-17px;
}

div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.beauty-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {
background:url(http://i44.tinypic.com/1znbj83.png) no-repeat !important;
}

.beauty-furl {
background-position:-300px top !important;
}
.beauty-furl:hover {
background-position:-300px bottom !important;
}
.beauty-digg {
background-position:-500px top !important;
}
.beauty-digg:hover {
background-position:-500px bottom !important;
}
.beauty-reddit {
background-position:-100px top !important;
}
.beauty-reddit:hover {
background-position:-100px bottom !important;
}
.beauty-stumble {
background-position:-50px top !important;
}
.beauty-stumble:hover {
background-position:-50px bottom !important;
}
.beauty-delicious {
background-position:left top !important;
}
.beauty-delicious:hover {
background-position:left bottom !important;
}
.beauty-yahoo {
background-position:-650px top !important;
}
.beauty-yahoo:hover {
background-position:-650px bottom !important;
}
.beauty-blinklist {
background-position:-600px top !important;
}
.beauty-blinklist:hover {
background-position:-600px bottom !important;
}
.beauty-technorati {
background-position:-700px top !important;
}
.beauty-technorati:hover {
background-position:-700px bottom !important;
}
.beauty-myspace {
background-position:-200px top !important;
}
.beauty-myspace:hover {
background-position:-200px bottom !important;
}
.beauty-twitter {
background-position:-350px top !important;
}
.beauty-twitter:hover {
background-position:-350px bottom !important;
}
.beauty-facebook {
background-position:-450px top !important;
}
.beauty-facebook:hover {
background-position:-450px bottom !important;
}
.beauty-mixx {
background-position:-250px top !important;
}
.beauty-mixx:hover {
background-position:-250px bottom !important;
}
.beauty-script-style {
background-position:-400px top !important;
}
.beauty-script-style:hover {
background-position:-400px bottom !important;
}
.beauty-designfloat {
background-position:-550px top !important;
}
.beauty-designfloat:hover {
background-position:-550px bottom !important;
}
.beauty-syndicate {
background-position:-150px top !important;
}
.beauty-syndicate:hover {
background-position:-150px bottom !important;
}
.beauty-email {
background-position:-753px top !important;
}
.beauty-email:hover {
background-position:-753px bottom !important;
}

</style>
<!–HIDDEN-BOOKMARKS-STOPS-http://bloggerstop.net–>


6. Τώρα βρες τον παρακάτω κώδικα:


<data:post.body/>


7. Αμέσως από κάτω του / μετά από αυτό επικόλλησε τον παρακάτω κώδικα:


<b:if cond=’data:blog.pageType == “item”‘>
<div class=’beauty-bookmarks’>
<ul class=’socials’>
<li class=’beauty-delicious’><a expr:href=’"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’beauty-digg’><a expr:href=’" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’beauty-technorati’><a expr:href=’" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’beauty-reddit’><a expr:href=’" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’beauty-stumble’><a expr:href=’" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’beauty-designfloat’><a expr:href=’"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’beauty-facebook’><a expr:href=’" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’beauty-twitter’><a expr:href=’" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’beauty-furl’><a expr:href=’" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
<li class=’beauty-syndicate’><a href=’http://feeds.feedburner.com/bloggerstopnet’ title=’Subscribe to RSS’/></li>
<li class=’beauty-email’><a expr:href=’" mailto:?subject=" + data:post.url + "&title=" + data:post.title’ target=’_blank’/></li>
</ul>
<span class=’beauty-rightside’/></div>
</b:if>


Αν θες να διαγράψεις κάποιο button διέγραψε τον αντίστοιχο κωδικό του.

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


Πάμε τώρα να δούμε τον τρόπο με τον οποίον θα βάλουμε το δεύτερο widget.

Προσθήκη του δεύτερου είδους widget:

Για να βάλεις το παραπάνω widget στο blog σου ακολούθησε προσεκτικά τα παρακάτω βήματα:
1. Σύνδεση στον λογαριασμό σας από τον blogger.com
2. Πανόπτης >Διάταξη >Επεξεργασία html
3. Τσέκαρε το τετραγωνάκι που γράφει “Επέκταση προτύπων γραφικών στοιχείων”
4. Με την βοήθεια του ctrl + F βρείτε τον παρακάτω κωδικό:


</head>


5. Αμέσως από πάνω του / ή πριν από αυτό επικόλλησε τον παρακάτω κώδικα:


<script src=’http://code.jquery.com/jquery-latest.js’ type=’text/javascript’/>
<script type=’text/javascript’>
jQuery(document).ready(function() {
// xhtml 1.0 strict way of using target _blank
jQuery(‘.sexy-bookmarks a.external’).attr(“target”, “_blank”);
// this block sets the auto vertical expand when there are more than
// one row of bookmarks.
var sexyBaseHeight=jQuery(‘.sexy-bookmarks’).height();
var sexyFullHeight=jQuery(‘.sexy-bookmarks ul.socials’).height();
if (sexyFullHeight>sexyBaseHeight) {
jQuery(‘.sexy-bookmarks-expand’).hover(
function() {
jQuery(this).animate({
height: sexyFullHeight+’px’
}, {duration: 400, queue: false});
},
function() {
jQuery(this).animate({
height: sexyBaseHeight+’px’
}, {duration: 400, queue: false});
}
);
}
// autocentering
if (jQuery(‘.sexy-bookmarks-center’)) {
var sexyFullWidth=jQuery(‘.sexy-bookmarks’).width();
var sexyBookmarkWidth=jQuery(‘.sexy-bookmarks:first ul.socials li’).width();
var sexyBookmarkCount=jQuery(‘.sexy-bookmarks:first ul.socials li’).length;
var numPerRow=Math.floor(sexyFullWidth/sexyBookmarkWidth);
var sexyRowWidth=Math.min(numPerRow, sexyBookmarkCount)*sexyBookmarkWidth;
var sexyLeftMargin=(sexyFullWidth-sexyRowWidth)/2;
jQuery(‘.sexy-bookmarks-center’).css(‘margin-left’, sexyLeftMargin+’px’);
}
});
</script>
<style type=”text/css”>
div.sexy-bookmarks{margin:20px 0 0 0; border: 0;outline: none;clear:both !important}
div.sexy-bookmarks-expand{height:29px; overflow:hidden}
.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-love{background-image:url(http://img31.imageshack.us/img31/176/sexytrans.png) !important; background-repeat:no-repeat}
div.sexy-bookmarks-bg-love{padding:26px 0 0 10px; background-position:left -1148px !important}
div.sexy-bookmarks ul.socials{width:100% !important; margin:0 !important; padding:0 !important; float:left}
div.sexy-bookmarks ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important}
div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after{content:none !important}
div.sexy-bookmarks ul.socials a{display:block !important; width:60px !important; height:29px !important; text-indent:-9999px !important; background-color:transparent !important}
div.sexy-bookmarks ul.socials a:hover{background-color:transparent !important}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz, .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover, .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover{background:url(http://img512.imageshack.us/img512/3131/sexysprite.png) no-repeat !important;border: 0;outline: none;}
.sexy-digg{background-position:-980px bottom !important}
.sexy-digg:hover{background-position:-980px top !important}
.sexy-reddit{background-position:-700px bottom !important}
.sexy-reddit:hover{background-position:-700px top !important}
.sexy-stumbleupon{background-position:-630px bottom !important}
.sexy-stumbleupon:hover{background-position:-630px top !important}
.sexy-delicious{background-position:-1190px bottom !important}
.sexy-delicious:hover{background-position:-1190px top !important}
.sexy-yahoobuzz{background-position:-1120px bottom !important}
.sexy-yahoobuzz:hover{background-position:-1120px top !important}
.sexy-blinklist{background-position:-1260px bottom !important}
.sexy-blinklist:hover{background-position:-1260px top !important}
.sexy-technorati{background-position:-560px bottom !important}
.sexy-technorati:hover{background-position:-560px top !important}
.sexy-myspace{background-position:-770px bottom !important}
.sexy-myspace:hover{background-position:-770px top !important}
.sexy-twitter{background-position:-490px bottom !important}
.sexy-twitter:hover{background-position:-490px top !important}
.sexy-facebook{background-position:-1330px bottom !important}
.sexy-facebook:hover{background-position:-1330px top !important}
.sexy-mixx{background-position:-840px bottom !important}
.sexy-mixx:hover{background-position:-840px top !important}
.sexy-scriptstyle{background-position:-280px bottom !important}
.sexy-scriptstyle:hover{background-position:-280px top !important}
.sexy-designfloat{background-position:-1050px bottom !important}
.sexy-designfloat:hover{background-position:-1050px top !important}
.sexy-newsvine{background-position:left bottom !important}
.sexy-newsvine:hover{background-position:left top !important}
.sexy-google{background-position:-210px bottom !important}
.sexy-google:hover{background-position:-210px top !important}
.sexy-comfeed{background-position:-420px bottom !important}
.sexy-comfeed:hover{background-position:-420px top !important}
.sexy-linkedin{background-position:-70px bottom !important}
.sexy-linkedin:hover{background-position:-70px top !important}
.sexy-friendfeed{background-position:-1750px bottom !important}
.sexy-friendfeed:hover{background-position:-1750px top !important}
.sexy-link{ margin-left:25px; float:left}
.sexy-link A{padding:10px 0; width:470px; text-align:right; border:0; outline:none}</style>


6. Τώρα βρείτε τον παρακάτω κώδικα:


<data:post.body/>


7. Από κάτω του / μετά από αυτό επικολλήστε τον παρακάτω κώδικα:


<div class=’sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love’ style=’margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;’>
<ul class=’socials’>
<li class=’sexy-delicious’><a class=’external’ expr:href=’"http://del.icio.us/post?url="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Share this on del.icio.us’>Share this on del.icio.us</a></li>
<li class=’sexy-digg’><a class=’external’ expr:href=’"http://digg.com/submit?phase=2&url="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Digg this!’>Digg this!</a></li>
<li class=’sexy-stumbleupon’><a class=’external’ expr:href=’"http://www.stumbleupon.com/submit?url="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Stumble upon something good? Share it on StumbleUpon’>Stumble upon something good? Share it on StumbleUpon</a></li>
<li class=’sexy-reddit’><a class=’external’ expr:href=’"http://reddit.com/submit?url="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Share this on Reddit’>Share this on Reddit</a></li>
<li class=’sexy-google’><a class=’external’ expr:href=’"http://www.google.com/bookmarks/mark?op=add&bkmk="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Add this to Google Bookmarks’>Add this to Google Bookmarks</a></li>
<li class=’sexy-twitter’><a class=’external’ expr:href=’"http://twitter.com/home?status=Reading: " + data:blog.title + " – " + data:post.url + " (@NAME)"’ rel=’nofollow’ title=’Tweet This!’>Tweet This!</a></li>
<li class=’sexy-facebook’><a class=’external’ expr:href=’"http://www.facebook.com/share.php?u="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Share this on Facebook’>Share this on Facebook</a></li>
<li class=’sexy-mixx’><a class=’external’ expr:href=’"http://www.mixx.com/submit?page_url=" + data:post.url’ rel=’nofollow’ title=’Share this on Mixx’>Share this on Mixx</a></li>
<li class=’sexy-comfeed’><a class=’external’ expr:href=’data:blog.homepageUrl + "feeds/posts/default"’ rel=’nofollow’ title=’Subscribe’>Subscribe</a></li>
<li class=’sexy-yahoobuzz’><a class=’external’ expr:href=’"http://buzz.yahoo.com/submit/?submitUrl=" + data:post.url’ rel=’nofollow’ title=’Buzz up!’>Buzz up!</a></li>
<li class=’sexy-linkedin’><a class=’external’ expr:href=’"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Share this on Linkedin’>Share this on Linkedin</a></li>
<li class=’sexy-designfloat’><a class=’external’ expr:href=’"http://www.designfloat.com/submit.php?url="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Submit this to DesignFloat’>Submit this to DesignFloat</a></li>
<li class=’sexy-technorati’><a class=’external’ expr:href=’"http://technorati.com/faves?add="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Share this on Technorati’>Share this on Technorati</a></li>
<li class=’sexy-scriptstyle’><a class=’external’ expr:href=’"http://scriptandstyle.com/submit?url="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Submit this to Script & Style’>Submit this to Script & Style</a></li>
<li class=’sexy-myspace’><a class=’external’ expr:href=’"http://www.myspace.com/Modules/PostTo/Pages/?u=http"+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Post this to MySpace’>Post this to MySpace</a></li>
<li class=’sexy-blinklist’><a class=’external’ expr:href=’"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Share this on Blinklist’>Share this on Blinklist</a></li>
<li class=’sexy-friendfeed’><a class=’external’ expr:href=’"http://friendfeed.com/?url=" + data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Share this on FriendFeed’>Share this on FriendFeed</a></li>
<li class=’sexy-newsvine’><a class=’external’ expr:href=’"http://www.newsvine.com/_tools/seed&save?u="+ data:post.url + "&title=" + data:post.title’ rel=’nofollow’ title=’Seed this on Newsvine’>Seed this on Newsvine</a></li>
</ul>
<div style=’clear:both;’/>
</div>

<div class=’sexy-link’> Widget by cssreflex|tutzone and <a href=’http://johnpatrablog.blogspot.com/2009/11/add-autohiding-social-bookmarking.html’ title=’Web Design Blog’>Johnpatra BLOG</a></div>


Τις τελευταίες σειρές που σας έχω μαρκάρει με κίτρινο και κόκκινο είναι τα credits.Έβαλα και το δικό μου μέσα για αυτήν εδώ την ανάρτηση που κάθησα και έγραψα.Αν δεν τα θέλετε διαγράψτε τα ή αφήστε μόνο το δικό μου (διαγράψτε μόνο τα κίτρινα).

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

Φτάσαμε στο τέλος της ανάρτησης.
Ξέρω κι άλλα μερικά widgets που κάνουν την ίδια δουλειά με τα παραπάνω αλλά θα σας τα δείξω άλλη μέρα.
Αρκετά έγραψα σήμερα.

Σας παρακαλώ αν καταφέρατε να βάλετε ένα από τα δύο widget αφήστε ένα σχόλιο για να βεβαιωθώ ότι είναι σωστά γραμμένη η ανάρτηση.Αν συναντήσατε κάποιο πρόβλημα εννοείτε να αφήσετε σχόλιο.
Καλή σας μέρα!