Dunque dunque, visto che in parecchi trovano in altomare anche quando c'è da fare qualcosa di semplice come inserire la paginazione nel nostro blog, inauguriamo la rubrica "tags" nella nostra sezione tutorial, stamattina, analizzando tutti insieme i tag di Splinder, quelli che - inseriti nel codice - servono alla creazione dei nostri post, del nostro archivio, dei nostri commenti recenti e via discorrendo.
Cominciamo con i post veri e propri, che sono SEMPRE richiusi all'interno del blocco
<blogger>...</blogger>.
Iniziamo con l'
autore del post.
Non tutti sanno che oltre al noto tag
<$BlogItemAuthor$>, possiamo metterne anche altri. Ad esempio, sostituendolo con
<$BlogItemAuthorURL$> (ad esempio sui blog alla quale creazione partecipano più bloggers) cliccandoci su arriveremo all'home page del blogger che ha scritto il post. Sostituendolo invece con
<$BlogItemAuthorEmail$>, cliccandoci sopra ci ritroveremo a poter scrivere all'autore del post una bella e-mail.
Andando oltre, il tag
<$BlogDateHeaderDate$> ci permette di visualizzare, sul nostro post, la
data in cui è stato scritto, mentre il tag
<$BlogItemDateTime$> ci permette di visualizzarne l'
ora.
Il formato dell'ora e della data può essere facilmente modificato in "
Pannello di controllo -> Configura -> Data e Orario"
Per visualizzare la data del giorno solo per il primo di un gruppo di post scritti nello stesso giorno, dovremo inserirere al posto di
<$BlogDateHeaderDate$> questo blocco qua (tutto intero!):
<BlogDateHeader> <$BlogDateHeaderDate$> </BlogDateHeader> .
Inoltre, non ho mai provato ad usarlo, ma esiste anche un altro blocco, che serve a chiudere i post scritti nello stesso giorno:
<BlogDateFooter>...</BlogDateFooter> che va inserito appena prima della chiusura </blogger>. Su questo ultimo, comunque, mi informerò meglio, e farò qualche prova, perchè a dirla tutta non so se sia esattamente così. :)
Parlando del
titolo del nostro post, il tag è
<$BlogItemTitle$>, che riporterà i titoli dei post SOLO però se abbiamo li abbiamo attivati da
"Pannello di Controllo -> Configura -> Impaginazione". (Notiamo bene che è ben diverso dal tag che ci permette di inserire il
titolo del nostro blog nella pagina.. il tag in questione, infatti, è questo:
<$BlogTitle$>).
Quanto al
testo del post, il tag da inserire è uno e semplice:
<$BlogItemBody$>.
Per quello che riguarda i
commenti, abbiamo diverse soluzioni. La più comune è questa: il tag
<$BlogItemComments$>, che genera il link ai commenti del post che verranno quindi aperti in finestra popup.
La finestra mostrerà i commenti ordinati dal più recente al più vecchio; e al proprietario del blog (e solo a lui), sarà data la possibilità di cancellarli. Inoltre è generato il link ai commenti (con il numero in alto a sinistra, ad esempio questo: "#1") e viene mostrata una casella di testo per scrivere un nuovo commento (se l'utente o gli utenti sono autorizzati a commentare sul blog).
Altrimenti, abbiamo il tag
<$BlogItemCommentLink$>, che genera il link ai commenti del post (aperti a pagina intera sotto il post), oppure, ancora il tag
<$BlogItemCommentList$>, che mostra la lista dei commenti sotto il post.
(Per visualizzare invece i
commenti recenti nella nostra colonna laterale, il tag da inserire (fuori dal blocco <blogger>...</blogger>!) sarà questo qua:
<$BlogRecentComments$>, che mostra il link degli ultimi commenti scritti sul blog, col relativo autore e il post al quale sono stati lasciati.)
Per quanto invece riguarda le
categorie, abbiamo il tag
<$BlogItemCategories$>, che mostra le categorie associate al post (che inseriremo al momento della scrittura del nostro post, usando la sezione alla destra del box di composizione del testo). Facendo clic su una categoria, lì sotto al post, verranno mostrati tutti i post associati a quella categoria.
Come per i commenti recenti, il tag che ci permette di inserire la
lista delle categorie nella nostra colonna laterale, è un altro, più precisamente questo qua:
<$BlogCategories$>. Questo tag infatti mostra l'elenco delle categorie create dall'utente (che possiamo vedere e modificare anche in
"Pannello di controllo -> Strumenti -> Categorie") Ogni categoria che verrà mostrata sarà un link che ci riporta a tutti i post associati a quella categoria, quindi ci consente, come nel caso dell'archivio, di sfogliare il blog per categorie.
Molto importante, infine, per quello che ci interessa soltanto nei POST, è il tag che ci permette di inserire il
permalink, ovvero il link permanente al nostro post, che volendo chiunque altro può prendere e inserire dove diamine gli pare, così che qualora si voglia, si possa ritrovare il nostro intervento senza andare a spulciare tutto il blog.
Il tag in questione è questo qua:
<$BlogItemPermalink$>. Questo tag ci darà l'url che apre direttamente il post, e che quindi è linkabile altrove. Se nel nostro template è presente anche il tag <$BlogItemCommentList$>, verranno visualizzati anche i commenti sotto il post.
E ci siamo, praticamente. Manca la
paginazione, che è inseribile con questo tag:
<$BlogPager$>. Questo tag va inserito, però, (ATTENZIONE!)
fuori dal blocco <Blogger>...</Blogger>, al cui interno vanno inseriti tutti i tag relativi ai post (titolo, data, commenti, permalink, categorie, post vero e proprio eccetera eccetera). In genere è consigliabile metterlo subito dopo la chiusura di </blogger>, ma comunque si può inserire dove vogliamo, anche in una delle colonne.
A questo punto, ci mancano le colonne, ovvero i tag che vanno messi fuori dal blocco <blogger>...</blogger>. Cosa si può mettere nelle colonne?
Innanzitutto, come abbiamo già detto, i commenti recenti, le categorie e il titolo del blog (per i distratti, <$BlogRecentComments$>, <$BlogCategories$> e <$BlogTitle$>). Poi la descrizione del blog, il nostro profilo, i bottoni, l'archivio, i feeds, il contatore, i membri che partecipano al blog, i link ai blog dei nostri amici e magari anche l'anteprima delle ultime foto che abbiamo pubblicato nel nostro album di splinder, oppure tutte quante quelle che decidiamo di pubblicare..
Cominciamo per ordine: la
descrizione del blog.
Per la descrizione del blog (ovvero quelle righe che abbiamo impostato sul pannello di controllo) si usa questo tag:
<$BlogDescription$>. Generalmente si inserisce sotto a <$BlogTitle$>, ma nulla ci vieta di metterlo atrove!
Per visualizzare il
nostro profilo, invece, si usa il tag
<$BlogAboutMe$>. Questo tag riporta sul blog le informazioni che abbiamo inserito nel nostro profilo (ovvero su
"Pannello di controllo -> Account -> Utente -> Profilo"). Tuttavia, potremo farlo solo se abbiamo impostato bene le opzioni della privacy, andando su
"Pannello di controllo -> Account -> Utente -> Privacy".. altrimenti il tag non ci darà nessun risultato.
L'
archivio, oggetto importantissimo, si visualizza con il tag
<$BlogArchive$>. E' ordinato in modo cronologico, riportando i mesi nei quali è presente almeno un post. Cliccando su ciascun link sarà visualizzato l'elenco dei post scritti in quel mese.
Il tag
<$BlogMembers$> ci mostra invece i
membri del blog, ovvero coloro che partecipano alla stesura dei post, affiancati dalle icone con le quali possiamo contattarli. Cliccando su un nome verranno visualizzati tutti i post scritti dal quel preciso utente (con lo stesso sistema che abbiamo visto per le categorie).
Passando ai
link, il tag
<$BlogLinkOut$> mostra sul nostro blog l'elenco dei link dei blog (o dei siti) dei nostri amici, che abbiamo opportunamente inserito dalla pagina
"Pannello di controllo -> Strumenti -> Link", grazie ad un sistema semplice ed intuitivo.
I link sono disposti in ordine alfabetico (man mano che li aggiungiamo si sistemano da sè) e si aprono automaticamente in una nuova finestra, senza bisogno che impostiamo nulla.
il tag
<$BlogFeeds$> fa apparire i bottoni che linkano ai
feeds del proprio blog (utilissimi!). I feeds si attivano e si configurano andando su
"Pannello di controllo -> Strumenti -> Syndication". Possiamo scegliere tra il formato RSS o Atom.
Il tag
<$BlogButtons$> mostra invece
una serie di bottoni vari, ovvero:
Contattami (si apre la pagina che ci permette di mandare un messaggio privato di splinder)
Il mio profilo (si apre in popup il nostro profilo)
Linkami (si apre il pannello di controllo con i dati già impostati per linkare quel blog)
Iscriviti (si apre il pannello di controllo che ci aiuta ad inserire il blog in questione nei nostri preferiti)
Stesso risultato di quest'ultimo bottone si ha inserendo il tag
<$BlogSubscribeButton$>, che mostra un bottone che consente di aggiungere il blog nei preferiti.
Il tag
<$BlogCounter$> mostra il
contatore: il contatore ci fornisce in modo costantemente aggiornato il numero di visitatori (o meglio di pagine viste) del nostro blog. E' richiesto, perchè funzioni, che il supporto Javascript sia abilitato nel browser del navigatore.
Il tag
<$BlogPhotoAlbum$> mostra le
foto del blog disposte come anteprima su più pagine. Vengono mostrate solo le foto che abbiamo scelto di pubblicare (scegliendo l'opzione "Pubblica nell'album" in "Pannello di controllo -> Foto -> Cartella"). Sotto ogni foto appaiono titolo, data e numero di commenti che sono stati lasciati a quella foto.
Facendo clic sull'anteprima, apriremo la foto nelle sue dimensioni originali, e sotto di essa sarà riportata anche la lista dei commenti.
Importante da notare è che il tag <$BlogPhotoAlbum$> va inserito subito prima del blocco <Blogger>...</Blogger>.
Il tag
<$BlogRecentPhotos$> ci mostra invece l'
anteprima delle ultime 3 foto pubblicate nell'album, con titolo, data e numero di commenti. Come per il tag precedente ogni anteprima è un link alla foto vera e propria nelle sue dimensioni originali, con la lista dei commenti sotto.
Dovrei aver riportato tutto, comunque, per chi volesse ulteriori chiarimenti, può andare a controllare se manca qualcosa
qui. :)
