Come cambiare template su Blogger-Blogspot

In seguito alle numerosissime richieste di aiuto che mi pervengono e che riguardano la sostituzione di un template su piattaforma Blogger-Blogspot ho deciso di dare il via ad una serie di tutorial che aiutino l'utente medio a meglio districarsi nel cambio del template e nella customizzazione dei blog in generale.

1- Trova il nome del tuo blog nella "Bacheca" (pannello di controllo) e fai clic sulla dicitura "Modello" (guarda Figura 1).
Se al posto di "Modello" vi è la dicitura "Layout" significa che il blog è già  aggiornato e si può saltare il resto di questa procedura andando direttamente al punto 5.  --br--

FIGURA 1

2- Si aprirà una finestra contenente il codice HTML del modello della pagina in uso. Sopra tale finestra sono presenti delle voci tra cui "Personalizza Design", fai clic su di essa. (Guarda Figura 2)

FIGURA 2


3- Vi apparirà un messaggio che vi dirà che Blogger farà un backup del modello corrente prima di sostituirlo con  uno aggiornato. Il backup sarà disponibile a tempo indeterminato, in modo che tu potrai tornare ad esso in un secondo momento, se lo vorrai.
Fare clic sul pulsante Aggiorna il tuo modello per continuare.

4-  Scegli uno dei  template di default che Blogger mette a disposizione, lo userete come punto di partenza. Fai clic su "Salva modello" quando hai fatto la tua scelta.

Bene, a questo punto andiamo a sostituire il codice del template di default con uno prelevato su Blografando ( o su altro blog se siete proprio dei traditori..... ). Procedete in questo modo:

5- Sempre dal vostro pannello di controllo cliccate su "Modifica HTML" (Guarda Figura 3)

FIGURA 3



6- Vi si aprirà una finestra contenente tutto il codice HTML del template in uso....selezionatelo tutto e cancellatelo, dopo di che incollate al suo posto il codice del template da voi scelto. Quindi cliccate su "Salva Modello"

Tutto qui....ricordate che quando cambierete template i commenti ed i post scritti sino a quel momento verranno mantenuti cioè non andranno persi ( lo dico perchè questa è la paura di molti che mi scrivono chiedendo spiegazioni in proposito). L'unica cosa che dovrete risistemare sarà la colonna, ossia tutto quello che avevate aggiunto in essa, tipo immagini, video, script ecc.

Lascio qui il LINK ai templates creati sin'ora da me per Blogger.....presto ne aggiungerò molti altri.

Se vuoi leggere come cambiare template su Splinder vai a questo link "Cambiare template Splinder"

Le FAQ di Adelebox

Oggi posto una serie di FAQ (Frequently Asked Questions) ossia una serie di  "Domande Poste Frequentemente" da coloro che bazzicano da queste parti.....
1- Come faccio a cambiare template su Blogger-Blogspot?
A tal proposito ti rimando al Tutorial creato ad Hoc e visibile a questo link "Cambiare template sulla piattaforma Blogger"

2- Se cambio template i commenti ed i post vengono cancellati?
Assolutamente no, al cambio di template su qualsiasi blog, sia che esso risieda su Splinder, Blogger, Wordpress ecc. i commenti ed i post pubblicati sino a quel momento non verranno cancellati.

3- "Ho trovato molte cose carine sul tuo blog, calendari, contaclick, orologi ecc. ma non saprei proprio dove metter mano per inserirli sul mio blog....sai non sono molto esperta in Html....potresti darmi una mano?"
Tante volte ho risposto a domande del genere, per cui adesso posto una bella spiegazione su come procedere all'inserimento di un gadget all'interno di una colonna; che si tratti di un calendario, di un almanacco oppure una semplice immagine poco importa, ciò che interessa a noi in questo tutorial è la procedura e la posizione in cui essi devono essere incollati al fine di non sballare la vista della colonna del template, e per far ciò seguite le semplici manovre che esporrò di seguito.

- Per prima cosa prelevate, copiandolo, il codice del gadget che vi interessa, nel nostro caso prendiamo come esempio il codice di questo mio orologio:

<iframe src="http://www.adelebox.it/Orologi/OrologioTartaruga2.html" frameborder="0" scrolling="no" hspace="0" vspace="0" width="132" height="167"  marginheight="0" marginwidth="0"></iframe>

- Ora entriamo nella sezione template del nostro blog ed andiamo ad identificare la colonna all'interno della quale vogliamo inserire il nostro orologio. In tutti i template di Blografando la colonna ha inizio dove è situata questa stringa di codice:

<div id="colonna">

- Posizionatevi in una riga vuota sotto tale stringa ed incollate il  codice precedentemente copiato.

4- Come faccio a centrare un'immagine o un gadget?
Nulla di più semplice, è sufficiente che racchiudiate la stringa di codice dell'immagine o del gadget tra questi due tag:

 <center></center>  come l'esempio sottostante

<center>CODICE DEL GADGET O DELL' IMMAGINE....</center>

5- Una domanda molto frequente che mi viene rivolta princialmente dai neofiti dei blog è quella di come sostituire il template di defoult di Splinder con un altro a loro più congeniale.

Bene, seguite passo per passo le seguenti istruzioni:

1- Scegliete il template che volete utilizzare e copiatene tutto il codice che troverete cliccando sulla scritta CODICE sotto l'anteprima.

2- Entrate nel vostro pannello di Splinder ed accedete alla categoria "Blog", da qui cliccate su "Template", a questo punto vi apparirà una finestra contenente tutto il codice del template in uso in quel momento. Selezionatelo tutto e cancellatelo.

3- Incollate al suo posto il codice che avrete precedentemente avuto l'accortezza di copiare. Cliccate sul bottone "salva modifiche" situato a sinistra della finestra del codice template. Fine.

Recentemente Splinder ha deciso di dividere in due sezioni distinte il codice dei template. Un box dedicato esclusivamente al codice HTML denominato "Template del blog" e sotto ad esso un Box ospitante gli stili CSS indicato col nome "Css del blog".

La scelta è libera, si può incollare tutto il codice nel primo box oppure optare per la suddivisione degli stili Css dall'html. Per chi opta per tale soluzione descrivo brevemente qui sotto come procedere:

- Aprite il foglio del codice del template e selezionate tutto il codice compreso tra

<style type="text/css"></style>

copiatelo tutto tranne
<style type="text/css"></style>
 ed incollatelo nel Box "Css del blog". Quindi tornate al foglio del template e cancellate la parte che avevate selezionato in precedenza, compreso <style type="text/css"></style>.

- Adesso selezionate e copiate tutto il codice rimanente ed incollatelo nel Box "Template del Blog".

6- Come posso inserire un brano musicale nel mio blog?

I codici relativi all'inserimento di musica in un blog o pagina web sono i seguenti, scegliete quello che preferite a seconda se desideriate che la musica parti in automatico all'apertura del blog oppure che venga fatta partire cliccandoci sopra

CODICE MUSICA IN AUTOMATICO:
<embed src="http://indirizzo del vostro mp3" height="20px" width="150px" autostart="true"></embed>

CODICE MUSICA AL CLICK:
<embed src="http://indirizzo del vostro mp3" height="20px" width="150px" autostart="false"></embed>

NOTA: Width ed height sono rispettivamente larghezza e altezza della vostra barra Player Audio ed i valori  sono modificabili a piacere a seconda delle vostre esigenze.

7- Come inserire un collegamento alla propria e-mail?
Il codice da inserire per far si che cliccando sulla scritta E-mail si venga indirizzati al proprio indirizzo e-mail è il seguente:
<a href="mailto:indirizzo tua e-mail"> E-Mail </a>