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

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

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

1►11111111111111111111111111111111111111111111111111111111111111111111111111

2►22222222222222222222222222222222222222222222222222222222222222222222222222

3►33333333333333333333333333333333333333333333333333333333333333333333333333

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

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

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

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

click photo for zoom

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

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

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

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

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

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

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

Χρησιμοποιήστε αυτόν τον κωδικό στο μήνυμα σας..................<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

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

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


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

1.....

2.....

Γράμματα 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

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

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


--------------------------------

<div id="bp_toc"><script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript"></script><br /><script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script><br /><br /><style>#bp_toc { border: 5px solid #c1bfbf; padding: 5px; width:100%; margin-top:10px; } .toc-header-col1, .toc-header-col2, .toc-header-col3 { background: #fff; color: #000000; padding-left: 5px; width:60%; } .toc-header-col2 { width:20%; } .toc-header-col3 { width:20%; } .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { font-size:18px; text-decoration:none; } .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { font-size:18px; text-decoration:underline; } .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:18px; } </style></div>-------------------------
allblogtools.com

Προσθέστε Χρώμα Πορτοκαλί αριθμημένες posts Widget για Blogger

 

1. Συνδεθείτε στο Blogger σας  ταμπλό  και πηγαίνετε στο  Σχεδιασμός  ->  Στοιχεία σελίδας .
2. Κάντε κλικ στο " Προσθήκη Gadget "στο sidebar.
3. «Επιλογή HTML / JavaScript και προσθέστε τον κωδικό  παρακάτω και κάντε κλικ  Αποθήκευση.

<style type="text/css"> #blog-pager{padding:5px 0 !important;} .showpageArea {font-weight: bold;margin:5px;}/* www.bloggertricksandtools.com*/ .showpageArea a {text-decoration:underline;color: #fff;}/* www.bloggertricksandtools.com*/ .showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #ffb76b; background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); }/* www.bloggertricksandtools.com */ .showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #9dd53a; background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }/* www.bloggertricksandtools.com */ .showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.bloggertricksandtools.com */ .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.bloggertricksandtools.com*/ .showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.bloggertricksandtools.com*/ </style> <script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=5; var numshowpage=3; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://bloggertrickandtoolz.googlecode.com/files/www.bloggertricksandtoolz.com-bloggerpagenavi.js' type='text/javascript'></script>

Εμφανίστε μονο τους τίτλους ανά κατηγορια

Ο κώδικας μπαίνει εύκολα σαν JavaScript,απλός θα αλλάξτε τα παρακάτω με τα δικά σας.
1-YOUR_BLOG_URL ......πχ-http://demo-tubesalonika.blogspot.com
2-YOUR_LABEL...πχ-posts
3-SHOW_HOW_MANY...........πόσους τίτλους θέλετε να "εμφανισοντε" 50,60,100,300,500 η όσο θέλετε.
4-http://www.bloggersentral.com/2010/04/list-recent-posts-by-label.html ..........πατήστε την ετικέτα που επιθυμείτε και αντιγράψτε το link,
πατήστε αποθήκευση και είστε έτοιμοι,πιο αναλυτικά στο link παρακάτω


<!-- 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="YOUR_BLOG_URL/feeds/posts/summary/-/YOUR_LABEL?max-results=SHOW_HOW_MANY&alt=json-in-script&callback=recentpostslist"></script> <span style="font-size: 80%; float:right;">Get this <a href="http://www.bloggersentral.com/2010/04/list-recent-posts-by-label.html">widget</a></span> <!-- Recent Posts by Label End -->


http://www.bloggersentral.com/2010/04/list-recent-posts-by-label.html

Recent Posts

Πριν προσθέστε τον κώδικα σαν JavaScript στο Blog σας,βάλτε το δικό σας link.Αφαίρεσε ....http://search-off.blogspot.com ,πατήστε αποθήκευση και αυτό ήταν
<br/><script style='text/javascript' src='http://home.kpn.nl/oosti468/downloads/showrecentposts2.js'></script><script style='text/javascript'>var numposts = 20;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src='http://search-off.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts'></script>

Πάτα εδώ και θα δεις ένα τυχαίο post!!

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

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

Τυχαία posts-.outbrain.com

Τυχαία posts smoll icons-branch.gr

Τυχαία posts- Branch.gr

Lasts 10 Posts Tubesalonika