Πως δίνουμε πλάτος σε όλοι την ανάρτηση χωρίς τα πλαϊνά gadgets

Αν έχουμε κάποιες αναρτήσεις που απαιτούν μεγαλύτερο πλάτος μπορούμε να κρύψουμε  και τις δύο πλευρικές πλαϊνές μπάρες για να μεγαλώσει το πλάτος της κεντρικής ανάρτησης και να χωρέσουν όλα τα δεδομένα χωρίς να βγαίνει μπάρα κύλισης στο κάτω μέρος της ανάρτησης. Παρακάτω υπάρχουν κώδικες οι οποίοι μπαίνουν στο τέλος της ανάρτησης μετά το </div>.
Αν θέλετε να κεντράρετε την ανάρτηση στη μέση ,απλώς προσθέστε το <center> στην αρχή του κώδικα κάθε ανάρτησης.

Πως χωρίζουμε ένα κείμενο σε 3 στήλες

1►11111111111111111111111111111111111111111111111111111111111111111111111111

2►22222222222222222222222222222222222222222222222222222222222222222222222222

3►33333333333333333333333333333333333333333333333333333333333333333333333333

..........................................................................

Chat for websites-chatango

Ενσωματώστε  ένα από τα  καλύτερα Chat για την  ιστοσελίδα σας,με μια απλή εγγραφή .Ρυθμίστε της διαστάσεις και τα χρώματα της αρέσκεια σας και είστε έτοιμοι. Επισημάνουμε ότι στο Chat μπορεί να  στείλει κάποιος μήνυμα και ως ανώνυμος.

http://chatango.com/

ΠΡΟΣΦΑΤΕΣ ΑΝΑΡΤΗΣΕΙΣ ΜΕ ΕΙΚΟΝΕΣ ΚΑΙ ΠΕΡΙΓΡΑΦΗ

Το παρακάτω widget εμφανίζει τις πιο πρόσφατες αναρτήσεις που έχετε κανει στο blog σας με εικονίδια και περιγραφή καθώς περνάτε το δείκτη του ποντικιού πάνω από τα εικονίδια. Μπορεί να εμφανίσει και όλες τις αναρτήσεις σας αν αυξήσετε το αριθμό numposts = 28, με αυτόν των συνολικών αναρτήσεων του blog σας. Με κίτρινο χρώμα έχω επισημάνει το ύψος και το πλάτος το οποίο το αλλάζετε σύμφωνα με τις διαστάσεις του blog σας. Με πράσινο χρώμα έχω επισημάνει τους κωδικούς των χρωμάτων τους οποίους μπορείτε να αλλάξετε με αυτούς

com η gr-μόνιμο και δωρεαν για Blogger

BLOGSPOT.GR...ΚΑΝΕΝΑ ΠΡΟΒΛΗΜΑ...Η GOOGLE TO ΕΦΑΡΜΟΣΕ ΣΤΑ ΕΛΛΗΝΙΚΑ BLOGS ΚΑΙ Η ΑΝΑΚΑΤΕΥΘΥΝΣΗ ΣΤΟ BLOG ΣΑΣ ΓΙΝΕΤΑΙ ΑΥΤΟΜΑΤΑ..."

Αυτό έγινε για να λογοδοτεί το κάθε blog, στους νόμους που διέπουν τα εκάστοτε κράτη! Θέλετε να μάθετε και άλλες διευθύνσεις κρατών ; Δείτε....

Αναρτήσεις ανά κατηγορία

<!-- Recent Posts by Label Start --><!-- code by BloggerSentral.com --><script type="text/javascript">function recentpostslist(json) { document.write('<ul>'); for (var i = 0; i < json.feed.entry.length; i++) { for (var j = 0; j < json.feed.entry[i].link.length; j++) { if (json.feed.entry[i].link[j].rel == 'alternate') { break; } } var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs var entryTitle = json.feed.entry[i].title.$t; var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>"; document.write(item); } document.write('</ul>'); } </script><script src="http://YOURSITEHERE/feeds/posts/summary/-/youtube?max-results=500&alt=json-in-script&callback=recentpostslist"></script><span style="font-size: 80%; float:right;">Get this <a href="http://music-tubesalonika.blogspot.com/search/label/youtube">widget</a></span><!-- Recent Posts by Label End -->
Αλλαγές που πιθανόν θέλετε να κάνετε
Επικολλήσετε στα κόκκινα γράμματα το link της κατηγορίας(tag) που θέλετε και θα εμφανιστούν μόνο τίτλοι αναρτήσεων
"http://YOURSITEHERE/feeds
max-results=500
***Λειτουργεί μονό σαν Gadget

Χωριστε μια αναρτηση σε τμηματα

Το κείμενο  #363638 δείχνει το χρώμα φόντου και το 194px  το μέγεθος σε φάρδος

το συνεχόμενο κείμενο,οι σειρές ρυθμίζονται αυτόματα από το μέγεθος που έχετε δώσει στο widget

</span><font face="Arial, Helvetica, sans-serif"><span style="font-size: 14px; line-height: 21.984375px;"><b><i><div class="column" style="background-color: #363638; border-left-color: rgb(67, 67, 67); border-left-style: solid; border-width: 0px 0px 0px 1px; color: #c1c1c1; float: left; font-family: Verdana, Geneva, sans-serif; font-size: 11px; margin: 0px; padding: 0px; width: 194px;"></i></b></span></font></p><p><font face="Arial, Helvetica, sans-serif"><span style="font-size: 14px; line-height: 21.984375px;"><b><i><h2 style="border: 0px; color: #6d6d6d; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 1.3em; margin: 0px 0px 3px 25px; padding: 0px;"></i></b></span></font></p><p><font face="Arial, Helvetica, sans-serif"><span style="font-size: 14px; line-height: 21.984375px;"><b><i>55555555</h2></i></b></span></font></p><p><font face="Arial, Helvetica, sans-serif"><span style="font-size: 14px; line-height: 21.984375px;"><b><i><ul style="border: 0px; list-style-type: none; margin: 0px 0px 0px 25px; padding: 0px;"></i></b></span></font></p><p><font face="Arial, Helvetica, sans-serif"><span style="font-size: 14px; line-height: 21.984375px;"><b><i><li style="border: 0px; line-height: 2em; margin: 0px; padding: 0px;">01010101010101010101010101010101010101010010101010101010</li></i></b></span></font></p><p><font face="Arial, Helvetica, sans-serif"><span style="font-size: 14px; line-height: 21.984375px;"><b><i></ul></i></b></span></font></p><p><font face="Arial, Helvetica, sans-serif"><span style="font-size: 14px; line-height: 21.984375px;"><b><i></div></i></b></span></font><span style="color: rgb(51, 51, 51); font-family: Arial, Helvetica, sans-serif; font-size: 14.44444465637207px; line-height: 21.99652862548828px; background-color: rgb(243, 243, 243);">

tubesalonika

makeSlider

Διαγραφή το: Εγγραφή σε Αναρτήσεις Atom

click photo for zoom

Διαγράφουμε από το blog μας το πολύ ενοχλητικό μήνυμα: Εγγραφή σε Αναρτήσεις Atom,με το πιο εύκολο τρόπο. 

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασία HTML

Λοιπόν τώρα θα πρέπει να βρούμε στο πρότυπο μας την γραμμή με το αστεράκι(((βλέπε εικόνα)))

:----------------------------------------------- */ το έχουν όλα τα πρότυπα είναι πάνω πάνω σχεδόν στο πρότυπο μας δείτε την εικόνα: 

Ακριβώς κάτω από αυτήν την γραμμή θα βάλουμε αυτών των κώδικα: .feed-links {display: none; } Αυτό ήταν πατάμε αποθήκευση και τελειώνει......

Search engine voice για το blog σας

Είναι κώδικας που μπαίνει σαν gadget, HTML/javascript, και μπορείτε να το βάλετε στη πλαινή στήλη του blog σας...
Ο ΚΩΔΙΚΑΣ:
<form method="get" action="http://www.tubesalonika.blogspot.com/search"> <input type="text" name="q" size="30" x-webkit-speech="true"/> <input type="submit" value="Search"/> </form>
1-Αντικαταστείστε την διεύθυνση  http://www.tubesalonika.blogspot.com/search με τη διεύθυνση/url του blog σας.
2-Μέσα στο κουτάκι πατήστε το μικρόφωνο, και πείτε ΚΑΘΑΡΑ την ετικέτα που ζητάτε.

Εικόνα φόντου στις αναρτήσεις

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

Χρησιμοποιήστε αυτόν τον κωδικό στο μήνυμα σας..................<div style="background:url(IMAGE URL) no-repeat;">YOUR POST HERE </div>....................Απλό και εύκολο. Βάζετε το URL της εικόνας που έχετε επιλέξει μέσα στην παρενθεση εκει που λέει IMAGE URL και στην συνέχεια βάζετε το άρθρο σας εκεί που λέει YOUR POST HERE.  Αφήστε την φαντασία σας ελεύθερη και φτιάξτε μια όμορφη ανάρτηση.

   Καλή επιτυχία σε όσους το δοκιμάσουν.

Tips and Tricks for Blogger

Μόνιμος σύνδεσμος για πιό εύκολη αναζήτηση στους ξένους αναγνώστες σας

Θέλετε να έχετε συγκεκριμένο url στις νέες αναρτήσεις σας; Εύκολο, και απλό, και θα έχετε την ονομασία που εσείς θα έχετε επιλέξει, ενώ θα έχετε και πιό εύκολη αναζήτηση στους ξένους αναγνώστες σας.
Φτιάξετε μία ανάρτηση που θα θέλατε ...Μετά, πατήστε δεξιά, το "Μόνιμος σύνδεσμος" και πατήστε το "προσαρμοσμένος μόνιμος σύνδεσμος" και στο κουτάκι από κάτω  γράψτε ότι θέλετε να φαίνεται σαν σύνδεσμος στην ανάρτηση αυτή....
παράδειγμα =>    arxikiselida  (ότι θέλετε εσείς στα λατινικά)
Τώρα η ανάρτηση που θα φαίνεται ανεξάρτητη, έχει το λινκ
www. yourDomain .blogspot.gr/arxikiselida  (αυτό είναι ένα τρυκ που χρησιμοποιούμε για να δίνουμε συγκεκριμένο λίνκ στις αναρτήσεις μας.

Πατήστε Δημοσίευση...
Ενα ακόμη τρυκ, για να κρύβετε αναρτήσεις που δεν θέλετε να δουν στις πρώτες αναρτήσεις σας οι αναγνώστες σας, βάζοντας παλιά ημερομηνία (και 2 και 5 χρόνια πρίν) στις αναρτήσεις...Πατήστε "πρόγραμμα" και από κάτω, στο ημερολόγιο που θα ανοίξει, βάλτε παλιά ημερομηνία...έτσι οι αναρτήσεις αυτές θα φαίνονται με τις παλιές σας αναρτήσεις και όχι στις πρόσφατες.dr-blogger.com

Διαγράψτε το-Εγγραφή σε: Αναρτήσεις (Atom)

Πρώτα από όλα,όπως πάντα να έχετε αποθηκευμένο κάπου το πρωτότυπο σας(HTML Template) και προχωράτε..

Προσθέστε ακριβώς πάνω από το 
τον κώδικα αυτό ......
.feed-links { display:none !important; }

Θα μοιάσει κάπως έτσι....

Κάντε προεπισκόπηση,αν όλα είναι εντάξει ,πατήστε αποθήκευση και τελειώσατε.

Johny Tubeprett Blogger Template

View Template here

Ενσωματώσετε στην ιστοσελίδα σας το γνωστό σε όλους μας δεκαεξαδικό διάγραμμα χρώματος- Color Codes Chart

Ο Παρακάτω κώδικας σας δίνει τη
δυνατότητα να ενσωματώσετε στην ιστοσελίδα σας το γνωστό σε όλους μας δεκαεξαδικό διάγραμμα χρώματος. Το παρακάτω διάγραμμα αποτελείται από ένα σύνολο 216 δεκαεξαδικών χρωμάτων τα οποία είναι συμβατά από όλους τους browsers .

Το παρακάτω διάγραμμα χρώματος χρησιμοποιεί ένα συνδυασμό scripted HTML και CSS για να παραγάγει ένα αποτέλεσμα ποντίκι πάνω όταν τοποθετείτε τον κέρσορα πάνω από τα κελιά του πίνακα.

Μπορείτε να χρησιμοποιήσετε αυτό το διάγραμμα για τα δωρεάν ή και εμπορικούς σκοπούς. Μπορείτε επίσης να χρησιμοποιήσετε τους κωδικούς για την επεξεργασία των χρωμάτων της πλατφόρμας Blogspot, Wordpress ή διαφόρων web προτύπων. Μπορείτε ακόμη να ενσωματώσετε αυτό το Χρωματολόγιο - πίνακα ή σε ιστοσελίδες ή στα blog σας σας..lovefortechnology.net

<table style="width: 550px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="1" cellspacing="1"> <tbody><tr> <td style="background-color: white; text-align: center;"><span style="color: rgb(0, 64, 0);">#FFFFFF</span></td> <td style="background-color: rgb(255, 255, 204); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFFFCC</span></td> <td style="background-color: rgb(255, 255, 153); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFFF99</span></td> <td style="background-color: rgb(255, 255, 102); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFFF66</span></td> <td style="background-color: rgb(255, 255, 51); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFFF33</span></td> <td style="background-color: yellow; text-align: center;"><span style="color: rgb(0, 64, 0);">#FFFF00</span></td> </tr><tr> <td style="background-color: rgb(255, 204, 255); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFCCFF</span></td> <td style="background-color: rgb(255, 204, 204); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFCCCC</span></td> <td style="background-color: rgb(255, 204, 153); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFCC99</span></td> <td style="background-color: rgb(255, 204, 102); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFCC66</span></td> <td style="background-color: rgb(255, 204, 51); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFCC33</span></td> <td style="background-color: rgb(255, 204, 0); text-align: center;"><span style="color: rgb(0, 64, 0);">#FFCC00</span></td> </tr><tr> <td style="background-color: rgb(255, 153, 255); text-align: center;"><span style="color: rgb(0, 64, 0);">#FF99FF</span></td> <td style="background-color: rgb(255, 153, 204); text-align: center;"><span style="color: rgb(0, 64, 0);">#FF99CC</span></td> <td style="background-color: rgb(255, 153, 153); text-align: center;"><span style="color: rgb(0, 64, 0);">#FF9999</span></td> <td style="background-color: rgb(255, 153, 102); text-align: center;"><span style="color: rgb(0, 64, 0);">#FF9966</span></td> <td style="background-color: rgb(255, 153, 51); text-align: center;"><span style="color: rgb(0, 64, 0);">#FF9933</span></td> <td style="background-color: rgb(255, 153, 0); text-align: center;"><span style="color: rgb(0, 64, 0);">#FF9900</span></td> </tr><tr> <td style="background-color: rgb(255, 102, 255); text-align: center;"><span style="color: white;">#FF66FF</span></td> <td style="background-color: rgb(255, 102, 204); text-align: center;"><span style="color: white;">#FF66CC</span></td> <td style="background-color: rgb(255, 102, 153); text-align: center;"><span style="color: white;">#FF6699</span></td> <td style="background-color: rgb(255, 102, 102); text-align: center;"><span style="color: white;">#FF6666</span></td> <td style="background-color: rgb(255, 102, 51); text-align: center;"><span style="color: white;">#FF6633</span></td> <td style="background-color: rgb(255, 102, 0); text-align: center;"><span style="color: white;">#FF6600</span></td> </tr><tr> <td style="background-color: rgb(255, 51, 255); text-align: center;"><span style="color: white;">#FF33FF</span></td> <td style="background-color: rgb(255, 51, 204); text-align: center;"><span style="color: white;">#FF33CC</span></td> <td style="background-color: rgb(255, 51, 153); text-align: center;"><span style="color: white;">#FF3399</span></td> <td style="background-color: rgb(255, 51, 102); text-align: center;"><span style="color: white;">#FF3366</span></td> <td style="background-color: rgb(255, 51, 51); text-align: center;"><span style="color: white;">#FF3333</span></td> <td style="background-color: rgb(255, 51, 0); text-align: center;"><span style="color: white;">#FF3300</span></td> </tr><tr> <td style="background-color: fuchsia; text-align: center;"><span style="color: white;">#FF00FF</span></td> <td style="background-color: rgb(255, 0, 204); text-align: center;"><span style="color: white;">#FF00CC</span></td> <td style="background-color: rgb(255, 0, 153); text-align: center;"><span style="color: white;">#FF0099</span></td> <td style="background-color: rgb(255, 0, 102); text-align: center;"><span style="color: white;">#FF0066</span></td> <td style="background-color: rgb(255, 0, 51); text-align: center;"><span style="color: white;">#FF0033</span></td> <td style="background-color: red; text-align: center;"><span style="color: white;">#FF0000</span></td> </tr><tr align="center"> <td style="height: 5px;" colspan="6" rowspan="1"></td> </tr><tr> <td style="background-color: rgb(204, 255, 255); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCFFFF</span></td> <td style="background-color: rgb(204, 255, 204); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCFFCC</span></td> <td style="background-color: rgb(204, 255, 153); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCFF99</span></td> <td style="background-color: rgb(204, 255, 102); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCFF66</span></td> <td style="background-color: rgb(204, 255, 51); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCFF33</span></td> <td style="text-align: center; background-color: rgb(204, 255, 0);"><span style="color: rgb(0, 64, 0);">#CCFF00</span></td> </tr><tr> <td style="background-color: rgb(204, 204, 255); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCCCFF</span></td> <td style="background-color: rgb(204, 204, 204); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCCCCC</span></td> <td style="background-color: rgb(204, 204, 153); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCCC99</span></td> <td style="background-color: rgb(204, 204, 102); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCCC66</span></td> <td style="background-color: rgb(204, 204, 51); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCCC33</span></td> <td style="background-color: rgb(204, 204, 0); text-align: center;"><span style="color: rgb(0, 64, 0);">#CCCC00</span></td> </tr><tr> <td style="background-color: rgb(204, 153, 255); text-align: center;"><span style="color: rgb(0, 64, 0);">#CC99FF</span></td> <td style="background-color: rgb(204, 153, 204); text-align: center;"><span style="color: rgb(0, 64, 0);">#CC99CC</span></td> <td style="background-color: rgb(204, 153, 153); text-align: center;"><span style="color: rgb(0, 64, 0);">#CC9999</span></td> <td style="background-color: rgb(204, 153, 102); text-align: center;"><span style="color: rgb(0, 64, 0);">#CC9966</span></td> <td style="background-color: rgb(204, 153, 51); text-align: center;"><span style="color: rgb(0, 64, 0);">#CC9933</span></td> <td style="background-color: rgb(204, 153, 0); text-align: center;"><span style="color: rgb(0, 64, 0);">#CC9900</span></td> </tr><tr> <td style="background-color: rgb(204, 102, 255); text-align: center;"><span style="color: white;">#CC66FF</span></td> <td style="background-color: rgb(204, 102, 204); text-align: center;"><span style="color: white;">#CC66CC</span></td> <td style="background-color: rgb(204, 102, 153); text-align: center;"><span style="color: white;">#CC6699</span></td> <td style="background-color: rgb(204, 102, 102); text-align: center;"><span style="color: white;">#CC6666</span></td> <td style="background-color: rgb(204, 102, 51); text-align: center;"><span style="color: white;">#CC6633</span></td> <td style="background-color: rgb(204, 102, 0); text-align: center;"><span style="color: white;">#CC6600</span></td> </tr><tr> <td style="background-color: rgb(204, 51, 255); text-align: center;"><span style="color: white;">#CC33FF</span></td> <td style="background-color: rgb(204, 51, 204); text-align: center;"><span style="color: white;">#CC33CC</span></td> <td style="background-color: rgb(204, 51, 153); text-align: center;"><span style="color: white;">#CC3399</span></td> <td style="background-color: rgb(204, 51, 102); text-align: center;"><span style="color: white;">#CC3366</span></td> <td style="background-color: rgb(204, 51, 51); text-align: center;"><span style="color: white;">#CC3333</span></td> <td style="background-color: rgb(204, 51, 0); text-align: center;"><span style="color: white;">#CC3300</span></td> </tr><tr> <td style="background-color: rgb(204, 0, 255); text-align: center;"><span style="color: white;">#CC00FF</span></td> <td style="background-color: rgb(204, 0, 204); text-align: center;"><span style="color: white;">#CC00CC</span></td> <td style="background-color: rgb(204, 0, 153); text-align: center;"><span style="color: white;">#CC0099</span></td> <td style="background-color: rgb(204, 0, 102); text-align: center;"><span style="color: white;">#CC0066</span></td> <td style="background-color: rgb(204, 0, 51); text-align: center;"><span style="color: white;">#CC0033</span></td> <td style="background-color: rgb(204, 0, 0); text-align: center;"><span style="color: white;">#CC0000</span></td> </tr><tr align="center"> <td style="height: 5px;" colspan="6" rowspan="1"></td> </tr><tr> <td style="background-color: rgb(153, 255, 255); text-align: center;"><span style="color: rgb(0, 64, 0);">#99FFFF</span></td> <td style="background-color: rgb(153, 255, 204); text-align: center;"><span style="color: rgb(0, 64, 0);">#99FFCC</span></td> <td style="background-color: rgb(153, 255, 153); text-align: center;"><span style="color: rgb(0, 64, 0);">#99FF99</span></td> <td style="background-color: rgb(153, 255, 102); text-align: center;"><span style="color: rgb(0, 64, 0);">#99FF66</span></td> <td style="background-color: rgb(153, 255, 51); text-align: center;"><span style="color: rgb(0, 64, 0);">#99FF33</span></td> <td style="background-color: rgb(153, 255, 0); text-align: center;"><span style="color: rgb(0, 64, 0);">#99FF00</span></td> </tr><tr> <td style="background-color: rgb(153, 204, 255); text-align: center;"><span style="color: rgb(0, 64, 0);">#99CCFF</span></td> <td style="background-color: rgb(153, 204, 204); text-align: center;"><span style="color: rgb(0, 64, 0);">#99CCCC</span></td> <td style="background-color: rgb(153, 204, 153); text-align: center;"><span style="color: rgb(0, 64, 0);">#99CC99</span></td> <td style="background-color: rgb(153, 204, 102); text-align: center;"><span style="color: rgb(0, 64, 0);">#99CC66</span></td> <td style="background-color: rgb(153, 204, 51); text-align: center;"><span style="color: rgb(0, 64, 0);">#99CC33</span></td> <td style="background-color: rgb(153, 204, 0); text-align: center;"><span style="color: rgb(0, 64, 0);">#99CC00</span></td> </tr><tr> <td style="background-color: rgb(153, 153, 255); text-align: center;"><span style="color: rgb(0, 64, 0);">#9999FF</span></td> <td style="background-color: rgb(153, 153, 204); text-align: center;"><span style="color: rgb(0, 64, 0);">#9999CC</span></td> <td style="background-color: rgb(153, 153, 153); text-align: center;"><span style="color: rgb(0, 64, 0);">#999999</span></td> <td style="background-color: rgb(153, 153, 102); text-align: center;"><span style="color: rgb(0, 64, 0);">#999966</span></td> <td style="background-color: rgb(153, 153, 51); text-align: center;"><span style="color: rgb(0, 64, 0);">#999933</span></td> <td style="background-color: rgb(153, 153, 0); text-align: center;"><span style="color: rgb(0, 64, 0);">#999900</span></td> </tr><tr> <td style="background-color: rgb(153, 102, 255); text-align: center;"><span style="color: white;">#9966FF</span></td> <td style="background-color: rgb(153, 102, 204); text-align: center;"><span style="color: white;">#9966CC</span></td> <td style="background-color: rgb(153, 102, 153); text-align: center;"><span style="color: white;">#996699</span></td> <td style="background-color: rgb(153, 102, 102); text-align: center;"><span style="color: white;">#996666</span></td> <td style="background-color: rgb(153, 153, 51); text-align: center;"><span style="color: white;">#999933</span></td> <td style="background-color: rgb(153, 153, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#999900</font></span></td> </tr><tr> <td style="background-color: rgb(153, 51, 255); text-align: center;"><span style="font-weight: bold;"></span><span class="fullpost"><font color="#ffffff">#9933FF</font></span></td> <td style="background-color: rgb(153, 51, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#9933CC</font></span></td> <td style="background-color: rgb(153, 51, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#993399</font></span></td> <td style="background-color: rgb(153, 51, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#993366</font></span></td> <td style="background-color: rgb(153, 51, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#993333</font></span></td> <td style="background-color: rgb(153, 51, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#993300</font></span></td> </tr><tr> <td style="background-color: rgb(153, 0, 255); text-align: center;"><span class="fullpost"><font color="#ffffff">#9900FF</font></span></td> <td style="background-color: rgb(153, 0, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#9900CC</font></span></td> <td style="background-color: rgb(153, 0, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#990099</font></span></td> <td style="background-color: rgb(153, 0, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#990066</font></span></td> <td style="background-color: rgb(153, 0, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#990033</font></span></td> <td style="background-color: rgb(153, 0, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#990000</font></span></td> </tr><tr align="center"> <td style="height: 5px;" colspan="6" rowspan="1"></td> </tr><tr> <td style="background-color: rgb(102, 255, 255); text-align: center;"><span class="fullpost"><font color="#004000">#66FFFF</font> </span></td> <td style="background-color: rgb(102, 255, 204); text-align: center;"><span class="fullpost"><font color="#004000">#66FFCC</font></span></td> <td style="background-color: rgb(102, 255, 153); text-align: center;"><span class="fullpost"><font color="#004000">#66FF99</font></span></td> <td style="background-color: rgb(102, 255, 102); text-align: center;"><span class="fullpost"><font color="#004000">#66FF66</font></span></td> <td style="background-color: rgb(102, 255, 51); text-align: center;"><span class="fullpost"><font color="#004000">#66FF33</font></span></td> <td style="background-color: rgb(102, 255, 0); text-align: center;"><span class="fullpost"><font color="#004000">#66FF00</font></span></td> </tr><tr> <td style="background-color: rgb(102, 204, 255); text-align: center;"><span class="fullpost"><font color="#004000">#66CCFF</font></span></td> <td style="background-color: rgb(102, 204, 204); text-align: center;"><span class="fullpost"><font color="#004000">#66CCCC</font></span></td> <td style="background-color: rgb(102, 204, 153); text-align: center;"><span class="fullpost"><font color="#004000">#66CC99</font></span></td> <td style="background-color: rgb(102, 204, 102); text-align: center;"><span class="fullpost"><font color="#004000">#66CC66</font></span></td> <td style="background-color: rgb(102, 204, 51); text-align: center;"><span class="fullpost"><font color="#004000">#66CC33</font></span></td> <td style="background-color: rgb(102, 204, 0); text-align: center;"><span class="fullpost"><font color="#004000">#66CC00</font></span></td> </tr><tr> <td style="background-color: rgb(102, 153, 255); text-align: center;"><span class="fullpost"><font color="#004000">#6699FF</font></span></td> <td style="background-color: rgb(102, 153, 204); text-align: center;"><span class="fullpost"><font color="#004000">#6699CC</font></span></td> <td style="background-color: rgb(102, 153, 153); text-align: center;"><span class="fullpost"><font color="#004000">#669999</font></span></td> <td style="background-color: rgb(102, 153, 102); text-align: center;"><span class="fullpost"><font color="#004000">#669966</font></span></td> <td style="background-color: rgb(102, 153, 51); text-align: center;"><span class="fullpost"><font color="#004000">#669933</font></span></td> <td style="background-color: rgb(102, 153, 0); text-align: center;"><span class="fullpost"><font color="#004000">#669900</font></span></td> </tr><tr> <td style="background-color: rgb(102, 102, 255); text-align: center;"><span class="fullpost"><font color="#ffffff">#6666FF</font> </span></td> <td style="background-color: rgb(102, 102, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#6666CC</font> </span></td> <td style="background-color: rgb(102, 102, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#666699</font> </span></td> <td style="background-color: rgb(102, 102, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#666666</font> </span></td> <td style="background-color: rgb(102, 102, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#666633</font> </span></td> <td style="background-color: rgb(102, 102, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#666600</font> </span></td> </tr><tr> <td style="background-color: rgb(102, 51, 255); text-align: center;"><span class="fullpost"><font color="#ffffff">#6633FF</font> </span></td> <td style="background-color: rgb(102, 51, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#6633CC</font> </span></td> <td style="background-color: rgb(102, 51, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#663399</font> </span></td> <td style="background-color: rgb(102, 51, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#663366</font> </span></td> <td style="background-color: rgb(102, 51, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#663333</font> </span></td> <td style="background-color: rgb(102, 51, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#663300</font> </span></td> </tr><tr> <td style="background-color: rgb(102, 0, 255); text-align: center;"><span class="fullpost"><font color="#ffffff">#6600FF</font> </span></td> <td style="background-color: rgb(102, 0, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#6600CC</font> </span></td> <td style="background-color: rgb(102, 0, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#660099</font> </span></td> <td style="background-color: rgb(102, 0, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#660066</font> </span></td> <td style="background-color: rgb(102, 0, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#660033</font> </span></td> <td style="background-color: rgb(102, 0, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#660000</font> </span></td> </tr><tr align="center"> <td style="height: 5px;" colspan="6" rowspan="1"></td> </tr><tr> <td style="background-color: rgb(51, 255, 255); text-align: center;"><span class="fullpost"><font color="#004000">#33FFFF</font> </span></td> <td style="background-color: rgb(51, 255, 204); text-align: center;"><span class="fullpost"><font color="#004000">#33FFCC</font></span></td> <td style="background-color: rgb(51, 255, 153); text-align: center;"><span class="fullpost"><font color="#004000">#33FF99</font></span></td> <td style="background-color: rgb(51, 255, 102); text-align: center;"><span class="fullpost"><font color="#004000">#33FF66</font></span></td> <td style="background-color: rgb(51, 255, 51); text-align: center;"><span class="fullpost"><font color="#004000">#33FF33</font></span></td> <td style="background-color: rgb(51, 255, 0); text-align: center;"><span class="fullpost"><font color="#004000">#33FF00</font></span></td> </tr><tr> <td style="background-color: rgb(51, 204, 255); text-align: center;"><span class="fullpost"><font color="#004000">#33CCFF</font></span></td> <td style="background-color: rgb(51, 204, 204); text-align: center;"><span class="fullpost"><font color="#004000">#33CCCC</font></span></td> <td style="background-color: rgb(51, 204, 153); text-align: center;"><span class="fullpost"><font color="#004000">#33CC99</font></span></td> <td style="background-color: rgb(51, 204, 102); text-align: center;"><span class="fullpost"><font color="#004000">#33CC66</font></span></td> <td style="background-color: rgb(51, 204, 51); text-align: center;"><span class="fullpost"><font color="#004000">#33CC33</font></span></td> <td style="background-color: rgb(51, 204, 0); text-align: center;"><span class="fullpost"><font color="#004000">#33CC00</font></span></td> </tr><tr> <td style="background-color: rgb(51, 153, 255); text-align: center;"><span class="fullpost"><font color="#004000">#3399FF</font></span></td> <td style="background-color: rgb(51, 153, 204); text-align: center;"><span class="fullpost"><font color="#004000">#3399CC</font></span></td> <td style="background-color: rgb(51, 153, 153); text-align: center;"><span class="fullpost"><font color="#004000">#339999</font></span></td> <td style="background-color: rgb(51, 153, 102); text-align: center;"><span class="fullpost"><font color="#004000">#339966</font></span></td> <td style="background-color: rgb(51, 153, 51); text-align: center;"><span class="fullpost"><font color="#004000">#339933</font></span></td> <td style="background-color: rgb(51, 153, 0); text-align: center;"><span class="fullpost"><font color="#004000">#339900</font></span></td> </tr><tr> <td style="background-color: rgb(51, 102, 255); text-align: center;"><span class="fullpost"><font color="#ffffff">#3366FF</font> </span></td> <td style="background-color: rgb(51, 102, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#3366CC</font> </span></td> <td style="background-color: rgb(51, 102, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#336699</font> </span></td> <td style="background-color: rgb(51, 102, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#336666</font> </span></td> <td style="background-color: rgb(51, 102, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#336633</font> </span></td> <td style="background-color: rgb(51, 102, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#336600</font> </span></td> </tr><tr> <td style="background-color: rgb(51, 51, 255); text-align: center;"><span class="fullpost"><font color="#ffffff">#3333FF</font> </span></td> <td style="background-color: rgb(51, 51, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#3333CC</font> </span></td> <td style="background-color: rgb(51, 51, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#333399</font> </span></td> <td style="background-color: rgb(51, 51, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#333366</font> </span></td> <td style="background-color: rgb(51, 51, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#333333</font> </span></td> <td style="background-color: rgb(51, 51, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#333300</font> </span></td> </tr><tr> <td style="background-color: rgb(51, 0, 255); text-align: center;"><span class="fullpost"><font color="#ffffff">#3300FF</font> </span></td> <td style="background-color: rgb(51, 0, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#3300CC</font> </span></td> <td style="background-color: rgb(51, 0, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#330099</font> </span></td> <td style="background-color: rgb(51, 0, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#330066</font> </span></td> <td style="background-color: rgb(51, 0, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#330033</font> </span></td> <td style="background-color: rgb(51, 0, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#330000</font> </span></td> </tr><tr align="center"> <td style="height: 5px;" colspan="6" rowspan="1"></td> </tr><tr> <td style="background-color: aqua; text-align: center;"><span class="fullpost"><font color="#004000">#00FFFF</font> </span></td> <td style="background-color: rgb(0, 255, 204); text-align: center;"><span class="fullpost"><font color="#004000">#00FFCC</font></span></td> <td style="background-color: rgb(0, 255, 153); text-align: center;"><span class="fullpost"><font color="#004000">#00FF99</font></span></td> <td style="background-color: rgb(0, 255, 102); text-align: center;"><span class="fullpost"><font color="#004000">#00FF66</font></span></td> <td style="background-color: rgb(0, 255, 51); text-align: center;"><span class="fullpost"><font color="#004000">#00FF33</font></span></td> <td style="background-color: lime; text-align: center;"><span class="fullpost"><font color="#004000">#00FF00</font></span></td> </tr><tr> <td style="background-color: rgb(0, 204, 255); text-align: center;"><span class="fullpost"><font color="#004000">#00CCFF</font></span></td> <td style="background-color: rgb(0, 204, 204); text-align: center;"><span class="fullpost"><font color="#004000">#00CCCC</font></span></td> <td style="background-color: rgb(0, 204, 153); text-align: center;"><span class="fullpost"><font color="#004000">#00CC99</font></span></td> <td style="background-color: rgb(0, 204, 102); text-align: center;"><span class="fullpost"><font color="#004000">#00CC66</font></span></td> <td style="background-color: rgb(0, 204, 51); text-align: center;"><span class="fullpost"><font color="#004000">#00CC33</font></span></td> <td style="background-color: rgb(0, 204, 0); text-align: center;"><span class="fullpost"><font color="#004000">#00CC00</font></span></td> </tr><tr> <td style="background-color: rgb(0, 153, 255); text-align: center;"><span class="fullpost"><font color="#004000">#0099FF</font></span></td> <td style="background-color: rgb(0, 153, 204); text-align: center;"><span class="fullpost"><font color="#004000">#0099CC</font></span></td> <td style="background-color: rgb(0, 153, 153); text-align: center;"><span class="fullpost"><font color="#004000">#009999</font></span></td> <td style="background-color: rgb(0, 153, 102); text-align: center;"><span class="fullpost"><font color="#004000">#009966</font></span></td> <td style="background-color: rgb(0, 153, 51); text-align: center;"><span class="fullpost"><font color="#004000">#009933</font></span></td> <td style="background-color: rgb(0, 153, 0); text-align: center;"><span class="fullpost"><font color="#004000">#009900</font></span></td> </tr><tr> <td style="background-color: rgb(0, 102, 255); text-align: center;"><span class="fullpost"><font color="#ffffff">#0066FF</font> </span></td> <td style="background-color: rgb(0, 102, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#0066CC</font> </span></td> <td style="background-color: rgb(0, 102, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#006699</font> </span></td> <td style="background-color: rgb(0, 102, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#006666</font> </span></td> <td style="background-color: rgb(0, 102, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#006633</font> </span></td> <td style="background-color: rgb(0, 102, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#006600</font> </span></td> </tr><tr> <td style="background-color: rgb(0, 51, 255); text-align: center;"><span class="fullpost"><font color="#ffffff">#0033FF</font></span></td> <td style="background-color: rgb(0, 51, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#0033CC</font></span></td> <td style="background-color: rgb(0, 51, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#003399</font> </span></td> <td style="background-color: rgb(0, 51, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#003366</font> </span></td> <td style="background-color: rgb(0, 51, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#003333</font> </span></td> <td style="background-color: rgb(0, 51, 0); text-align: center;"><span class="fullpost"><font color="#ffffff">#003300</font> </span></td> </tr><tr> <td style="background-color: blue; text-align: center;"><span class="fullpost"><font color="#ffffff">#0000FF</font> </span></td> <td style="background-color: rgb(0, 0, 204); text-align: center;"><span class="fullpost"><font color="#ffffff">#0000CC</font> </span></td> <td style="background-color: rgb(0, 0, 153); text-align: center;"><span class="fullpost"><font color="#ffffff">#000099</font> </span></td> <td style="background-color: rgb(0, 0, 102); text-align: center;"><span class="fullpost"><font color="#ffffff">#000066</font> </span></td> <td style="background-color: rgb(0, 0, 51); text-align: center;"><span class="fullpost"><font color="#ffffff">#000033</font> </span></td> <td style="background-color: black; text-align: center;"><span class="fullpost"><font color="#ffffff">#000000</font> </span></td> </tr></tbody> </table><div style="text-align: center;"><small><small><a href="http://www.technoclouds.blogspot.in/">Get your Color Codes Chart Here - Developed by TechnoClouds</a></small></small><br> </div>http://www.lovefortechnology.net/2012/09/embeddable-css-color-chart-216.html#ixzz2OBCM9YE7 Under Creative Commons License: Attribution Follow us: @vaggelinos on Twitter

Χωρίστε την ανάρτηση σε 2 στήλες

Είναι εύκολο να εφαρμοστεί και έχετε την ελευθερία να το χρησιμοποιήσετε σε αναρτήσεις που εσείς θέλετε .Εκτος από κείμενο μπορείτε να προσθέστε και gadgets,widgets ,για να είναι σε παράλληλη γραμμή.


Απλά προσθέστε τον παρακάτω κωδικό στην ανάρτησή σας.<div style="float: left; width: 45%">Εδώ το κείμενο της αριστερής στήλης</div><div style="float: right; width: 45%">Εδώ το κείμενο της δεξιάς στήλης</div><divstyle="clear: both"></div>
Αντικαταστήστε εκεί που λέει ..Εδώ το κείμενο,αριστερά και δεξιά ,προσθέτοντας το κείμενο η widget που θέλετε.

1.....

2.....

Σύγχρονη Κορδέλα Hover Effect Bar Μενού Για Blogger

Κάντε κλικ στο κουμπί EDIT HTM L . Τώρα κάντε κλικ στο κουμπί Προχωρήστε . Βρείτε αυτήν την ετικέτα με τη χρήση του Ctrl + F  ]]> </ b: skin>   .Επικολλήστε παρακάτω κώδικα Πριν ]]> </ b: skin> tag
View Demo- http://demo.bloggertrix.com/2013/02/blog-post.html


........................................../* The CSS Code for the menu starts here bloggertrix.com */ .ribbon span { background:#A81B6A; display:inline-block; line-height:3em; padding:0 1em; margin-top:0.5em; position:relative; -webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */ -moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */ -ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */ -o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */ transition: background-color 0.2s, margin-top 0.2s; } .ribbon a:hover span { background:#FFD204; margin-top:0; } .ribbon span:before { content: ""; position:absolute; top:3em; left:0; border-right:0.5em solid #9B8651; border-bottom:0.5em solid #fff; } .ribbon span:after { content: ""; position:absolute; top:3em; right:0; border-left:0.5em solid #9B8651; border-bottom:0.5em solid #fff; } .ribbon a:link, .ribbon a:visited { color:#000; text-decoration:none; float:left; height:3.5em; overflow:hidden; } .ribbon:after, .ribbon:before { margin-top:0.5em; content: ""; float:left; border: 1.5em solid #A81B6A; } .ribbon:after { border-right-color:transparent; } .ribbon:before { border-left-color:transparent; }
Μετάβαση στο blogger και κάντε κλικ στην επιλογή Διάταξη 
Κάντε κλικ στο κουμπί Προσθήκη gadget και επιλέξτε "HTML / Javascript 
 Επικολλήστε παρακάτω κώδικα.
------------------------------<div class='ribbon'> <a href='#'><span>Home</span></a> <a href='#'><span>Download</span></a> <a href='#'><span>Css3</span></a> <a href='#'><span>HTML</span></a> <a href='#'><span>MySQL</span></a> <a href='#'><span>Services</span></a> <a href='http://www.bloggertrix.com/'><span>Contact</span></a></div>

Αντικαταστήστε το # με τις συνδέσεις σας. 10. αποθηκεύσετε τώρα σας HTML / Javascript ".     Τελειώσατε 
http://www.bloggertrix.com/2013/02/modern-ribbon-hover-effect-menu-bar-for.html

Προσθήκη Chat Room στην ιστοσελίδα σας

from.http://www.gmodules.com/ig/creator?synd=open&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F111311123200664007084%2Fchat-userplane.xml&lang=el

Γράμματα 3D στο κείμενό σας

Kώδικα CSS και το κείμενο που βλέπετε γίνεται τρισδιάστατο...οι οδηγίες στο τέλος της ανάρτησης!

Ο ΚΩΔΙΚΑΣ CSS:



O KΩΔΙΚΑΣ HTML:

ΕΔΩ ΓΡΑΨΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ

**background-color: white; αφαιρέστε η αλλάξτε χρώμα στο φόντο...Δείτε χρώματα ΕΔΩ
**font-size: 20px;  αλλάξτε το μέγεθος των γραμμάτων...
 letter-spacing: 0px;  αλλάξτε το  κενό των γραμμάτων...

**family=Bevan   αλλάξτε τη γραμματοσειρά (πχ βάλτε arial)
from;http://www.dr-blogger.com/2013/03/blog-post.html#more

Follow baner color

• Subscribe to the RSS Feed
• Follow me on Twitter
• Find me on Facebook
• Join me on Google+
• Connect with me on LinkedIn

Subscribe to the RSS Feed

Follow me on Twitter

Find me on Facebook

Join me on Google+

Connect with me on LinkedIn