Blogger per i nulli

+ / - (mostra/nascondi, espandere/comprimere) etichette su blogger

noreply@blogger.com (Denvoizer) — Sun, 04 Oct 2009 17:31:00 +0000

Oggi vi presenterò un hack moooolto interessante! Dopo aver spiegato ed illustrato il hack per gli articoli espandibili (leggi tutto) Oggi tocca ai Widget Espandibili.
Prima di spiegarvi do cosa consiste vi invito a vedere la DEMO.

Quante volte siete stati costretti a diminuire il numero delle etichette nella vostra barra laterale a causa della loro numerosità? bhe ecco a voi la soluzione:

Fase 1- Senza espandere i vostri widgget, cercate questo codice nel vostro modello:

<b:widget id='Label1' title='Labels' locked='false' type='Label'>

Fase 2- Sostituire tale riga con il seguente codice:

<b:widget id='Label2' title='Etichette (Nascoste)' locked='false' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
//<![ CDATA [
if (typeof (Rnd) == 'undefined') var rnd ='';
rnd = Math.floor (Math.random () * 1000);
RND = 'id-' + rnd;
document.write ( '<a href = "#" onclick = "tmp = document.getElementById ("' + RND + ' "); = tmp.style.display (tmp.style.display ==" none " )? "blocco": "none"; return false; "style =" float: left; margin-right: 5px ;">');
//]]>
</ script >[+/-]
<script type='text/javascript'>
//<![ CDATA [
document.write ( '<\ / a>');
//]]>
</ script>
<b:if cond='data:title'>
<h2> <data:title/> </ h2>
</ b: if>
<div class='widget-content'>
<script type='text/javascript'>
//<![ CDATA [
document.write ( 'id="' <div + rnd +'" style="display:none;">');
//]]>
</ script>

<ul>
<b:loop values='data:labels' var='label'>
<li>

<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'> <data:label.name/> </ a>
</ b: if>
</ li>
</ b: loop>
</ UL>

<script type='text/javascript'>
//<![ CDATA [
document.write ( '<\ / div>');
//]]>
</ script>
<b:include name='quickedit'/>
</ div>
</ b: includable>
</ b: widget>

E voila!

Al fine di questo hack, devi avere un widget etichetta al posto di quello gia esistente intitolato 'Etichette (Nascoste)'.

Widget per gli articoli più commentati (Top Articoli)

noreply@blogger.com (Denvoizer) — Fri, 02 Oct 2009 19:50:00 +0000

Finalmente un widget che vi permette di visualizzare "correttemente" gli articoli più commentati del vostro blog con il numero dei commenti per ogni articolo...

Installazione:
Connettetevi su Blogger, andate su "Elementi pagina", "Aggiungi un gadget" di tipo "HTML/JavaScrtipt" e copiate/incollate il seguente codice:

Potete disattivare il grassetto sostituendo il comando true con false

Dare ad una immagine angoli arrotondati senza usare Photoshop o CSS

noreply@blogger.com (Denvoizer) — Tue, 29 Sep 2009 21:12:00 +0000

Cercando di dare ad un'immagine angoli arrotondati in Photoshop o usando i CSS è stata una delle cose più difficili per me quando cercavo di abbellire l'aspetto di un mio blog o sito. Cercavo sempre di creare quelle curve ma mai uscivano come speravo!.

RoundPic è un servizio gratuito che ha risolto questo problema! Usando RoundPic potete prendere una qualsiasi immagine e darle angoli arrotondati istantaneamente! Non solo, lo sfondo è trasparente, quindi potete metterela in qualsiasi sfondo senza dover modificarla ulteriormente.

Ecco a voi una prova:
Ecco com'era la mia immagine

Ed ecco com'è diventata:

Facile no?!
RoundPic non si limita a darvi solo questo; Con l'aiuto di una finestrina in alto a destra potrete scegliere ad esempio quali angoli devono essere arrotondati e quali no! la larghezza e l'altezza dell'immagine, la dimensione dell'angolo arrotondato ed anche il colore di sfondo se non si desidera averlo trasparente.

Dal momento che ho trovato questo sito non perdo più tempo cercando di usare codici CSS , JavaScript oppure con Photoshop. E' solo una perdita di tempo dal momento in cui questo sito può fare tutto per voi! Enjoy!<

Aggiugere un contatore di articoli e numero commenti sul vostro blog

noreply@blogger.com (Denvoizer) — Tue, 29 Sep 2009 17:35:00 +0000

Oggi vi presento un widget semplicissimo da usare che vi permettera di visualizzare le statistiche del vostro blog: il numero totale degli articoli ed i commenti presenti nel proprio blog.

Andate su Layout, aggiungete un nuovo widget di tipo HTML/JavaScript e copiate/incollate il seguente codice:

A questo punto sostituite L'URL in rosso con l'indirizzo del vostro blog.
Per personalizzare questo widget potete modificare le righe in blu.

Visualizzare gli avatar nei commenti di blogger

noreply@blogger.com (Denvoizer) — Fri, 18 Sep 2009 21:57:00 +0000

Finalmente ho trovato una soluzione al misterioso problema della visualizzazione degli avatar nei commenti blogger.
Come ben sapete, la visualizzazione degli avatar su blogger è una funzionalità gia integrata per default nelle impostazioni però essa non funziona, eh si...non funziona. Ma ora state tranquilli :) , ecco a voi la soluzione!

Prima di tutto andate su impostazioni -> commenti... scegliete: Mostrare immagini profilo nei commenti? SI

A questo punto andate su Layout->Modifica HTML , Fate il backup del vostro Layout-> selezionate Espandi i modelli widget.

Ora cercate la seguente riga di codice

Sostituitela con la seguente:

Poco in basso, cercate la seguente:

Sostituitelo con:

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</div>

</b:if>

Questo hack vi permetterà di visualizzare gli avatar dei commentatori in alto a sinistra come è mostrato in quest'immagine:

L'ultima cosa da fare è quella di aggiungere questo codice CSS che serve anche per visualizzare un avatar per i commentatori anonimi subito prima di </b:skin> ( Grazie ad Albania di averci segnalato la mancaza di questo codice)

.avatar-image-container {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsHRwhU9ZWk_DcKJnFSRrMhgL1raer5gKY52NyiPyGuzyADqWPNsISpzlFV1skxf0JSClUjunhVw-8x3O9lGhKW6VKpNTIrKmxlaqaI6c5QwWcRLzKgmNUc6b7ow2dTMwLjH0WhTQrkA/s400/default.gif); width:35px;height:35px; }
.avatar-image-container img { border:none;}

E' un sistema di commenti simile a quelli usati dai blog caricati sulla piattaforma Wordpress.

Spero che vi sia tutto chiaro, e non esitate di fare domande ;)

Visualizzare i codice grazie al SyntaxHighlighter

noreply@blogger.com (Denvoizer) — Thu, 17 Sep 2009 11:23:00 +0000

In quest'articolo vi spiego il modo in cui si può personalizzare la visualizzazione dei codici all'interno dei vostri articoli. Esistono vari metodi, oggi mi limitero' a spiegare la versione SyntaxHighlighter che vi permetterà di avere una cosa di questo tipo:

(questo codice è solo un esempio, non ha niente a che fare con questo hack).

Ecco a voi i passi da seguire:
1) Prima di tutto vi consiglio di salvare il vostro codice HTML.
2) Inserite il seguente codice subito prima il tag </head>

2) Ora subito dopo </body> , incollate il seguente codice:

A questo punto salvate il vostro template.
Per poter applicare questo Hack all'interno dei vostri articoli bisogna usare il seguento codice all'interno di quest'ultimi:

<pre name="code" class="css">
Inserire il codice qui
</pre>

Oppure

<textarea name="code" class="css">
Inserire il codice qui
</textarea>

Usando pre bisogna convertire i tags <> in & lt; e & gt; (senza lo spazio tra & e g )
Tutto chiaro? :)

WebAppers nuovo set icons

noreply@blogger.com (Denvoizer) — Tue, 15 Sep 2009 16:35:00 +0000

oggi vi segnalo un nuovo set di icone da scaricare gratuitamente.
20 icone creare principalmente per le applicazioni web: Grafici, Profilo, Ricerca, Cggiungi, Cancella, Email, Stampa ecc...). queste icone sono di tre dimensioni; 48x48 px, 32x32 px, e 24x24 px. Tutte in formato PNG con sfondo trasparente.

Scarica il set: Download
License: Creative Commons 3.0 License

Gestire la visualizzazione degli oggetti su BLOGGER 2

noreply@blogger.com (Denvoizer) — Sat, 12 Sep 2009 20:22:00 +0000

Dopo aver spiegato nella prima parte di questo tutorial il modo in cui si proceda per poter lavorare con i condition-tags su blogger per gestire la visualizzazione dei widgets ( in alcune pagine si in altre no ) in quest'articolo cerchero' di approfondire un può questo discorso.

Abbiamo detto che per riferirsi alla home page si usa il seguente segmento di codice:

<b:if cond='data:blog.page.type == "index"'>
Ciao mondo
</b:if>

per la pagina archivio

<b:if cond='data:blog.page.type == "archive"'>
Ciao mondo
</b:if>

e per la pagina Item invece : (l'articolo stesso)

<b:if cond='data:blog.page.type == "item"'>
Ciao mondo
</b:if>

Adesso vediamo il caso della pagina Label ovvero la pagina delle etichette. Ho cercato veramente tanto sperando di trovare un metodo per risolvere questo "mistero" perchè, come alcuni di voi avranno potuto constattare, se uso lo stesso segmento di codice usato sopra limitandomi a modificare il ...page.type == "Label"'> non funziona niente.

Ecco allora che mi è venuta un idea quando cercavo di eliminare la notifica "Visualizzazione post con etichetta .... Mostra tutti i post" (come mostrata nell'imagine sotto) che viene fuori ogni volta che si clicca su qualche etichetta.

L'idea mi è venuta quando cercavo di eliminare la notifica "Visualizzazione post con etichetta .... Mostra tutti i post" (come mostrata nell'imagine sotto) che viene fuori ogni volta che si clicca su qualche etichetta.

il metodo è SEMPLICISSIMO!!!!!

Il codice da usare è il seguente:

<b:if cond='data:navMessage'>
(cosa vuoi visualizzare nella pagina "etichette" )
</b:if>

Tutto qua!!!!!! :D

Visualizzare il numero dei commenti accanto al titolo post

noreply@blogger.com (Denvoizer) — Sat, 12 Sep 2009 19:26:00 +0000

Per poter visualizzare il numero dei commenti di un articolo subito dopo il titolo di quest'ultimo (come è mostrato sulla foto qui sotto) basta seguire i seguenti passagi:

1)Eseguire un backup/ripristino del vostro modello.
2)Selezionare Espandi i modelli widget.
3)Cercare le seguenti righe di codice:

<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>

Come è mostrato sull'immagine qui sotto:

Subito dopo la riga indicata inserite il seguente codice:

<b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='text-decoration:none;color:#006600'>(<b:if cond='data:post.numComments == 1'>1<b:else/><data:post.numComments/></b:if>)</a></b:if>

Ed il gioco è fatto.
Tutto chiaro?... lo spero ^^

Area download

noreply@blogger.com (Unknown) — Fri, 11 Sep 2009 23:29:00 +0000

Cliccate sulle icone all'interno dei box e scegliete la destinazione del file da scaricare!

Archivio sfondi PC

noreply@blogger.com (Unknown) — Fri, 11 Sep 2009 23:28:00 +0000

Cliccate sulle immagini durante lo slideshow per vederle più grandi.
Per scaricarle invece una volta aperte cliccate nella barra in alto sulla scritta "scarica".

Tutto Layout MySpace

noreply@blogger.com (Unknown) — Fri, 11 Sep 2009 23:26:00 +0000

Myspace è un social network che ti permette di creare una tua pagina personale, un profilo, e di pubblicare informazioni su chi sei e cosa fai, foto, video, musica, giochi. Puoi iscriverti con un profilo tradizionale o registrarti come gruppo musicale (profilo band), filmmaker o cabarettista.

Puoi personalizzare il tuo profilo con colori, immagini, video o playlist di brani audio.

Puoi conoscere le altre persone che usano myspace, creare dei gruppi e scambiare informazioni.

Primo passo: Iscrizione!

Per aprire il tuo account "standard" su myspace, vai su www.myspace.com e clicca sul pulsante iscriviti.

Aprire un'account "band" è diverso dal registrarsi con un profilo standard. I profili band sono più difficili da personalizzare, ma hanno il player incluso sulla pagina e la possibilità di inserire le date dei concerti in maniera automatica. Se non si usa un profilo band, sarà comunque possibile inserire un player flash esterno.
Ecco come registrarsi a Myspace Music. Dalla pagina www.myspace.com vai alla voce “musica”, che si trova nel menu in alto. Troverai un secondo menu in alto, rosso. Vai in “iscrizione artista” e compila il modulo con i tuoi dati. Altrimenti usa questo link per iscriversi a myspace music.

Secondo passo: Convertire (se necessario) il profilo da modalita 2.0 a 1.0!

Quando si crea un nuovo profilo adesso, viene automaticamente impostato in modalità 2.0.

Per utilizzare myspace in modalità 1.0:

- Collegati a myspace con il tuo indirizzo email e password.
- Clicca su “modifica profilo” (si trova in alto, sotto il tuo nome, accanto a “Mio URL”).
- Clicca su “personalizza profilo”.
- In alto a destra clicca sulla freccetta con “Torna al profilo 1.0″.

- Clicca su “Torna al profilo 1.0″, e dai conferma nella pagina successiva.

Se non ti appare il pulsante “Torna al profilo 1.0″:

- Torna alla tua Home (non al profilo) e sotto la tua foto clicca su “Gestisci blog”.
- nel menu a sinistra, in basso, clicca su “Nuovo Post Blog”.
- Scrivi un post nel blog. Compila il campo “Soggetto” e il campo “Corpo”. Clicca su “Anteprima e Inserimento Intervento”.
- Clicca su Pubblica.
- Torna alla home.
- Clicca su “modifica profilo” (sotto il tuo nome, accanto a “Mio URL”).
- Clicca su “personalizza profilo”.
- Clicca su “Torna al profilo 1.0″ in alto a destra.

Terzo passo: Personalizzare l'URL del profilo!

È possibile cambiare l’Url Myspace una sola volta. Quindi, se non l’hai ancora fatto puoi cliccare, una volta loggato, su “seleziona il tuo URL Myspace”. Ti verrà ora richiesto di inserire due volte il tuo nuovo URL, che non potrà più essere modificato. Ricorda di salvare le modifiche quando avrai finito.

È possibile cambiare l’url myspace per i profili band.
La procedura è la seguente. Dopo esserti loggato, seleziona “modifica profilo” e poi “informazioni elenco”. Clicca su modifica e cambia il tuo indirizzo. Non dimenticare di cliccare su “invia” alla fine!

Quarto passo: Creare un layout semplice!

Per personalizzare la tua pagina con sfondo di un colore uniforme, senza immagini, vai direttamente al generatore di layout esterno.

Se vuoi usare come sfondo del tuo profilo un’immagine che hai sul tuo computer guarda come caricare immagini in un sito apposito: http://www.imagehosting.com

e poi utilizza il generatore di layout esterno.

Quinto passo: Personalizzare profilo!

- Effettua il Login al tuo Account MySpace.
- Clicca su "Modifica profilo" (a destra dell'icona del profilo).
- Copia (CTRL+C) il codice creato dal generatore e incollalo (CTR+V) in "Chi sono", e poi premi su "Salva tutte le modifiche".
- Clicca il link "Visualizza il mio profilo", ed ecco il tuo layout installato!

Esiste un modo per cambiare alcuni aspetti del tuo profilo grazie a un "gadget online" rilasciato da myspace.
- Effettua il Login al tuo Account MySpace.
- Clicca su "Modifica profilo" (a destra dell'icona del profilo).
- Clicca su "Editor del profilo" (a destra in alto della pagina), si aprirà il tuo profilo myspace con il "gadget" sulla sinistra.
- Seleziona uno dei temi nella libreria e premi "Salva e Pubblica" o se no modifica il tuo tema corrente modificano gli aspetti principali (colore bordi e sfondi tabelle, colore link e testo, colore sfondo o applicazione di un immagine come sfondo..) alla fine premi "Salva e Pubblica" e chiudi il "gadeget" cliccando la [X] rossa in cima (non quella in alto a destra per chiudere tutto), ecco a voi il profilo modificato!

Come installare temi sul tuo profilo? facile...

- Clicca sull'immagine che ti attira di più, dopo l'apertura del layout scelto ci sara l'anteprima del layout e sotto il codice da prelevare, seleziona tutto il codice e copialo (CTRL+C).

- Effettua il Login al tuo Account MySpace.
- Clicca su "Modifica profilo" (a destra dell'icona del profilo).

- Incolla il codice (CTRL+V) in "Chi sono" (assicurati che nella sezione Chi sono non ci siano altri codici), e poi premi su "Salva tutte le modifiche".
- Clicca il link "Visualizza il mio profilo", ed ecco il tuo layout installato!

Tutto Layout Youtube

noreply@blogger.com (Unknown) — Fri, 11 Sep 2009 23:09:00 +0000

YouTube è un sito web che consente la condivisione di video tra i suoi utenti.

YouTube fa uso della tecnologia di Adobe Flash per riprodurre i suoi contenuti, così come Google Video. Lo scopo di YouTube è quello di ospitare solamente video realizzati direttamente da chi li carica, ma spesso contiene materiale di terze parti caricato senza autorizzazione, come spettacoli televisivi e video musicali. Il rispetto del regolamento del sito, che vieta l'upload di materiale protetto da diritto d'autore se non se ne è titolari, si basa su una verifica ex post di quanto proposto dagli utenti.

YouTube consente l'incorporazione dei propri video all'interno di altri siti web, e si occupa anche di generare il codice HTML necessario.

Primo passo: Iscrizione!

Per diventare un membro di YouTube, vai alla pagina di "Registrazione", scegli un nome utente e una password e inserisci le tue informazioni. Fai quindi clic sul pulsante "Crea il mio account" per completare la procedura.

Secondo passo: Impostazione delle informazioni sul canale!

Accedi al tuo account e, nella sezione "Il mio canale", fai clic sul link "Informazioni sul canale".

Questa opzione ti permette di modificare tutte le impostazioni di base del canale e le informazioni personali che decidi di rendere pubbliche.

Molti utenti assegnano un titolo al proprio canale e aggiungono una descrizione per chiarire meglio i loro interessi. Per creare l'immagine del profilo hai due opzioni: puoi visualizzare l'ultimo video caricato o selezionare un'immagine più permanente da "I miei video". Se desideri impostare un'immagine specifica per il profilo del canale, ti consigliamo di caricare un video breve (5 secondi circa) contenente quell'unica immagine statica. Una volta caricato il video, puoi selezionarlo per impostarlo come immagine del profilo.

In questa pagina puoi anche scegliere se visualizzare commenti e bollettini sul tuo canale. Inoltre, da qui puoi impostare il tipo di canale a "YouTuber", "Director", "Musicista", "Comico" o "Guru".

Sei libero di inserire nei campi forniti le informazioni personali che ritieni opportune: nessun campo è obbligatorio.

Terzo passo: Impostazione dell'URL del canale

L'URL del tuo canale è visibile nel tuo account. Ecco come individuare e impostare l'URL del tuo canale:

- Accedi al tuo account YouTube e fai clic sul link "Account" nell'angolo superiore destro della pagina.
- Posiziona il puntatore del mouse sul grosso link blu "Il mio account" nell'angolo superiore sinistro dello schermo.
- Dall'elenco a discesa "Il mio account", seleziona "Il mio canale".
- Qui puoi vedere l'URL del tuo canale, visualizzato nella parte superiore della pagina. Dovrebbe avere un aspetto simile a questo:
http://www.youtube.com/NOMEUTENTE

Tieni presente che questo URL non può essere modificato o personalizzato.

Quarto passo: Modifica dell'impostazione grafica del canale!

Il tuo canale è il posto in cui mostrare il tuo talento artistico e la tua personalità. Puoi personalizzare il tuo canale nei seguenti modi:

Scegliendo uno dei temi di youtube con colore di base.
Creando una combinazione di colori personale, (applicabile a qualsiasi elemento, dallo sfondo ai tipi di carattere), o persino indicando l'URL di un'immagine che vorresti utilizzare come sfondo.
Posizionando come preferisci le sezioni del tuo canale all'interno della pagina.
Selezionando un video da presentare in primo piano sul tuo canale.

Per personalizzare il tuo canale, accedi al tuo account, fai clic su Account e su "Modifica canale", quindi fai clic sul link "Impostazione grafica del canale".

Nota
Per utilizzare un'immagine come immagine di sfondo, devi salvarla e ospitarla sul tuo computer. Nella sezione Immagine di sfondo della pagina Impostazione grafica del canale, fai clic sul pulsante "Sfoglia" per cercare sul tuo computer l'immagine che desideri utilizzare come sfondo. Quindi seleziona e carica il file di immagine (tieni a mente le dimensioni massime di 256 KB).

Ricorda di fare clic sul pulsante "Aggiorna canale" nella parte superiore o inferiore della pagina per salvare le modifiche apportate al canale. Tieni inoltre presente che qualsiasi aggiornamento al tuo account può richiedere fino a due ore prima di diventare effettivo e riflettersi nel canale.

~~///////////////////////////////////////////////////////////////////~~

È disponibile un nuovo design dei canali! Scopri la nuova versione dei canali e come personalizzare il canale con il layout aggiornato.
Che cosa cambia?
Il nuovo design dei canali include:

Funzioni di modifica integrate che permettono di modificare il canale senza lasciare la pagina e di vedere i risultati della progettazione cambiare progressivamente sul canale.
Visualizzazione interattiva: i visitatori del canale possono sfogliare e guardare più video senza lasciare il canale.
Maggiore visibilità per i video: avrai la possibilità di personalizzare e disporre l'ordine di visualizzazione dei video (Video caricati, Playlist e Preferiti) sul canale.

Perderò qualcosa nel passaggio al nuovo canale?
No, nel passaggio al nuovo design del canale non perderai contenuti del vecchio canale.

Ho la nuova versione dei canali. Come faccio a modificare il mio canale?
Sotto la barra di ricerca, viene visualizzata la sezione grigia "Modifica canale", in cui è possibile apportare le modifiche. Fai clic sui pulsanti "Impostazioni", "Temi e colori" oppure "Moduli" per modificare i rispettivi aspetti del canale. Dopo aver fatto clic su uno dei pulsanti, la finestra si espande e potrai apportare le modifiche.

IMPOSTAZIONI:
Se fai clic sul pulsante "Impostazioni" potrai visualizzare e modificare le informazioni associate al canale:

Il titolo del canale
Le etichette (per fare in modo che altri utenti trovino il tuo canale nelle loro ricerche)

Per aggiornare queste informazioni, inserisci le modifiche, quindi fai clic sul pulsante "Salva modifiche" (nell'angolo inferiore destro della finestra).

TEMI E COLORI:
Per modificare lo sfondo e i temi di colore del canale, fai clic sul pulsante "Temi e colori". La finestra si espande e vengono visualizzate diverse opzioni di temi di colore. Puoi selezionare uno di questi temi per il canale o creare il tuo tema.
Aggiornamento dello sfondo del canale:

Se fai clic su uno dei temi di colore, lo sfondo del canale mostra un'anteprima di come apparirà il canale con quel tema.
Se il tema ti piace e desideri visualizzarlo sul canale, fai clic sul pulsante "Salva modifiche" per aggiornare il canale.
Se il tema visualizzato in anteprima non ti piace, è sufficiente fare clic su "annulla" o su un altro tema per cambiare lo sfondo del canale.

Personalizzazione del tema e dello sfondo del canale:

Fai clic su mostra opzioni avanzate (sotto i temi di colore standard).
La finestra si espande e mostra una serie di modi per creare un tema per lo sfondo. Personalizzalo selezionando colori diversi per i vari aspetti del tuo canale.

Per aggiornare lo sfondo del canale con una immagine:

Fai clic su mostra opzioni avanzate (sotto i temi di colore standard).
Fai clic sul pulsante "Scegli file" e cerca sul computer un'immagine che desideri utilizzare come sfondo del canale. Seleziona l'immagine.
L'immagine apparirà centrata nella pagina canale. Potrai visualizzarla in anteprima.
Se desideri ripetere l'immagine sullo sfondo del canale, seleziona la casella "Sfondo ripetuto".
Fai clic sul pulsante "Salva modifiche" per aggiornare il canale con le variazioni.

MODULI:
Per modificare i moduli che vengono visualizzati sul canale, fai clic sul pulsante "Moduli". La finestra si espande per mostrare le varie opzioni.
Seleziona i moduli che desideri mostrare sul canale. I moduli includono:

Commenti
Amici
Iscritti
Iscrizioni
Attività recenti

Se desideri mostrare uno di questi moduli sul canale, seleziona l'opzione corrispondente. Successivamente, fai clic sul pulsante "Salva modifiche" per aggiornare il canale.
Se non desideri mostrare uno di questi moduli sulla pagina canale, deseleziona la casella accanto all'opzione del modulo (in modo che la casella sia vuota). A quel punto, fai clic sul pulsante "Salva modifiche" per aggiornare il canale e nascondere tale modulo.
Spostamento dei moduli del canale:
Per modificare l'ordine di visualizzazione dei moduli sul canale:

Individua il modulo sulla pagina canale.
Nell'angolo destro del modulo vengono visualizzati diversi pulsanti circolari bianchi che contengono delle frecce.
Fai clic sui pulsanti per spostare il modulo in questione in alto, in basso o ai lati della pagina canale.

EVIDENZIAZIONE DI VIDEO SUL CANALE

Puoi scegliere di visualizzare ed evidenziare dei video sul canale e in particolare:

Tutti (Playlist, Video caricati e Preferiti)
Solo i Video caricati
Solo le Playlist
Solo i Preferiti

Per personalizzare i video da pubblicare sul canale, fai clic su una delle quattro opzioni (a destra del pulsante giallo "Iscriviti", nella parte superiore della pagina canale). Il canale si aggiorna automaticamente per riflettere la selezione.

Tutto Skin Netlog

noreply@blogger.com (Unknown) — Fri, 11 Sep 2009 23:01:00 +0000

Netlog è una piattaforma online dove gli utenti rimangono in contatto ed estendono la propria rete sociale di amicizie. E' un portale online, specificatamente indirizzato ai giovani d'Europa. E' sviluppato da Netlog NV, con sede a Gent, in Belgio. Netlog è attualmente disponibile in 20 lingue e ha più di 50 milioni di membri da tutta Europa e questo numero aumenta ogni giorno.
Su Netlog, i membri possono creare la propria pagina con un blog, foto, video , eventi e molto altro ancora da condividere con gli amici. E' quindi il più avanzato strumento, per i giovani d'Europa, per connettersi e comunicare con il proprio social netlwork. Netlog NV a sviluppato un'unica tecnologia di localizzazione che assicura che tutti i contenuti siano geotargeted e personalizzati per ogni profilo.

Pimo passo: Iscrizione!

Se non hai ancora un profilo su Netlog, puoi crearne uno qui
http://it.netlog.com/go/register
Dopo aver compilato il form con tutti i dati necessari, inizierà la tua avventura su Netlog.

Secondo passo: Modificare informazioni profilo!

- Effettua il Login al tuo Account di Netlog.

- Clicca su "Gestisci" nella parte superiore della pagina.

- Clicca nella sidebar di sinistra modifica "Dati essenziali" e aggiungi i dati personali e poi clicca su "Modifica profilo".

- Clicca nella sidebar di sinistra (nella pagina Gestisci) modifica "Istruzione" e aggiungi i tuoi titoli di studio e poi clicca "Inserisci".

- Clicca nella sidebar di sinistra (nella pagina Gestisci) modifica "Intervista" e aggiungi altri dati per far conoscere altri tuoi aspetti e poi clicca su "Salva modifiche".

- Clicca nella sidebar di sinistra (nella pagina Gestisci) modifica "Instant messenger" e aggiungi un contatto che usi per la messaggistica instantanea e poi clicca su "Salva modifiche".

Terzo passo: Come caricare foto e video!

- Clicca su "Gestisci" nella parte superiore della pagina.

- Per le foto clicca alla destra della pagina su "Carica una foto" e da qui puoi scegliere se caricare una foto direttamente dal pc o scattarne una sul momento con la Webcam (se ne hai una) una volta caricata o scattata aggiungi (se vuoi) informazioni sulla foto, tag ed altro e poi salva.

- Per i video clicca alla destra della pagina su "Carica un video" e da qui puoi scegliere se caricare un video direttamente dal pc o registarne uno sul momento con la Webcam (se ne hai una) o caricare un video di youtube inserendo il link apposito, una volta caricato o registrato aggiungi informazioni sulla foto, tag ed altro e poi salva.

Quarto passo (il più interessante): Come creare uno skin personalizzato!

- Clicca su "Gestisci" nella parte superiore della pagina.

- Clicca nella sidebar di sinistra "Scegli un altro skin".

- Clicca alla destra della pagine "Crea un nuovo skin".

Seleziona una combinazione di colori che ti piace di più.
Scegli tipo e grandezza di font (caratteri) del titoli e testo.
Scegli che cosa mettere nell'intestazione del tuo profilo (in fondo all'articolo ci sarà una lista di immagini usabili come intestazione).
Scegli lo sfondo che ti piace di piu (colore unico o con motivo).
Salva lo skin con nome.

- Una volta cliccato il tasto "Salva" clicca in alto nel riquadro verde il link "Imposta come skin".

Ecco che avete il vostro skin personalizzato!

Lista immagini per intestazione (skin personalizzato):

Immagini differenti per ogni autore di articolo su blogger

noreply@blogger.com (Denvoizer) — Wed, 10 Jun 2009 17:45:00 +0000

Come si può vedere dallo screenshot qui sotto,l'immagine visualizzata accanto al titolo dipende a seconda di chi è l'autore dell'articolo.

Se volete scoprire come si può mettere un'immagine accanto all'articolo visitate questa pagina.

Esiste un metodo elaborato da EL Escaparate che sfrutta il JavaScript per questo scopo, tuttavia ho scoperto che esiste un'altro metodo moooolto più semplice che sfrutta i tag condizionali di Blogger.

Come si possono inserire immagini differenti per autori differenti su blogger?

Iniziamo, quindi:

1) layout->modifica HTML
2) selezionare "Espandi i modelli widget"
3) Cercate questa porzione di codice:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

dovrebbe essere qualcosa di questo tipo:

4) subito dopo la linea rossa, inserite il seguente codice:

<b:if cond='data:post.author == "AUTORE1"'>
<span class="author"><img src="IMAGE1_URL"/></span>
</b:if>

<b:if cond='data:post.author == "AUTORE2"'>
<span class="author"><img src="IMAGE2_URL"/></span>
</b:if>

Potete aggiungere più tag condizionali se il vostro blog è condivisa tra più di 2 membri.

TENETEVI IN MENTE CHE il codice è case sentitive. In questo caso, "autore1" non la stessa cosa che "AUTORE1". Il nome utente (autore) che bisogna inserire deve essere esattamente lo stesso che viene visualizzato nel profilo di Blogger. La dimensione ideale dell'immagine è di circa 30x30 - 50 x 50 pixel.

5) subito prima ]]</b:skin> inserite il seguente codice:

.author img{padding: 0; float: left; border: none; margin: 0 10px 10px 0;}

la proprietà float, cosi come la proprietà margin potrebbere essere cambiati a seconda di dove si desidera che l'immagine venga visualizzata.

6) DIVERTITEVI.

è SEMPLICISSIMOOOOOOOOOOOOOO

la sexy social-bookmark per blogger versione italiana

noreply@blogger.com (Denvoizer) — Mon, 08 Jun 2009 12:53:00 +0000

Buona notizia per gli utenti blogger.com, ora si può aggiungere il segnalibro più sexy che esista (Sexy-bookmark wordpress ). seguendo questi semplici passaggi:

Il social bookmarking è un servizio basato sul web, dove vengono resi disponibili elenchi di segnalibri (bookmark) creati dagli utenti.

Questi elenchi sono liberamente consultabili e condivisibili con gli altri utenti appartenenti alla stessa comunità virtuale.(wikipedia)

nota: 1.QUESTA è L'UNICA VERSIONE CHE FUNZIONA!
2.Al posto di Sharing is sexy! c'è la versione Italiana ovvero Condividere è sexy! (piccolo dettaglio ma significativo ;) )

Ora, Iniziamo.
! Prima di modificare il modello, non dimenticate di fare il backup del modello e dei gadgets!
Layout->modificaHTML->Selezionate la voce "Espandi i modelli widget" e copiate il seguente codice subito prima </head>

Ora cercate la seguente riga di codice <data:post.body/> ed inserire il seguente codice come mostrato nell'immagine qui sotto:

Ricordatevi di cambiare l'indirizzo del FEED sostituendo DENVOIZER con il vostro id.
Per quanto riguarda la versione WordPress la potete trovare qui.
A questo punto Salvate il vostro template e godetevi la nuova "sexy-barra"!

Google Advertising: AdManager e AdPlanner

noreply@blogger.com (Denvoizer) — Sun, 07 Jun 2009 11:52:00 +0000

Due strumenti per migliorare i servizi pubblicitari offerti da Google. Ad manager Ã¨ un gestore professionale di spazi pubblicitari; Ad planner Ã¨ un pianificatore di campagne in base all'audience del Web

Inserire un pulsante "Torna su" FLUTTUANTE

noreply@blogger.com (Denvoizer) — Tue, 02 Jun 2009 19:19:00 +0000

"Torna su" è un pulsante o un link che manda il lettore in alto alla pagina una volta cliccato. Ciò aiuta i lettori a navigare meglio, supprattuto se si hanno pagine lunghe. Questo link si trova di solito nella parte inferiore della pagina, o nel piè di pagina.

Ciò che vi spiegherò oggi è leggermente diverso. La funzione è la stessa ma la posizione del link/pulsante è diversa. Come suggerisce il titolo, vi spieghero il modo che rendere questo pulsante "fluttuante o galleggiante" sul fondo dello schermo, rimane lì anche se si scorre la pagina; è sempre visibile al lettore. Faremo questo utilizzando solo un breve codice HTML.

Bisogna semplicemente inserire il seguente codice subito PRIMA il tag </body>.

Sostituite LinkPulsante con il link della foto che volete usare come pulsante.

Se preferite usare un link testuale piuttosto che un'immagine, usate questo codice:

<a style="position: fixed; bottom:5px;left:5px;" href="#" title="Click to go to top">LinkText</a>

Potete modificare la posizione del pulsante/link semplicemente cambiando i seguenti attributi:

bottom:5px; left:5px;

nota: a quanto pare questo metodo presenta dei problemi con Internet Explorer. Sto cercando un codice in giro che possa risolvere questo problema ;)

Form per i commenti subito sotto gli articoli di Blogger

noreply@blogger.com (Denvoizer) — Fri, 29 May 2009 18:20:00 +0000

Ecco una bella notizia per coloro che cercano di avere una form per commenti subito sotto un articolo. Metodo gia supportato da Wordpress.

Se volete ottenere un risultato del genere seguite questi passi:

Come si può aggiungere una comment form subito sotto gli articoli di blogger?
Primo passo:
1. entrate in modalità Blogger Draft
2.Impostazioni->Commenti: fate la modifica riportato sull'immagine qui sotto

3. Fatto! Ora dovrebbe visulizzare una forma per i commenti subito sotto l'articolo. Se non è il caso fate la seguente modifica. (PASSO DUE)

Secondo passo:
1. Layout->modifica HTML (vi consiglio di fare un backup del vostro template)
2. Selezionate la voce Espandi i modelli widget
3 Cercate il seguente codice:

4. Sostituitelo con il seguente:

5. Salvate il vostro template. Ed il gioco è fatto!

Widget per gli ultimi articoli

noreply@blogger.com (Denvoizer) — Thu, 28 May 2009 13:38:00 +0000

Ecco a voi un metodo semplice ed efficace per poter visualizzare gli vostri ultimi articoli postati, questo metodo vi consente anche di poter scegliere il numero di articoli da visualizzare.

Come si può vedere dall'immagine sottostante esistono due opzioni:

Primo passo: Scegliere il codice

Opzione A:

Opzione B: (solo titolo articolo)

Secondo passo: L'installazione

1.Layout->Elementi pagina->aggiungi un gadget->HTML/JavaScript.
2.Copiate ed incollate il codice JavaScript nella finestra HTML/JavaScript.
3.Cercate questa linea

...script src="INDIRIZZO DEL VOSTRO BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"...

E sostituite INDIRIZZO DEL VOSTRO BLOG con il votrso indirizzo effettivo.

4.Aggiungete magari un titolo e Salvate.

Semplice no? :D

Ora per poter cambiare il numero di articoli da visualizzare cercate questa variabile … var numposts = 5;var… e mettete al posto di 5 il numero che vi pare!

sorgente: madtomatoe

Un nuovo e semplicissimo metodo per creare post espandibili

noreply@blogger.com (Denvoizer) — Fri, 22 May 2009 18:10:00 +0000

Abbiamo gia postato una articolo dedicato ai famosi post espandibili; la possibilità di "troncare" gli articoli che si trovano sulla home page aggiungendo un pulsante oppure un link del tipo "leggi tutto l'articolo" per aprirlo interamente.
Oggi ,cari amici, ho per voi un nuovo e semplicissimo metodo per creare quest ultimi, un metodo creato da Mohamed Rias.
le novità sono:

L'impostazione dell'articolo viene fatta in AUTOMATICO: non c'è più bisogno d'inserire lo span

<span id="fullpost">

</span>
come spiegato in quest articolo

La creazione automatica dei thumbnails : l'anteprima di un'immagine più grande (presente nello stesso articolo ) presentata in formato ridotto.

Ora vediamo quali sono i passi da seguire:
Primo passo: Aggiungere il codice JavaScript nell'Header

Layout->Modifica HTML
Cercate il seguente tab: </head> -e non /header-(grazie a Dino per la segnalazione ;-) )
Copiate ed incollate il seguente codice immediatamente sopra questo tag.

<SCRIPT type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 500; summary_img = 400; img_thumb_height = 130; img_thumb_width = 281; </SCRIPT> <SCRIPT src='http://www.smashingtips.com/wp-content/uploads/2009/05/read-more.js' type='text/javascript'/>

Salvate il vostro template.

Ultimo passo: Aggiungere il codice nella parte corrispondente al post
selezionate la voce :"Espandi i modelli widget"
Ora cercate la seguente riga di codice : <p><data:post.body/></p>
E sostituitela con il seguente codice

<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/><DIV expr:id='"summary" + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</SCRIPT> <div style='clear: both;'/> <div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a expr:href='data:post.url' rel='bookmark'><img src='http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png'/></a></span></div>
</b:if>

Salvate il vostro template.

ecco a voi un anteprima del risultato finale:

Spero che sia tutto chiaro... :-)
Aggiornamento 7/06/2009:
per poter cambiare la dimensione del Thumbnail (la foto "anteprima") basta cambiare questi due valori:
img_thumb_height = 130 (per l'altezza)
img_thumb_width = 281 (per la larghezza)

Per cambiare il pulsante READ MORE cercate questa riga nel secondo blocco di codice:
<img src='http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png'/>
potete mettere l'indirizzo di un'immagine oppure cancellare questa riga e sostituirla con un semplice "leggi intero articolo".

Come installare una "tab-view" widget nel vostro blog, JSON widget

noreply@blogger.com (Denvoizer) — Sun, 17 May 2009 12:42:00 +0000

Questo widget vi permette di visualizzare il vostri articoli / commenti più recenti oppure articoli di determinate categorie utilizzando una "tab-view" widget, come questa:

Questo widget vi permetterà di risparimiare spazio nella sidebar con l'aggiunta di questi elementi importanti in un unico spazio dedicato cosa che sta diventando indispensabile nei nuovi blog

E' necessario modificare il modello di Blogger per installare questo widget ma è certamente un utilissimo elemento per il vostro blog.

I passi neccessari sono 3:

Installare il nucleo Javacript library object.
Installare Yahoo! Tab View requirements.
Installare il Widget.

Primo passo: Installare il nucleo Javacript library object
Prima di tutto, assicuratevi che le impostazioni del vostro feed siano cosi:

inoltre, assicuratevi anche che "Impostazioni"->"Archiviazione", "Attivare pagine di post?" sia "Si"

Copiate ed incollate il seguente codice Javascript tra il tag </b:skin> e </head>:

Salvate il vostro template.

Secondo Passo:Installare Yahoo! Tab View requirements
Copiate ed incollate questo codice subito dopo il codice inserito nel primo passo.

Salvate il vostro template.

Terzo passo: Installare il Widget

Aggiungete questo codice tra qualcunque tag di tipo "b:widget".

<b:widget id='HTML102' locked='false' title='MultiTab Widget' type='HTML'>
<b:includable id='main'>
<div class='widget-content'>

<b:if cond='data:title != ""'>
<h2 class='title'
></h2>
</b:if>
<div id='doc'>
<div>
<h2>BLOGGER PER I NULLI</h2>
<div class='yui-navset' id='multiTab1'/>
</div>



</div>
<div id='103'/>
</div>

<script type='text/javascript'>
// Developed by Hoctro - All rights reserved 2007
// This credit must be included in all your derived usages.
var p1 = document.createElement('h6');
document.getElementById('103').appendChild(p1);
p1.innerHTML = cb.txt('TabView');

function listOneTab(json, tabView, title, act) {
var label = '';
var text = '';
var nPost = 10;

if (title == "")
label += cb.getLabelFromURL(json);
else
label += title;

text += "<div id='" + label + "'><ul>";

var numberPost = (json.feed.entry.length <= nPost) ?
json.feed.entry.length : nPost;

for (var i = 0; i < numberPost; i++) {
var entry = json.feed.entry[i];
text += "<li>" + "<a href='" + cb.getLink(entry, "alternate")
+ "'>" + cb.getTitle(entry) + "</li>";
}

text += '</ul></div>';

tabView.addTab( new YAHOO.widget.Tab({
label: label,
content: text,
active : act
}));

}

var blog1 = "bloggerperinulli.blogspot.com";
var tabView1 = new YAHOO.widget.TabView('multiTab1');
var labels1 = ['prima etichetta', 'seconda etichetta','terza etichetta'];
function listTab1(json) {
listOneTab(json, tabView1, "", false);
}
function listLatestPostsTab1(json) {
listOneTab(json, tabView1, "Latest Posts", true);
}
function listLatestCommentsTab1(json) {
listOneTab(json, tabView1, "Latest Comments", false);
}

// Activating calls!

// Latest Posts
cb.search( blog1, "posts", 1, 25, 'listLatestPostsTab1');

// Latest Comments
cb.search( blog1, "comments", 1, 25, 'listLatestCommentsTab1');

// Preferred Labels
for (var i=0; i < labels1.length; i++)
if (labels1[i]) cb.searchLabel(blog1, labels1[i], 'listTab1');

/*
var blog2 = "hackosphere.blogspot.com";
var tabView2 = new YAHOO.widget.TabView('multiTab2');
var labels2 = ['Neo','Widgets', "Blogger Power"];
function listTab2(json) {
listOneTab(json, tabView2, "", false);
}
function listLatestPostsTab2(json) {
listOneTab(json, tabView2, "Latest Posts", true);
}
function listLatestCommentsTab2(json) {
listOneTab(json, tabView2, "Latest Comments", false);
}
// Activating calls!
// Latest Posts
cb.search( blog2, "posts", 1, 25, 'listLatestPostsTab2');

// Latest Comments
cb.search( blog2, "comments", 1, 25, 'listLatestCommentsTab2');

// Preferred Labels
for (var i=0; i < labels2.length; i++)
if (labels2[i]) cb.searchLabel("bloggerperinulli.blogspot.com", labels2[i], 'listTab2');

*/
</script>
</b:includable>
</b:widget>

Salvate il vostro template.

Dopo aver esequinto i primi 3 semplici passi, è¨ rimasto da cambiare ed impostare le informazioni del proprio blog:

per cambiare il titolo, cercate questa linea:

<h2>blogger per i nulli</b>

per cambiare le etichette:

var labels1 = ['prima etichetta', 'seconda etichetta','terza etichetta'];

per cambiare il numero massimo di righe per ogni cella:

var nPost = 10;

ed in fine, METTETE IL LINK DEL VOSTRO BLOG:

blog1 = "bloggerperinulli.blogspot.com";

Tutto qua! semplice no?

Un ringraziamento a Hocto

Come cambiare il template senza eliminare i Widgets!!

noreply@blogger.com (Denvoizer) — Wed, 13 May 2009 15:24:00 +0000

Uno dei problemi più segnalati dai Bloggers è quello di perdere i propri Widgets quando si vuole cambiare l'aspetto del proprio blog, cosa sicuramente non gradita a causa del fatto che bisogna ricreare tutti i Widget uno per uno!!!!!!!!

Esiste un metodo per fare il backup ai nostri Widgets?

La risposta è SI. Possiamo fare il backup dei nostri widgets prima di cambiare il template del nostro blog.

Come si fa il backup dei Widgets?

è molto semplice; prima di cambiare il template cercate il codice che corrisponde ai vostri widgets senza selezionare la voce: Espandi i modelli widget.

Selezionate il codice Widget come mostrato qui sotto:

Salvate il codice corrispondete a questi Widgets ( sul blocco note ad esempio ).

A questo punto potete caricare il vostro nuovo template. Cliccando su carica vi dovrebbe apparireun risultato di questo tipo:

A questo punto NON CONFERMATE IL CARICAMENTO ma cercate questo codice <b:widget id=', Salvare il codice Widgets gia copia sul blocco note subito sotto questo codice.

A questo punto SALVATE il vostro template.
Ed è tutto!

Spero che sia tutto facile!

Uno speciale ringraziamento a Mohammed di http://www.techieblogger.com.

Aggiungi una barra di ricerca al tuo blog

noreply@blogger.com (Denvoizer) — Tue, 12 May 2009 09:04:00 +0000

Creare una barra di ricerca su blogger non è mai stato cosi facile!.
In realtà esistono 3 modi(tipi) di barre di ricerca. Ma in quest'articolo ci concentreremo su quella di tipo "custom search form " ovvero una barra di ricerca che può essere personalizzata mediante CSS.

1) Layout->Elementi di pagina.
2) cliccate su Aggiungi un Gadget di tipo HTML/JavaScript ed incollate il seguente codice:

Dovrebbe venire un risultato di questo tipo:

Spero che vi sia tutto chiaro.

Allineare il blog a sinistra

noreply@blogger.com (Denvoizer) — Mon, 11 May 2009 17:46:00 +0000

-Aggiornato il 15 maggio 2009-

Se per caso non siete riusciti a spostare il vostro blog a sinistra con il metodo descritto precedentemente, cercate di fare la stessa modifica all'attributo BODY (in CSS)
dovrebbe essere una cosa di questo tipo:

body{margin:0px auto 0px; padding:0px;font-family:Arial,Helvetica,sans-serif; font-size:12px; color:$bodytextcolor; background:$bgcolor; width:990px}

-Post Originale-
Per Spostare, allineare, il proprio blog a sinistra bisogna interaggire solo sul codice CSS.
Prima di tutto vi invito a fare un backup del vostro Template:
Layout->Modifica HTML-> Salva Modello.
Cercate nel vostro codice HTML questo frammento di Codice:

#outer-wrapper {
padding-left: 200px;
padding-right: 190px;
text-align: left;
xxxxxxxxxxxxxxxxxxxx
border-top: 0;
overflow: hidden;
}

Questo contiene l'intero Blog, aggiungendo le seguenti due righe di codice l'intero blog si sposterà a sinistra lasciando un ampio spazio a destra dove si può creare un'altra colonna ad esempio.
Queste due righe vanno messi al posto delle xxxxxxxxxxxxxxxxxxxxxxxxx

float:left;
margin-left:20px;

Per creare una nuova colonna a destra potete copiare ed incollare questo pezzo di codice:

#rightcolumn {
float:right;
margin-right:20px;
}

ed inseritelo subito sotto il tag <body> come mostrato qui sotto:

<body>
<div id="rightcolumn"> </div>

Tutto qua :-).
Se avete qualche dubbio non esitate a postarlo.