Δείτε το πιο εντυπωσιακό site του κόσμου!

Μέσα σ'αυτό το site, μπορείτε να δείτε την εκπομπή διοξειδίου του άνθρακα που εκπέμπεται στον πλανήτη ανά πάσα χρονική στιγμή, θανάτους και γέννες σε αληθινό χρόνο, όπως επίσης και τους αριθμούς των πληθυσμών της κάθε χώρας.

Μπείτε στο http://www.breathingearth.net/ και... εξερευνείστε.

από TreloKouneli

E-mail me button

Καλημέρα/Καλησπέρα φίλοι μου.
Αύριο φεύγω πάλι για το δεύτερο μέρος των διακοπών μου.Θα επιστρέψω κατά τις 15 Σεπτέμβρη και μετά θα έχω κάποιες επαγγελματικές υποχρεώσεις με αποτέλεσμα να έχω ελάχιστο ως καθόλου χρόνο να ασχοληθώ με τα blogs.Όταν όμως βρίσκω λίγο χρόνο θα κοιτάξω να ανεβάζω καμιά ανάρτηση.
Θέλω ακόμη να χιλιοπαρακαλέσω αυτούς που έχουν βάλει ένα από τα banner μου να διορθώσουν τον κώδικα γιατί έκανα ένα λάθος με αποτέλεσμα να αλλάξει η url του banner και να μην εμφανίζεται στα blog σας.
Σήμερα είπα να σας δείξω ένα ωραίο και χρήσιμο (και πάρα πολύ εύκολο) widget για το blog σας.Είναι ένα απλό κουμπί που όποιος το πατάει θα σας στέλνει e-mail.Του φίλου μας Carolou θα του αρέσει πολύ πιστεύω μιας και του αρέσουν τα κουμπιά.
Ας δούμε λοιπόν παρακάτω πως θα το βάλετε στο blog σας.

Κάντε σύνδεση στον λογαριασμό σας.Από τον πανόπτη σας πηγαίνετε Διάταξη και πατάτε Προσθήκη gadget.Επιλέξτε HTML/JavaScript και επικολλήστε τον παρακάτω κώδικα:

<form>
<input type="button"
value="Email Me"
onClick="location.href='mailto:you@yourdomain.com'">
</form>

Εκεί που λέει "Email Me" βάλτε ότι θέλετε να εμφανίζεται εκεί που είναι κίτρινα γράμματα ,γράψτε το μαιλ σας.

Μην ξεχάσετε να πατήστε αποθήκευση.


Μην ξεχάσεις να μου αφήσεις ένα σχόλιο.

Αν μείνατε ευχαριστημένοι από τις παραπάνω πληροφορίες ,μπορείτε να βάλετε ένα banner του Johnpatra BLOG στη σελίδα σας:

Βάλε τον παρακάτω κώδικα στη σελίδα σου.(θα εμφανίζεται το παραπάνω banner)

<br/><a href="http://johnpatrablog.blogspot.com/" target="_blank"><br/><img border="0" alt="link για pchands" width="150" src="http://i723.photobucket.com/albums/ww239/johnpatra/banners/coollogo_com_73212405.gif" height="30" /></a><br/>

Αν για κάποιον λόγο δεν σας αρέσει αυτό το banner δείτε και τα άλλα banners στο http://johnpatrablog.blogspot.com/2009/07/banners.html


Και κάτι ακόμα:

Αν σου άρεσαν οι παραπάνω πληροφορίες μπορείς να γραφτείς δωρεάν στην εφημερίδα της σελίδας από το http://feedburner.google.com/fb/a/mailverify?uri=Johnpatrablog&loc=en_US και θα σου έρχονται στο mail σου αυτόματα όλα τα tips & tricks για να μην χάνεις κανένα και να είναι το blog σου μοναδικό!
Μην το σκέφτεσαι άλλο!Κάνε δωρεάν εγγραφή τώρα και όποτε θέλεις μπορείς να ξεγραφτείς.

Δημιουργία ενός banner

Καλησπέρα σε όλους.
Όπως υποσχέθηκα σε κάποιους το σημερινό θέμα αυτής της ανάρτησης είναι να σας δείξει πως θα φτιάξετε δωρεάν,γρήγορα και εύκολα ένα banner για τη σελίδα σας.Όπως αυτά που έχω φτιάξει εγώ για το JohnpatraBLOG.Δείτε στη συνέχεια πόσο εύκολο είναι να φτιάξετε κι εσείς ένα!

Ο καλύτερος τρόπος να φτιάξετε ένα banner για τη σελίδα σας είναι με το photoshop.Αν έχετε και ξέρετε να το δουλέψετε τότε δεν χρειάζεται να διαβάσετε τη συνέχεια αυτού του post.
Όσοι δεν το έχουν ή το έχουν αλλά δεν ξέρουν να το δουλέψουν (σαν εμένα) ας δούνε παρακάτω.

Υπάρχουν άπειρες σελίδες στο web όπου μπορείτε να φτιάξετε online το banner σας.
Αρκεί να αναζητήστε στο google με λέξεις κλειδιά ,όπως:

"create free banners"
"create free logos"
"animated(=κινούμενα) logos"
"create animated banner"
"create buttons"

και κάντε και πολλούς συνδιασμούς με αυτές τις λέξεις και άλλες τέτοιες παρόμοιες και θα βρείτε άπειρες σελίδες για να φτιάξετε online το banner σας.
Οι πιο πολλές (από τις σελίδες που θα βρείτε) δεν θα σας αρέσουν για διάφορους λόγους όμως θα βρείτε σίγουρα και μερικές πολύ καλές με τις οποίες θα κάνετε τη δουλειά σας.
Αν βρείτε καμιά καλή αφήστε ένα σχόλιο και πείτε την για να την μάθουν κι οι άλλοι.
Εγώ έχω βρει μέχρι τώρα 8 σελίδες που μπορείτε να φτιάξετε γρήγορα,δωρεάν και εύκολα ένα όμορφο banner για το blog σας.
Σας τις έχω παρακάτω:
(πατήστε άφοβα πάνω τους 'είναι ρυθμισμένες να ανοίγουν σε νέα καρτέλα)

1)http://www.grsites.com/

2)http://www.animationonline.com/

3)http://mybannermaker.com/*

4)http://kalsey.com/tools/buttonmaker/

5)http://glitter-graphics.com/myspace/text_generator.php

6)http://www3.flamingtext.com/

7)http://www.mylivesignature.com/

8)http://cooltext.com/

*αν φτιάξετε ένα banner από αυτήν την σελίδα θα σας έχει στο κάτω μέρος του banner σας κάτι διαφημιστικά της σελίδας.Για να τα βγάλετε αυτά απλά ανοίξτε το banner σας με το πρόγραμμα της ζωγραφικής και σβήστε αυτά τα γράμματα με γόμα!


Αφού λοιπόν φτιάξετε το banner σας ανεβάστε το κάπου.
Σας προτείνω 3 υπηρεσίες για να το ανεβάσετε:

1)http://photobucket.com/

2)http://freefotos.gr/

3)http://gigaimage.com/

Αφού λοιπόν το ανεβάσετε μετά μπορείτε να βρείτε και τον κώδικα html του banner σας και να το βάλετε στο blog σας.



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

Αν μείνατε ευχαριστημένοι από τις παραπάνω πληροφορίες ,μπορείτε να βάλετε ένα banner του Johnpatra BLOG στη σελίδα σας:

Βάλε τον παρακάτω κώδικα στη σελίδα σου.(θα εμφανίζεται το παραπάνω banner)

<br/><a href="http://johnpatrablog.blogspot.com/" target="_blank"><br/><img border="0" alt="link για pchands" width="150" src="http://i723.photobucket.com/albums/ww239/johnpatra/banners/coollogo_com_73212405.gif" height="30" /></a><br/>

Αν για κάποιον λόγο δεν σας αρέσει αυτό το banner δείτε και τα άλλα banners στο http://johnpatrablog.blogspot.com/2009/07/banners.html


Και κάτι ακόμα:

Αν σου άρεσαν οι παραπάνω πληροφορίες μπορείς να γραφτείς δωρεάν στην εφημερίδα της σελίδας από το http://feedburner.google.com/fb/a/mailverify?uri=Johnpatrablog&loc=en_US και θα σου έρχονται στο mail σου αυτόματα όλα τα tips & tricks για να μην χάνεις κανένα και να είναι το blog σου μοναδικό!
Μην το σκέφτεσαι άλλο!Κάνε δωρεάν εγγραφή τώρα και όποτε θέλεις μπορείς να ξεγραφτείς.

Λίστα top 10 σχολιαστών του blog σου

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

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

1)Σύνδεση όπως πάντα στον λογαριασμό σου από τον blogger.com

2)Διάταξη

3)Προσθήκη gadget

4)HTML/JAVASCRIPT

5)Σαν τίτλο μπορείς να βάλεις "Top 10 σχολιαστές" και στο κενό που υπάρχει από κάτω βάλτε τον παρακάτω κώδικα:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
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=720a4578c7b83dfce64615cb0ad3c642&url=http%3A%2F%2Fjohnpatrablog.blogspot.com&num=10&filter=johnpatra" type="text/javascript"></script>

Τώρα πρέπει να κάνετε τρεις αλλαγές στον παραπάνω κώδικα εκτός αν θέλετε να βάλετε στο blog σας τους top 10 σχολιαστές του blog μου.

1η αλλαγή:θα αντικαταστήσετε τα κόκκινα γράμματα με το δικό σας blog

2η αλλαγή:πόσοι σχολιαστές θες να εμφανίζονται?Προτιμάτε 10.Αν θέλετε να το αλλάξετε ,αλλάξτε το νούμερο που είναι μαρκαρισμένο με μπλε

3η αλλαγή:θα αντικαταστήσετε τα κίτρινα γράμματα με το δικό σας username (αυτό είναι ένα φίλτρο για να μην μετριούνται τα δικά σας σχόλια μαζί με των άλλων)


6)Αποθήκευση κι είστε έτοιμοι!

Και κάτι ακόμα:

Αν σου άρεσε το παραπάνω gadget μπορείς να γραφτείς δωρεάν στην εφημερίδα της σελίδας από το http://feedburner.google.com/fb/a/mailverify?uri=Johnpatrablog&loc=en_US και θα σου έρχονται στο mail σου αυτόματα όλα τα tips & tricks για να μην χάνεις κανένα και να είναι το blog σου μοναδικό!
Μην το σκέφτεσαι άλλο!Κάνε δωρεάν εγγραφή τώρα και όποτε θέλεις μπορείς να ξεγραφτείς.

Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου.

Gadget με τις τελευταίες αναρτήσεις και τα σχόλιά τους

Σήμερα θα σας δείξω άλλο ένα ωραίο (και πολύ χρήσιμο) gadget για να βάλετε στη σελίδα σας.Πρόκειται για το gadget που βλέπετε στην φώτο το οποίο σας δείχνει τις τελευταίες αναρτήσεις του ιστολογίου σας και μάλιστα με φώτο και πόσα σχόλια έχει.Το έχω βάλει και εγώ αυτό (μπορείτε να το δείτε στο τέλος-σχεδόν-της σελίδας).Αν σας αρέσει και θέλετε να το βάλετε κι εσείς στο blog σας ,δείτε παρακάτω!

Οφείλω να πω ότι αυτό το gadget το έφτιαξε η αγαπητή Kranthi

Χωρίς άλλες καθυστερήσεις δείτε πως θα το βάλετε.

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

1)Κάντε σύνδεση στον λογαριασμό σας από τον blogger.com

2)Διάταξη

3)Προσθήκη gadget

4)html/javascript

5)Σαν τίτλο μπορείτε να βάλετε "Τελευταίες αναρτήσεις" (ή ότι άλλο θέλετε) και στο κενό πεδίο που υπάρχει από κάτω επικολλήστε τον παρακάτω κώδικα:

<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 300;

cellspacing = 8;

borderColor = " #202020";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://johnpatrablog.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Οι κωδικοί που είναι μαρκαρισμένοι με χρώμα πρέπει να αλλαχθούν.

Πιο συγκεκριμένα:

boxwidth - Το πλάτος του gadget
borderColor - Το background χρώμα του gadget(τώρα είναι μαύρο)*
numposts - Πόσες αναρτήσεις θες να εμφανίζονται?
home_page : βάλε τη διεύθυνση του blog σου(με το http://)

*Για να δείτε μια μεγάλη ποικιλία από χρώματα και τους κωδικούς τους html για να επιλέξετε πατήστε εδώ!(πατήστε άφοβα 'θα ανοίξει σε νέα καρτέλα)

Σημείωση: Σιγουρέψου ότι έχεις επιλέξει YES στις Settings » Site Feed » Full » Allow Blog Feeds

6.Αποθήκευση κι είστε έτοιμοι!

Καλή επιτυχία!

Και κάτι ακόμα:

Αν σου άρεσε το παραπάνω gadget μπορείς να γραφτείς δωρεάν στην εφημερίδα της σελίδας από το http://feedburner.google.com/fb/a/mailverify?uri=Johnpatrablog&loc=en_US και θα σου έρχονται στο mail σου αυτόματα όλα τα tips & tricks για να μην χάνεις κανένα και να είναι το blog σου μοναδικό!
Μην το σκέφτεσαι άλλο!Κάνε δωρεάν εγγραφή τώρα και όποτε θέλεις μπορείς να ξεγραφτείς.

Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου.

Social Bookmarking widget κάτω από κάθε blogger post

Ψάχνοντας στο διαδίκτυο βρήκα ένα ωραίο gadget.Το έβαλα στο blog μου και είπα να το μοιραστώ και μαζί σας.Βλέπετε κάτω από την ανάρτηση που υπάρχει ένα gadget που λέει:

"Add Post To: | Digg| Technorati| del.icio.us| Stumbleupon| Reddit| BlinkList| Furl| Spurl| Yahoo| Simpy| "

Αυτά τα social networks δεν είναι πολύ γνωστά στην Ελλάδα ακόμα αλλά έξω είναι πολύ δημοφιλή.Αν θέλετε να το βάλετε κι εσείς στη σελίδα σας δείτε παρακάτω:



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

1)Σύνδεση στον blogger account σας

2)Διάταξη

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

4)Να είναι τσεκαρισμένο το τετραγωνάκι που λέει "Επέκταση προτύπων γραφικών στοιχείων"

5)Πατήστε ctrl + F και αναζητήστε τον παρακάτω κώδικα

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

Αν δεν σας το βρει ψάξτε για το <data:post.body/>

6)Βάλτε τον παρακάτω κώδικα αμέσως από κάτω από τους παραπάνω κώδικες που βρήκατε:

<!-- Start of social bookmarks. Check http://bloggeraccessories.blogspot.com/ for updates -->
<span class='post-author' style='font-size: 95%;'><br/>
Add Post To: |
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Digg</a>|
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'>Technorati</a>|
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>del.icio.us</a>|
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Stumbleupon</a>|
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Reddit</a>|
<a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title' target='_blank'>BlinkList</a>|
<a expr:href='&quot;http://www.furl.net/storeIt.jsp?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank'>Furl</a>|
<a expr:href='&quot;http://www.spurl.net/spurl.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Spurl</a>|
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank'>Yahoo</a>|
<a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Simpy</a>|
<br/></span>
<!-- End of social bookmarks -->

7)Μην ξεχάσετε να κάνετε αποθήκευση του προτύπου σας κι είστε έτοιμοι!


Και κάτι ακόμα:

Αν σου άρεσε το παραπάνω gadget μπορείς να γραφτείς δωρεάν στην εφημερίδα της σελίδας από το http://feedburner.google.com/fb/a/mailverify?uri=Johnpatrablog&loc=en_US και θα σου έρχονται στο mail σου αυτόματα όλα τα tips & tricks για να μην χάνεις κανένα και να είναι το blog σου μοναδικό!
Μην το σκέφτεσαι άλλο!Κάνε δωρεάν εγγραφή τώρα και όποτε θέλεις μπορείς να ξεγραφτείς.


Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου από το παραπάνω trick!

HTML color codes and names

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

Color	Color Code	Color	Color Code
Red	#FF0000	White	#FFFFFF
Turquoise	#00FFFF	Light Grey	#C0C0C0
Light Blue	#0000FF	Dark Grey	#808080
Dark Blue	#0000A0	Black	#000000
Light Purple	#FF0080	Orange	#FF8040
Dark Purple	#800080	Brown	#804000
Yellow	#FFFF00	Burgundy	#800000
Pastel Green	#00FF00	Forest Green	#808000
Pink	#FF00FF	Grass Green	#408080

COLOR NAME	CODE	COLOR
Black	#000000	Black
Gray0	#150517	Gray0
Gray18	#250517	Gray18
Gray21	#2B1B17	Gray21
Gray23	#302217	Gray23
Gray24	#302226	Gray24
Gray25	#342826	Gray25
Gray26	#34282C	Gray26
Gray27	#382D2C	Gray27
Gray28	#3b3131	Gray28
Gray29	#3E3535	Gray29
Gray30	#413839	Gray30
Gray31	#41383C	Gray31
Gray32	#463E3F	Gray32
Gray34	#4A4344	Gray34
Gray35	#4C4646	Gray35
Gray36	#4E4848	Gray36
Gray37	#504A4B	Gray37
Gray38	#544E4F	Gray38
Gray39	#565051	Gray39
Gray40	#595454	Gray40
Gray41	#5C5858	Gray41
Gray42	#5F5A59	Gray42
Gray43	#625D5D	Gray43
Gray44	#646060	Gray44
Gray45	#666362	Gray45
Gray46	#696565	Gray46
Gray47	#6D6968	Gray47
Gray48	#6E6A6B	Gray48
Gray49	#726E6D	Gray49
Gray50	#747170	Gray50
Gray	#736F6E	Gray
Slate Gray4	#616D7E	Slate Gray4
Slate Gray	#657383	Slate Gray
Light Steel Blue4	#646D7E	Light Steel Blue4
Light Slate Gray	#6D7B8D	Light Slate Gray
Cadet Blue4	#4C787E	Cadet Blue4
Dark Slate Gray4	#4C7D7E	Dark Slate Gray4
Thistle4	#806D7E	Thistle4
Medium Slate Blue	#5E5A80	Medium Slate Blue
Medium Purple4	#4E387E	Medium Purple4
Midnight Blue	#151B54	Midnight Blue
Dark Slate Blue	#2B3856	Dark Slate Blue
Dark Slate Gray	#25383C	Dark Slate Gray
Dim Gray	#463E41	Dim Gray
Cornflower Blue	#151B8D	Cornflower Blue
Royal Blue4	#15317E	Royal Blue4
Slate Blue4	#342D7E	Slate Blue4
Royal Blue	#2B60DE	Royal Blue
Royal Blue1	#306EFF	Royal Blue1
Royal Blue2	#2B65EC	Royal Blue2
Royal Blue3	#2554C7	Royal Blue3
Deep Sky Blue	#3BB9FF	Deep Sky Blue
Deep Sky Blue2	#38ACEC	Deep Sky Blue2
Slate Blue	#357EC7	Slate Blue
Deep Sky Blue3	#3090C7	Deep Sky Blue3
Deep Sky Blue4	#25587E	Deep Sky Blue4
Dodger Blue	#1589FF	Dodger Blue
Dodger Blue2	#157DEC	Dodger Blue2
Dodger Blue3	#1569C7	Dodger Blue3
Dodger Blue4	#153E7E	Dodger Blue4
Steel Blue4	#2B547E	Steel Blue4
Steel Blue	#4863A0	Steel Blue
Slate Blue2	#6960EC	Slate Blue2
Violet	#8D38C9	Violet
Medium Purple3	#7A5DC7	Medium Purple3
Medium Purple	#8467D7	Medium Purple
Medium Purple2	#9172EC	Medium Purple2
Medium Purple1	#9E7BFF	Medium Purple1
Light Steel Blue	#728FCE	Light Steel Blue
Steel Blue3	#488AC7	Steel Blue3
Steel Blue2	#56A5EC	Steel Blue2
Steel Blue1	#5CB3FF	Steel Blue1
Sky Blue3	#659EC7	Sky Blue3
Sky Blue4	#41627E	Sky Blue4
Slate Blue	#737CA1	Slate Blue
Slate Blue	#737CA1	Slate Blue
Slate Gray3	#98AFC7	Slate Gray3
Violet Red	#F6358A	Violet Red
Violet Red1	#F6358A	Violet Red1
Violet Red2	#E4317F	Violet Red2
Deep Pink	#F52887	Deep Pink
Deep Pink2	#E4287C	Deep Pink2
Deep Pink3	#C12267	Deep Pink3
Deep Pink4	#7D053F	Deep Pink4
Medium Violet Red	#CA226B	Medium Violet Red
Violet Red3	#C12869	Violet Red3
Firebrick	#800517	Firebrick
Violet Red4	#7D0541	Violet Red4
Maroon4	#7D0552	Maroon4
Maroon	#810541	Maroon
Maroon3	#C12283	Maroon3
Maroon2	#E3319D	Maroon2
Maroon1	#F535AA	Maroon1
Magenta	#FF00FF	Magenta
Magenta1	#F433FF	Magenta1
Magenta2	#E238EC	Magenta2
Magenta3	#C031C7	Magenta3
Medium Orchid	#B048B5	Medium Orchid
Medium Orchid1	#D462FF	Medium Orchid1
Medium Orchid2	#C45AEC	Medium Orchid2
Medium Orchid3	#A74AC7	Medium Orchid3
Medium Orchid4	#6A287E	Medium Orchid4
Purple	#8E35EF	Purple
Purple1	#893BFF	Purple1
Purple2	#7F38EC	Purple2
Purple3	#6C2DC7	Purple3
Purple4	#461B7E	Purple4
Dark Orchid4	#571B7e	Dark Orchid4
Dark Orchid	#7D1B7E	Dark Orchid
Dark Violet	#842DCE	Dark Violet
Dark Orchid3	#8B31C7	Dark Orchid3
Dark Orchid2	#A23BEC	Dark Orchid2
Dark Orchid1	#B041FF	Dark Orchid1
Plum4	#7E587E	Plum4
Pale Violet Red	#D16587	Pale Violet Red
Pale Violet Red1	#F778A1	Pale Violet Red1
Pale Violet Red2	#E56E94	Pale Violet Red2
Pale Violet Red3	#C25A7C	Pale Violet Red3
Pale Violet Red4	#7E354D	Pale Violet Red4
Plum	#B93B8F	Plum
Plum1	#F9B7FF	Plum1
Plum2	#E6A9EC	Plum2
Plum3	#C38EC7	Plum3
Thistle	#D2B9D3	Thistle
Thistle3	#C6AEC7	Thistle3
Lavender Blush2	#EBDDE2	Lavender Blush2
Lavender Blush3	#C8BBBE	Lavender Blush3
Thistle2	#E9CFEC	Thistle2
Thistle1	#FCDFFF	Thistle1
Lavender	#E3E4FA	Lavender
Lavender Blush	#FDEEF4	Lavender Blush
Light Steel Blue1	#C6DEFF	Light Steel Blue1
Light Blue	#ADDFFF	Light Blue
Light Blue1	#BDEDFF	Light Blue1
Light Cyan	#E0FFFF	Light Cyan
Slate Gray1	#C2DFFF	Slate Gray1
Slate Gray2	#B4CFEC	Slate Gray2
Light Steel Blue2	#B7CEEC	Light Steel Blue2
Turquoise1	#52F3FF	Turquoise1
Cyan	#00FFFF	Cyan
Cyan1	#57FEFF	Cyan1
Cyan2	#50EBEC	Cyan2
Turquoise2	#4EE2EC	Turquoise2
Medium Turquoise	#48CCCD	Medium Turquoise
Turquoise	#43C6DB	Turquoise
Dark Slate Gray1	#9AFEFF	Dark Slate Gray1
Dark Slate Gray2	#8EEBEC	Dark slate Gray2
Dark Slate Gray3	#78c7c7	Dark Slate Gray3
Cyan3	#46C7C7	Cyan3
Turquoise3	#43BFC7	Turquoise3
Cadet Blue3	#77BFC7	Cadet Blue3
Pale Turquoise3	#92C7C7	Pale Turquoise3
Light Blue2	#AFDCEC	Light Blue2
Dark Turquoise	#3B9C9C	Dark Turquoise
Cyan4	#307D7E	Cyan4
Light Sea Green	#3EA99F	Light Sea Green
Light Sky Blue	#82CAFA	Light Sky Blue
Light Sky Blue2	#A0CFEC	Light Sky Blue2
Light Sky Blue3	#87AFC7	Light Sky Blue3
Sky Blue	#82CAFF	Sky Blue
Sky Blue2	#79BAEC	Sky Blue2
Light Sky Blue4	#566D7E	Light Sky Blue4
Sky Blue	#6698FF	Sky Blue
Light Slate Blue	#736AFF	Light Slate Blue
Light Cyan2	#CFECEC	Light Cyan2
Light Cyan3	#AFC7C7	Light Cyan3
Light Cyan4	#717D7D	Light Cyan4
Light Blue3	#95B9C7	Light Blue3
Light Blue4	#5E767E	Light Blue4
Pale Turquoise4	#5E7D7E	Pale Turquoise4
Dark Sea Green4	#617C58	Dark Sea Green4
Medium Aquamarine	#348781	Medium Aquamarine
Medium Sea Green	#306754	Medium Sea Green
Sea Green	#4E8975	Sea Green
Dark Green	#254117	Dark Green
Sea Green4	#387C44	Sea Green4
Forest Green	#4E9258	Forest Green
Medium Forest Green	#347235	Medium Forest Green
Spring Green4	#347C2C	Spring Green4
Dark Olive Green4	#667C26	Dark Olive Green4
Chartreuse4	#437C17	Chartreuse4
Green4	#347C17	Green4
Medium Spring Green	#348017	Medium Spring Green
Spring Green	#4AA02C	Spring Green
Lime Green	#41A317	Lime Green
Spring Green	#4AA02C	Spring Green
Dark Sea Green	#8BB381	Dark Sea Green
Dark Sea Green3	#99C68E	Dark Sea Green3
Green3	#4CC417	Green3
Chartreuse3	#6CC417	Chartreuse3
Yellow Green	#52D017	Yellow Green
Spring Green3	#4CC552	Spring Green3
Sea Green3	#54C571	Sea Green3
Spring Green2	#57E964	Spring Green2
Spring Green1	#5EFB6E	Spring Green1
Sea Green2	#64E986	Sea Green2
Sea Green1	#6AFB92	Sea Green1
Dark Sea Green2	#B5EAAA	Dark Sea Green2
Dark Sea Green1	#C3FDB8	Dark Sea Green1
Green	#00FF00	Green
Lawn Green	#87F717	Lawn Green
Green1	#5FFB17	Green1
Green2	#59E817	Green2
Chartreuse2	#7FE817	Chartreuse2
Chartreuse	#8AFB17	Chartreuse
Green Yellow	#B1FB17	Green Yellow
Dark Olive Green1	#CCFB5D	Dark Olive Green1
Dark Olive Green2	#BCE954	Dark Olive Green2
Dark Olive Green3	#A0C544	Dark Olive Green3
Yellow	#FFFF00	Yellow
Yellow1	#FFFC17	Yellow1
Khaki1	#FFF380	Khaki1
Khaki2	#EDE275	Khaki2
Goldenrod	#EDDA74	Goldenrod
Gold2	#EAC117	Gold2
Gold1	#FDD017	Gold1
Goldenrod1	#FBB917	Goldenrod1
Goldenrod2	#E9AB17	Goldenrod2
Gold	#D4A017	Gold
Gold3	#C7A317	Gold3
Goldenrod3	#C68E17	Goldenrod3
Dark Goldenrod	#AF7817	Dark Goldenrod
Khaki	#ADA96E	Khaki
Khaki3	#C9BE62	Khaki3
Khaki4	#827839	Khaki4
Dark Goldenrod1	#FBB117	Dark Goldenrod1
Dark Goldenrod2	#E8A317	Dark Goldenrod2
Dark Goldenrod3	#C58917	Dark Goldenrod3
Sienna1	#F87431	Sienna1
Sienna2	#E66C2C	Sienna2
Dark Orange	#F88017	Dark Orange
Dark Orange1	#F87217	Dark Orange1
Dark Orange2	#E56717	Dark Orange2
Dark Orange3	#C35617	Dark Orange3
Sienna3	#C35817	Sienna3
Sienna	#8A4117	Sienna
Sienna4	#7E3517	Sienna4
Indian Red4	#7E2217	Indian Red4
Dark Orange3	#7E3117	Dark Orange3
Salmon4	#7E3817	Salmon4
Dark Goldenrod4	#7F5217	Dark Goldenrod4
Gold4	#806517	Gold4
Goldenrod4	#805817	Goldenrod4
Light Salmon4	#7F462C	Light Salmon4
Chocolate	#C85A17	Chocolate
Coral3	#C34A2C	Coral3
Coral2	#E55B3C	Coral2
Coral	#F76541	Coral
Dark Salmon	#E18B6B	Dark Salmon
Salmon1	#F88158	Pale Turquoise4
Salmon2	#E67451	Salmon2
Salmon3	#C36241	Salmon3
Light Salmon3	#C47451	Light Salmon3
Light Salmon2	#E78A61	Light Salmon2
Light Salmon	#F9966B	Light Salmon
Sandy Brown	#EE9A4D	Sandy Brown
Hot Pink	#F660AB	Hot Pink
Hot Pink1	#F665AB	Hot Pink1
Hot Pink2	#E45E9D	Hot Pink2
Hot Pink3	#C25283	Hot Pink3
Hot Pink4	#7D2252	Hot Pink4
Light Coral	#E77471	Light Coral
Indian Red1	#F75D59	Indian Red1
Indian Red2	#E55451	Indian Red2
Indian Red3	#C24641	Indian Red3
Red	#FF0000	Red
Red1	#F62217	Red1
Red2	#E41B17	Red2
Firebrick1	#F62817	Firebrick1
Firebrick2	#E42217	Firebrick2
Firebrick3	#C11B17	Firebrick3
Pink	#FAAFBE	Pink
Rosy Brown1	#FBBBB9	Rosy Brown1
Rosy Brown2	#E8ADAA	Rosy Brown2
Pink2	#E7A1B0	Pink2
Light Pink	#FAAFBA	Light Pink
Light Pink1	#F9A7B0	Light Pink1
Light Pink2	#E799A3	Light Pink2
Pink3	#C48793	Pink3
Rosy Brown3	#C5908E	Rosy Brown3
Rosy Brown	#B38481	Rosy Brown
Light Pink3	#C48189	Light Pink3
Rosy Brown4	#7F5A58	Rosy Brown4
Light Pink4	#7F4E52	Light Pink4
Pink4	#7F525D	Pink4
Lavender Blush4	#817679	Lavendar Blush4
Light Goldenrod4	#817339	Light Goldenrod4
Lemon Chiffon4	#827B60	Lemon Chiffon4
Lemon Chiffon3	#C9C299	Lemon Chiffon3
Light Goldenrod3	#C8B560	Light Goldenrod3
Light Golden2	#ECD672	Light Golden2
Light Goldenrod	#ECD872	Light Goldenrod
Light Goldenrod1	#FFE87C	Light Goldenrod1
Lemon Chiffon2	#ECE5B6	Lemon Chiffon2
Lemon Chiffon	#FFF8C6	Lemon Chiffon
Light Goldenrod Yellow	#FAF8CC	Light Goldenrod Yellow

[via]

Πώς γράφουμε το e-mail μας έτσι ώστε όταν το πατήσει κάποιος να του ανοίξει το outlook express?

Ένας φίλος από το blog radioparanoid519 με ρώτησε πως μπορεί να κάνει το e-mail του σύνδεσμο που με το πάτημά του να ανοίγει το πρόγραμμα ηλεκτρονικής αλληλογραφίας(π.χ. outlook express) και να μπορούν οι επισκέπτες του να του στέλνουν κατευθείαν e-mail.Όπως σας δείχνω και στην φώτο αυτό εδώ εννοώ:www.johnpatra.blogspot.com@gmail.com
Για να κάνετε κι εσείς το e-mail σας σύνδεσμο ,από απλά γράμματα, δείτε παρακάτω!

Είναι πάρα πολύ εύκολο να κάνετε το e-mail σας σύνδεσμο.

Απλά όπου θέλετε να γράψετε το e-mail σας και να είναι σύνδεσμος θα βάζετε τον παρακάτω html κώδικα.

<a href="mailto:ΓΡΑΨΤΕ_ΕΔΩ_ΤΟ_Ε-MAIL_ΣΑΣ">ΕΔΩ_ΞΑΝΑΓΡΑΦΕΤΕ_ΤΟ_E-MAIL_ΣΑΣ</a>

Φυσικά τα γράμματα που είναι με γαλάζιο χρώμα θα τα αντικαταστήσετε με τα δικά σας στοιχεία.

Για όσους δεν ξέρουν τι να κάνουν και που να βάλουν τον παραπάνω κώδικα,κάντε τα παρακάτω για να το βάλετε στο blog σας.

Σύνδεση στον λογαριασμό σας>Διάταξη>Προσθήκη gadget>HTML JAVASCRIPT>Σαν τίτλο βάλτε "Επικοινωνήστε μαζί μας" και από κάτω βάλτε τον κώδικα με το μαιλ σας που φτιάξατε προηγουμένως και πατήστε "Αποθήκευση'!


Φυσικά αντί για gadget μπορείτε να το βάλετε όπου θέλετε.Αν θέλετε να το βάλετε σε μια ανάρτηση θα αντιγράψετε τον κώδικα (που φτιάξατε πριν) και θα τον επικολλήσετε εκεί που θέλετε να εμφανίζεται ενώ βρισκόσαστε στην καρτέλα "ΕΠΕΞΕΡΓΑΣΙΑ HTML" και ΟΧΙ στην καρτέλα "Σύνθεση"

Καλή επιτυχία!

Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου.

All my Posts!

Blog με 3 στήλες - 3 column blog

Θέλετε να έχει το blog σας τρεις στήλες ,όπως το δικό μου?Δηλαδή να μπορείτε να βάζετε gadgets και δεξιά και αριστερά ,και στη μέση να είναι οι αναρτήσεις σας.Αυτό μπορείτε να το κάνετε μόνο αν το blog σας είναι στην πλατφόρμα του blogspot.com και όχι σε άλλες πλατφόρμες ,π.χ. σε wordpress.Αν λοιπόν, θέλετε να το κάνετε αυτό το hack ,δείτε παρακάτω!

Σε άλλες αναρτήσεις μου δεν σας λέω πάντα να κάνετε ένα back up(λήψη πλήρους προτύπου) το πρότυπό σας ,είτε επειδή το ξεχνάω είτε επειδή δεν το θεωρώ αναγκαίο.
Αλλά τώρα το να κάνετε ένα back up (λήψη πλήρους προτύπου) είναι το λιγότερο που πρέπει να κάνετε.
Εγώ σας προτείνω να φτιάξετε και ένα άλλο πειραματικό blog (test blog) στο οποίο θα δοκιμάστε τους παρακάτω κώδικες και αν σας πετύχει μετά δοκιμάστε το στο <<καλό>> σας blog.
Επίσης σας λέω ότι δεν εγγυώμαι την επιτυχία σε όλα τα πρότυπα.Στο minima template πάντως είναι σίγουρο ότι θα σας βγει.Καλό είναι πάντως να δοκιμάσετε ,όποιο πρότυπο κι αν έχετε, και αφήστε μου ένα σχόλιο μετά και πείτε μου πιο πρότυπο έχετε και αν το πετύχατε.Για αυτούς που έχουν άλλο πρότυπο από το minima και δεν τους βγαίνει πρέπει να πειραματιστούν με τις τιμές των Outer-Wrapper,
Header-Wrapper,width,padding και margin.
Λοιπόν αφού σας είπα τα παραπάνω πάμε τώρα να σας δείξω πως γίνεται.

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



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

2)Διάταξη

3)Επεξεργασία html
(ΕΔΩ ΚΑΝΕΤΕ ΚΑΙ ΤΟ BACK UP ΤΟΥ ΠΡΟΤΥΠΟΥ ΣΑΣ)

4)Πατήστε ταυτόχρονα ctrl + F στο πληκτρολόγιό σας για να ανοίξει κάτω χαμηλά το παραθυράκι όπου αναζητούμε τους κώδικές μας

5)Μέσα στο παραθυράκι γράψτε το sidebar-wrapper

Λογικά θα σας βρει πάνω από ένα αποτέλεσμα για αυτό κοιτάξτε να μοιάζει έτσι(νομίζω ότι είναι το πρώτο αποτέλεσμα αυτό που θέλουμε):

#sidebar-wrapper { width: 220px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Διαγράφετε το παραπάνω κομμάτι κώδικα και στη θέση του βάζετε το παρακάτω κομμάτι κώδικα.

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-sidebar-wrapper {
width: 220px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

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

6)Τώρα βρείτε το <div id='main-wrapper'>

Μόλις το βρείτε βάλτε τον παρακάτω κώδικα πριν από αυτό

<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/> </div>

7)Ψάξε τώρα να βρεις τον παρακάτω κώδικα

/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }

Εκεί που λέει 660px ,το σβήνουμε και γράφουμε 880px

8)Βρες τώρα τον παρακάτω κώδικα και κάνε το ίδιο ,δηλαδή γράψε 880px αντί για 660 px

#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; }

9)Πάτα αποθήκευση και πήγαινε τώρα στα "Στοιχεία σελίδας".Θα δεις την παρακάτω εικόνα(αν δεν έχεις κάνει λάθος μέχρι τώρα):



Αν είναι λοιπόν όλα σωστά πάμε παρακάτω.

10)Τώρα υπάρχει η τρίτη στήλη αλλά δεν θα μπορείτε να τη δείτε στο blog σας αν δεν βάλετε κάποιο gadget.
Αλλά ακόμα δεν έχουμε τελείωσει.

Αν βάλετε κάποιο gadget τώρα στην νέα σας στήλη θα εμφανιστεί στο blog σας κάπως έτσι:



Κανονικά θα έπρεπε να εμφανίζεται κάπως έτσι:





Για να μην εμφανίζονται τα gadgets σας όπως στην πρώτη φώτο πρέπει να ρυθμίσουμε το πρότυπό μας ώστε τα στοιχεία θα βάζουμε στην καινούρια μπάρα μας να μην ξεπερνάνε τα όρια και μπαίνουν μέσα στις αναρτήσεις μας.
Για να το κάνουμε αυτό πάμε ξανά στην Διάταξη>Επεξεργασία html και ψάχνουμε να βρούμε τον παρακάτω κώδικα:

#main-wrapper { width: 410px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

Προσθέτουμε το margin-left: 20px; μετά από το float:left;
Δηλαδή ο τελικός κώδικας θα είναι ακριβώς όπως ο παρακάτω:

#main-wrapper { width: 410px; float: left; margin-left: 20px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

11)Αποθηκευση του προτύπου σας τώρα κι απολάυστε την νέα σας στήλη!



Όπως σας είπα στην αρχή μπορεί να μην σας βγει το επιθυμητό αποτέλεσμα αν δεν έχετε το πρότυπο Minima.Η παραπάνω μέθοδος είναι η ίδια και ισχύει για όλα τα templates.Αλλά επειδή το minima template είναι το πιο απλό είναι και το πιο εύκολο.Τα άλλα πρότυπα είναι πιο σύνθετα για αυτό για να τα κάνετε τρίστηλα θα πρέπει να πειραματιστείτε με τις τιμές των Outer-Wrapper,
Header-Wrapper,width,padding και margin.


Επίσης μπορείς να βάλεις την νέα σου στήλη στα δεξιά του blog σου.Δηλαδή να έχεις τις αναρτήσεις σου στα αριστερά και 2 στήλες στα δεξιά.Για να το κάνεις αυτό απλά πρέπει σε όλα τα βήματα παραπάνω όπου λέει float: left; να βάζεις float: right;

Άφησε μου ένα σχόλιο και πες μου τι έγινε.

Αναπροσανατολισμός του blog μας προς μια άλλη διεύθυνση

Αυτό το hack στο blog μας είναι πολύ χρήσιμο σε αυτούς που έχουν αλλάξει blog και θέλουν το παλιό τους blog να οδηγεί κατευθείαν στο καινούργιο ,ώστε να μην χάσουν τους επισκέπτες τους.Δηλαδή οι επισκέπτες σας θα οδηγούνται αυτόματα από την παλιά σας στην νέα σας διεύθυνση.Αυτό το έχω κάνει και εγώ σε μερικά παλιά μου blog (τα johnpatra και johnpatranew ).Πατήστε σε ένα από αυτά τα δύο link και περιμένετε λίγο να φορτώσουν και μετά θα δείτε που γίνεται ο αναπροσανατολισμός.Αν έχετε κι εσείς ένα παλιό blog και θέλετε να οδηγεί κατευθείαν στο καινούργιο σας δείτε παρακάτω να δείτε πως θα το κάνετε.

Αυτό ισχύει για τον νέο blogger και όχι τον παλιόν.(οι πιο πολλοί έχετε το νέο blogger)

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

(ΟΛΑ ΤΑ ΠΑΡΑΚΑΤΩ ΒΗΜΑΤΑ ΘΑ ΓΙΝΟΥΝ ΣΤΟ ΠΑΛΙΟ ΣΑΣ BLOG ,ΔΗΛΑΔΗ ΣΕ ΑΥΤΟ ΠΟΥ ΘΕΛΕΤΕ ΝΑ ΓΙΝΕΤΑΙ Ο ΑΝΑΠΡΟΣΑΝΑΤΟΛΙΣΜΟΣ)

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



2)Διάταξη

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

4)"Λήψη πλήρους προτύπου" για κάθε ενδεχόμενο

5)Πατήστε ταυτόχρονα ctrl + F για να ανοίξει το γνωστό παραθυράκι αναζήτησης ,όπου αναζητούμε τους κώδικές μας για να μην ψάχνουμε εμείς

6)Αναζητήστε για το </head>



7)Όταν το βρεις βάλε τον παρακάτω κώδικα αμέσως από πάνω του

<meta http-equiv="refresh" content="0;url=http://ΝΕΟ_BLOG.blogspot.com"/>

Δηλαδή στο τέλος θα πρέπει να φαίνεται κάπως έτσι:

<meta http-equiv="refresh" content="0;url=http://ΝΕΟ_BLOG.blogspot.com"/>
</head>

Αλλάζεις τώρα το "http://ΝΕΟ_BLOG.blogspot.com" και βάζεις την διεύθυνση που θέλεις.


8)Αποθήκευση προτύπου κι είστε έτοιμοι!


Τώρα όποιος μπαίνει στο παλιό σας blog θα οδηγείται αυτόματα στο νέο σας blog.


Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου.

Gadget με τα στατιστικά του blog(συνολικές αναρτήσεις και σχόλια) - Blog Statistics Widget

Σας βρήκα ένα gadget το οποίο θα σας μετράει και θα σας λέει πόσα σχόλια και πόσες αναρτήσεις έχετε.Το βλέπετε στην φώτο πως είναι και τι ακριβώς σας δείχνει.Φυσικά θα δείχνει τα στατιστικά του δικού σας blog και όχι της φώτο.Πως το βάζουμε αυτό στο blog μας?Δείτε παρακάτω...

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

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

2)Διάταξη

3)Στοιχεία σελίδας

4)Προσθήκη gadget

5)HTML/JAVASCRIPT

6)Σαν τίτλο δεν χρειάζεται να βάλετε κάτι(άμα θέλετε κάτι να βάλετε ,βάλτε Blog Statistics)

Στο κενό που έχει κάτω από τον τίτλο βάλτε τον παρακάτω κώδικα:

<script style="text/javascript">

function numberOfPosts(json) {

document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}

function numberOfComments(json) {

document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}

</script>

<ul><li><script src="http://johnpatrablog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://johnpatrablog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>

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

Για τους περίεργους (όπως και εγώ) μπορείτε να βάλετε αντί για την δικιά σας ,όποια διεύθυνση ενός blog που θέλετε να δείτε πόσα είναι τα συνολικά σχόλια και οι συνολικές αναρτήσεις.Εγώ έβαλα μερικές διευθύνσεις άλλων blog και έμεινα εντυπωσιασμένος από τα στατιστικά που έχει το press-gr.blogspot.com.Δεν σας λέω πόσα είναι.Αν έχετε περιέργεια να δείτε δοκιμάστε το!(και μην δω σε κανένα blog να έχει βάλει τα στατιστικά του press-gr και να λέει ότι είναι δικά του!)

7)Αποθήκευση κι είστε έτοιμοι!


Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου.