Visualizzare solo il titolo nella homepage di blogger

Lasciare i post completi nella home e nelle pagine delle etichette, si sa, ai fini dell'estetica di un blog non è il massimo. A differenza di qualche tempo fa, dove praticamente tutti usavano questo tipo di layout, ultimamente quasi tutti lo abbandonano per passare, nella maggior parte dai casi, ad un sommario che rimanda alla pagina del post, spesso accompagnato anche da un'immagine.



Tralasciando l'aspetto della navigabilità e quello commerciale di questa soluzione, che magari tratterò in un altro momento, è lampante che al primo impatto risulta tutto più piacevole e intuitivo.
Blogger ci è venuto incontro ed ha provveduto a dare la possibilità di creare un sommario di default, semplicemente aggiustando le impostazioni mentre per far apparire solamente il titolo, sia nella home che nelle pagine delle etichette, e far visualizzare il post completo solo nella pagina del post stesso, siamo costretti a ritoccare un pò il codice html.

Come fare:

1- Vai su Layout --> Modifica HTML

2- Cerca il tag </head>

3- Incolla appena prima questa porzione di codice

<style type='text/css'>



<b:if cond='data:blog.url == data:blog.homepageUrl'>



.post {

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.0em;

height:50px;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:20px;

font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;

font-weight:normal;

line-height:1.4em;

color:#cc6600;

}



.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#cc6600;

font-weight:normal;

}



.post h3 strong, .post h3 a:hover {color:#333333;}



.post-body {display:none;}

.post-footer {display:none;}

.comment-link {display:none;}

.post img {display:none;}

.post blockquote {display:none;}

.post blockquote p {display:none;}

h2.date-header {display:none;}

.post-labels {display:none;}

.post-rating {display:none;}



</b:if>



</style>

4- Salva

5- Ora vai su Layout --> Elementi pagina

6- Clicca sul gadget relativo ai Post sul blog e inserisci il numero di post che vuoi vengano visualizzati.

7- Salva ed il gioco è fatto.

Altri articoli simili:

Posted in: CSS,Layout,Modificare Template,Tutorials