Il 'Template' non è altro che la disposizione grafica preconfezionata per il tuo blog.
Seguendo la procedura di log-in per la prima volta, ora ti troverai a una pagina con una serie di scelte diverse per la grafica iniziale del blog. Cliccando sull'immagine o sul collegamento di testo adiacente, apparirà un pop-up con un ingrandimento del template (chiudete il popup quando avete finito di esaminarlo). Quando sei pronto per decidere il template più adatto a te, fai clic sul bottone "clic per scegliere".
Non preoccuparti di scegliere un qualsiasi template. Potrai cambiarlo ogni volta che vorrai senza perdere nessuno dei tuoi post! Ora sei pronto per pubblicare il tuo primo post!
Nota per utenti piu’ esperti: Dopo esserti connesso per la prima volta, avrai accesso pieno al codice HTML del tuo template e potrai adattarlo interamente al tuo piacere e alle tue personali esigenze.
Seguendo la procedura di log-in per la prima volta, ora ti troverai a una pagina con una serie di scelte diverse per la grafica iniziale del blog. Cliccando sull'immagine o sul collegamento di testo adiacente, apparirà un pop-up con un ingrandimento del template (chiudete il popup quando avete finito di esaminarlo). Quando sei pronto per decidere il template più adatto a te, fai clic sul bottone "clic per scegliere".
Non preoccuparti di scegliere un qualsiasi template. Potrai cambiarlo ogni volta che vorrai senza perdere nessuno dei tuoi post! Ora sei pronto per pubblicare il tuo primo post!
Nota per utenti piu’ esperti: Dopo esserti connesso per la prima volta, avrai accesso pieno al codice HTML del tuo template e potrai adattarlo interamente al tuo piacere e alle tue personali esigenze.
HTML:
È qui che puoi modificare il template del tuo blog. Sappi che per poter gestire un template è necessario avere già qualche conoscenza di HTML, compresi i moduli di stile (CSS).
Se hai familiarità o sei già abile in questo campo, puoi direttamente immettere il codice nella finestra textarea e fare clic su "salva modifiche". Oltre al codice di base html e CSS, devi capire i tag specifici del blog prima di essere completamente in grado di personalizzare il tuo blog. Trovi la descrizione di questi tag qui sotto.
Nuovo:
Se vuoi semplicemente cambiare il tuo attuale template con uno di quelli disponibili tra i template di base offerti da Splinder, fai clic sul pulsante “Nuovo” che trovi in questa sezione.
Tag:
La sezione chiave del template di un blog è fatta dei tag speciali "Blogger", ognuno dei quali prende dei dati dal vostro database e li importa direttamente nel blog. Questi tag sono sensibili maiusc./minusc., e questo significa che non si deve mai modificare un "B" in "b", ad esempio. Se sbaglierai così, il tag non funzionerà. Puoi formattare questi tag esattamente come puoi farlo per qualsiasi altro elemento HTML. Ti suggeriamo di utilizzare i moduli di stile (CSS) per formattare questi tag.
La maggior parte dei questi tag può essere trovata nei nostri template di base, ma puoi cambiare la loro disposizione a tuo piacimento, o rimuoverli se non sei interessato all’inserimento della loro specifica funzione.
Attenzione: prima di modificare in qualsiasi modo il codice del template, è buona norma salvarlo come un qualsiasi file di testo sul proprio computer. Così se dopo le eventualmente errate modifiche il template dovesse risultare compromesso, si potrà sempre ripristinare quello iniziale.
È qui che puoi modificare il template del tuo blog. Sappi che per poter gestire un template è necessario avere già qualche conoscenza di HTML, compresi i moduli di stile (CSS).
Se hai familiarità o sei già abile in questo campo, puoi direttamente immettere il codice nella finestra textarea e fare clic su "salva modifiche". Oltre al codice di base html e CSS, devi capire i tag specifici del blog prima di essere completamente in grado di personalizzare il tuo blog. Trovi la descrizione di questi tag qui sotto.
Nuovo:
Se vuoi semplicemente cambiare il tuo attuale template con uno di quelli disponibili tra i template di base offerti da Splinder, fai clic sul pulsante “Nuovo” che trovi in questa sezione.
Tag:
La sezione chiave del template di un blog è fatta dei tag speciali "Blogger", ognuno dei quali prende dei dati dal vostro database e li importa direttamente nel blog. Questi tag sono sensibili maiusc./minusc., e questo significa che non si deve mai modificare un "B" in "b", ad esempio. Se sbaglierai così, il tag non funzionerà. Puoi formattare questi tag esattamente come puoi farlo per qualsiasi altro elemento HTML. Ti suggeriamo di utilizzare i moduli di stile (CSS) per formattare questi tag.
La maggior parte dei questi tag può essere trovata nei nostri template di base, ma puoi cambiare la loro disposizione a tuo piacimento, o rimuoverli se non sei interessato all’inserimento della loro specifica funzione.
Attenzione: prima di modificare in qualsiasi modo il codice del template, è buona norma salvarlo come un qualsiasi file di testo sul proprio computer. Così se dopo le eventualmente errate modifiche il template dovesse risultare compromesso, si potrà sempre ripristinare quello iniziale.
Un'immagine di sfondo si inserisce definendo in maniera opportuna il body nelle classi di stile, ad esempio:
body { text-align:center; background: #000000; margin:0px 0px 10px 0px; background-image: url(http://www.sito.it/image.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; }
dove
background-image e' l'indirizzo dell'immagine di sfondo; background-repeat e' la ripetizione dello sfondo ('repeat-x' lo ripete in orizzontale; 'repeat-y' lo ripete in verticale; 'no-repeat' non lo ripete); background-attachment e' il comportamento dello sfondo quando si scorre la pagina ('fixed' per tenerla ferma, 'scroll' per farla muovere insieme alla pagina); background-position e' la posizione dell'immagine rispetto allo schermo, ad esempio altri valori possono essere background-position: 50% 50%; background-position: 150px 200px; background-position: center top; background-position: left bottom; background-position: right;
body { text-align:center; background: #000000; margin:0px 0px 10px 0px; background-image: url(http://www.sito.it/image.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; }
dove
background-image e' l'indirizzo dell'immagine di sfondo; background-repeat e' la ripetizione dello sfondo ('repeat-x' lo ripete in orizzontale; 'repeat-y' lo ripete in verticale; 'no-repeat' non lo ripete); background-attachment e' il comportamento dello sfondo quando si scorre la pagina ('fixed' per tenerla ferma, 'scroll' per farla muovere insieme alla pagina); background-position e' la posizione dell'immagine rispetto allo schermo, ad esempio altri valori possono essere background-position: 50% 50%; background-position: 150px 200px; background-position: center top; background-position: left bottom; background-position: right;
Se utilizzi un template personalizzato o creato da te e vuoi inserire i la funzione dei Commenti sul tuo Blog il tag e':
<$BlogItemComments$>
Di solito si inserisce sotto il post ( <$BlogItemBody$> ) o di fianco al formato dell'ora (<$BlogItemDateTime$>). Una volta scelto dove inserire il tag, clicca su 'aggiorna template' e vai sulla pagina 'configura blog' per attivare la funzione commenti dal pannello di controllo del tuo Blog.
<$BlogItemComments$>
Di solito si inserisce sotto il post ( <$BlogItemBody$> ) o di fianco al formato dell'ora (<$BlogItemDateTime$>). Una volta scelto dove inserire il tag, clicca su 'aggiorna template' e vai sulla pagina 'configura blog' per attivare la funzione commenti dal pannello di controllo del tuo Blog.
Puoi inserire la scritta nella barra di stato al passaggio del mouse su un link nel modo seguente:
<A HREF='#' onMouseOver='self.status='messaggio'; return true;' onMouseOut='self.status=''; return true;'>Testo del link</A>
Per mantenere la scritta fissa nella barra di stato del browser, bisogna scrivere il seguente codice Javascript nel tag :
<SCRIPT language='JavaScript'> function statusMessage(msg) { window.status = msg} </SCRIPT>
e poi chiamare la funzione come statusMessage ('Testo fisso nella barra di stato'). Se invece vuoi fare una scritta animata, il codice Javascript e':
<SCRIPT language='JavaScript'> var i = 0; var Speed = 20; TextInput = new Object(); TotalTextInput =0; TextInput[0]= '...'; var timer; var nspace = 100; var msg = 'Messaggio che scorre nella barra di stato'; function startBanner() { clearTimeout(timer); for (i =0 ; i < TotalTextInput+1; i++) { msg = msg + ' ' + TextInput[i]; } for (i=0; i < nspace; i++) { msg=' ' + msg; } scrollMe(); } function scrollMe() { window.status = msg; msg = msg.substring(1, msg.length) + msg.substring(0,1); timer = setTimeout('scrollMe()',Speed ); } startBanner(); </SCRIPT>
<A HREF='#' onMouseOver='self.status='messaggio'; return true;' onMouseOut='self.status=''; return true;'>Testo del link</A>
Per mantenere la scritta fissa nella barra di stato del browser, bisogna scrivere il seguente codice Javascript nel tag :
<SCRIPT language='JavaScript'> function statusMessage(msg) { window.status = msg} </SCRIPT>
e poi chiamare la funzione come statusMessage ('Testo fisso nella barra di stato'). Se invece vuoi fare una scritta animata, il codice Javascript e':
<SCRIPT language='JavaScript'> var i = 0; var Speed = 20; TextInput = new Object(); TotalTextInput =0; TextInput[0]= '...'; var timer; var nspace = 100; var msg = 'Messaggio che scorre nella barra di stato'; function startBanner() { clearTimeout(timer); for (i =0 ; i < TotalTextInput+1; i++) { msg = msg + ' ' + TextInput[i]; } for (i=0; i < nspace; i++) { msg=' ' + msg; } scrollMe(); } function scrollMe() { window.status = msg; msg = msg.substring(1, msg.length) + msg.substring(0,1); timer = setTimeout('scrollMe()',Speed ); } startBanner(); </SCRIPT>
Questo problema può essere causato da diversi elementi.
- E' stato postato un elemento (immagine, parola o link) troppo largo rispetto a quanto il template lo consenta. In genere i template sono progettati a colonne di determinate larghezze e qualora vi sia un elemento nel post o in una delle colonne laterali troppo largo, succede che la colonna più esterna (quella dei post se si tratta di un template a due colonne, o la colonna destra se si tratta di un template a tre colonne) vada giù.
In questo caso è sufficiente eliminare l'elemento troppo largo (o ridimensionarlo) e il problema si risolve.
- Il problema può essere "strutturale" nel template. Talvolta eliminando il rigo del DOCTYPE prima del tag di apertura html il problema si risolve.
- Se con nessuno dei due suggerimenti già indicati la colonna torna su, allora può funzionare includere il testo formattato in un <DIV style="width:99%"> ... </DIV>.
E' noto infatti un bug di Internet Explorer che provoca un leggero aumento della larghezza del DIV in presenza di una formattazione del testo con <EM> o <I>.
- E' stato postato un elemento (immagine, parola o link) troppo largo rispetto a quanto il template lo consenta. In genere i template sono progettati a colonne di determinate larghezze e qualora vi sia un elemento nel post o in una delle colonne laterali troppo largo, succede che la colonna più esterna (quella dei post se si tratta di un template a due colonne, o la colonna destra se si tratta di un template a tre colonne) vada giù.
In questo caso è sufficiente eliminare l'elemento troppo largo (o ridimensionarlo) e il problema si risolve.
- Il problema può essere "strutturale" nel template. Talvolta eliminando il rigo del DOCTYPE prima del tag di apertura html il problema si risolve.
- Se con nessuno dei due suggerimenti già indicati la colonna torna su, allora può funzionare includere il testo formattato in un <DIV style="width:99%"> ... </DIV>.
E' noto infatti un bug di Internet Explorer che provoca un leggero aumento della larghezza del DIV in presenza di una formattazione del testo con <EM> o <I>.
Il tag per il bottone che ti consente di essere aggiunto ai preferiti, da inserire nell'HTML del template, e':
<$BlogSubscribeButton$>
<$BlogSubscribeButton$>
Splinder mette a disposizione un facile strumento per l'aggiunta di contenuti al suo sito, nonchè uno spazio da utilizzare in qualsivoglia maniera: sta a te decidere se e quali strumenti utilizzare e come visualizzarli.
Si può decidere di sfruttare le funzionalità del blog ( postare velocemente, usare lo spazio disco, riferirsi a un vasto pubblico, utilizzare le categorie, gestire le foto direttamente dal sito etc...) pur semplificando l'interfaccia del proprio sito. I template di Splinder (la 'veste grafica') sono editabili in tutto e per tutto, con un po' di pazienza, e possono essere organizzati affinchè mostrino esattamente ciò che vuoi, senza funzionalità o comandi per te non necessari. Volendo possono anche essere sostituiti integralmente con della grafica adatta a interagire con i tag del blog.
I template di Splinder (la 'veste grafica') sono editabili in tutto e per tutto, con un po' di pazienza, e possono essere organizzati affinchè mostrino esattamente ciò che vuoi, senza funzionalità o comandi per te non necessari.
Si può decidere di sfruttare le funzionalità del blog ( postare velocemente, usare lo spazio disco, riferirsi a un vasto pubblico, utilizzare le categorie, gestire le foto direttamente dal sito etc...) pur semplificando l'interfaccia del proprio sito. I template di Splinder (la 'veste grafica') sono editabili in tutto e per tutto, con un po' di pazienza, e possono essere organizzati affinchè mostrino esattamente ciò che vuoi, senza funzionalità o comandi per te non necessari. Volendo possono anche essere sostituiti integralmente con della grafica adatta a interagire con i tag del blog.
I template di Splinder (la 'veste grafica') sono editabili in tutto e per tutto, con un po' di pazienza, e possono essere organizzati affinchè mostrino esattamente ciò che vuoi, senza funzionalità o comandi per te non necessari.
postato dalla Redazione| Permalink
tags: grafica, template, funzionalita avanzate, domande e risposte
tags: grafica, template, funzionalita avanzate, domande e risposte
No,
se cambi template cambia solo il "contenitore" del tuo blog, ovvero colori, corpo del testo etc.. ma i post e i commenti ricevuti rimangono invariati!;-)
se cambi template cambia solo il "contenitore" del tuo blog, ovvero colori, corpo del testo etc.. ma i post e i commenti ricevuti rimangono invariati!;-)
L'ultima versione della topbar usa dei position absolute, quindi può sovrapporsi alla parte superiore del template.
Si può ovviare facilmente al problema intervenendo sul codice del template e dando alla classe BODY un "margin-top" di almeno 30 pixel, così da farlo scendere sotto la topbar.
Si può ovviare facilmente al problema intervenendo sul codice del template e dando alla classe BODY un "margin-top" di almeno 30 pixel, così da farlo scendere sotto la topbar.
