ΠΩΣ ΝΑ ΕΜΦΑΝΙΖΟΝΤΑΙ ΟΙ ΑΝΑΡΤΗΣΕΙΣ
ΤΟΥ BLOGGER ΣΕ GALLERY STYLE
Με την προσθήκη του παρακάτω κώδικα μπορείτε να αλλάξετε το στυλ εμφάνισης των αναρτήσεων του blogger από list view σε grid view ή αλλιώς σε gallery style. Ο κώδικας αυτός μπαίνει μέσα στο πρότυπο πρίν την ετικέτα </head> Ρυθμίστε το πλάτος width:300px;
ανάλογα με το πόσο είναι το συνολικό πλάτος ανάρτησης που διαθέτετε και
το πόσες αναρτήσεις θέλετε να εμφανίζονται ανα σειρά. Μπορούν να
εμφανίζονται από 2 μέχρι 5 ανάλογα πάντα με το πλάτος που διαθέτετε.
Ρυθμίστε το ύψος height:350px; (υπάρχει 2 φορές).
Αν θέλετε να εμφανίζεται η ημερομηνία αφαιρέστε τη γραμμή h2.date-header {display: none;} Μετά την προσθήκη του παρακάτω κώδικα θα έρθουν
τέρμα δεξια τα link Νεότερες και Παλαιότερες αναρτήσεις για να διορθωθεί αυτό εντοπίστε μέσα στο πρότυπο την γραμμή <b:includable id='nextprev'> και ακριβώς από κάτω της επικολλήσε την παρακάτω γραμμή. <div style='clear:both;'/>
Σώστε το πρότυπο και δέστε το αποτέλεσμα.
<b:if cond='data:blog.pageType !=
"static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post {width:300px;height:350px;background:#FFFFF0;border-radius:6px;border:5px solid #A11111;overflow:hidden;}
h3.post-title{background:#173377;height:70px;padding:5px;font:13px Arial;}
.post-body {padding:5px;height:350px;font-family:Arial;
font-size: 13px; margin:5px;}
.post-footer {display:none;}
.date-outer {float:left;background:none;border:none;}
.post-labels {display:none;}
.jump-link {display:none;}
h2.date-header {display: none;}
.mobile .post {width:auto;height:auto;}
.mobile .post-body {height:auto;}
</style>
</b:if></b:if>http://the-best-widgets.blogspot.gr/2015/12/blogger-gallery-style.html#more
