18/05/2011

Le pagine di MyBlog: guida pratica all’uso

 

Tante nuove funzionalità da scoprire sulla piattaforma di MyBlog! Una delle funzioni più innovative e rivoluzionarie per il vostro blog sono “le Pagine”.

 

Scopriamo insieme cosa sono, e come si utilizzano!!

 

Le pagine sono sezioni statiche, quindi fisse, del Blog, non dipendenti dagli aggiornamenti e dalla data di pubblicazione dei post, sono commentabili e possono essere organizzate ad albero.

Sono estremamente utili per contenere informazioni importanti che bisogna avere sempre a portata di click senza dover scorrere all’indietro la cronologia del blog o usare lo strumento di ricerca: per esempio potreste decidere di creare una pagina dedicata alla vostra presentazione personale come autore di MyBlog, per spiegare in generale l’argomento e la filosofia che vi guidano nella scelta dei contenuti, oppure ancora per inserire una mappa che metta in evidenza i luoghi di cui trattano i vostri articoli!!

 

Per creare una nuova pagina dobbiamo andare nella tab “Post e Pagine” alla voce “Tutte le Pagine” e selezionare “Crea nuova pagina”. Ci troveremo davanti a questa schermata:

 

schermata-pagine-myblog.jpg

 

 

Ora possiamo inserire i contenuti che preferiamo…immagini video e quant’altro!

 

Una volta che avremo creato la pagina principale possiamo anche decidere di creare delle sottosezioni “annidate”. Per farlo seguiamo la stessa procedura, ma questa volta, nella colonna a destra dove c’è scritto “Albero delle pagine”, specificheremo, selezionandola dal menu a tendina, la pagina principale a cui farà riferimento quella che stiamo creando.

 

annidare-pagine-myblog.jpg

 

Ecco uno schema per capire come funziona la gerarchia delle pagine:

 

  • PAGINA [A]
    • Pagina [A1]
    • Pagina [A2]
  • PAGINA [B]
    • Pagina [B1]
    • Pagina [B2]
    • Pagina [B3]
  • PAGINA [C]
    • Pagina [C1]
  • PAGINA [D]

 

Per rendere facilmente accessibili e navigabili le pagine da parte dei vostri lettori l’unica cosa che dovrete fare quando avrete finito di crearle è aggiungere il relativo elemento in una delle colonne laterali.

Nulla di più semplice: andiamo in “Presentazione” alla voce “Contenuto delle colonne laterali”; scorriamo gli elementi fino a trovare “Pagine” e clicchiamo “Aggiungi alla colonna (es. destra)”; ora “Pagine” appare nella lista degli elementi presenti nella colonna e potremo, utilizzando le freccette spostarlo in alto o in basso a seconda di dove vogliamo che appaia e clicchiamo su “Aggiorna questi dati” (in basso):

 

visualizzare-pagine-myblog.jpg

 

 

Ora, se andiamo a visitare il nostro MyBlog, troveremo nella colonna laterale una lista di tutte le pagine di primo e secondo livello che abbiamo creato!!

 

Facile come bere un . . . MyBlog Cafè (vieni a trovarci su Facebook)!

 

 

A presto,

La Redazione

13:00 Scritto da: myblog.it in Blog - F.A.Q., Blog - Tips and Tricks | Link permanente | Commenti (5) | Trackback (0) | Segnala | Tag: tutorial blog, pagine myblog | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

23/03/2011

Open Source, ovvero il futuro della creatività!

Bart_simpson_open_source1.gifAvete mai desiderato utilizzare programmi di qualità professionale per dare libero sfogo al vostro estro creativo, ma siete stati frenati dai costi proibitivi delle licenze? La soluzione è più semplice di quanto ci si possa aspettare ... utilizzate un programma open source!

La filosofia Open si sta sviluppando in maniera esponenziale negli ultimi anni: un celebre e lampante esempio di progetto guidato dai principi dell'Open Content (contenuti aperti) è Wikipedia, l'enciclopedia libera, sito ormai entrato a far parte della cronologia internet del nostro quotidiano.

"La comunità open source è molto attiva, comprende decine di migliaia di progetti, numero che cresce quotidianamente."

Se per caso nutrite dei dubbi sulla qualità dei programmi Open, essendo gratuiti è normale aspettarsi una qualità inferiore rispetto a un programma a pagamento, rimarrete sorpresi e piacevolmente smentiti: le persone che partecipano a questo tipo di progetti sono animate da una forte passione e spirito collaborativo e la principale fonte di soddisfazione consiste proprio nella possibilità di condividere le proprie conoscenze con il mondo intero. Data inoltre la possibilità, nella maggior parte dei casi aperta a tutti, di modificare il codice sorgente del programma, queste famiglie di applicazioni sono in continuo aggiornamento e costante evoluzione.

I software open source attualmente più diffusi sono Firefox per navigare, OpenOffice (un alternativa gratuita al pacchetto office), VLC media player per ascoltare musica e riprodurre video, 7-Zip per comprimere dati e creare archivi. Ma se siete dei creativi, per lavoro o per passione, non potete perdere l'occasione di "smanettare" un po' con Gimp e Blender. Il primo è un programma per elaborare immagini bitmap e ritoccare foto mentre il secondo è un programma di grafica 3D e Rendering molto completo, attorno a cui orbita una attivissima comunità che collabora a diversi progetti open con risultati veramente strabilianti, come quelli mostrati in questo divertente video.

 

 

E voi quali software liberi usate? Condividete, condividete, condividete!!

 


02/07/2008

Come modificare la dimensione e la posizione del titolo del blog

In questo tutorial vi mostriamo come modificare le dimensioni e la posizione del titolo del vostro blog nella maggior parte dei template disponibili.

a4d65288ea0794d20c9ee9c977a149fe.png
Per modificare i parametri del titolo dobbiamo aprire il Foglio di stile del blog, quindi, dal Pannello di Controllo entrate nella sezione Presentazione > Opzioni avanzate e cliccate sul link Modifica modello del Foglio di stile.
Si aprirà una pagina popup contenente il codice CSS del template.
In questa pagina dovete cercare gli elementi denominati:
#banner h1
#banner h2


dove #banner h1 rappresenta il titolo del blog e #banner h2 il sottotitolo.
Ogni elemento ha all’interno delle parentesi graffe degli attributi che li caratterizza, noi andremo a modificare questi.

Come ridimensionare il titolo e il sottotitolo del blog
Per ridimensionare il titolo e il sottotitolo del blog, nelle parentesi graffe degli elementi #banner h1 e #banner h2 basta inserire o modificare questo attributo:
font-size: 100%;

Se si vuole un testo più piccolo o più grande basta ridurre o aumentare il valore percentuale. Le grandezze da inserire sono a proprio piacimento. Ad esempio, se vogliamo il sottotitolo più grande del titolo scriviamo:

#banner h1 { font-size: 50%;}
#banner h2 { font-size: 200%;}


Il risultato sarà questo:
c002f34339b3008f5516b989eee12f0c.png
Come cambiare la posizione del titolo del blog
Per modificare la posizione del titolo del blog, invece, basta inserire o modificare questi attributi all’interno dell’elemento #banner h1:

padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;


Questi stessi attributi si possono scrivere anche in una sola riga, in questo modo:

padding: 0px 0px 0px 0px;

I valori 0px rappresentano le distanze dell’elemento titolo dai bordi dell’header e, rispettivamente: da sopra, da destra, da sotto e da sinistra.
Per esempio, se vogliamo spostare il titolo più a sinistra rispetto alla posizione standard di 170px, dobbiamo ridurre la distanza del titolo dal bordo sinistro dell’header, quindi scriviamo:

#banner h1 { padding-left: 60px; }
oppure   
#banner h1 { padding: 0px 0px 0px 60px; }
aa724f83c9b0bc30e65b7e66e505a56d.png
Se vogliamo il titolo più a destra e più in alto, invece, possiamo scrivere questi valori:

#banner h1 { padding-left: 350px; padding-top: 35px; }

oppure
#banner h1 { padding: 35px 0px 0px 350px; }
8d77a5f2c259892501ff08d7cc8b306d.png
Per modificare il sottotitolo gli attributi da modificare sono gli stessi, ma le distanze sono in corrispondenza a destra e a sinistra con l’header, mentre sopra e sotto con il titolo. Questo perché il sottotitolo, nel codice HTML dei template, è un sotto elemento del titolo e, quindi, fa riferimento, oltre all'header, anche alla posizione di #banner h1. Per spiegarlo meglio utilizziamo un esempio: se vogliamo centrare sia il titolo che il sottotitolo scriveremo:

#banner h1 {
padding: 70px 0px 0px 350px;
font-size: 200%;
}

#banner h2 {
padding: 10px 0px 0px 420px;
font-size: 120%;
}


E il risultato finale sarà questo:
f3ebb8edddfe8e3e0e0ce1a9bf0b5044.png
Se si nota, il padding del sottotitolo dista sopra di 10px dall’elemento titolo e a sinistra di 420px dal lato sinistro dell’header.

16:00 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (15) | Segnala | Tag: myblog, virgilio, tutorial blog, titolo, codice, html, css | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook