TopGloob Apps: 2013

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

<!-- 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

Τρισδιάστατο κειμενο 3D mouseover

Ενα κώδικας CSS και το κείμενο που βλέπετε γίνεται τρισδιάστατο μόλις περάσει από πάνω ο κέρσορας.

Ο ΚΩΔΙΚΑΣ CSS:

O ΚΩΔΙΚΑΣ HTML:

## ">
Cool - Aigio
--web-radio--
listen to
different players

** Το ## αν θέλετε θα το αντικαταστήσετε με ένα link...
**Στα κόκκινα γράμματα βάλτε τα δικά σας κείμενα...
**Μπορείτε να βάλετε και τους 2 κώδικες σε gadget σαν HTML/Javascript
**Στο κώδικα css μπορείτε όσοι ξέρετε να αλλάξετε τα χρώματα και τα μεγέθη των γραμμάτων..
(αν δεν ξέρετε μην το επιχειρήσετε)...
πηγη-http://www.dr-blogger.com/2013/03/mouseover.html#more

TopGloob Apps

Σελίδες