01/01/2011

Buon 2011!

 

2011-myblog.jpg

Dalla Redazione di MyBlog.it, un felice anno nuovo!

 

09:22 Scritto da: myblog.it in blog life | Link permanente | Commenti (2) | Trackback (0) | Segnala | Tag: redazione, myblog, buon anno, 2011 | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

09/07/2010

Inserire la message box nel menù orizzontale

MyBlog_Marco.jpgCiao MyBlogger!

Avete appena aggiornato il vostro Blog inserendo un menu orizzontale,  al quale avete aggiunto anche il motore di ricerca e adesso volete anche che i visitatori del vostro blog possano contattarvi in modo diretto e veloce grazie ad un link nel vostro nuovo menù orizzontale? E allora facciamolo! :) (oggi c’è ilarità in redazione).

Il metodo più veloce è quello di inserire nel vostro menu orizzontale il link alla Message Box.
Se non lo avete ancora fatto pubblicate in una delle colonne del vostro Blog il modulo “C6 Messenger”: entrate nella sezione “Presentazione > Contenuto delle barre laterali di navigazione” e cliccate sul link “Aggiungi alla barra di navigazione” che trovate a destra di “C6 Messenger” e salvate le modifiche.

c6messenger.jpg

Aprite il vostro Blog e cercate nella colonna in cui lo avete pubblicato il modulo di “C6 Messenger”:

modulo_contattami.jpg

Con il tasto destro del mouse cliccate sul bottone “Contattami”. Si aprirà un menù a tendina, cliccate su “Copia indirizzo” se utilizzate Firefox e su “Copia collegamento” se utilizzate Internet Explorer.
Aprite un programma di testo ed incollate il link appena copiato, salvatelo e tenete il file da parte, ci servirà tra poco. (A questo punto potete rimuovere il modulo “C6 Messenger”).

Ora, all’interno delle pagine del template (in ognuna delle 5 sezione viste nel precedente tutorial – link -), cercate il codice che rappresenta il vostro menu orizzontale e aggiungete una nuova voce del menu.
Potete inserire un semplice testo oppure un’immagine, l’importante è che incolliate la url della vostra Message Box al suo interno.

Esempio: voce di menu in formato testuale:

       <a class=”menu_orizzontale” 
href=http://URL_C6Messanger>Contattami!</a>
voceMenu_testuale.jpg

Esempio: voce di menu in formato grafico:

    <a class=”menu_orizzontale” href=http://URL_C6Messanger>
<img src=http://URL_dell’immagine alt=”Scrivimi!”></a>
voceMenu_grafica.jpg


Salvate le modifiche et voilà!

Buon lavoro!

11:14 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (2) | Segnala | Tag: message box, myblog, redazione, tutorial, menù orizzontale | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

06/07/2010

Come ti aggiungo il Profile Widget di Twitter

MyBlog_Marco.jpgCiao MyBlogger!

Continuiamo a parlare - seppur a qualche settimana di distanza - di social network e della loro integrazione con i nostri blog. Per tutti coloro che li avessero persi, vi rimandiamo ai singoli post in cui abbiamo spiegato l’importanza di una strategia social di ampio respiro che trasformi Facebook, piuttosto che Twitter, nei migliori strumenti di promozione per le nostre fatiche letterarie.

Oggi vedremo come inserire una bacheca che aggiorni i nostri visitatori circa il nostro operato su Twitter.

Raggiungiamo la sezione goodies e procediamo alla personalizzazione del profile widget.

 

foto 1.jpg
Abbiamo 4 aree da dover gestire. Niente di impegnativo, sia chiaro :)
  1. In corrispondenza della voce settings ci viene chiesto di inserire il nick name del profilo Twitter che vogliamo collegare.
  2. In preferences possiamo decidere – tra le varie possibilità – di far apparire una barra per lo scroll dei tweets, quanti tweets caricare  e con quale frequenza, se far apparire l’avatar, l’ora del post e l’hastag (parola preceduta dal simbolo # - utile per le ricerche su Twitter).
  3. In appareance scegliamo semplicemente il colore della nostra bacheca potendo intervenire praticamente su tutto (colore dei link, dello sfondo, della shell e del testo, colore dei post).
  4. Infine, in dimension – scusate la banalità :) - impostiamo le dimensione della shell (potendo anche optare per un ridimensionamento automatico).
Una volta finito, clicchiamo sul pulsante “Finish & Grab Code” per ottenere il codice da copiare. Copiamolo e torniamo su MyBlog.
foto 2.jpg
A questo punto, non ci resta che fare come sempre: dal pannello di gestione del blog, seguiamo “presentazione>contenuto delle barre laterali”, scorriamo la pagina fino in fondo e clicchiamo su “Aggiungi html/Java Script”.
fot 3.jpg
Inseriamo un nome per l’oggetto, incolliamo il codice, scegliamo se visualizzarne il titolo e interveniamo sulla centratura. Salviamo.
Troveremo il nuovo elemento nella lista con tutti gli altri già presenti. Aggiungiamolo alla colonna. Posizioniamolo come meglio ci piace e clicchiamo sul pulsante “aggiorna questi dati”.
Se tutto è andato per il meglio, il risultato sarà questo:
foto 4.jpg

Nel nostro caso, abbiamo impostato come dimensioni del widget "300x300" che è il settaggio  ideale per un blog a doppia colonna. Se il vostro blog ha tre colonne, ricordatevi di ridurre le misure (impostate una larghezza massima di 150pixel). E' inoltre possibile scegliere il ridimensionamento automatico del widget (punto 4). Tuttavia, in una colonna da 150pixel,  tenete presente che il risultato sarà comunque al limite della leggibilità.

Come detto, la bacheca mostrerà ciclicamente tutti i nostri nuovi tweets. Se abbiamo impostato il blog per l’aggiornamento automatico di Twitter e abbiamo scelto di utilizzare il social solo come un archivio di feed dei nostri post, avrà poco senso mantenere di fatto un “clone” che poco aggiungerà all’offerta di contenuti per i nostri followers.

Se, al contrario, Twitter è usato come un strumento che integra il blog (usato - ad esempio - per inserire  link ad argomenti trattati da altri myblogger, link a news di Virgilio o sempicemente tweet personali), la bacheca potrà aggiungere un ulteriore valore al nostro blog.

Insomma, si tratta di pensare strategicamente. E ora di corsa a provare questo nuovo widget! :)

 

16:58 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (2) | Segnala | Tag: twitter, redazione, myblog, tutorial, profile widget | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

01/07/2010

Come ti aggiungo il tasto "stampa"

MyBlog_Marco.jpg

Ciao MyBlogger!

oggi vediamo di dare finalmente una risposta concreta a quanti ci hanno più volte chiesto l’attivazione della funzione print per trasferire su carta le nostre fatiche letterarie.

 

Vediamo come intervenire.

 

Per inserire il bottone Stampa all’interno di un post,  dobbiamo modificare i template che contengono il post singolo, ovvero:

- Modello della pagine di link permanente;

- Modello della pagina dei commenti.

foto1.jpg
Raggiungiamole seguendo il percorso “Presentazione>opzioni avanzate” e inseriamo per entrambi  tra le tag <head> ed </head> il seguente codice:

 <script type="text/javascript" 
src="http://scripts.xoom.it/scripts/jquery.js">
</script>
<script type="text/javascript"
src=" http://scripts.xoom.it/scripts/jqprint.js">
</script>

Decidiamo adesso dove inserire il bottone “Stampa” all’interno dei post e incolliamo (sempre per entrambi i template) il seguente codice:

 <input id="PrintVocab" value="Stampa questo post" 
type="button" />

Noi consigliamo di posizionare il pulsante o subito sotto al titolo, quindi dopo questa riga:

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

o prima del footer, quindi prima di questa riga:

 <div class="postbottom"></div>        

Ora non ci resta che decidere quale sezione del blog stampare e inseriamo il seguente codice (come sempre per entrambi i template segnalati):

 <div id="divToPrint" align="left">
Sezione del post che vogliamo stampare
</div>

Noi consigliamo di stampare la sezione del post che va dalla data all'inizio del footer del post, in questo modo stampiamo: data, titolo e contenuto del post.

 

foto2.jpg
Quindi devono cercare nel post il seguente codice:
 <h2 class="date"></h2>        

Una riga prima aggiungiamo:

 <div id="divToPrint" align="left"><h2 class="date"></h2>        

Ora cerchiamo:

 <div class="postbottom"></div>        

Una riga prima aggiungiamo il "div" di chiusura:

 </div>
<div class="postbottom"></div>

Fatto! Siamo ora in grado di stampare tutti i contenuti che vogliamo (con moderazione, c’è un pianeta da salvare :D ).

10:57 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Segnala | Tag: ajax, javascript, stampa, print, redazione, myblog, virgilio | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

24/06/2010

Come aggiungere il videowall di DailyMotion

MyBlog_Marco.jpgCiao MyBlogger!

Oggi vediamo come arricchire l’offerta di contenuti dei nostri blog.

Chi si occupa di cinema, o si appassiona di musica o chi più semplicemente ha un account su Dailymotion può infatti trovare interessante includere un accattivante videowall che offra ai propri follower un motivo in più per fermarsi sulle nostre pagine.

Addentriamoci subito nella parte pratica.

Per prima cosa, raggiungiamo la sezione strumenti di Dailymotion per impostare il nostro videowall.

foto1.jpg
SCEGLIAMO LA FONTE: decidiamo per prima cosa da dove attingere i video da mostrare sfruttando una delle due macro opzioni:
  1. Menù a tendina per creare il wall partendo da una lista Dailymotion o dai canali (noi in questo esempio abbiamo scelto di usare il canale “giochi”);
  2. Inserire l’url di un profilo Dailymotion:  se abbiamo un profilo personale, possiamo benissimo inserire il nostro per mostrare la nostra selezione video.
SCEGLIAMO LE DIMENSIONI: in un blog a due colonne (colonna laterale da 300px), un wall 2x6 dovrebbe essere la migliore soluzione.
IMPOSTIAMO IL LAYOUT: dal pannello di controllo possiamo decidere la spaziatura (tra un video e l’altro); la posizione del logo (noi abbiamo deciso di visualizzare il logo Dailymotion in alto nella colonna); le impostazioni quali scorrimento, zoom, ombreggiature, ecc. (noi le abbiamo selezionate tutte, giusto per non farci mancare nulla :D ).
Terminate queste operazioni, non ci resta che cliccare sul pulsante “genera il codice” per ottenere quanto ci serve per il nostro MyBlog.
foto2.jpg

Copiamo il codice e  raggiungiamo il pannello di gestione di MyBlog. Seguiamo il percorso “Presentazione > Contenuto delle barre laterali di navigazione”. Scorriamo la pagina fino in fondo e clicchiamo su “aggiungi html/javascript”. Nella finestra che si aprirà, inseriamo un titolo (noi abbiamo scelto Videowall Giochi), incolliamo il codice, scegliamo le impostazione preferite (mostrare il titolo, centratura) e salviamo.

 

foto3.jpg

A questo punto non ci resta che inserire il nuovo elemento nella barra laterale e selezionare la sua posizione all’interno della lista degli elementi della colonna e aggiorniamo i dati.

 

foto4.jpg

Se tutto è andato bene, questo sarà il risultato:

 

foto5.jpg

Bene. Ora tocca a voi! :D

 

 

 

11:42 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (4) | Segnala | Tag: videowall, myblog, redazione, dailymotion | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

21/06/2010

Come ti ordino gli abum fotografici

Cari MyBlogger,

oggi cerchiamo di razionalizzare meglio lo spazio dei nostri blog in vista di una fruizione più ordinata. Come più volte abbiamo detto, e chi segue i nostri tutorial  lo sa bene, i fattori capaci di determinare il successo delle nostre pagine  sono diversi e tra questi c’è di certo una buona usabilità ed una immancabile ottimale organizzazione delle informazioni che proponiamo.

Nello specifico, oggi  ci occupiamo di riorganizzare la visualizzazione degli album fotografici. Secondo l’impostazione di default del blog, gli album  - fino ad un massimo di 100 - vengono visualizzati in colonna secondo il sistema  “anteprima-titolo” portando alla potenziale generazione di pagine estese (verticalmente) e di certo uno scroll infinito non offre  ai nostri visitatori una migliore fruizione.

Vediamo come porre rimedio.  L’idea è quella di raggruppare gli album formando una griglia (vedi foto in allegato) piuttosto che un lungo elenco.

foto 1.jpg

 

La procedura è semplice.  Si tratta di rimuovere dalla relativa colonna, gli album esistenti e poi di creare un nuovo oggetto in cui inserire l’apposito  codice per raggruppare gli elementi fotografici.

Per il primo passaggio, dal pannello di gestione del blog raggiungiamo “Presentazione>Contenuto delle barre laterali” e con i relativi tasti “x” rimuoviamo gli album.

foto 2.jpg

Dalla medesima posizione,  scorriamo la pagina fino in fondo e clicchiamo su “aggiungi un testo”. Si aprirà una nuova finestra in cui inseriamo il titolo del nuovo oggetto (noi abbiamo scelto “Gallery”) e il seguente codice:

 {photosalbums assign="album" from="0" limit="12"}
{if $album.first}{/if}
<a title="{$album.photosalbum_title}"
href="http://admin.blog.virgilio.it/admin/posts/{$album.url}">
<img src="http://admin.blog.virgilio.it/admin/posts/
{$album.thumbnail}"
alt="{$album.photosalbum_title}" border="0" />
{if $album.last}{/if}
{/photosalbums}
Abilitiamo la visualizzazione del nome e la centratura dell’oggetto. Usate l’immagine di seguito come riferimento.
foto 3.jpg
Nel codice appena visto, la sezione:

{photosalbums assign="album" from="0" limit="12"}{if $album.first}{/if}
serve ad organizzare gli album per gruppi di 12. In base alla larghezza della nostra colonna (che cambia a seconda che si sia scelto un template a due colonne o a tre), la griglia generata si organizzerà di conseguenza secondo un modello 4x3 o 6x2. Ovviamente possiamo scegliere valori inferiori al 12 qualora avessimo meno album a disposizione, o anche superiori (a seconda delle nostre esigenze).
Infine, notate che il titolo dei singoli album adesso appare passando con il mouse sopra la relativa preview.
Bene, direi che adesso tocca a voi. Subito al lavoro sulla sezione fotografica! :D

17:58 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (2) | Segnala | Tag: album, myblog, redazione, tutorial | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

17/06/2010

Come aggiungere l'iLike Box di Facebook

Cari MyBlogger,

facciamo progredire il discorso sui social network con questo nuovo tutorial che segue idealmente quello relativo al tasto iLike di Facebook. In questo caso, vedremo come inserire nel nostro blog un box iLike che visualizza gli avatar degli utenti che su Facebook sono nostri follower (ovvero che hanno cliccato sul pulsante  iLike della nostra pagina).

La prima cosa da fare, per chi  lo avesse eventualmente  perso,  è andare a leggere il tutorial che parla di integrazione con le piattaforme social come strumento di promozione dei nostri blog (Promuovi il blog con la pagina fan di Facebook). Rispetto al post, è necessario sottolineare che, a seguito di una serie di cambiamenti che hanno interessato Facebook - tutti successivi alla data di pubblicazione del tutorial -la pagina fan è diventata adesso una pagina iLike. Qui non ci addentriamo nello specifico della questione. Di base, per gli utenti “normali” è cambiato poco.

Detto questo, diciamo subito che per  trarre vantaggio a questa lettura, è necessario che abbiate aperto una pagina iLike (ovviamente, per coerenza la pagina deve essere “dedicata” al vostro blog: MyBlog Café, ad esempio, è la pagina Facebook del blog della Redazione).

Vediamo di occuparci adesso dell’aspetto pratico.

Per prima cosa, eseguiamo il login su Facebook e raggiungiamo la nostra pagina iLike. Prendiamo dunque nota del codice numerico visualizzato nell’url (nella foto abbiamo evidenziato il codice della pagine MyBlog Café. Ogni pagina ha un codice diverso, per cui sta a voi prendere il vostro).

facebook1.jpg
A questo punto, accediamo alla sezione plug-in e nello specifico alla sezione dedicata all’iLike box cliccando qui:
facebook2.jpg
Procediamo alla compilazione del box.
Nella voce Facebook ID Page inseriamo il codice della pagina che abbiamo precedentemente annotato.
In Width inseriamo come valore 150 (se  il nostro blog ha una struttura a tre colonne) o 300 (se la struttura è a due colonne).
In Connections indichiamo in numero max di utenti visualizzati (possiamo lasciare 10 come  valore di default).
Decidiamo inoltre se abilitare o meno Show stream (preview dei post pubblicati sul wall Facebook) ed Header (per visualizzare o meno la scritta “Find us on Facebook”). Noi  le abbiamo disabilitate.
Clicchiamo sul pulsante  “get code”  e  copiamo il codice del box iframe. Clicchiamo su “done” e lasciamo Facebook per dirigerci sul nostro MyBlog.
facebook3.jpg
Su MyBlog, dal pannello di gestione raggiungiamo “Presentazione> Contenuto delle barre laterali”, scorriamo la pagina fino in fondo e clicchiamo su Aggiungi html/Javascript code.
facebook4.jpg
Nella finestra che si sarà aperta, copiamo il codice ottenuto da Facebook (box iFrame) , inseriamo un titolo (noi abbiamo inserito MyBlog Facebook Page), scegliamo di visualizzare il nome dell’ oggetto,  la centratura dell’elemento e salviamo.
facebook5.jpg
Nel codice notate che abbiamo modificato l’altezza del box. Impostate per entrambi i valori “height” un minimo di 350pixel.
Se tutto è stato eseguito correttamente, troveremo il nuovo elemento nella relativa sezione (dalla medesima posizione, scorriamo la pagina verso l’alto). Aggiungiamolo alla nostra colonna.
facebook6.jpg
Decidiamo in che ordine posizionarlo.
facebook7.jpg
Clicchiamo sul pulsante “aggiorna i dati” e verifichiamo il risultato finale caricando la pagina del nostro blog. La foto qui di seguito dovrebbe esemplificare abbastanza bene.
facebook8.jpg

Bene. E’ stata lunga, ma  siamo arrivati alla fine del tutorial. Adesso tocca a voi! :D

17:08 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Segnala | Tag: ilike box, myblog, redazione, tutorial, facebook | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

16/06/2010

Nel cuore dei blogger

tramonto.jpg

 

Ci sono persone le cui vite

sono legate da un'antica chiamata

che riecheggia attraverso gli anni...

Il destino.

 

Bellissima poesia che fa riflettere e sognare... grazie al blog Benvenuti nel mio cuore!

20:50 Scritto da: myblog.it in Blogger dixit | Link permanente | Commenti (1) | Segnala | Tag: benvenuti nel mio cuore, virgilio blogger, myblogger, redazione | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

22/02/2010

TAG: queste sconosciute

 

Carissimi MyBlogger, oggi  vorrei approfondire insieme a voi il mondo delle tag... certo molti sanno perfettamente di cosa tratta l'argomento e le utilizzanavatar silvanook.jpgo in modo utile e costruttivo... per tutti quelli che ignorano completamente cosa siano le tag, e non le inseriscono neppure per catalogare il post, beh questo articolino è dedicato a voi :-) buona lettura

Innanzi tutto cosa sono le tag?

Semplicemente un  modo di organizzare i contenuti:  le tag sono delle parole chiave che consentono una catalogazione del tuo post in modo schematico, attraverso di esse  i motori di ricerca navigano tra i vari blog ed è attraverso di esse che gli utenti possono arrivare al tuo blog! Purtroppo molto spesso le tag vengono utilizzate in maniera sbagliata o praticamente inutile, quindi è necessario fare molta attenzione.

Il problema è: come "taggare" i contenuti del nostro blog nel modo più efficace possibile scegliendo le tag più appropriate?

Prima cosa da fare: analizzare il proprio post.

Di cosa stiamo parlando? L'argomento principale del tuo articolo deve sempre esser presente tra le tag che appartengono al post ( sembra un'ovvietà..ma vi assicuro..a volte ci si dimentica delle ovvietà :-))

REDAZIONE_1266857143570.pngPer semplificarvi la vita possiamo dire che le tag si dividono per:

  • tipo di contenuto (es: recensione, articolo, relazione, ricerca di mercato)
  • fonte (es: università, documenti aziendali, associazioni)
  • autore
  • pubblico (es: commercialisti, studenti, avvocati)
  • prodotti o servizi correlati (ad esempio un marchio)

Bisogna essere diretti e semplici, senza giri di parole: sintetici ma diretti, ecco l'obiettivo :-)

Facciamo un esempio per capirci... se il mio blog parla di pesca è inutile inserire tag come  allevamento, pesci, mare, spiaggia, basterà inserire "Pesca" "Passione Per la Pesca" "Esche" o parole simili, ma che siano poche, e che ritroviamo anche all'interno dell'articolo.

Si sceglie di assegnare un minimo di 5-6 tag per ogni post proprio perché per definire il contenuto di un articolo sono necessarie più parole chiave, ovviamente meno tag si usano, e più frequenti sono, più il nostro blog sarà di nicchia.

La domanda che dovreste farvi tutte le volte che dovete inserire delle tag per descrivere il vostro post è: per cercare un articolo che parli del contenuto del mio post, quali parole chiave scriverei su google?

 

13/07/2009

Manutenzione

Avvisiamo tutti gli utenti di MyBlog che causa manutenzione della piattaforma potrebbero esserci problemi di accesso al pannello di controllo del blog e problemi di autentificazione  alla vostra mail.


Stiamo lavorando per risolvere il disagio il prima possibile


La Redazione di MyBlog

15:56 Scritto da: myblog.it in blog life | Link permanente | Commenti (0) | Segnala | Tag: malfunzionamento, piattaforma, myblog, redazione, virgilio, alice mail, mail | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

Tutti gli articoli