REDAZIONE

Su Myblog.it potete aprire un blog collaborativo in modo da gestire a più mani il vostro blog. La funzionalità è molto comoda perché permette a più blogger di gestire uno stesso blog secondo diversi livelli di autorizzazione.

Ci sono tre livelli di autorizzazione:

1. Autore, può solo vedere le statistiche, inserire/modificare post e moderare/modificare commenti;
2. Autore senior, può fare tutto quello che fa il blogger creatore del blog tranne gestire le impostazioni generali del blog e cancellare il blog;
3. Amministratore, può fare tutto quello che fa il blogger tranne cancellare il blog su cui è stato invitato: ti consigliamo di concedere questo livello solo a blogger di fiducia ed esperienza.

Per aggiungere utenti al vostro blog, entrate nella sezione “Pannello di controllo > Autori”. In questa pagina trovate un form da compilare con Nome, E-Mail, Stato (Autore, Autore senior o Amministratore) e, se volete, una breve descrizione.

Gli utenti che riceveranno l’invito a gestire il vostro blog, non dovranno fare altro che cliccare sul link che troveranno nella email-invito. Se non sono ancora registrati a MyBlog.it verrà chiesto loro di effettuare una registrazione al sito.

Il trackback è un sistema che permette di far comunicare i blogger direttamente dal proprio blog.
Abilitando i trackback nel vostro blog, sotto ad ogni post verrà pubblicata la url di trackback specifica per quel post.

Un blogger che vuole commentare il vostro post non sul vostro blog, ma sul proprio, può pubblicare un nuovo post nel suo blog includendo la url di trackback del vostro post. In questo modo, sotto al vostro articolo apparirà il link al post che contiene il commento dell’altro blogger.
Gli interventi sui due Blogger saranno quindi linkati reciprocamente:

• sul blog del commentatore sarà presente la vostra url di trackback, che sta a significare qualcosa come "Sto parlando dell'articolo letto qui!";
• sul vostro blog, invece, appariranno le url dei post dei vostri commentatori, che stanno a significare "A questi link trovi chi sta parlando del mio post!".

Il meccanismo può risultare un po' complicato, ma usandolo vedrete che il funzionamento è facile e pratico.

Se invece volete commentare, riprendere, estendere, articolare meglio un post di un altro blogger che ha attivato i trackback, è sufficiente inserire la url di trackback del suo post cliccando sul link “Mostra opzioni avanzate (commenti, trackback)” nell'editor dei post.

Su Myblog.it, i trackback sono attivabili e configurabili dalla sezione “Post > Opzioni”.
Impostando la voce “Cerca automaticamente i trackback” sul “Si” i trackback inseriti sul vostro blog andranno automaticamente online, sul “No” avranno prima bisogno della vostra autorizzazione. Inoltre, avete anche la possibilità di chiudere i trackback dopo un periodo di tempo a vostra scelta dalla data di pubblicazione del post.

Per gestire i trackback ricevuti (modificarli, eliminarli o moderarli) vi basta andare nella sezione “Post > Tutti i commenti".

In questo tutorial vi mostriamo come personalizzare la TagCloud, modificando la grafica e il numero di tag da visualizzare.

Per prima cosa andate nella sezione “Presentazione > Contenuto delle barre laterali di navigazione” e cliccate sul link “Aggiungi un testo” che trovate in fondo alla pagina.Nella finestra che si apre incollate il seguente codice:

 {tags assign="tag" from="0" limit="20" shuffle="shuffle" 
 popular="popular"} {if $tag.first}<div id="box-populartags" 
 class="box-decorator1"><div class="box-decorator2">
 <div class="box-decorator3"><div class="decorator1">
 <div class="decorator2"><h2>{t}Popular tags{/t}</h2>
 <br /></div></div><div class="boxcontent-decorator1">
 <div class="boxcontent-decorator2">
 <div class="boxcontent-decorator3">
 <ul class="popular-tags">{/if}<li>
 <a style="font-size: {$tag.tagcount|tofontsize};" 
 href="{$blog.url}tag/{$tag.name|urlencode}">
 {$tag.name|truncate:50:"..."}</a></li> {if $tag.last}</ul> 
 </div></div></div> </div></div></div>{/if}{/tags}     

Inserite un titolo e selezionate “No” sia alla voce “Visualizza il nome dell’oggetto” che  alla voce “Centra”, come si vede nell’immagine.

Clicca sull’immagine per ingrandirla.

Nella prima riga di questo codice trovate l’attributo limit="20".
20 è il numero di tag visualizzate, ma potete sostituirlo con un altro numero a vostro piacimento.

Salvate l’elemento e pubblicatelo in una delle colonne laterali.
Se ora andate nel vostro Blog, non vedrete un grande cambiamento nella tag cloud poiché non avete ancora modificato i suoi attributi nel Foglio di stile.

Quindi, andate nella sezione “Presentazone > Opzioni avanzate” e cliccate sul link “Modifica modello” del Foglio di stile.

Quello che vogliamo fare è:

1. aggiungere un bordo tratteggiato attorno ad ogni tag per definirle meglio e renderle più riconoscibili;
2. al passaggio del mouse la tag deve evidenziarsi, lo sfondo deve diventare di colore rosso e il testo bianco.

Vediamo in dettaglio il codice CSS che dovrete inserire nel Foglio di stile.

     ul.popular-tags li {
     line-height:35px;
     margin: 0px;
     }     

Dove:

• line-height:35px; definisce lo spazio tra una riga e l’altra;
• margin: 0px; definisce lo spazio tra una tag e l’altra in orizzontale.

     ul.popular-tags li a{
     padding:5px;
     border:1px dashed;
     }     

Dove:

• padding:5px; definisce lo spazio tra il testo e il bordo di ogni tag;
• border: 1px dashed; aggiunge il bordo tratteggiato di un 1 pixel attorno alle tag.

Noi abbiamo utilizzato un bordo tratteggiato definito dashed, ma potete utilizzare un bordo diverso.
Il bordo può essere:

No border.

Questo è un bordo dotted.

Questo è un bordo solid.

Questo è un bordo double.

Questo è un bordo groove.

Questo è un bordo ridge.

Questo è un bordo inset.

Questo è un bordo outset.

Questo è un bordo hidden.

     ul.popular-tags li a:hover{
     color: #FFF;
     background-color: red;
     padding:5px;
     }     

Dove:

• color: #FFF; definisce il colore del testo delle tag quando si passa sopra con il mouse. In questo caso #FFF è il valore esadecimale del colore bianco. Per conoscere i valori esadecimali degli altri colori potete utilizzare questo sito.
• background-color: red; defiinisce il colore di background che viene mostrato al passaggio del mouse su una tag;
• padding:5px; definisce lo spazio tra il testo e il bordo di ogni tag.

Potete modificare a vostro piacimento  tutti gli attributi che abbiamo visto. Di seguito trovate il codice completo da incollare nella colonna destra del Foglio di stile:

     ul.popular-tags li {
     line-height:25px;
     margin: 0px;
     }
      
     ul.popular-tags li a{
     padding:2px;
     border:1px dashed;
     }
      
     ul.popular-tags li a:hover{
     color: #FFF;
     background-color: red;
     }     

Buon lavoro!

Ciao Myblogger!
Si aprono oggi le votazioni per il BlogFest 2010 che, come saprete già :), si terrà a Riva del Garda il prossimo 25 settembre. Votando potreste portare alle nomination il vostro blog, blogger o la vostra community preferita e chissà… magari  riuscire a vederli vittoriosi sul podio!!!

Nell’attesa che le votazioni si chiudano (ricordiamo che l’ultimo giorno utile è il 24 settembre), vi diamo un assaggio di quanto è successo nella scorsa edizione mostrandovi dunque alcune dei vincitori delle rispettive sezioni. La tabella qui di seguito riporta i 5 nominati per ogni categoria, i voti ottenuti e la percentuale degli stessi sul totale.

Come vedete, la varietà non manca e il numero dei voti testimoniano il successo della scorsa edizione e l’impegno degli utenti nel supportare i propri beniamini. Trovate una lista completa dei vincitori di tutte le categorie a questo indirizzo.

Nell’attesa di conoscere la lista dei nomi migliori della Rete per l’anno 2010, non ci resta che ricordarvi di votare, votare e votare per vedere magari trionfare uno dei Myblogger!

Come sempre, ci vediamo al Blogfest 2010!!!

Per tutti coloro che dopo aver votato, si staranno chiedendo come arrivare al Blogfest giusto in tempo per la premiazione (:)) o semplicemente per tutti quelli che non vogliono perdere l’appuntamento con l’evento,  eccovi una serie di utile indicazioni per raggiungere Riva del Garda.
La città è ben collegata con la rete ferroviaria e autostradale nonché con gli aeroporti. E’ possibile arrivare anche via battello. Per cui non ci sono scuse per gli assenti! ;)

A Riva del Garda in aereo

Aeroporto di  Verona – Villafranca (Valerio Catullo):

- Dall’aeroporto di Verona: servizio di collegamento autobus A.P.T.V. ogni 20 min. con la stazione dei treni e degli autobus di Verona (tempo di percorrenza 15 min). Da lì si può prendere un autobus A.P.T.V. per Riva (2 ore) oppure un treno per Rovereto (50 min) e quindi un autobus Trentino Trasporti per Riva (45 min).

Aeroporti di  Bergamo (Orio al Serio) e Montichiari – Brescia (Gabriele D’Annunzio):

- Dall’aeroporto di Bergamo: servizio di bus navetta ogni 20 min. con la stazione dei treni (Zani 035 678611) oppure servizio autostradale con bus fino a Brescia (035 318472)
- Dall’aeroporto di Montichiari – Brescia: servizio di airpullman per la stazione dei treni e degli autobus di Brescia (solo 4 o 5 al giorno).

Aeroporti di  Venezia (Marco Polo) e Milano (Linate e Malpensa):

- Dall’aeroporto di Milano Linate: servizio autobus ogni 30 min. per la Stazione Centrale di Milano (tempo di percorrenza circa 25 min.).
- Dall’aeroporto di Milano Malpensa: servizio airpullman ogni 20 min. che porta in Stazione Centrale (tempo di percorrenza circa un’ora), oppure un trenino (Malpensa Express) ogni 30 min. porta alla Stazione Nord-Cadorna di Milano (40 min.).
- Dall’aeroporto di Venezia: collegamento ogni 30 min. di airpullman e di autobus di linea per le stazioni dei treni di Mestre e Venezia.


A Riva del Garda in auto

Per chi desidera raggiungere il Garda trentino in auto la via più veloce è l’Autostrada A22 (Modena – Brennero). L’uscita consigliata è quella di Rovereto Sud – Lago di Garda Nord che dista da Riva 17 km; provenendo da nord è possibile uscire anche a Trento Centro e proseguire poi per Riva del Garda lungo la SS 45b per circa 40 km.
Da Brescia si arriva a Riva del Garda (80 km) percorrendo la Gardesana Occidentale (SS 45 bis); il tratto tra Gargnano e Riva è piuttosto stretto e con molte gallerie. La Gardesana Orientale (SS 249) è più larga e scorrevole, durante la stagione turistica possono però verificarsi rallentamenti dovuti al traffico.


A Riva del Garda in bus

Per raggiungere il Garda trentino in autobus ci sono collegamenti diretti da Trento e Rovereto (Autobus Trentino Trasporti); da Verona e Desenzano (Autobus A.P.T.V.); da Brescia e Milano (Autobus S.I.A.) e durante l’estate (da metà giugno a fine settembre) anche da Venezia (Autobus A.P.T.V.) (dal lunedì al venerdì una sola corsa: Riva h 7.00 – Venezia h 10.30 / Venezia h 17.15 – Riva h 20.20).

A Riva del Gard…navigando

Da Desenzano e Peschiera c’è anche la possibilità di prendere un battello della Navigarda con scalo a Torbole e Riva (tempo di percorrenza: circa 4 ore), oppure un aliscafo della Navigarda con scalo a Riva (circa 2 ore). La soluzione più veloce è Peschiera + Bus A.P.T.V.

A Riva del Garda in Treno

Per chi arriva in treno, la stazione ferroviaria più vicina è Rovereto (linea del Brennero) a 20 km da Riva del Garda. Un servizio autobus Trentino Trasporti collega Rovereto con Torbole, Riva e Arco.
Per chi viene  - in treno - da Milano o Venezia c’è la possibilità di scendere alle stazioni di Desenzano, Peschiera o a Verona. Da qui si possono prendere gli autobus dell’ A.P.T.V. in direzione Riva.
Per finire, qualche numero utile per le informazioni di rito.

Ci vediamo al Blogfest!!!

Da  qualche parte in Rete si legge che oggi è la giornata dei blog, per cui quale migliore occasione di questa per parlare nuovamente del Blogfest 2010!?

La manifestazione che va avanti ormai da alcuni anni raccoglie tutto quello che in Italia “gravita attorno alle community della Rete, che abbiano origine dai blog, da Facebook, da Twitter, dalle chat e dai forum e da qualsiasi altra forma sociale di comunicazione”.
Conferenze, installazioni, dibatti, tutte occasioni pensate per riunirsi, incontrarsi, discutere, parlare con e dei protagonisti della Rete.

Dopo avervi presentato l’evento con un sondaggio, vediamo di entrare nel vivo parlandovi dell’imminente apertura delle votazioni per le nomination.
Come per le precedenti edizioni, anche questa volta è possibile votare i proprio blog preferiti e fare in modo che con la propria preferenza i nostri beniamini possano arrivare a concorrere per uno degli ambiti titoli (miglior blog, miglior blogger, ecc.)
Si  vota tramite l’apposito form di Google Doc che potete includere nel vostro blog attraverso il seguente codice:

          <iframe src="https://spreadsheets.google.com/embeddedform?
          formkey=dEJ3WHRWX2VGUVY5eVVrc1hnbkp6bXc6MQ" width=
          "760" height="5777" frameborder="0" marginheight="0"
          marginwidth="0">Sto caricando la scheda…</iframe>          

Oppure utilizzare un pulsante che linka al form e testimonia la vostra adesione all’evento. Di seguito il codice per la creazione dell'oggetto da inserire nella barra laterale secono la procedura ormai nota (dal pannello di gestione: "presentazione> contenuti della barra laterale > aggiungi html/javascript" - inseriamo come titolo "Blogfest 2010: Votami!" - per il successivo inserimento in colonna):

          <br><a href="http://www.macchianera.net/2010/07/26/
          mba-macchianera-blog-awards-2010-1-il-red-carpet/
          #more-16010" target="_blank">
          <img src="http://www.macchianera.net/wp-content/
          uploads/2010/07/logoblogfest2010.png" title="BlogFest 2010:
          Votami!" border="0" width="70" height="132" /></a></br>          

Le votazioni partiranno il 2 settembre e si concluderanno venerdì 24 settembre, un giorno prima della cerimonia di premiazione che avrà luogo nel corso della BlogFest, a Riva del Garda, nella serata di sabato.

Non c’è tempo da perdere! Teniamoci pronti! Il BlogFest 2010 è alla porte!!!

Cari MyBlogger,

come vi sarete accorti, c'è qualche problema con l’accesso alla nostra piattaforma.

Ci teniamo a rassicurarvi sul fatto che siamo a lavoro con il massimo impegno per ripristinare la corretta funzionalità e restituirvi quindi il piacere di tornare a scrivere su MyBlog.

La Redazione

Cari MyBlogger,

oggi vi mostriamo come inserire il bottone “Condividi” di Facebook all’interno dei post del nostro blog.

Ma prima cerchiamo di capire che differenza c’è tra il bottone “Mi piace” e il bottone “Condividi”.

Il bottone “Mi piace” o “iLike” visualizza sul nostro blog un bottone che già conoscete:

Una volta cliccato, mostrerà sul nostro profilo di Facebook un semplice testo con link come questo:

ma se lasciamo il mouse sopra il bottone, dopo pochi secondi apparirà un tooltip proprio come questo:

che dà la possibilità di pubblicare sul nostro profilo un mini post con immagine allegata dando, in questo modo, maggior visibilità ai nostri post del blog:

Il bottone “Condividi” o “Share”, invece, offre soltanto questa seconda possibilità: cliccandoci sopra pubblicherà un mini post nel nostro profilo di Facebook.

Ora la domanda è: quale dei due bottoni è meglio inserire?

La differenza non è grande, entrambi permettono di condividere dei link con i nostri amici, sta quindi a voi decidere quale si implementa meglio con la tipologia del vostro blog e l’esperienza di navigazione dei vostri lettori. Il primo è dedicato a tutti gli utenti, sia a quelli esperti che non, e permette due tipologie di condivisione, testuale e grafica, il secondo bottone invece obbliga a condividere il vostro post solo in modo grafico rendendolo quindi più visibile a tutti.

Non sapete scegliere? Inseriteli entrambi! :)

Come inserire il bottone “Condividi”

Dal pannello di gestione del blog entriamo nella sezione “Presentazione > Opzioni avanzate”. A questo punto cerchiamo in tutte e 4 le seguenti pagine:

- Modello della home-page

- Modello della pagine di link permanente

- Modello della pagina categoria

- Template tags

questa riga di codice:

        <h3 id="p{$post.iteration}">
        <span>{$post.title}</span></h3>            

e subito dopo incolliamo il seguente codice:

a) se volete il bottone verticale

          <!-- INIZIO FACEBOOK BOTTONE CONDIVIDI --> 
          <br><a name="fb_share" type="box_count" share_url=
          "{$post.permalink}" href="http://www.facebook.com/sharer.php">
          Condividi</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.
          Share " type="text/javascript"></script><br><br><br><br><br> 
          <!-- FINE FACEBOOK BOTTONE CONDIVIDI -->            

b) Se invece volete il bottone orizzontale

          <!-- INIZIO FACEBOOK BOTTONE CONDIVIDI --> 
          <br><a name="fb_share" type="button_count" share_url=
          "{$post.permalink}" href="http://www.facebook.com/sharer.php">
          Condividi</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.
          Share" type="text/javascript"></script><br> 
          <!-- FINE FACEBOOK BOTTONE CONDIVIDI -->            

Salvate le modifiche effettuate e troverete nel vostro Blog il nuovo bottone “Condividi”.

Buon lavoro!

Cari MyBlogger,

dopo il tutorial che mostra come inserire il bottone iLike di Facebook nel Blog, sono arrivate molte richieste per inserire anche il bottone di Google Buzz, il social network di Google, per dare un’altra possibilità ai vostri lettori di condividere i contenuti del vostro blog e, per voi, di capire anche in quanti lo cliccano.

Il procedimento da seguire è lo stesso del bottone iLike, cambia soltanto il codice da inserire, ma vediamo passo dopo passo cosa dobbiamo fare.

Dal pannello di gestione del blog entriamo nella sezione “Presentazione > Opzioni avanzate”. A questo punto dobbiamo rintracciare in tutte e 4 le seguenti pagine:
-    Modello della home-page
-    Modello della pagine di link permanente
-    Modello della pagina categoria
-    Template tags

questa riga di codice:

    <h3 id="p1"><span>{$post.title}</span></h3>    

Subito dopo inseriamo il seguente codice:

a) se volete il bottone verticale

  <a href=http://www.google.com/buzz/post class="google-buzz-button" 
  title="Google Buzz" data-message="Here’s Buzz!" 
  data-url="{$post.permalink}"  data-locale="en" data-button 
  style="normal-count"></a><script type="text/javascript" 
  src="http://www.google.com/buzz/api/button.js"> </script>    

b) se volete il bottone orizzontale

  <a href=http://www.google.com/buzz/post class="google-buzz-button" 
  title="Google Buzz" data-message="Here’s Buzz!" 
  data-url="{$post.permalink}" data-locale="en" data-button 
  style="small-count"></a><script type="text/javascript" 
  src="http://www.google.com/buzz/api/button.js"></script>    

Qui di seguito uno screenshot per mostrarvi il processo di modifica:

Salvate le modifiche, andate nel vostro Blog e vedrete subito il nuovo bottone all’interno di ogni post. Buon lavoro!

Siamo finalmente online con Myblog.it, i nuovissimi blog di Alice. Un grandissimo grazie a tutti i blogger che hanno pazientato a lungo aspettando questo momento.

Applausi anche a tutti quanti hanno collaborato a questo progetto. 

Adesso comincia il bello :-)