Pannello di controllo per blogger

Una valida alternativa alla barra di navigazione in blogger può essere un pannello di controllo visualizzato all'interno della sidebar. In questo modo potrete tenere tutti i controlli principali di blogger a portata di click.

L'installazione di un pannello di controllo è molto semplice e richiede solo poche modifiche al Layout.

In primis dovrete scoprire qual è l'Id del vostro blog. Niente paura è tutto più semplice di quanto sembri.

Recatevi semplicemente in blogger, effettuate il log-in e selezionate il Layout del vostro blog. Verrete reindirizzati ad una pagina simile a questa:

Come potete ben vedere dall'immagine, l'ID del blog è ben visibile all'inteno della barra degli indirizzi.

Ora l'unica cosa che vi resta da fare è aggiungere alcune righe di codice al vostro modello.

Recatevi in Layout\Modifica Html, espandete i modelli widget e cercate la stringa:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Immediatamente prima inserite questo codice facendo attenzione ad inserire il vostro ID al posto della scritta IDdelBlog:

<span class='item-control blog-admin'>

<h2>Admin Control Panel</h2>

<a href='http://www.blogger.com/post-create.g?blogID=IDdelBlog'>Nuovo Post</a>

|

<a href='http://draft.blogger.com/blog-options-basic.g?blogID=IDdelBlog'>Impostazioni</a>

|

<a href='http://www.blogger.com/rearrange?blogID=IDdelBlog'>Modifica Layout</a>

|

<a href='http://www.blogger.com/html?blogID=IDdelBlog'>Modifica HTML</a>

|

<a href='http://www.blogger.com/moderate-comment.g?blogID=IDdelBlog'>Modera Commenti</a>

|

<a href='http://www.blogger.com/logout.g'>Log-out</a>

</span>

Salvate il tutto ed avrete così un comodissimo Pannello di controllo nella sidebar del vostro blog!

Traduttore per blogger

Ai tempi d'oggi avere un blog consultabile in lingue differenti rappresenta più una necessità anzichè una scelta personale. Ed è proprio per questo che mi è venuto in mente di creare un traduttore per blogger. Non sarà certamente perfetto ma può essere molto utile. Il tutto è stato possibile utilizzando la traduzione automatica offerta da google. Le lingue selezionabili sono 7: Italiano - Inglese - Francese - Spagnolo - Polacco - Tedesco - Portoghese.

Esempio:

Ecco una semplice spiegazione per l'installazione del gadget.

Il codice sorgente è questo:

<center>
<a href="http://www.lacameradeiblog.com">
<img src="http://img218.imageshack.us/img218/4981/italian.gif"/></a>
<a target="_blank" href="http://google.com/translate_c?hl=it&sl=it&tl=en&u=http://kamy22-blog.blogspot.com/">
<img src="http://img156.imageshack.us/img156/8438/englishce4.gif"/></a>
<a target="_blank" href="http://google.com/translate_c?hl=it&sl=it&tl=fr&u=http://kamy22-blog.blogspot.com/">
<img src="http://img131.imageshack.us/img131/6507/frenchvg4.gif"/></a>
<a target="_blank" href="http://google.com/translate_c?hl=it&sl=it&tl=es&u=http://kamy22-blog.blogspot.com/">
<img src="http://img149.imageshack.us/img149/4273/spagnary2.gif"/></a>
<a target="_blank" href="http://google.com/translate_c?hl=it&sl=it&tl=pl&u=http://kamy22-blog.blogspot.com/">
<img src="http://img138.imageshack.us/img138/7977/polishdb0.gif"/></a>
<a target="_blank" href="http://google.com/translate_c?hl=it&sl=it&tl=de&u=http://kamy22-blog.blogspot.com/"><img src="http://img239.imageshack.us/img239/2514/germanyflagnm3.gif"/></a>
<a target="_blank" href="http://google.com/translate_c?hl=it&sl=it&tl=pt&u=http://kamy22-blog.blogspot.com/"><img src="http://img149.imageshack.us/img149/7673/portugalex9.gif"/></a>
</center>
<p align="center"><a href="http://www.lacameradeiblog.com/2008/05/traduttore-per-blogger.html">Preleva</a></p>

Per installare il tutto all'interno del vostro blog selezionate e copiate questo codice in un documento vuoto (Blocco Note - Pagina Word).

Successivamente modificate le parti evidenziate in verde, sostituendole con l'indirizzo del vostro blog.

Ora non vi resta altro che copiare nuovamente il codice da voi modificato e inserirlo nel vostro blog.

Andate in Layout\Elementi pagna\ e poi successivamente Aggiungi un elemento pagina.
Spostatevi su HTML/JavaScript e selezionate Aggiungi a blog.

Incollate tutto il codice copiato precedentemente e salvate il tutto.

Ora viene la parte più importante:

Affinchè il tutto venga visualizzato correttamente dovete posizionare l'elemento Htmt\JavaScript sopra i post.

Etichette animate per blog

Lo script che vi presento oggi può essere invidiato da tutte le piattaforme, wordpress compresa.

Si tratta di Blogumus, un modo del tutto nuovo di presentare un elenco di etichette all'interno di un elemento del layout.

L'esempio che trovate qui in basso è stato prelevato da questa pagina: Blogumus.

L'installazione è molto semplice:

Recatevi in Layout/Modifica HTML, ricercate la stringa:

<b:section class='sidebar' id='sidebar' preferred='yes'>

e subito dopo incollatevi questo codice:

<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>

Avrete cosi un vostro elenco di etichette animate.

Le novità non finiscono qui. Infatti il codice può essere personalizzato in molti punti.

Le impostazioni predefinite sono:

Larghezza ed altezza rispettivamente a 240px e 300px (Successivamente in rosso e blu)


Colore di sfondo: bianco (verde)


Colore del testo: grigio (viola e non preceduto da "#")


Dimensione del testo: 12 (arancio)

Per apportare delle modifiche agite semplicemente sui punti evidenziati :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

so.addVariable("tcolor", "0x333333");

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>");

Ricordo inoltre che affinchè il tutto venga visualizzato correttamente serve avere la versione aggiornata di Adobe Flash Player.

Seo per blogger: Rimuovere il nome del blog

In parecchi mi avete inviato una richiesta su come sia possibile rimuovere il nome del blog d'avanti al titolo dei post negli indici di google.

Questo è un problema che può essere risolto facilmente grazie all'uso di un semplicissimo codice HTML.

Recatevi in Layout/Modifica HTML, cercate la stringa

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

e sostituitela con questo codice:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Il risulato finale dovrebbe essere questo:

N.B.

Affinchè i cambiamenti abbiano effetto all'interno degli indici dei motori di ricerca è necessario che trascorrano alcune setiimane.

How to remove the name of blog from the title of the post in the search engine

In several you sent to me a request on how to remove the name of blog from the title of the post in the search engine.

This problem can be solved easily thanks to the use of a simple HTML code.

You go in Layout/Edit HTML, search the code

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

and replace it with this:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

The final result should be similar to this:

N.B.

You must wait several weeks so that the changes take effect in the search engine.

Inserire sfondo nell'articolo

Qualche giorno fa mi è giunta richiesta su come sia possibile inserire uno sfondo all'interno dei post.

Bene per creare un' immagine di sfondo dovete utilizzare l'attributo "Background".

Inserite semplicemente questo codice Html all'interno del post:

---

<div style="background:url(url dell'immagine); width:larghezza in pixel dell'immagine; height:altezza in pixel dell'immagine; background-repeat:ripetizione dell'immagine;">

testo del post...

</div>

---

Gli attributi width e height sono facilmente personalizzabili:

es(widht:350px; height:200px;)

Ciò che richiede più attenizone è l'attributo background-repeat che si preoccupa della ripetizione dell'immagine. Le soluzioni possibili sono 3:

background-repeat:repeat-x - ripete l'immagine sull'asse delle x ovvero orizzontalmente


background-repeat:repeat-y - ripete l'immagine sull'asse delle y ovvero verticalmente


background-repeat:no-repeat - non ripete in alcun modo l'immagine

E' ovvio che con una maggiore conoscenza dell'Html si possono effettuare molte altre variazioni

How to insert a background in the post

Few days ago I received request on how to insert a background in the post.

Well to create a "background image", you have to use the attribute "Background".

Simply You have to put this Html code inside the post:

---

<div style="background:url(image url); width:imge width; height:image height; background-repeat:image repeat;">

content of the post...

</div>

---

The attributes ‘width’ and ‘height’ are easily customizable

exemple(widht:350px; height:200px;)

The thing that requires more attention is the attribute ‘background-repeat’ that is about the repetition of the image. There are 3 possible options:

background-repeat:repeat-x - repeats the image horizontally


background-repeat:repeat-y - repeats the image vertically


background-repeat:no-repeat - doesn't repeat the image

Obviously with a better and greater knowledge of the HTML, you can perform a lot of changes.

Chrome, il nuovo browser in casa Google, lancia la sfida ad Internet Explorer!

Con mio grande stupore ho notato l'ultima novità in casa Google. Stamane è stata rilasciata una versione Beta di Chrome, il nuovo browser di Google.

E' una notizia che stupisce e che preannuncia una nuova guerra in campo informatico:

Da una parte l'ormai affermato colosso di casa Redmond, Internet Explorer e dall'altra il nuovo gioiello di Mountain View. Per non parlare poi di Firefox, Opera e Safari.

La concorrenza di sicuro non manca ma, come sempre, Google è pronta a stupirci. Non a caso il suo motore di ricerca è il più utilizzato al mondo!

La casa di Redmond, a quanto pare, affronta la sfida a testa alta, sapendo che 7 persone su 10 utilizzano IE. Inoltre da qualche giorno è stata rilasciata la versione beta di IE8 scaricabile liberamente sul sito della Microsoft.

---

Chrome è disponibile solo per gli utenti Windows ma al più presto sarà rilasciato anche per tutti gli altri.

Dalle prime informazioni si comprende che è stato progettato per rendere più veloce, facile e sicuro l'accesso al Web con un design semplice ma innovativo. Inoltre ogni scheda è indipendente dalle altre. Qualora una si bloccasse, tutte le altre continueranno a funzionare senza blocchi o rallentamenti.





Ecco il link per prelevare la versione beta: Chrome (BETA)

Blog Award 2008

Salve visitatori della camera dei blog!

Da oggi ho deciso di istituire il Blog Award 2008, un premio assegnato ai migliori 4 blog nelle categorie:

1. Miglior Blog per i contenuti
2. Miglior Blog per la grafica
3. Miglior Blog per creatività
4. Miglior Blog per l'unicità

Potete iscrivere il vostro blog recandovi semplicemente alla pagina Blog Award 2008.

Le iscrizioni hanno inizio dall'ora di pubblicazione di questo post e termineranno il 17/10/2008.

Spero siate in tanti a partecipare.

I 4 vincitori potranno esporre l'award all'interno dei blog e saranno citati nella pagina principale della camera dei blog. Per maggiori informazioni consultate il sito dei Blog Award 2008.