Avrai una grafica simile il primo sito che hai citato .
Vai a questa pagina http://i47.tinypic.com/qqbc6w.png e ti salvi l'immagine con il nome circle.png e la metti nella cartella images del tuo tema.
Al posto di <?php the_time('j F Y') ?> mettici questo codice.

<div class="postdate"><p><span class="postdateno"><?php the_time('j') ?></span><br /><?php the_time('F') ?><br /><?php the_time('Y') ?></p></div>

Poi apri il file style.css e a fondo pagina ci metti questo codice

.postdate{
    background-image: url(images/circle.png);
    width:85px;
    height:64px;    
    margin-left:0px;
    margin-top:0px;
    float: left;
    text-align: center;
    font-size: 11px;
    padding-top:16px;
    background-repeat: no-repeat;
    text-shadow: #FEFFA9 1px 1px 0px;
    background-color: transparent;
}
.postdateno{
    font-family: "Times New Roman", Times, serif;
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 10px;
    padding-top:8px;
    display: block;
}

Poi se mi vuoi fare una offerta mandala ai terremotati dell'Emilia

Ok perfetto ci sono riuscito! ti ringrazio per la gentilezza a buon rendere, grazie!

Solo una domanda, ma se volessi vedere le icone della data allineate al bordo a sinistra al di fuori della pagina diciamo sulla sinistra, cosa dovrei fare?

Per il buon rendere ti ho già detto cosa devi fare. Sto lavorando da qualche ora. Sii riconoscente.

Devi mettere al id #content (riga 30 del tuo css) le proprietà overflow:visible che ora è invece hidden
e dare alla classe .postdate la proprietà position:absolute e mettere in negativo il margin-left

Sto guardando il sito, prima andava bene ora invece è un gran casino. Se segui quello che ti ho detto invece di fare delle prove a casaccio senza sapere quello che fai riuscirai nell'impresa.
Hai ragione la parola smanettone ti calza a pennello.

Ok ci sono riuscito grazie mille! Ora mi dedico a migliorare un po la grafica.

Sei stato gentilissimo!

Ti metto un link sul blog verso il tuo sito per ringraziarti!

Ultime due domande e la smetto di stressarti hehe, ma per ridurre di dimensioni il font dei titoli dei post, quale è la voce da modificare nel css?

Sto provando con i vari H1, H2 ma non cambiano di dimensione nelle pagine.

Inoltre per aumentare la distanza ovvero lo spazio tra un post e l' altro in modo da non farli sembrare tutti appiccicati uno sopra l' altro nella pagina cosa devo andare a modificare nel css?

Grazie!

Non voglio link dal tuo sito, se vuoi ringraziarmi fai una donazione ai terremotati dell'Emilia anche se dubito che la farai visto che eviti accuratamente questo argomento.

Per i titoli varia il valore font-size alla riga 39
Per distanziare i post aggiungi un margin-bottom:20px; alla riga 30

Tutte queste modifiche fatte fare a una web agency ti sarebbero costate un bel pò di soldi, visto che le hai avute gratis vedi di essere generoso anche tu almeno per questa volta.

La donazione l' ho già fatta quando è avvenuto il sisma.

Ora ne faccio un altra dato che me lo hai ricordato.

Ora effettuo le modifiche e vediamo se ci riesco.

Ma le righe con quale programma le vedi tu?

perche a me alla 39 e alla 30 compare tutt' altra cosa.

@Rebel said:

Ma le righe con quale programma le vedi tu?

perche a me alla 39 e alla 30 compare tutt' altra cosa.
Di questo file (me ne ero dimenticato)
comefaresoldiblog.com/wp-content/plugins/wp-minify/min/?f=wp-content/themes/heatmap-adsense-theme/style.css,wp-content/themes/heatmap-adsense-theme/default.css,wp-content/plugins/really-simple-facebook-twitter-share-buttons/style.css&m=1345251343

Tanto non tratti di argomenti proibiti o vietati agli adulti. Alla fine è meglio che la gente non si faccia strane idee sul tipo di blog che hai.

Si questo file lo avevo notato, solo che non ho capito dove devo trovare quelle righe, sto guardando ma non riesco a trovare i due punti dove modificare e aggiungere quei codici.

il primo credo sia questo giusto?

body { 
  **font-size: 75%;**
  line-height: 1.5; 
  width: 100%;
}

Oppure ho capito male?

Questo è per il titolo

.post-content h2.h2-simulate-h1-size, .featured-page-content h2.h2-simulate-h1-size {
font-size: 1.8em;
margin-bottom: 10px;
margin-top: 10px;
}

Questo per lo spazio tra i post

.post-content, .featured-page-content {
margin-left: 5px;
}

wp-minify condensa, quindi scaricati il file, aprilo con un editor e cerca quelle classi sopra indicate.

Ok perfetto tutto risolto, sei stato un grande!

Come ti sembra ora il blog?

Ora che ho finito di smanettare effettuo subito la donazione per l' Emilia.

Grazie e alla prossima idolo!

Non per spegnerti gli entusiasmi ma mi è sorto un dubbio, io non uso minify ma credo che condensi file css esistenti, bisognerebbe modicare la fonte e non la sorgente quindi bisognerebbe disabilitare minify e vedere quali file css sono interesssati.
Ma ora sono troppo stanco.

Vabene magari domani darò un occhiata a questa cosa.

Nel frattempo ho disattivato minify e sembra funzionare tutto.

Ora lo riattivo, oppure dici che non serve minify più di tanto per aumentare la velocità del caricamento delle pagine?

Comunque grazie per la collaborazione!

Wp-minify velocizza il sito in quanto condensa, quindi riduce il peso dei css, per sapere di quanto lo velocizza bisognerebbe fare dei test.
Il fatto che disattivandolo il sito non ha subito variazioni potrebbe dipendere dal plugin della cache che utilizzi.
Ho visto che il tuo file style.css ora, con wp-minify attivo, risulta essere così.

RIGA 476
.post-content h2.h2-simulate-h1-size,
.featured-page-content h2.h2-simulate-h1-size {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.6em;
}

RIGA 434
.post-content,
.featured-page-content {
margin-left: 5px;
margin-bottom: 70px;
}

Magari fai una prova, disattiva il minify e controlla che il tuo file style.css sia rimasto uguale in queste due righe, se non lo fosse fai le modifiche.

Ho controllato disattivando è rimasto tutto uguale, quindi direi che per ora è tutto ok.

Grazie per i consigli gentilissimo come sempre!

C'è qualche sito per fare dei test?

Io ho trovato solo questo come tool tuttowebmaster.eu/seo/checkup-sito.php e mi dice che è perfetto.

Se ne conosci di migliori fammelo sapere.

tools.pingdom.com/fpt/

Ma i test li devi fare con il plugin della cache disattivato, altrimenti risulteranno tutti uguali.

Tested from New York City, New York, USA **

Con tutto disattivato: **Perf. grade 85/100 Requests 37 Load Time 3.24s Page size 424.0Kb

Your website is faster than 48% of all tested websites

**Con tutto attivato invece: **Perf. grade 86/100 Requests 34 Load Time 927ms Page size 354,8 Kb

Your website is faster than 90% of all tested websites

Come ti sembra?

Ottimo, il tuo sito è il più veloce del 90% dei siti testati.
Altro piccolo consiglio.
Hai cambiato l'immagine circle.png e tolto dal css che ti avevo mandato il box-shadow che dava sul fondo colorato l'effetto scavato al testo.
De gustibus.
Ma ora il quadratino nero è troppo stretto, quando arriverai a settembre la parola non ci starà dentro.

Hai ragione non ci avevo pensato, provvedo a modificarlo.

Grazie!