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

από 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)
Αν για κάποιον λόγο δεν σας αρέσει αυτό το 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)
Αν για κάποιον λόγο δεν σας αρέσει αυτό το 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 το έχω βάλει και εγώ στο 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 το έφτιαξε η αγαπητή 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
“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=’"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’>Digg</a>|
<a expr:href=’"http://technorati.com/faves?add=" + data:post.url’ target=’_blank’>Technorati</a>|
<a expr:href=’"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’>del.icio.us</a>|
<a expr:href=’"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’>Stumbleupon</a>|
<a expr:href=’"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’>Reddit</a>|
<a expr:href=’"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=" + data:post.url + "&Title=" + data:post.title’ target=’_blank’>BlinkList</a>|
<a expr:href=’"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url’ target=’_blank’>Furl</a>|
<a expr:href=’"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’>Spurl</a>|
<a expr:href=’"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&u=" + data:post.url’ target=’_blank’>Yahoo</a>|
<a expr:href=’"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + 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 |
Πώς γράφουμε το e-mail μας έτσι ώστε όταν το πατήσει κάποιος να του ανοίξει το outlook express?

Για να κάνετε κι εσείς το e-mail σας σύνδεσμο ,από απλά γράμματα, δείτε παρακάτω!
Είναι πάρα πολύ εύκολο να κάνετε το e-mail σας σύνδεσμο.
Απλά όπου θέλετε να γράψετε το e-mail σας και να είναι σύνδεσμος θα βάζετε τον παρακάτω html κώδικα.
<a href=”mailto:ΓΡΑΨΤΕ_ΕΔΩ_ΤΟ_Ε-MAIL_ΣΑΣ“>ΕΔΩ_ΞΑΝΑΓΡΑΦΕΤΕ_ΤΟ_E-MAIL_ΣΑΣ</a>
Φυσικά τα γράμματα που είναι με γαλάζιο χρώμα θα τα αντικαταστήσετε με τα δικά σας στοιχεία.
Για όσους δεν ξέρουν τι να κάνουν και που να βάλουν τον παραπάνω κώδικα,κάντε τα παρακάτω για να το βάλετε στο blog σας.
Σύνδεση στον λογαριασμό σας>Διάταξη>Προσθήκη gadget>HTML JAVASCRIPT>Σαν τίτλο βάλτε “Επικοινωνήστε μαζί μας” και από κάτω βάλτε τον κώδικα με το μαιλ σας που φτιάξατε προηγουμένως και πατήστε “Αποθήκευση’!
Φυσικά αντί για gadget μπορείτε να το βάλετε όπου θέλετε.Αν θέλετε να το βάλετε σε μια ανάρτηση θα αντιγράψετε τον κώδικα (που φτιάξατε πριν) και θα τον επικολλήσετε εκεί που θέλετε να εμφανίζεται ενώ βρισκόσαστε στην καρτέλα “ΕΠΕΞΕΡΓΑΣΙΑ HTML” και ΟΧΙ στην καρτέλα “Σύνθεση”
Καλή επιτυχία!
Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου.
Blog με 3 στήλες – 3 column blog
Σε άλλες αναρτήσεις μου δεν σας λέω πάντα να κάνετε ένα 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 μας προς μια άλλη διεύθυνση

Αυτό ισχύει για τον νέο 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
Ακολουθήστε τα παρακάτω βήματα.
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)Αποθήκευση κι είστε έτοιμοι!
Άφησε μου ένα σχόλιο και πες μου τις εντυπώσεις σου.