domenica 9 agosto 2009

Sitemap Generator

Sitemap Generator è un ottimo sito che vi permette di creare le mappe dei vostri siti in vari formati.

Non tutti sapete forse che le mappe (in formato XML, ROR o Text) sono un potentissimo strumento per aumentare la presenza del vostro sito nei motori di ricerca in quanto attraverso queste i crawler dei motori trovano più facilmente le pagine del sito e le indicizzano in maniera più corretta.

Google in particolar modo ha reso le mappe uno strumento indispensabile fornendo a coloro che ne fanno uso un Centro Webmaster dove è possibile usare dei strumenti di diagnostica e di gestione della scansione e della indicizzazione del sito veramente molto utili.

Tornando a noi, se non avete le conoscenze tecniche per creare queste mappe Sitemap Generator farà tutto il lavoro per voi, non dovrete fare altro che inserire l’ indirizzo del sito a cui volete associare la mappa e cliccare sul pulsante start, a questo punto verrà avviata la scansione (massimo 500 pagine) e la mappa sarà pronta.

Le tipologie di mappe disponibili sono XML (per Google), Text (per Yahoo), ROR (per altri motori di ricerca) e HTML (da integrare all’interno del sito per facilitare la navigazione agli utenti).

Read more...

lunedì 3 agosto 2009

Eliminare la barra di navigazione di Blogger

Eliminare la barra di navigazione di Blogger è molto semplice e richiede un minuto di tempo.




Entrate nel vostro account e andate in Modello -> Modifica HTML, individuate le righe che ho evidenziato in blu (si trovano quasi all'inizio e anche se il contenuto può essere un po' diverso le riconoscerete facilmente), e aggiungete il codice che ho scritto in rosso:





/* ************ START OF CSS STYLING ************ */

/* -------------------------------------------------------

Blogger Template Design: ilike

Designer: dzelque.blogspot.com

Date: 25 Jan 2008

------------------------------------------------------- */



#navbar-iframe {


display: none !important;


}



/* Variable definitions

========================



Per regolarvi basta sapere che bisogna mettere il codice in rosso prima della riga con "Variable definitions".



Salvate, visualizzate il blog... ed ecco fatto, sparita la barra di navigazione!



Io personalmente ho preferito lasciarla: è un piccolo prezzo da pagare per un servizio che ci viene offerto gratuitamente e senza pubblicità aggiunta (come invece fa Microsoft con i blog di Msn Live Spaces) ed è giusto dare credito a chi "mi ospita" ma, se vorrete farlo, rimuovere la barra di navigazione non comporta nessuna penalizzazione da parte di Blogger.

Read more...

mercoledì 22 aprile 2009

Inserire Oxado nei post di Blogger

Blogger.com è la piattaforma blog offerta gratuitamente da Google ed è tra le più utilizzate dai blogger di tutto il mondo.

Offre un comodo editor del layout che vi permette di inserire in modo visuale e molto semplice gli elementi di pagina all’interno del vostro blog, tra questi anche Adsense, con una solo limitazione però, gli annunci non possono essere inseriti all’interno del post, ma soltanto in alcune posizioni prestabilite e non possono essere diversi da AdSense come ad esempio Oxado).
Webmasters, guadagnate soldi visualizzando dei banner contestuali
Come ovviare a questo inconveniente? Ve lo spiego subito: (tutte le parentesi quadre stanno a significare < o >)
Entrate nell’amministrazione del vostro blog e selezionate la scheda “Modello” e la sotto-scheda “Modifica html“. Una volta entrati, cliccate sul check box “Espandi i modelli widget“, come indicato nell’immagine di seguito.


  1. A questo punto cercate la seguente linea di codice: [div class='post-header-line-1'/]
    (utilizzate in Firefox la funzione di ricerca con la combinazione di tasti ctrl + f) e inserite il vostro codice Bidvertiser immediatamente dopo.

  2. Questo vi permetterà di inserire Oxado immediatamente dopo il titolo del vostro post.
  3. Google però a questo punto pone un limite: dal momento che il codice Bidvertiser è racchiuso tra due tag di commento esso verrà interpretato da Google proprio come un commento, e gli annunci non si visualizzeranno.
    Per fortuna a tutto c’è una soluzione. Come ho già scritto in un precedente articolo, bisogna recarsi su questo sito e inserire il codice Oxado all'interno dello spazio bianco e poi cliccare "Parse". A questo punto apparirà il codice da copiare e incollare sotto [div class='post-header-line-1'/]
Questo metodo è sicuro e perfettamente in regola con il TOS di Oxado, infatti se salvate il modello e andate a visualizzare il codice della vostra pagina, vedrete che il codice Oxado è proprio come viene fornito all’origine.
A questo punto, se volete possiamo fare ancora di più.
Possiamo decidere di inserire l’insieme di annunci soltanto all’interno dei singoli post e non in home page, oppure far apparire in home page un determinato formato (piccolino, che magari non sia di intralcio alla lettura) e all’interno del post un formato più grande.
Per farlo dobbiamo aggiungere la seguente sintassi al codice di cui ho parlato all’inizio dell'articolo.

Sempre sotto la riga [div class='post-header-line-1'/]inserite il codice:
[b:if cond='data:blog.pageType == "item"']
[il vostro codice oxado modficato come sopra]
[/b:if ]

Questo farà apparire gli annunci Oxado soltanto all’interno delle pagine contenenti i singoli post.
Se volete invece avere due tipi di formati diversi di annunci a seconda che ci si trovi in home o all’interno del singolo post, utilizzate questo codice:
[b:if cond='data:blog.pageType == "item"']
[il vostro codice oxado dei singoli post]
[b:else /]
[il vostro codice oxado della home page]
[/b:if ]



Read more...

lunedì 20 aprile 2009

Inserire il blog di Blogpost su Google

Ecco come inserire il proprio blog di blogspot su Google per renderlo visibile e ricercabile.
Se non l'avete già fatto iscrivetevi a Google. Andate nella gestione "Strumenti per i webmaster" e aggiungi il sito dove sta scritto "Fai clic qui per aggiungere un sito". Vai subito a fare la verifica del sito e scegli il "Metodo di verifica" selezionando "Aggiungi un metatag". Devi selezionare e copiare la riga metatag che ti viene proposta. esempio:
<META content='TrUGrEUFjIbsF+kKr/deaqzkJ8hJU6vGqB652bqEvfk=' name='verify-v1'>META>
La riga deve essere inserita nel tuo Blog. Come? Vai nella gestione del blog, nel pannello "Modello" e da qui nel pannello "Modifica HTML". Nella settima riga c'e' il tag , proprio sotto questa riga devi inserire la riga di verifica che Google ti ha proposto. EX : [?xml version="1.0" encoding="UTF-8" ?]
[!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"]
[html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr']
[head]<META content='TrUGrEUFjIbsF+kKr/deaqzkJ8hJU6vGqB652bqEvfk=' name='verify-v1'>META>Segui l'esempio di google. Salva il modello e ritorna su Google. Dopo che la verifica è andata a buon fine vai su "Sitemap" e poi "Aggiungi una sitemap". A questo punto si deve scegliere il tipo di sitemap "Aggiungi una sitemap generale". Per i siti blog di Blogspot la mappa del sito è sempre " atom.xml". Devi quindi scrivere nel TextBox solo atom.xml e poi confermare. Ogni volta che aggiorni il blog devi andare su "Sitemap" e reinviare semplicemente la selezione.

Read more...

Tag Cloud

Quella che vedete sotto,nella foto, è la nuovissima tag cloud ora disponibile non solo per utenti WordPress ma anche Blogger. Per avere un idea è sulla sidebar del mio blog a destra.

Questo widget preleva in automatico tutti i tag che solitamente si inseriscono nella pubblicazione di notizie organizzandoli in una gradevole e dinamica grafica decisamente 2.0.
E' un mix di Flash, JavaScript e Css con un peso leggero e non rallenta il caricamento del browser. Ma veniamo subito al dunque e cerchiamo di inserirlo nel nostro blog.

Come prima cosa bisogna cercare un codice simile a questo nel riquadro, ma prima ovviamente dovete aprire il codice Xml del vostro blogger e spuntare la casella "espandi i modelli widget".                  <b:section class='sidebar' id='sidebar' preferred='yes'>
Il codice sopra serve solo per la ricerca e non dovete copiarlo o incollarlo.
Sotto questa linea vi sono tutti i widget presenti nel vostro blog e a questo punto dovete incollare il codice sottostante :
                 <b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>                                                                                                                     A questo punto potete fare un anteprima del vostro blog e vedere il risultato.

Ora passiamo a come modificare i vari aspetti di Blogums:
di predefinito il tag cloud è largo 240px e lungo 300px ma potete modificare questi aspetti che stanno in questa linea:                        var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");             Per poter cambiare il colore dello sfondo invece dovete cercare il seguente codice e modificare il colore espresso in formato esadecimale:          var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");   Il colore del testo è in questa riga di codice invece e va modificato solo la parte in rosso, attenzione:   so.addVariable("tcolor", "0x333333");    Infine la grandezza del testo che di predefinito è 12:     so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");   Come ultimo aspetto ma non meno importante riguarda i Css e come modificare il riquadro dove va inserito l'intero tag cloud, cioè per poterlo spostare a destra o sinistra, cambiare margini, padding ecc.

Se osservate bene all'inizio del codice: b:widget id=Label99 basterà semplicemente creare un nuovo tag css del tipo:  
#Label2{
background:#3ca4e2;
width:259px;
margin-left:-10px;
margin-top:-20px;
}
dove dopo il simbolo # va inserito l'id del widget ma qui fate molta molta attenzione!.
Quando andrete a salvare le modifiche Blogger in automatico cambierà l'id del widget(in numero non sarà più 99 ma lo metterà blogger come gli pare).
Ricapitolando: salvate le modifiche e andate a cercare come blogger ha modificato l'id poi create la parte di css come ho fatto io sopra per il mio blog.

Read more...

Traduttore per Blogger


Ti piacerebbe inserire un piccolo e pratico traduttore per il tuo blog? Si, esatto, un widget da inserire nelle barra laterale!!

Tra i tanti che si possono trovare nella rete, io ti consiglio quello scritto dai miei amici BETFAIR !! Occhio che si tratta di una novità... lo script è fresco fresco di creazione inoltre è poco invasivo!!
Ok, allora procedi come da manuale:
- Vai su layout/elementi pagina.
- Scegli l'elemento html/javascript

Adesso copia e incolla questa porzione di codice:

<table cellpadding="14px">
<tr>
<td><a href="http://www.google.com/translate?u=http%3A%2F%2Fwww.oxado-publishers.blogspot.com%2F&hl=it&ie=UTF8&langpair=it%7Cen&langpair.x=0&langpair.y=3&langpair=it%7Cen"><img src="http://img354.imageshack.us/img354/8886/americanmt0.png"/>
<td><a href="http://www.google.com/translate?u=http%3A%2F%2Fwww.oxado-publishers.blogspot.com%2F&hl=it&ie=UTF8&langpair=it%7Cen&langpair.x=0&langpair.y=3&langpair=it%7Cen"><img src="http://img134.imageshack.us/img134/9210/ingleseiv3.jpg"/></a></td>
<td><a href="http://translate.google.com/translate?u=http%3A%2F%2Fwww.oxado-publishers.blogspot.com%2F&hl=en&ie=UTF8&sl=it&tl=fr"><img src="http://img217.imageshack.us/img217/6425/franciayp1.png"/> </a></td>
<td><a href="http://translate.google.com/translate?u=http%3A%2F%2Fwww.oxado-publishers.blogspot.com%2F&hl=en&ie=UTF8&sl=it&tl=es"><img src="http://img361.imageshack.us/img361/1568/spagnoloae1.gif"/> </a></td>
<td><a href="http://translate.google.com/translate?u=http%3A%2F%2Fwww.oxado-publishers.blogspot.com%2F&hl=en&ie=UTF8&sl=it&tl=de"><img src="http://img380.imageshack.us/img380/1908/germannp1.gif"/> </a></td>
<td></td>
<td></td>
</a></td></tr>
   
Naturalmente al posto di www.oxado-publishers.blogspot.com (ve lo scritto in grassetto) dovete inserire l'url del vostro blog
E posiziona l'elemento nel punto del blog che più ti piace!!

Fatto? Bene, adesso anche i lettori stranieri ti potranno leggere, infatti gli articoli potranno essere tradotti in inglese, in americano (O_o), in francese, in spagnolo e in tedesco!!

Il servizio si appoggia al traduttore di Google, quindi come tutti i siti di questo tipo la traduzione non è perfetta al 100%, anzi... però meglio capire anche solo una piccola parte del testo, invece che niente!! ;)

Read more...

sabato 18 aprile 2009

Blogger-Templates

Download

Read more...

  © Free Blogger Templates Blogger Theme by Ourblogtemplates.com 2008

Back to TOP