Come creare in Blogger un formato data in stile calendario Wordpress.

Capita spesso di vedere nei template Wordpress, stili belli e particolari, ricchissimi di funzionalità e dalla grafica accattivante.

E 'abbastanza comune vedere lo stile del formato data, accanto ai post nei Temi WordPress, in stile calendario, ma per la piattaforma Blogger non è cosi facile per aggiungerlo.

Ma chi ha detto che è impossibile?

In questo tutorial vi mostrerò come crearlo per la piattaforma Blogger.

Credetemi, è più facile farlo che dirlo.

Per prima cosa facciamo il backup del nostro template, cosi in caso di errori possiamo ripristinarlo.

Vediamo come...

Entra nelle impostazioni di Blogger, andando in:

Impostazioni > Lingua e formattazione - Formato intestazione data e cambia il formato della data in giorno/mese/anno, ad esempio: 06 Novembre 2012 - come si può vedere nel mio esempio qui sotto::

e alla fine salva tutto.

Ora vai su:

Modello › Modifica HTML, attiva > "Espandi i modelli widget" e cerca (CTRL + F) la seguente riga:

e la sostituite con:

<div id='Date'> <script> changeDate ('<data:post.dateHeader/>'); </ script> </ div> <b:else/> <div id = ' Data '> changeDate <script> (''); </ script> </ div>

Ora aggiungere il codice riportato di seguito appena sopra </ head> (CTRL + F per trovarlo)

http://1.bp.blogspot.com/-NVj6tUKJgLo/UBShW2dCLSI/AAAAAAAACZk/3TkTa8Hzqt0/s1600/calendar07.pngSe ti è piaciuto l'articolo , iscriviti al feed cliccando sull'immagine sottostante per tenerti sempre aggiornato sui nuovi contenuti del blog: ) no-repeat;
display: block;
width: 60px;
height: 60px;
float: left;
margin: 15px 2px 0 -108 px;
padding: 0 0 8px 0px;
bordo: 0;
text-transform: uppercase;
}
. date_month {
display: block;
font-size: 15px;
font-weight: bold;
margin-top:-1px;
text-align: center;
color: # ffffff; colore / * del mese * /
}
. date_day {
display: block;
font-size: 28px;
font-weight: bold;
margin-top:-8px;
text-align: center;
color: # 282828; / colore Giorno * A * /
}
date_year {.
display: block;
font-size: 10px;
margin-top:-8px;
text-align: center;
color: # 282828; colore / Anno * A * /
}
</style>
</b: if>