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

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

makeSlider

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

click photo for zoom

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

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

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

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

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

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

Είναι κώδικας που μπαίνει σαν gadget, HTML/javascript, και μπορείτε να το βάλετε στη πλαινή στήλη του blog σας...
Ο ΚΩΔΙΚΑΣ:

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

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

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

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

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

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

Johny Tubeprett Blogger Template

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

Ο Παρακάτω κώδικας σας δίνει τη

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

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

Σύγχρονη Κορδέλα 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 στην ιστοσελίδα σας

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

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

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 και το κείμενο που βλέπετε γίνεται τρισδιάστατο μόλις περάσει από πάνω ο κέρσορας.

Χωρίστε την επικεφαλίδα του blogger σε 2 τμήματα

Aκολουθείτε τα παρακάτω βήματα :
Χωρίστε την επικεφαλίδα του blogger σε 2 τμήματα:

Βάλτε εικόνα και χρωμα σε κάθε widget στο sidebar της Σελίδας σας

• Σύνδεση στον Blogger
• Σχεδίαση / Επεξεργασία HTML
• Βρείτε το παρακάτω κομμάτι κώδικα:

Blog Archive-όλο το αρχείο του Blog σας σε μια ανάρτηση

Ένα εκπληκτικό και εύκολο τρόπο για να δείτε όλο το αρχείο του Blog σας σε μια ανάρτηση
.Προσθέστε τον κωδικό παρακάτω δημιουργώντας μια νέα ανάρτηση,πατήστε δημοσίευση και θα δείτε όλο το αρχείο με τις ανάρτησης σας (τίτλους και ημερομηνία).

Πώς να προσθέσετε μια εικόνα κεφαλίδας για Blogger Dynamic Views

Εδώ είναι ένα άλλο τακτοποιημένο τέχνασμα για όσους από εσάς χρησιμοποιείτε Δυναμική πρότυπο του Blogger Απόψεις. Είναι ένα φροντιστήριο από blogger Mayura De Silva που δείχνει πώς μπορείτε να προσθέσετε μια εικόνα για σαςκεφαλίδα. Ένα πράγμα που πρέπει να θυμάστε πριν προχωρήσετε με αυτό το τέχνασμα είναι ότι η εικόνα σας δεν πρέπει να υπερβαίνει το 65 εικονοστοιχεία σε ύψος? διαφορετικά κεφαλίδα σας θα φανεί ακατάστατο.
Αλλά, αν η εικόνα σας πληροί ήδη τα κριτήρια μεγέθους, εδώ είναι τα βήματα :

Πηγαίνετε στο Template στο ταμπλό του αυτοκινήτου σας.
Κάντε κλικ στο Προσαρμογή > Φόντο > Εικόνα φόντου .
Κάντε κλικ στο κουμπί Μεταφόρτωση εικόνας > Επιλογή αρχείου.