Trucchi Suggerimenti Guide per Blogger™ Blogspot™

"Designer Modelli" e i nuovi template standard di Blogger

noreply@blogger.com (Jack Slater) — Sat, 23 Oct 2010 14:35:00 +0000

Recentemente Blogger ha migliorato la sua piattaforma di blogging con delle novità sostanziali. Blogger ha infatti totalmente rinnovato i suoi template standard, che sono adesso molto più personalizzabili che in passato.

E’ importante sapere che alcuni suggerimenti (visti tra queste pagine) precedentemente validi per la modifica dei template potrebbero creare dei problemi con la nuova piattaforma. In altre parole se state utilizzando uno dei nuovi template standard di Blogger (Semplice, Finestra immagine, Fantastico, Filigrana, Etereo, Viaggi) alcuni dei nostri widget potrebbero non funzionare correttamente.

Se siete entrati da poco nel mondo dei blog, vi consiglio di utilizzare direttamente uno dei nuovi template standard di Blogger, invece di installare template provenienti da siti esterni. Risparmierete molto tempo e soprattutto eviterete di dover mettere mano al codice html per modificare l’aspetto del vostro blog.

Attraverso la nuova funzione “Designer Modelli” (disponibile solo per i nuovi template standard di Blogger) è possibile personalizzare praticamente ogni aspetto del vostro blog, come ad esempio l’immagine di sfondo, la larghezza e la disposizione delle colonne, il footer, eccetera. Insomma erano anni che si attendevano queste nuove possibilità di personalizzazione, che sono utili sia per utenti principianti che avanzati. Se avete già installato un template esterno non potrete sfruttare queste nuove funzioni di design.

Se volete passare ad uno dei nuovi template di Blogger vi consiglio di fare prima delle prove in un blog di test, perché il problema fondamentale (come già visto in passato) è importare i vecchi gadget.

Altre recenti novità di Blogger includono la possibilità di creare pagine statiche, spezzare i post (disponibile in modalità draft), il gestore dei commenti che visualizza gli avatar degli utenti, ed alcuni gadget come “Post più popolari” pronti da inserire senza modifiche al codice html.

Post Recenti con icona anteprima per Blogger

noreply@blogger.com (Jack Slater) — Tue, 21 Jul 2009 17:56:00 +0000

In questa guida vi mostrerò come inserire un widget che visualizza i Post Recenti con a fianco una miniatura corrispondente alla prima immagine che avete pubblicato nel post.
Ecco un esempio di cosa otterrete:

Come si vede dall'esempio, questo widget visualizza automaticamente gli ultimi 5 post presenti sul vostro Blog Blogger, e genera automaticamente l'anteprima delle immagini contenute in ciascun post. Inoltre è presente il conteggio del numero di commenti presenti su ciascun post.

Il widget è stato creato dall'autore di BloggerTricks.com sul cui blog troverete le spiegazioni in inglese.

Installazione del Widget Post Recenti con immagine

Assicuriamoci di aver abilitato i feed Rss per il nostro Blog e di averli impostati in modo da rendere disponibile gli interi post (non una anteprima). Per fare ciò andiamo in Impostazioni -> Feed Sito e selezioniamo Consenti Feed Blog -> Completo.
Passiamo all'installazione del widget.
1: Andiamo in Layout -> Aggiungi Gadget -> Html/Javascript
2: Copiamo e incolliamo il codice seguente

<script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 5; home_page = "http://NOMEBLOG.blogspot.com/"; </script> <script type="text/javascript"> function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1){ var s=strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);} } strx=s.join(""); } chop=(chop<strx.length-1)?chop:strx.length-2; while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++; strx=strx.substring(0,chop-1); return strx+'...'; } function showrecentposts(json){ document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">'); j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0; img=new Array(); for(var i=0;i<numposts;i++){ var entry=json.feed.entry[i]; var posttitle=entry.title.$t; var pcm;var posturl; if(i==json.feed.entry.length)break; for(var k=0;k<entry.link.length;k++){ if(entry.link[k].rel=='alternate'){ posturl=entry.link[k].href; break; } } for(var k=0;k<entry.link.length;k++){ if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){ pcm=entry.link[k].title.split(" ")[0]; break; } } if("content"in entry){ var postcontent=entry.content.$t; } else if("summary"in entry){ var postcontent=entry.summary.$t; }else var postcontent=""; postdate=entry.published.$t; if(j>imgr.length-1) j=0; img[i]=imgr[j]; s=postcontent; a=s.indexOf("<img"); b=s.indexOf("src=\"",a); c=s.indexOf("\"",b+5); d=s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':''; var month=[1,2,3,4,5,6,7,8,9,10,11,12]; var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; var day=postdate.split("-")[2].substring(0,2); var m=postdate.split("-")[1]; var y=postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]){ m=month2[u2]; break; } } var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':""; posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle; var trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td style="font-size: 12px;">'+icon+'<a href="'+posturl+'">'+posttitle+'</a> - <span style="font-size: 9px; color: #616161;'+cmtext+' </span></td></tr>'; if(summaryPost==0){ trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td>'+icon+'<a href="'+posturl+'">'+posttitle+'</a></td></tr>'; } document.write(trtd); j++; } document.write('</table>'); } document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); </script>

3: Prima di salvare passiamo alla configurazione del widget per adattarlo al nostro blog.

Configurazione del Widget

Di seguito la lista dei parametri da modificare. Quelli di default vanno abbastanza bene, l'unica cosa che dovete necessariamente modificare è il parametro home_page, inserendo l'indirizzo del vostro Blog.
boxwidth - larghezza del widget
cellspacing - spaziatura tra le celle
borderColor - Colore del bordo
thumbwidth & thumbheight - larghezza e altezza delle immagini visualizzate
fntsize - Larghezza del carattere
acolor - Colore del titolo
aBold - grassetto nel titolo (true o false)
numposts - Quanti post vuoi mostrare
home_page : http://NOMEBLOG.blogspot.com/ (cambialo con il nome del tuo blog)

Se avete post che non contengono immagini al loro interno, verrà visualizzata una immagine casuale (se volete personalizzarle basta inserirle tra quelle specificate in imgr[]).

Avviso per gli utilizzatori di Google Page Creator

noreply@blogger.com (Jack Slater) — Sun, 12 Jul 2009 15:30:00 +0000

Se utilizzate Google Page Creator per caricare immagini, javascript e quant'altro, sappiate che il servizio sarà sospeso nei prossimi giorni. Esso verrà sostituito da Google Sites, che però non permetterà di caricare nulla oltre che immagini, quindi niente javascript.

Se state riscontrando problemi di visualizzazione sul vostro Blog, potrebbe essere dovuto al fatto di aver caricato degli oggetti su Page Creator.

Alternative a Google Page Creator

Anzitutto vi consiglio di scaricare tutto il materiale che avete caricato su Page Creator.

Fatto ciò avete due possibilità:

1) Caricare le sole immagini su Google Sites, il nuovo servizio di Google.

2) Caricare gli script e le immagini su:

Si tratta di servizi gratuiti simili a Google Page Creator, che permettono di creare siti, e di caricare files. Per ora non posso recensire questi servizi, spero di farlo al più presto.

Templates per Blogger: i temi dei Social Network

noreply@blogger.com (Jack Slater) — Sat, 11 Jul 2009 08:17:00 +0000

Una raccolta di template per Blogger dei più importanti Social Network del pianeta.
Se passate molte ore al giorno su Facebook o Twitter e volete ritrovare lo stesso stile sul vostro Blog, troverete molto utile questa mini raccolta di template che vi permettono di avere su Blogger i temi dei più famosi Social Network.
I Template per Blogger di questa raccolta riguardano i seguenti Social Network:

Facebook
Twitter
Digg
Orkut

Il Tema di Facebook: template per Blogger

"Smells Like Facebook" è un template per Blogger che rappresenta un esatto clone del tema di Facebook. Uno stile molto semplice e lineare che però come sappiamo riscuote un enorme successo.

Demo | Supporto | Download

Il Tema di Twitter: template per Blogger

"Twitter Blog Template" è un template per Blogger che ci porta nel mondo di Twitter. Twitter adotta uno stile meno serio di Facebook, ed è più adatto a un Blog, grazie alla combinazione di colori celeste - bianco.

Demo | Supporto | Download

Il Tema di Digg: template per Blogger

"Digg Blogger Template" è l'esatta copia del tema utilizzato su Digg, il noto social network su cui si condividono i propri segnalibri. Questo template porta su Blogger lo stile di uno dei Social Network più frequentati del mondo.

Demo | Supporto | Download

Il Tema di Orkut: template per Blogger

"Orkut Blogger Template". Orkut è un Social Network non molto conosciuto in Italia. Ma concorderete che questo template è davvero ben fatto. Colorato, semplice e pronto per essere installato sul vostro Blog.

Demo | Supporto | Download

Mega Collezione di Icone RSS per Blogger

noreply@blogger.com (Jack Slater) — Tue, 07 Jul 2009 22:12:00 +0000

Ho selezionato per te una grande raccolta di Icone RSS per creare pulsanti di iscrizione ai feed RSS del tuo Blog su Blogger.

Perchè dovresti utilizzare un pulsante RSS

Questi bottoni RSS facilitano l'iscrizione dei tuoi lettori al feed RSS del tuo Blog
Rendono il tuo Blog più originale e diverso dagli altri
Attirano maggiormente l'attenzione su un servizio che permette ai tuoi lettori di seguire gli aggiornamenti del tuo Blog
Blogger come sappiamo pubblica oltre ai feed relativi ai post, anche il feed dei commenti. Perchè non invogliare i tuoi lettori ad iscriversi anche al feed dei commenti, per seguire le discussioni che si vengono a creare sul tuo Blog?

Scegli il bottone che più è in linea con il tuo template, oppure spezza con il layout del template per attirare ancor più l'attenzione! Oppure scegli il pulsante RSS che è più a tema con gli argomenti di cui parli su tuo Blog.

Come creare un pulsante per l'iscrizione ai feed RSS nel tuo Blog Blogger

Carica l'icona che hai scelto su un servizio online (ad esempio Picasa, o Imageshack o Flickr) e prendi nota dell'indirizzo URL dell'icona
Prendi nota anche dell'indirizzo del tuo feed RSS (basta guardare nelle impostazioni del tuo Blog, o cliccare sull'icona rss presente nella barra dell'indirizzi del tuo browser)
Vai in Layout->Elementi Pagina->aggiungi un Gadget (di tipo HTML/Javascript)
Inserisci un codice simile al seguente:

<a href="URL_DEL_TUO_FEED_RSS"><img src="URL_ICONA" width="150" height="150" /></a>

Ovviamente sostituisci gli indirizzi precedentemente appuntati, (ricorda che devi inserire degli indirizzi completi di http). Se l'icona è troppo grande (nell'esempio è 150), modifica i valori width e height.

Scarica le icone RSS

Clicca su ciascuna immagine per scaricare il pacchetto che contiene le icone RSS.

Ciascun lavoro è distribuito con licenza Creative Commons, quindi liberamente utilizzabile.

Nascondere il conteggio delle etichette in Blogger

noreply@blogger.com (Jack Slater) — Mon, 06 Jul 2009 09:48:00 +0000

Se avete installato il gadget delle etichette sul vostro Blog su Blogger, vi sarete accorti che accanto a ciascuna etichetta è visualizzato un numero che rappresenta il conto dei post che contengono tale etichetta.
Probabilmente il vostro Blog avrà un aspetto più professionale se tale conteggio non è visualizzato. Può infatti capitare di aver scritto pochi articoli con una etichetta e molti con un'altra, e dunque vogliamo che i nostri lettori non visualizzino il numeretto accanto all'etichetta.
Se quindi vi siete sempre chiesti come riuscire ad eliminare questo conteggio delle etichette su Blogger, sappiate che la cosa è estremamente semplice, ed è illustrata qui di seguito.

Esempio di ciò che otterrete

Prima di procedere ecco un esempio di cosa otterrete applicando questa guida (prima -> dopo).

Come procedere

1: Andiamo in Layout->Modifica Html e clicchiamo su "espandi widgets"
2: Cerchiamo nel modello il seguente codice:

<span dir='ltr'>(<data:label.count/>)</span>
esempio:

3: Eliminiamo questo codice e salviamo il modello
Dopo questa modifica, potrete finalmente scrivere di quello che volete senza preoccuparvi troppo delle etichette!
Inoltre il vostro Blog avrà un aspetto molto più professionale!

Migliorare i Commenti su Blogger con Intense Debate

noreply@blogger.com (Jack Slater) — Sun, 05 Jul 2009 17:21:00 +0000

Intense Debate permette di migliorare la gestione dei commenti del tuo blog, introducendo una serie di funzioni che consentono di avviare delle vere e proprie discussioni invece che semplici commenti.

Se il tuo obiettivo è quello di migliorare o incentivare le discussioni sul tuo blog, dovresti provare Intense Debate.

Si tratta di un widget facilmente installabile su Blogger, che sostituisce il gestore dei commenti classico di Blogger, con un modulo avanzato, ricco di funzionalità riguardanti:

1) il modo di commentare
2) il login degli utenti
3) la visualizzazione dei commenti

Ciascuna funzionalità può essere attivata mediante un comodo pannello di controllo, ciò significa che si ha un totale controllo del blocco commenti.

I vecchi commenti non vengono assolutamente modificati da Intense Debate pertanto saranno pienamente accessibili.

I tuoi lettori potranno finalmente rispondere alle singole persone, o inviare video commenti, o rispondere via email, e molto altro.

Caratteristiche di Intense Debate

Ho raccolto alcune caratteristiche di Intense Debate che potrebbero rendere il tuo blog migliore:

• Comment threading: ovvero si può rispondere ad un singolo commento, con visualizzazione del commento annidata
• Visualizzazione delle icone Gravatar
• Importazione dei commenti: è possibile importare i commenti già presenti sul proprio blog.
• Moderazione dei commenti e antispam: è possibile bloccare i commentatori indesiderati e i messaggi che contengono spam o parole indesiderate
• Integrazione con Twitter
• Supporto per OpenID: potete autenticarvi senza inserire nome ed email
• Supporto Facebook Connect: ci si può firmare con il proprio account di Facebook
• Repliche via Email: si può rispondere e moderare i commenti mediante email
• Notifica dei commenti via email
• Profilo del Commentatore: possibilità di creare un proprio profilo personale, immettendo alcune informazioni su se stessi e le proprie passioni
• Votazione dei commenti migliori: possibilità di votare i commenti migliori e creare una reputazione dei commentatori
• Video Commenti: possibilità di integrare il servizio di video comment di Seesmic, e rispondere inviando un video commento! Include anche i video di Youtube
• RSS per i commenti: ci si può abbonare ai commenti di una discussione per seguirla con il proprio feed reader

Un esempio:

Ho testato Intense Debate per Voi

Potete osservare Intense debate installato su Blogger cliccando su questo Blog di prova:

http://blog-delle-prove.blogspot.com

Installare Intense Debate su Blogger

Vi consiglio di provare a installare Intense Debate su un blog di prova.
Collegatevi a http://www.intensedebate.com e cliccate su Signup.
Create un account seguendo le semplici istruzioni.
Potrebbe essere necessario installare Intense Debate all’interno del vostro Modello. In tal caso dovrete scaricare il vostro template da Blogger, caricarlo su Intense Debate, e successivamente verrà generato un nuovo template con le nuove funzioni installate. Questo nuovo template conterrà dunque Intense Debate già installato e potrete caricarlo su Blogger.
Intense Debate include anche dei widgets aggiuntivi installabili a piacere che consentono di ottenere statistiche sui post più commentati o i commentatori più attivi, e molto altro.

Un Video su Intense Debate (in Inglese)

Approfondimenti su Intense Debate:

http://www.intensedebate.com

5 Nuovi Templates per Blogger Blogspot - Collezione Giugno

noreply@blogger.com (Jack Slater) — Sat, 20 Jun 2009 17:40:00 +0000

Cambiare Template su Blogger è abbastanza facile e vi consente di dare al vostro blog uno stile sempre nuovo.
Ho selezionato per voi una utile e breve lista di nuovi templates per Blogger, tutti caratterizzati un design curato.
Alcuni di questi template per Blogger includono funzioni avanzate come l'auto sommario dei post e l'anteprima delle immagini (anche detta thumbnail).
Per scoprire come configurare ciascun template fate riferimento al sito del produttore, che ho incluso per vostra comodità.
Vi ricordo infine che per installare correttamente i templates in Blogger e salvare i vostri attuali widgets potete consultare la semplice guida: Installare un Template personalizzato per Blogger - Guida completa.

Rinnovate il vostro Blog!

Magic House - Template Blogger
(rilasciato il 19/6/2009)

Caratteristiche del template:

Top navigation menu
Search box in right of navigation menu
Two sidebars with one sidebar in each side
Socialbar script at bottom of the post
Read More hack with automatic thumbnail creator script
Yahoo Smileys hack included
Cross browser Compatible
Supports All screen resolution

DEMO | SUPPORTO | DOWNLOAD

Black Power - Template Blogger
(rilasciato il 06/06/2009)

Caratteristiche del template:

* Fancy layout design
* Top Navigation Menu
* Twitter follow button
* Twitter update section
* RSS Subscription button
* 125×125 Ads section

DEMO | SUPPORTO | DOWNLOAD

IcyBlue – Template Blogger
(rilasciato il 15/06/2009)

DEMO | SUPPORTO | DOWNLOAD

Blue Diamond - Template Blogger
(rilasciato il 12/06/2009)

Caratteristiche del template:

* Elegant and artistic design
* Twitter follow button
* RSS Subscription button
* 125×125 Ads section

DEMO | SUPPORTO | DOWNLOAD

Girly Diaries - Template Blogger

DEMO | SUPPORTO | DOWNLOAD

Inserire Post Correlati in Blogger Blogspot

noreply@blogger.com (Jack Slater) — Tue, 06 Jan 2009 21:14:00 +0000

Come inserire i Post Correlati in Blogger Blogspot.
Questa guida ci permette di essere in grado di visualizzare dei post correlati a quello che l'utente sta visualizzando sul nostro blog, il tutto basandosi sulle etichette (ovvero i tags).
La guida è abbastanza impegnativa, per cui te la sconsiglio se sei alle primissime armi con la modifica dei modelli di Blogger Blogspot.

Per cominciare vai in Layout ->Modifica Html e seleziona Espandi i Modelli Widget. Ti consiglio di salvare il modello come copia di sicurezza.

Cerca all'interno del modello la stringa </head> e incolla appena prima di essa il codice seguente:


<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

Adesso cerca (Ctrl+F) la stringa blog1, e individua il blocco di codice seguente:


<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Selezionalo tutto e sostituiscilo con il codice seguente:


<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Adesso salva il modello.

A questo punto possiamo inserire il nostro widget all'interno del nostro blog.
Vai in Elementi Pagina, ed inserisci un gadget di tipo Html/Java appena sotto il blocco che rappresenta i Post (Post sul Blog). Chiama questo gadget col nome che preferisci, ad esempio Post Correlati. Il codice da inserire è il seguente:

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

A questo punto torna in Modifica Html, ed espandi i modelli widget.
Cerca (Ctrl+F) il widget appena inserito, utilizzando il nome con il quale lo hai chiamato. Nel nostro caso dovremo cercare Post Correlati.

Esso sarà simile al seguente, ad eccezione delle parti in rosso:


<b:widget id='HTML13' locked='false' title='Post Correlati' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Le parti in rosso le devi aggiungere tu nel tuo modello.

Fine.

Abbiamo ottenuto un gadget che ci mostra automaticamente i Post che (in base alle nostre etichettature precedenti) sono maggiormente correlati con il post che stiamo visualizzando sul nostro blog su Blogger.

Inserire un Video di YouTube su Blogger Blogspot

noreply@blogger.com (Jack Slater) — Tue, 06 Jan 2009 15:33:00 +0000

Youtube su Blogger Blogspot? Per inserire un video di YouTube all'interno di un post nel vostro blog Blogger Blogspot, seguite la semplice guida che segue.

Scegliete il vostro video su YouTube e andate nella pagina in cui è publicato.

Alla destra del video scelto troverete il pannello "Codice da incorporare".
Subito sotto ci sarà un codice che dovrà poi essere copiato all'interno del vostro post.

Ma prima, volendo personalizzare il formato del lettore basterà cliccare su "Personalizza". Potremo scegliere ad esempio una grandezza diversa da quella standard e un bordo di colore differente.

Fatto ciò, selezionate il codice da incorporare e copiatelo negli appunti (Ctrl+C).

Per inserire il video di Youtube all'interno di un vostro post sul vostro blog, create un nuovo post o modificatene uno già esistente.

Cliccate poi su "Modifica Html" e incollate il codice esattamente nel punto in cui volete che il video appaia.
Infine cliccate su "Pubblica post" o su "Anteprima".

Nota: Se dopo aver incollato il codice all'interno del post ritornate subito alla modalità di scrittura normale non vi ritroverete il video, perchè Blogger tende ad eliminare i tags. Esso sarà comunque presente nel punto in cui lo avete messo. Quindi vi consiglio di fare più prove per trovare la posizione giusta.

i 50 migliori modelli (templates temi) per blogger

noreply@blogger.com (Jack Slater) — Fri, 10 Oct 2008 15:23:00 +0000

Esistono migliaia di modelli (temi o templates) per Blogger Blogspot su internet, ma è molto difficile trovare modelli di alta qualità e soprattutto belli da vedere.
Se siete stufi del vostro attuale modello, o volete semplicemente vedere come sarebbe il vostro blog con uno stile rinnovato, allora troverete molto utile questa raccolta dei migliori temi per Blogger disponibili su internet.

Si tratta di temi per Blogger Blogspot scaricabili gratuitamente, e per ciascuno di essi potete vederne una anteprima cliccando su DEMO.
Attenzione: vi consiglio caldamente di dare un'occhiata alla mia guida Applicare un Modello Template personalizzato a Blogger (guida all'installazione senza problemi) prima di cimentarvi nel cambio di modello. Siete avvisati!

Inserire una Tag Cloud per Blogger

noreply@blogger.com (Jack Slater) — Fri, 15 Feb 2008 22:11:00 +0000

In questa guida vedremo come inserire facilmente una Tag Cloud (Label Cloud) in Blogger Blogspot.

Cosa è una Tag Cloud? E' un modo originale per visualizzare le etichette del nostro blog, all'interno di una "nuvola". La dimensione di ciscuna etichetta all'interno della Tag Cloud, sarà legata alla quantità di post che la contengono.

Per aggiungere un Tag Cloud in Blogger basta modificare il modello Html in uso aggiungendo tre semplici pezzi di codice html.

Se invece ti interessa una Tag Cloud animata leggi la mia guida Inserire una Tag Cloud animata in Blogger.

Anzitutto dobbiamo assicurarci di aver già aver inserito un elemento "etichette" nel nostro Blog. Se non lo abbiamo ancora fatto, andiamo in Layout->Elementi pagina->aggiungi elemento->Etichette.

Per trasformare l'elenco "etichette" in Tag Cloud andiamo in Layout->Modifica Html e cerchiamo all'interno del modello html il codice ]]></b:skin> e subito prima di esso inseriamo il codice seguente:

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

Adesso cerchiamo di nuovo il codice ]]></b:skin> e subito dopo di esso inseriamo il codice seguente:

Adesso troviamo il codice <b:widget id='Label1' locked='false' title='Labels' type='Label'/> e sostituiamolo con il seguente:

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<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>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Prima di salvare il modello, vediamo se in anteprima appare la Tag Cloud. In caso affermativo possiamo salvare il modello.

Affinchè la Tag Cloud funzioni è necessario che ci sia almeno una etichetta con più di una istanza, ovvero ci sia più di un post che sia etichettato con la stessa etichetta. Inoltre è necessario che nessuna etichetta contenga le virgolette (").

Se non avete voglia di modificare i valori predefiniti del tag clouds potete fermarvi quà.

Personalizzare i parametri del Tag Cloud

var cloudMin= 1;

Questa impostazione serve per limitare il numero di etichette mostrato (per esempio se avete un sacco di etichette). Indica il minimo numero di entries necessarie ad una etichetta affinchè essa sia visibile nel tag cloud.
Lasciare l'impostazione a 1 per visualizzare tutte le etichette. Se si immette un numero più alto, solo le etichette che hanno un numero di post superiore al valore immesso verranno visualizzate.

maxFontSize
maxColor

Il primo definisce le dimensioni (in pixel) dell'etichetta con il
massimo valore di voci.
Il maxColor imposta il colore di tale etichetta (in formato RGB).

minFontSize
minColor

Questi sono per l'etichetta con la minima quantità di voci. Ancora una volta la dimensione è in pixel, il colore è nel formato RGB.

L'impostazione predefinita per i colori è: per il massimo BLU e per il minimo NERO.

Tutte le etichette tra i due avranno il loro colore / dimensioni sulla base di quante voci esse contengono.

È possibile selezionare qualsiasi combinazione di colore RGB valido. Se non sai cosa sono i colori RGB, non ti preoccupare. E' solo un modo di definire un colore.
Il metodo più facile per trovare il codice RGB di un colore è aprire il programma MsPaint (che tutti abbiamo sul pc) e andare su Colori->Modifica Colori->Definisci Colori Personalizzati: una volta scelto il colore si vedrà sulla destra la composizione Red Green Blue (RGB).

lcShowCount

Stabilisce se mostrare (true) o no (false) accanto a ciascuna etichetta il numero di post taggati con essa

# labelCloud (text-align: center; font-family: Arial, sans-serif;)

È possibile modificare il font usato nella nube qui: l'impostazione di default è sans-serif. Ricordatevi di specificare la font-family corretta.

Aggiungere una casella di ricerca al Blog

noreply@blogger.com (Jack Slater) — Thu, 14 Feb 2008 20:56:00 +0000

Come inserire una Casella di Ricerca su Blogger Blogspot?
Supponiamo che i nostri lettori vogliano cercare un determinato argomento all'interno del nostro blog Blogger. Con questa guida impareremo ad inserire un utile sistema di ricerca dei post, per Blogger Blogspot.

Andiamo su Layout ->Elementi pagina->Aggiungi elemento pagina->HTML / Javascript ed inseriamo lo script seguente:

<p align="left"><form id="searchthis" action="INDIRIZZO TUO BLOG/search" style="display:inline;" method="get"><strong>NOME DEL BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/><input id="b-searchbtn" value="Search" type="submit"/></form></p>

Ricordatevi di cambiare INDIRIZZO TUO BLOG con l'URL o indirizzo web del vostro blog.
Esso deve essere necessariamente della forma http://NOMEBLOG.blogspot.com. Quindi non va bene il solo www.

Inoltre, potete sostituire NOME DEL TUO BLOG con qualsiasi cosa desideriate. Per esempio, se il vostro nome blog è lungo, potete scrivere "Ricerca qui" o "Cerca nel sito".

Salvate lo script e verificate il risultato.

Eccone un esempio:

Se volete aumentare la larghezza della barra di ricerca modificate il valore dell'attributo size, ad esempio size=30. Otterremo:

Se volete cambiare il testo contenuto nel pulsante basta modificare l'attributo value, ad esempio: value=Cerca nel Blog. Otterremo:

Sostituire il pulsante di ricerca con una immagine personalizzata.
Per fare ciò, create una immagine personalizzata e caricatela su un servizio di hosting (qualche esempio qui: spazio web).
Annotatevi l'indirizzo URL dell'immagine.
Andate su Layout ->Elementi pagina->Aggiungi elemento pagina->HTML / Javascript

Al posto del codice precedentemente visto utilizzate questo:

Ricordatevi di sostituire INDIRIZZO URL IMMAGINE con quello della vostra immagine personalizzata.

Aggiungere un sistema "Vota questo.." per premiare i post migliori

noreply@blogger.com (Jack Slater) — Wed, 13 Feb 2008 21:07:00 +0000

Uno 'star rating system' è un sistema di votazione molto usato, consiste nell'assegnare un certo numero di "stelline" ad un qulsiasi contenuto, ad esempio un post publicato, o qualsiasi cosa noi vogliamo sottoporre a giudizio.
Abbiamo scelto lo script fornito da http://js-kit.com/ vale a dire js-ratings.

Andiamo su Layout->Modifica Html e clicchiamo su "Espandi modelli widgets".

Se vogliamo che il sistema di votazione appaia subito dopo ciascun post ma prima dei commenti, cerchiamo il codice <div class='post-footer'> ed inseriamo subito prima di esso il codice seguente:

<div style="float:left; margin-right:3px;"><div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div></div>

Adesso cerchiamo il tag </body> e copiamo subito prima di esso questa riga di codice:

<script src="http://js-kit.com/ratings.js"></script>

Salviamo il modello e vediamo il risultato coi nostri occhi.

Applicare un Modello Template personalizzato a Blogger (guida all'installazione senza problemi)

noreply@blogger.com (Jack Slater) — Mon, 11 Feb 2008 21:24:00 +0000

Purtroppo l'installazione di un modello (template) sul nostro blog su Blogger Blogspot non è una operazione immediata. La seguente guida illustra i problemi che inevitabilmente si verificano se cerchiamo di installare nuovi modelli sul nostro blog Blogger e come risolverli.

Per installare un modello andiamo su Modello->modifica Html, clicchiamo "sfoglia", selezioniamo il nuovo modello e carichiamolo.

A questo punto sorgono i problemi: il nostro precedente modello aveva alcuni widgets installati (un widget in Blogger sarebbe un elemento di quelli installati nella schermata "Modifica layout", ad esempio un codice javascript, o un elenco di link, in generale è un elemento che abbiamo già aggiunto in tale schermata). In genere il nuovo modello che ci accingiamo ad installare porterà con sè altri widgets già installati. Sorgono dei problemi di compatibilità tra i nostri vecchi widgets e quelli del nuovo modello. Infatti ogni wigdet è caratterizzato da un nome (id.) assegnato automaticamente da Blogger, ad esempio avremo i seguenti nomi di widgets: Blog1, Archive1, Label1, HTML1, HTML2, ecc. Quando installiamo un nuovo modello potrebbero crearsi alcuni widgets con lo stesso nome, e ciò è ovviamente un problema.

Distinguiamo allora due casi in cui potremmo trovarci:

1: Il nuovo modello ha più widgets del precedente vecchio modello

Se ci troviamo in questo caso, non si verificherà alcun problema durante il caricamento del modello.
Il problema si verifica però se successivamente si desidera apportare alcune modifiche al modello. Ogni volta che si modifica qualcosa, non si sarà mai in grado di salvare le modifiche perché si verificherà un errore del tipo:

Non siamo stati in grado di salvare il tuo modello
Ti invitiamo a correggere l'errore qui sotto, quindi invia nuovamente il modello.
Più di un widget è stato trovato con id: HTML5. Gli ID dei widget devono essere esclusivi.

Come evitare il problema?
Dopo aver caricato con successo il nuovo modello, senza cambiare nulla, clicchiamo su "Salva modello": Se non si verifica alcun errore, congratulazioni, non hai bisogno di leggere i prossimi passi!
Viceversa, se dice che HTML5 dovrebbe essere unico, andiamo a cercare HTML5 (potete usare CTRL + F sulla tastiera) nel modello HTML. Troveremo una cosa del tipo:

<widget id=”HTML5” bla..bla..bla…

Adesso rinominiamo HTML5 in HTML6 o altro (basta che il nome del widget sia unico). Proviamo a salvare il modello: adesso potreste vedere un nuovo messaggio di errore dice "più di un widget è stato trovato con id: HTML6. Gli ID dei widget devono essere esclusivi.", ciò significa che HTML6 era già presente come nome di widget. Allora ripetiamo la ricerca e rinominiamo HTML6 con un nome di widget diverso (ad esempio HTML7), e proviamo a salvare. Ad un certo punto il salvataggio non darà errori, quindi il gioco è fatto.

2: Il nuovo modello ha MENO widgets del precedente vecchio modello

Se ci troviamo in questo caso, durante il caricamento del modello ci troveremo davanti un avviso del tipo:

I widget verranno eliminati
Si prega di confermare se i seguenti widget dovranno essere soppressi. Tutti i widget verranno persi.
HTML14
HTML15
HTML16
HTML17
HTML10
HTML8
HTML5
LinkList4
Header1
...

A questo punto copiamo questa lista sul blocco note, prima di decidere cosa fare.

Caso 1: Vogliamo elimiminare i widgets:

La lista rappresenta i widgets da eliminare. Clicchiamo su "Salva e Conferma".
Se, dopo aver cliccato sul pulsante "Salva e Conferma" non si vede alcun messaggio di errore, congratulazioni. Fine dei problemi, godiamoci il nostro esclusivo template.

Ma se viene visualizzato un errore, di solito è come questo: Siamo spiacenti, ma non siamo stati in grado di completare la richiesta... bla .. bla..
In questo caso purtroppo, è necessario eliminare i widgets della lista manualmente. Andiamo nella schermata "Modifica layout". Ora dovremo cancellare uno per uno tutti i widgets incriminati presenti nella lista precedentemente copiata.

Come facciamo a sapere qual'è il nome di ciascun widget? Utilizziamo un semplice trucchetto. Posizioniamo il mouse sul link "modifica" che è su ogni widget. Guardando adesso la barra di stato del nostro browser (Internet Explorer o Firefox) noteremo che tra le tante informazioni è presente il nome del widget su cui siamo posizionati: ....blablabla...widgetId= NomeWidget...blablabla... (ad esempio: ......widgetId=Html5...)

Osserviamo adesso la lista dei widgets da eliminare ed identifichiamoli utilizzando il trucchetto precedente. Elimininiamo ad uno ad uno dal nostro layout ciascun widget (tra quelli presenti nella lista), cliccando su "modifica" e poi su "rimuovi elemento". Il gioco è fatto.

Caso 2: Vogliamo conservare i widgets:

Prima di tutto clicca su annulla per non salvare le modifiche. Clicca su "elementi pagina" per ricaricare il modello precedente.
Adesso cerca nel modello il codice seguente :

</Body> </html>

e sostituiscilo con:

<b:section id='backupwidget' showaddelement='yes'/></body></html>

Salva il modello. Adesso vai su "elementi pagina", si dovrebbe vedere in basso una nuova sezione vuota. Sarà il nostro ripostiglio temporaneo per i vecchi widgets.

Adesso dobbiamo trascinare e rilasciare tutti i widget della lista in questa sezione vuota (Individuateli col trucchetto del caso 1). Fatto ciò clicchiamo su "Salva".

Adesso andiamo di nuovo su "modifica HTML" e cerchiamo il codice: <b:section Id='backupwidget' showaddelement='yes'>

Adesso copiamo tutto il codice che è compreso tra il precedente (incluso) fino a </body></html> (escluso quest'ultimo).

Adesso apriamo col Notepad il modello nuovo che vogliamo installare su Blogger, lo troveremo in qualche cartella, o sul desktop. Scorriamo il file fino a fine pagina e inseriamo il materiale precedentemente copiato, appena prima di </Body> </html>
Salviamo adesso questo file, e prepariamoci a caricarlo nuovamente su Blogger. Questa volta non ci saranno problemi.

Nota: la presente guida è tratta da www.jackbook .com ottimo sito

Visualizzare i Post Recenti

noreply@blogger.com (Jack Slater) — Mon, 11 Feb 2008 21:12:00 +0000

Come visualizzare i Post Recenti su Blogger?
Seguendo questa semplice guida saremo in grado di visualizzare un elenco di collegamenti agli ultimi post pubblicati sul nostro blog Blogger. Tale lista viene generata automaticamente, quindi ogni volta che pubblicherete un nuovo Post esso comparirà in questo breve elenco.
L'utilità di questo widget consiste nel fatto che i vostri lettori saranno subito in grado si vedere quali sono gli ultimi post pubblicati sul vostro blog.

Andiamo su Impostazioni->Feed Sito, passiamo a "Modalità avanzata", e assicuriamoci che le impostazioni siano le seguenti:

Se state ultilizzando un servizio di elabolazione esterna dei feed attraverso Feedburner, Feedblitz o di qualsiasi altro servizio, immettete l'indirizzo del feed.

Salviamo le impostazioni.

A questo punto torniamo al Modello -> Elementi pagina -> Aggiungi un elemento pagina e selezioniamo "Feed". Verrà chiesto di inserire l'url del feed, e noi metteremo:

http://nomedelnostroblog.blogspot.com/feed/post/default

oppure se vogliamo utilizzare il feed RSS al posto di Atom:

http://nomedelnostroblog.blogspot.com/feed/post/default? Alt = rss

Nel caso in cui utilizziate un servizio tipo Feedburner mettete l'indirizzo di tale feed.

Configuriamo le opzioni rimanenti come desideriamo, e come titolo mettiamo ad esempio "Post Recenti".

Salviamo il modello.

Aggiungere i Commenti Recenti alla sidebar ed aumentare la visibilità su Google

noreply@blogger.com (Jack Slater) — Mon, 11 Feb 2008 20:44:00 +0000

Andiamo su Impostazioni->Feed Sito, passiamo a "Modalità avanzata", e assicuriamoci che le impostazioni siano le seguenti:

A questo punto torniamo al Modello -> Elementi pagina -> Aggiungi un elemento pagina nella sidebar e selezioniamo "Feed". Verrà chiesto di inserire l'url del feed, e noi metteremo:

http://nomedelnostroblog.blogspot.com/feeds/comments/default

Adesso inderiamo il titolo, ad esempio "Commenti recenti", e scegliamo le rimanenti impostazioni come vogliamo.

I commenti e l'attributo nofollow

Se il tuo Blog è pubblicato da abbastanza tempo, si potrebbe arrivare ad esso mediante i commenti in esso presenti, cioè Google (o gli altri motori di ricerca) potrebbe indicizzare non solo il contenuto dei posts ma anche quello dei commenti. Il fatto è che a causa del continuo abuso da parte dei commentatori di blogs che inseriscono spesso nei commenti il loro indirizzo di blog per farsi pubblicità, Blogger ha deciso di impedire l'indicizzazione dei commenti da parte di Google.

Possiamo però disabilitare questo blocco, per fare in modo che il nostro Blog sia maggiormente indicizzato e quindi visibile da Google.

Per fare ciò andiamo su Modello->Modifica HTML, "Espandi i modelli widget", cerchiamo (anche con CTRL+F) ed eliminiamo dal modello il codice:

rel='nofollow'

Assicuriamoci di averlo eliminato in tutte le volte che esso è presente nel modello. Salviamo il modello. Finito, adesso Google indicizza anche i commenti.

Guida alla promozione del blog

noreply@blogger.com (Jack Slater) — Sun, 10 Feb 2008 21:30:00 +0000

Questa semplice guida riassuntiva è tratta dal sito ufficiale di Blogger. Ritengo che sia un utile promemoria che chi vuole ottenere il meglio per il proprio Blog.

Teoricamente, il semplice fatto di bloggare crea abbastanza traffico per soddisfare l'autore, ma in alcuni casi è meglio creare un traffico maggiore. Se partecipi al programma AdSense per gli utenti dei blog e vuoi incrementare i tuoi profitti o se vuoi ricevere più commenti sui post, l'aumento del traffico è vantaggioso. In pratica, le procedure necessarie per aumentare la popolarità del tuo blog rientrano in tre categorie.

1: Impostazioni di Blogger

Impostare il blog per l'esecuzione del ping di weblogs.com. Weblogs.com è un servizio di notifica di aggiornamento di un blog che molte persone e servizi utilizzano per monitorare le modifiche ai blog. Quando viene attivata questa impostazione, Blogger comunica a weblogs.com che hai aggiornato il tuo blog. Ciò significa che il tuo blog verrà inserito in diversi elenchi di aggiornamenti recenti sul web e potrà usufruire di servizi correlati ai blog.
Attivare il Navbar. Una delle funzioni di Navbar è il pulsante NextBlog: fai clic su questo pulsante per visitare il blog Navbar successivo.
Installare "Invia post per email". Se utilizzi la funzione Invia post per email nel tuo blog, gli utenti saranno in grado di inoltrare i tuoi post ad amici.
Attivare le pagine di post.In questo modo, è più semplice aggiungere link ai post che diventano più interessanti per i motori di ricerca.
Attivare il feed sito. Se gli utenti si registrano al feed sito con i newsreader, significa che leggeranno i post.
Aggiungere il blog agli elenchi di Blogger. Questa opzione è piuttosto ovvia, ma durante il processo di creazione del blog molti utenti pensano che sia meglio non rendere immediatamente possibile la visualizzazione dei propri blog. Scelgono quindi di non attivare questa funzione.

2: Scrivere un buon Blog

Scrivere bene e pubblicare un contenuto di qualità.
Pubblicare aggiornamenti regolari
Pensare al pubblico.Un buon modo per richiamare l'attenzione degli utenti è coltivare il proprio pubblico. Se pensi al pubblico destinatario, riesci a concentrati meglio su ciò che scrivi.
Non dimenticare i motori di ricerca. Utilizza titoli per il post, tag di titoli di pagina del blog e l'archiviazione delle pagine del post. In questo modo, a ogni pagina del blog viene assegnato automaticamente un nome intelligente in base al titolo del post. Inoltre, durante la creazione del blog, descrivi bene l'argomento
Limitare la lunghezza di post e paragrafi. Pubblica post brevi e non aggressivi, così i visitatori visualizzeranno i post, li leggeranno e andranno avanti.

3: Azioni di Marketing (pubblicità effettiva)

Inserire l'URL del blog nella firma delle email. Ogni volta che vedo un URL nella firma di un'email, lo seleziono per avere altre informazioni sulla persona. Soprattutto se si tratta di una persona che non ho mai incontrato. Le email vengono sempre inoltrate, quindi anche se mandi solo cinque email ad amici, il numero potenziale di persone che possa visitare il tuo blog è di migliaia di utenti.
Inviare il tuo indirizzo a directory e siti di ricerca dei blog.Invia l'URL del tuo blog a Technorati, Daypop, Blogdex, Popdex o ad altri siti di questo tipo.
Pubblicizzare. Se la pubblicità basata sulle parole chiave fosse economica, vi consiglierei di utilizzarla. Per il momento, è meglio provare con le soluzioni gratuite. Puoi iscriverti immediatamente a BlogSnob, una rete per inserzionisti di blog di solo testo e gratuiti. Ospitare annunci, inserire annunci: tutto genera traffico. Gli annunci di BlogSnob si integrano con il tuo sito e possono essere personalizzati.
Link ad altri blog. Questo è un buon metodo per generare traffico. Ecco cosa succede quando ti colleghi a un altro utente di blog: questi ti vede nei registri dei referral, controlla il tuo blog ed eventualmente si collega a te, o almeno pensa di farlo. I link sono la valuta della blogosfera e per guadagnare è necessario spendere, quindi inizia a collegarti. Non essere timido, non sono soldi veri. Almeno non per il momento, chissà poi cosa succederà.
Installare un blogroll. Questa opzione è simile ai link. Un blogroll è un'affermazione personale: questi sono gli utenti di blogger che mi piacciono. Oppure, queste sono le persone alle quali voglio essere associato. È uno schema di social networking molto semplice ed efficace che consente di ottenere lo stesso risultato, se non migliore, di un semplice link: generazione di traffico!
Essere un commentatore attivo. Cerca di commentare i blog che leggi ogni giorno. È simile all'utilizzo dei collegamenti. L'autore di un post può essere contento di ricevere un commento. La maggior parte dei sistemi di gestione dei commenti consente anche di lasciare un link al proprio blog: si tratterebbe di un invito a visitare il blog.

Creare riassunti di post espandibili (leggi tutto il resto del post)

noreply@blogger.com (Jack Slater) — Sat, 09 Feb 2008 21:35:00 +0000

La guida seguente è tratta dal sito ufficiale help.blogger.com.
Con questo trucchetto puoi scegliere di visualizzare una determinata quantità di testo dall'inizio di ogni post come invito alla lettura. Gli utenti che desiderano leggere il resto del post possono fare clic su un link "Continua a leggere" che consente di visualizzare tutto il testo.
Questa può essere una soluzione pratica se hai molti articoli lunghi sulla stessa pagina.

Per utilizzare questa funzione, è necessario che le Pagine di post siano abilitate: per farlo vai in Impostazioni->Archiviazione e scegli Attivare pagine di post?=si.

Vai in Modello-> Modifica HTML

Clicca su "Espandi i modelli widget".

Cerca il codice ]]></b:skin> e copia subito dopo di esso, il codice seguente:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Cerca (CTRL+F) il codice<data:post.body/>; e inserisci subito dopo di esso il codice seguente:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Continua a leggere!</a>
</b:if>

Salva il modello. Al posto di "Continua a leggere" puoi ovviamente inserire il testo che ti piace di più.
Adesso vai in Impostazioni> Formattazione e scorri fino alla fine della pagina, nella casella "Modello Post" inserisci il codice seguente:

Questo è l'inizio del post. <span class="fullpost">E questo è il resto.</span>

Salva Impostazioni.

Quando vorremo spezzare un post molto lungo, faremo così:
Creiamo un post cliccando su Nuovo Post.
Apparirà un nuovo post pre compilato nel modo seguente: "Questo è l'inizio del post. E questo è il resto."
Clicchiamo su Modifica Html e sostituiamo "Questo è l'inizio del post." con il contenuto iniziale che desideriamo sia visibile nel riassunto, e sostituiamo "E questo è il resto." con il resto del contenuto, stando attenti a non cancellare i tags span.
(Opzione alternativa: Possiamo anche evitare di passare in modalità Html, stando però attenti a sostituire esattamente le due parti sopra indicate tra virgolette)

Attenzione: il trucco funziona automaticamente sui nuovi post che si scriveranno dopo aver applicato la modifica, mentre invece sui vecchi post la scritta "Continua a leggere" sarà visualizzata a fine pagina. Per ovviare al problema dovremo modificare singolarmente tutti i vecchi post in cui vogliamo applicare il trucco, inserendo i tags nei punti desiderati.

I vantaggi di questo metodo includono: riepiloghi personalizzati, anziché semplici titoli, e possibilità di applicazione ad alcuni post e non ad altri (ad esempio, solo per i post più lunghi).
Lo svantaggio è costituito dalla necessità di apportare modifiche ai post stessi, anziché solo al modello. Inoltre, il link "Continua..." è incluso nel modello, quindi verrà visualizzato indipendentemente dal fatto che un post sia stato o meno troncato.

Un'alternativa alla creazione di estratti di post consiste nell'utilizzare il metodo mostra/nascondi sui post interi.

aggiungere la musica al blog

noreply@blogger.com (Jack Slater) — Fri, 08 Feb 2008 22:09:00 +0000

Per iniziare, è necessario disporre di un file musicale caricato su un server.

Ad esempio potete caricare il file scelto su Google Page Creator (in proposito ecco una guida Utilizzare Google Page Creator o Google Gruppi per caricare files).
In alternativa, ci sono diversi siti che offrono il download gratuito di loro file musicali. La maggior parte dei siti che offrono il download gratuito vi condurrà alla posizione dei file memorizzati nei loro server.

In entrambi i casi, copiate l'URL (ovvero l'indirizzo) del file musicale che avete scelto.

Dovrete decidere come volete che la musica venga eseguita. Ci sono varie possibilità di scelta:

1: Link per avviare il lettore musicale predefinito sul pc

Questo è un link testuale. Il visitatore può cliccare sul link se vuole ascoltare la musica:

<a Href=" URL del file musicale "> Clicca per ascoltare file musicali </ a>

Ricordate di inserire l'URL del file musicale nel codice sopra. Questo codice può essere inserito ovunque nel blog. Se volete metterlo nella sidebar, è possibile passare al modello -> Elementi pagina -> Aggiungi un elemento pagina, selezionare HTML / JavaScript e inserire il codice. Qualunque parola digitiate nel campo "Clicca per ascoltare file musicali" comparirà come link di testo.

2: Lettore musicale integrato nel blog

Un lettore musicale integrato, con controllo del volume, pulsanti di accensione e spegnimento, darebbe ai visitatori una scelta su come vogliono che la musica venga suonata. Con il codice indicato di seguito, la musica non viene riprodotta a meno che il visitatore faccia clic sul pulsante di riproduzione.

Puoi inserire il lettore musicale nel tuo blog o nella tua sidebar. Se desideri che sia inserito nella sidebar, basta andare in Modello->Elementi pagina->Aggiungi un elemento pagina, e selezionare HTML/JavaScript.

Il codice da inserire è questo:

<embed autostart="false" height="40" loop="true" playcount="2" src="URL del file musicale" width="300"/></embed>

Ciò che si otterrà sarà ad esempio:

Nota: gli attributi del lettore integrato:

1. Inserisci il tuo URL del file musicale nel codice per indicare il file da eseguire.

2. La larghezza del lettore dell' esempio che vedete sopra è 300, "width="300". Se si vuole che sia perfettamente incastonato nella sidebar, la larghezza non deve essere superiore alla sidebar. Ad esempio, se la vostra barra laterale ha larghezza 150px, la larghezza del lettore dovrebbe essere di circa 140px.

3. L'altezza (height) dipende dalle vostre preferenze e vincoli di spazio.

4. L'attributo autostart ha due opzioni. Se si sceglie "true", la musica verrà riprodotta automaticamente quando la pagina è caricata. Questa non è una buona scelta a meno che non siate assolutamente sicuri che tutti i visitatori vogliano ascoltare la musica. La soluzione migliore è "false". Se il visitatore vuole ascoltare la musica, può fare clic sul pulsante di riproduzione.

Nota tuttavia, che il metodo funziona benissimo in Internet Explorer, ma potrebbe non essere così in Mozilla Firefox. L'impostazione di default per IE è "false" il che significa che la musica non viene riprodotta automaticamente. L'impostazione di default per Firefox è "true", e quando abbiamo sperimentato con Wma e Wav, i files musicali sono partiti automaticamente anche quando si imposta l'autostart su "false".

5. L'attributo loop indica se la musica deve smettere una volta che finisce il brano. Se l'attributo è "false", la musica finisce dopo è stata eseguita una volta. Se è "true", la musica verrà automaticamente riprodotta fino a quando il visitatore clicca il pulsante di stop o lascia il tuo blog. Per brevi brani musicali, è possibile che si desideri ripeterli più volte e scegliere "true".

6. È possibile specificare il numero di volte per cui la musica è suonata. Nel precedente esempio, dove playcount = "2", lo stesso pezzo di musica è suonato due volte prima di essere fermato. Se si desidera che la musica venga suonata una sola volta, è possibile eliminare del tutto playcount. Nota che questo funziona solo in Internet Explorer.

3: Musica eseguita automaticamente senza lettore musicale

Per la musica eseguita automaticamente al momento che la pagina è caricata, il codice dovrà apparire nel modello HTML del vostro blog. Nota che, in tal modo, non vi sono controlli per il visitatore di scegliere o meno di ascoltare la musica, né le opzioni per disattivarlo. Accedi al tuo blog e sotto "Modello", fai clic su "Modifica HTML". Da qualche parte vicino all'inizio del codice HTML, dopo la parola <Head> , inserire questo codice:

<embed Autostart="true" height="0" loop="true" src=" URL del file musicale "width="0"/>

Il file audio può essere in qualsiasi formato a condizione che il vostro browser abbia il plugin necessario a eseguire quel file. Molte persone hanno problemi durante la riproduzione di file MP3, perché il loro browser Firefox non ha i necessari plugin.

Nascondere o eliminare la Navbar di Blogger

noreply@blogger.com (Jack Slater) — Fri, 08 Feb 2008 21:44:00 +0000

Per eliminare completamente la barra di navigazione di Blogger, basta seguire la semplice procedura seguente.

Andate in Modello->Modifica HTML, cercate (anche premendo CTRL+F) la stringa seguente:

/* Variable definitions

ed inserite prima di essa il codice seguente:

#navbar-iframe {
display: none !important;
}

La navbar risulterà eliminata completamente dal blog.

Immagini di sfondo per i modelli predefiniti di Blogger

noreply@blogger.com (Jack Slater) — Thu, 07 Feb 2008 22:13:00 +0000

Con questa guida, si dovrebbe essere in grado di aggiungere un'immagine di sfondo o foto al vostro blog, personalizzare la posizione della vostra immagine, ed avere una immagine statica di sfondo che rimane ferma quando si scorre il contenuto del blog.

Avrete bisogno di creare un'immagine. Trovate una foto che ti piace. Se avete bisogno di un programma di editing di fotografie è possibile cercare in rete.
È anche possibile utilizzare una piccola immagine, che può essere ripetuta in modo da coprire l'intera pagina.
Cercate di non utilizzare un file di immagine troppo grande altrimenti la pagina potrebbe richiedere un lungo tempo di caricamento.
Dopo la creazione di una immagine, avrete bisogno di caricarle su un servizio di file hosting on line. Potete leggere la guida all'utilizzo di host gratuiti come Utilizzare Google Page Creator o Google Gruppi per caricare files. Abbiamo anche una lista piuttosto completa di servizi di Hosting liberi nel nostro articolo I migliori servizi di hosting divisi per capienza. Scegliete tra questi servizi quello che è più veloce ed affidabile.

Infine, accedete al vostro blog, andate su "Layout" -> "Modifica HTML", scorrete fino a dove si vede questo codice:

body {
background:$bgcolor;

Cambiare il colore di sfondo

Se volete cambiare il colore di sfondo del vostro blog in un unico colore, è possibile specificare manualmente il valore del colore. Cercate on-line per avere i codici colore, o date un'occhiata in Codici esadecimali HTML per colori di sfondo per vedere se trovate il colore desiderato. Per esempio, se avete scelto un codice colore #B38481, modificate il codice di sopra con questo:

body {
background-color: #B38481;

Se volete cambiare solo il colore di sfondo della sidebar, aggiungete il codice di colore nella relativa voce sidebar:

#sidebar-wrapper {
background-color: #B38481;

Allo stesso modo, se si desidera un colore diverso per la vostra colonna principale dei post, aggiungete il codice di colore come segue:

#main-wrapper {
background-color: #B38481;

Nota che alcuni modelli potrebbero chiamare i loro stylesheet in maniera diversa. Il #sidebar-wrapper può essere chiamato #side-wrap o qualcosa di simile. In alcuni modelli come il TicTac modello, il colore di sfondo che si vede è dovuto ad una immagine di sfondo e l'inserimento di un codice di colore in questo modello non aiuta. Per avere un colore diverso, questa immagine di sfondo dovrà essere modificata...

Aggiungere un'immagine di sfondo

Il codice da inserire è questo:

body {
background-image: url(indirizzo URL della vostra immagine);

È anche possibile avere un immagine di sfondo solo per la vostra sidebar. Aggiungete il codice per l'immagine di sfondo codice come segue:

#sidebar-wrapper {
background-image: url(indirizzo URL della vostra immagine);

Per un immagine di sfondo solo nel vostro corpo principale dei post, aggiungete il codice seguente:

#main-wrapper {
background-image: url(indirizzo URL della vostra immagine);

Ripetere l'immagine di sfondo

Per impostazione predefinita, l'immagine viene ripetuta fino a riempire l'intero sfondo della pagina. Se si dispone di una piccola immagine, apparirà come un motivo stampato in background. A volte, si può scegliere di non avere l'immagine ripetuta. Se questo è il caso, potete inserire questo codice:

background-repeat: no-repeat;

In alternativa se volete che l'immagine sia ripetuta solo orizzontalmente utilizzate il codice seguente:

background-repeat: repeat-x;

Oppure verticalmente:

background-repeat: repeat-y;

Posizionare l' immagine di sfondo

Se si dispone di un'immagine che non è ripetuta, è possibile specificare la posizione esatta di questa immagine nella tua pagina. Il codice HTML da inserire è :

background-position: top left;

L'immagine apparirà nell'angolo in alto a sinistra della pagina. Gli altri possibili valori che è possibile utilizzare per sostituire "in alto a sinistra" sono:

top center;
top right;
center left;
center center;
center right;
bottom left;
bottom center;
bottom right;

Se non si vuole che l'immagine appaia tutta a sinistra, a destra o di centro, si può anche definire l'allineamento orizzontale e verticale sia in percentuale che in pixel. Utilizzate uno dei seguenti codici, dove x indica il valore orizzontale desiderato e y quello verticale:

x% y%;

oppure

x px y px;

esempio:

background position:12px 24px;

sarà una immagine posizionata con coordinate x=12 e y=24 (in pixel).

Immagine di sfondo statica

Dopo di che, si può specificare se si desidera che le immagini di sfondo rimangano in una posizione fissa, quando il contenuto del tuo blog viene fatto scorrere in basso. Per impostazione predefinita, l'immagine scorre con i contenuti. Per farla rimanere fissa, inserire il codice:

background-attachment: fixed;

Ricapitolando

Mettendo tutto insieme, l'eventuale codice CSS che avrete per il vostro modello personalizzato dovrebbe apparire come questo:

body {
background-color:#B38481;
background-image: url(URL IMMAGINE);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;

Naturalmente, dopo aver aggiunto l'immagine di sfondo, sarà necessario modificare i colori del vostro testo in modo che spicchino sullo sfondo. Andate su Template -> Caratteri e colori per farlo.

Favicon (icona) personalizzata per il blog Blogger

noreply@blogger.com (Jack Slater) — Thu, 07 Feb 2008 17:13:00 +0000

Vi siete mai chiesti come appaiono quelle piccole icone accanto all'indirizzio web che stiamo visitando? Sono le cosiddette Favicon.
La favicon è una piccola immagine, spesso un logo, pertinente ai contenuti del sito web correlato. La favicon viene visualizzata alla sinistra dell'URL nella barra degli indirizzi di un browser, nel momento in cui si naviga un sito che ne è provvisto. L'icona è inoltre visualizzata nel menu dei preferiti di un browser, che pertanto risultano più facilmente indiduabili.

Vediamo come associare al nostro blog Blogger Blogspot una icona favicon personalizzata, al posto di quella standard a forma di B.

Scegliamo una icona da utilizare come favicon per il nostro blog, che abbia estensione ICO. Se cercate sul vostro hard disk, potreste trovare alcune icone ICO. Vorrei suggerirvi di crearne una per rappresentare in maniera originale il vostro Blog.

Ci sono molti programmi per creare una favicon, ad esempio Imagicon, che può trasformare una qualsiasi immagine in formato ICO. È possibile utilizzare qualsiasi immagine, e creare icone ICO in 2 formati - 16x16 e 32x32 - io penso che un 16x16 sia preferibile dal momento che è leggibile nella maggior parte dei browser più vecchi.
Se non volete scaricare nessun programma, è possibile creare un'icona direttamente online.
Basta cercare su Google le parole chiave "generatore icona online" e si dovrebbe essere in grado di trovare molti siti totalmente gratis.

Dopo aver creato l'icona, salvatela nel vostro hard disk. Il prossimo passo, per associare l'icona al blog è un piccolo trucco. Idealmente, tutto quello che dovreste fare è salvarla nella directory principale del vostro blog. Tuttavia, non vi è alcun modo in cui questo può essere fatto: se si tenta di caricare un icona immagine, Blogger la respinge. Inoltre qualsiasi file che viene caricato non andrà nella directory principale di Blogger. L'unico metodo che possiamo utilizzare sarà quello di caricare l'icona in una cartella Web (vedi l'articolo I migliori servizi di hosting divisi per capienza o Google page creator).

Una volta fatto questo, prendete nota dell' URL (indirizzo) della vostra icona. Copiate questo URL sul blocco note. Tornate in Blogger e sotto la scheda "Modello", andate a "Modifica HTML".
Vicino alla parte superiore vedrete una riga come questa:

<title><data:blog.pageTitle/></title>

Inserite il codice seguente, dopo di essa:

<link href='URL della favicon' rel='shortcut icon' type='image/x-icon'/>

Salvate e visualizzate il risultato sul vostro blog. Dovreste vedere la favicon accanto all'indirizzo del blog.

Nota: alcuni browser potrebbero non essere compatibili con questo sistema, dovete quindi fare delle prove per verificarlo di persona.

Utilizzare Google Page Creator o Google Gruppi per caricare files

noreply@blogger.com (Jack Slater) — Thu, 07 Feb 2008 16:01:00 +0000

Se vuoi utilizzare un Favicon (icona accanto al tuo URL) o la musica sul tuo blog, avrai bisogno di caricare i file su un host Web. Fortunatamente per noi, ci sono molti siti che offrono hosting gratuito di file, documenti, foto, e così via. Consideriamo adesso 2 di questi servizi di file hosting: Google Page Creator e Google Gruppi.

Google Page Creator

Dovrai utilizzare il tuo account Gmail per accedere a Google Page Creator. Attualmente si può ottenere un account Gmail solo su invito da parte di utenti che già ne possiedono uno.
Google Page Creator è un facile strumento gratuito che ti permette di creare pagine web nel tuo browser e pubblicarle sul Web con un solo clic. Funziona su un formato wysiwyg (what-you-see-is-what-you-get). Tutto viene costruito sullo schermo del browser e non c'è bisogno di scaricare alcun software. Le pagine che crei vengono ospitate sui server di Google e la tua pagina avrà un indirizzo http://tuonome.Googlepages.com.

Per i nostri scopi, vorrei concentrarmi sul caricamento dei file.
Dopo aver effettuato il login su Page Creator clicca su "Site Manager". Sulla destra dello schermo clicca su "upload", e sarai in grado di cercare sul tuo computer il file che vuoi caricare.
Dopo aver caricato il file, prendi nota dell'indirizzo URL del tuo file.
È possibile caricare tutti i file che si desidera, a condizione che lo spazio per pagine e file caricati non superi 100 MB.

Google Gruppi

Google Gruppi è una grande piattaforma di comunicazione, e consente agli utenti di entrare in contatto con gli amici, o persone che condividono interessi simili su internet.
Non richiede un account Gmail, ma un semplice account Google.
La creazione di un gruppo Google è facile.
Cliccate su "Crea un gruppo". Apparirà una schermata che richiede di inserire il vostro nome di gruppo e la descrizione. Se non avete intenzione di invitare un membro, in questa fase, fate clic su "Passa questo passo". Ora avrete creato un nuovo gruppo Google.
Se avete voglia di fare upload di files, cliccate su "File" sul pannello di destra, per iniziare a caricare.
Attenzione: se si vuole utilizzare il file per il proprio blog Blogger, il gruppo Impostazioni->Accesso deve essere configurato in modo tale che chiunque possa visualizzare il contenuto del gruppo.
Ogni gruppo è dotato di 100 MB di spazio di archiviazione per tutti i gruppi di foto, documenti e file. Prendete nota degli indirizzi URL dei file caricati, per poterli utilizzare dopo sul vostro blog.

Altri servizi di file (o images) hosting in questo articolo: I migliori servizi di hosting divisi per capienza.

Trucchi Suggerimenti Guide per Blogger™ Blogspot™

"Designer Modelli" e i nuovi template standard di Blogger

Post Recenti con icona anteprima per Blogger

Installazione del Widget Post Recenti con immagine

Configurazione del Widget

Avviso per gli utilizzatori di Google Page Creator

Alternative a Google Page Creator

Templates per Blogger: i temi dei Social Network

Il Tema di Facebook: template per Blogger

Il Tema di Twitter: template per Blogger

Il Tema di Digg: template per Blogger

Il Tema di Orkut: template per Blogger

Mega Collezione di Icone RSS per Blogger

Perchè dovresti utilizzare un pulsante RSS

Come creare un pulsante per l'iscrizione ai feed RSS nel tuo Blog Blogger

Scarica le icone RSS

Nascondere il conteggio delle etichette in Blogger

Esempio di ciò che otterrete

Come procedere

Migliorare i Commenti su Blogger con Intense Debate

Caratteristiche di Intense Debate

Ho testato Intense Debate per Voi

Installare Intense Debate su Blogger

Un Video su Intense Debate (in Inglese)

5 Nuovi Templates per Blogger Blogspot - Collezione Giugno

Tag Cloud animata per Blogger Blogspot

Inserire Post Correlati in Blogger Blogspot

Inserire un Video di YouTube su Blogger Blogspot

i 50 migliori modelli (templates temi) per blogger

Blogy Decorativo

GossipCity

Minyx

Glass

Colibri

Jeans

Leia

Integral

Mr. Techie

Your Blog 2.0

Hemingway Black

Hemingway White

Bella

Feminina III

History Channel

Black Minimalism

Glued Ideas Subtle

Ocean Mist

The Late Show

Fleur

WP-Polaroid

Ads Theme

WP Premium

Aspire

Blogging Pro

Dilectio

iTheme

Vinery

sImpress

Erudite

Blue Marine

Flower Template

Red White Web 2.0

iWork

Softlight

Pannasmontata

Underground

Florascent

Art Imagination

Dark World

Forte

Morning

Colorful Day

Smashing Template

Grey Press

Tierra

Vertical

Sweet Blog

Mosaico

Blogy Rosa

Inserire una Tag Cloud per Blogger