domenica 28 settembre 2008

Aggiungere un gadget google al blog / Adding a Google Gadget to your blog

Come posso creare nuovi gadget per consentire ad altre persone di aggiungerli ai propri layout?

La funzione dei layout di Blogger offre agli utenti la possibilità di personalizzare i propri blog in mille modi del tutto nuovi e interessanti. Inoltre, puoi progettare nuovi gadget o moduli che altre persone potranno aggiungere ai propri blog.

Ecco il concetto di base: per prima cosa, progetta il gadget. Quindi, sul tuo sito web crea un modulo che invia i risultati a Blogger. Includi nel modulo il contenuto del gadget creato, nonché altre informazioni facoltative. Quando una persona fa clic sul pulsante di invio del modulo, verrà indirizzata a Blogger, dove potrà aggiungere il gadget al layout del proprio blog (in questo modo).

Per iniziare, diamo un'occhiata a un esempio semplice. Il seguente codice fornisce all'utente un singolo pulsante, con l'etichetta "Aggiungi il gadget di Blogger Buzz". Facendo clic sul pulsante, al layout dell'utente verrà aggiunto un gadget che effettua il collegamento al blog ufficiale di Blogger Buzz.
<form method="POST" action="http://beta.blogger.com/add-widget">

        

  <input type="hidden" name="widget.title" 

        value="Blogger Buzz"/>

        

  <input type="hidden" name="widget.content" 

        value="&lt;a href='http://buzz.blogger.com/'&gt;Leggi le ultime notizie di Blogger News!&lt;/a&gt;"/>

        

  <input type="hidden" name="widget.template" 

        value="&lt;data:content/&gt;" />

  

  <input type="hidden" name="infoUrl" 

        value="http://buzz.blogger.com"/>

        

  <input type="hidden" name="logoUrl" 

        value="http://www.blogger.com/img/icon_logo32.gif"/>

        

  <input type="submit" name="go" value="Aggiungi il gadget di Blogger Buzz"/>

</form>

Noterai che in questo codice sono stati utilizzati campi di input nascosti per impedire la modifica delle informazioni: vogliamo che tutti ricevano lo stesso gadget. È anche possibile utilizzare altri tipi di campi modulo per consentire all'utente, ad esempio, di immettere un titolo per il gadget. Gli attributi importanti dei campi modulo sono quelli di tipo name, anziché type.

Le parti importanti del modulo sono le seguenti:
form action="http://beta.blogger.com/add-widget": (obbligatorio) il modulo deve inviare le informazioni a questo URL per consentirne la gestione corretta da parte di Blogger. Consigliamo l'utilizzo del metodo POST per l'invio, ma anche GET funziona se il gadget non contiene troppi dati.
widget.title:(facoltativo) il titolo specificato verrà visualizzato nella scheda Elementi pagina dell'utente quando modifica il proprio layout. Verrà inoltre visualizzato come parte del modello gadget predefinito. Il titolo non può essere più lungo di 100 caratteri e può contenere HTML strutturato correttamente.
widget.content: (obbligatorio) si tratta del contenuto effettivo del gadget, che sarà visualizzato sul blog dell'utente. Può contenere qualsiasi codice ben strutturato, ad eccezione dei tag e . Tuttavia, tieni presente che è necessario utilizzare caratteri di conversione, come nell'esempio riportato in precedenza (ad esempio diventa <a>).
widget.template: (facoltativo) per questa sezione occorre seguire le linee guida per i tag dei gadget. Puoi anche utilizzare tutti i tag dei dati disponibili a livello globale. Se non è specificato alcun modello, viene utilizzato per impostazione predefinita.
infoURL: (facoltativo) puoi utilizzare questo elemento per specificare una pagina del sito in cui viene descritto il gadget o che fornisce ulteriori informazioni su di esso. Verrà utilizzato come collegamento a ulteriori informazioni nella pagina delle impostazioni visualizzata dagli utenti quando aggiungono il tuo gadget.
logoURL: (facoltativo) puoi aggiungere l'URL di un'immagine in questo punto. L'immagine verrà visualizzata accanto al collegamento alle ulteriori informazioni e deve avere le dimensioni di un'anteprima (ad esempio, meno di 100x100 pixel).

Ora che abbiamo illustrato l'idea di base, diamo un'occhiata a un esempio più interessante.
<form method="post" action="http://beta.blogger.com/add-widget">

  <input type="hidden" name="infoUrl" 

     value="http://flickr.com"/>

     

  <input type="hidden" name="logoUrl" 

     value="http://www.flickr.com/images/flickr_logo_gamma.gif"/>

     

  <input type="hidden" name="widget.title" value="Cuccioli!"/>

  

  <textarea name="widget.content" style="display:none;">

  &lt;/a&gt;&lt;div id='flickr_badge_wrapper'&gt;

  &lt;script type='text/javascript' 

  src='http://www.flickr.com/badge_code_v2.gne?show_name=1&

  count=3&display=latest&size=t&layout=x&source=all_tag&

  tag=cucciolo'&gt;&lt;/script&gt;

  &lt;span id='flickr_badge_source_txt'&gt;Altre 

  &lt;a href='http://www.flickr.com/photos/tags/cucciolo/'&gt;

  foto su Flickr con il tag "cucciolo"&lt;/a&gt;&lt;/span&gt;

  &lt;br clear='all' /&gt;&lt;/div&gt;

  </textarea>

  

  <input type="hidden" name="widget.template" 

     value="&lt;data:content/&gt; />



  <input type="submit" name="go" value="Aggiungi foto di cuccioli"/>

</form>

In questo caso, siamo andati su Flickr.com per sfogliare le foto con il tag "cucciolo". Abbiamo quindi creato un badge di Flickr in modo da poter visualizzare sul nostro blog un flusso di foto recenti della raccolta. Di norma, prenderemmo semplicemente il codice del badge e lo inseriremmo in un gadget HTML/Javascript sul nostro blog per concludere l'operazione. Tuttavia, in questo caso abbiamo deciso di aiutare altre persone che possono voler fare la stessa cosa. Abbiamo quindi inserito il codice del badge nella sezione widget.content del modulo e abbiamo aggiunto il logo e il collegamento di Flickr. Ora chiunque può utilizzare questo modulo per aggiungere facilmente al proprio blog foto di cuccioli facendo semplicemente clic su un pulsante.

E questa è solo la punta dell'iceberg. Puoi progettare qualsiasi altra cosa desideri. Dai sfogo alla tua creatività, divertiti e goditi i risultati!

La guida di Blogger

Google Gadget Test - primo post e linea editoriale

In questo blog inserirò i nuovi gadget che da qualche mese sono stati messi a disposizione da Google per essere inseriti nei blog creati sulla sua piattaforma Blogspot.

Il blog non vedrà molti post, se non alcuni riguardanti i singoli gadget e discussioni ad essi correlate.

Cercherò il più possibile di tenere aggiornata la barra laterale con l'aggiunta dei gadget più recenti, la precedenza verrà data ai gadget in lingua italiana o che offrono servizi interessentati generalmente per gli italiani.

Ogni commento è ovviamente gradito!