Come creare un Widget piè di pagina 3 in Blogger

August 7

Noto per la sua facilità d'uso e l'accesso gratuito, piattaforma di blogging di Blogger permette agli utenti di personalizzare i blog modificando il contenuto di intestazione, tema, barre laterali e piè di pagina. Ciò include l'aggiunta di vari widget e dando all'utente una scelta su dove metterli. Per impostazione predefinita, molti dei temi di Blogger non includono un piè di pagina per i widget, ma si può essere aggiunto con un po 'di codice. Per aggiungere un piè di pagina elegante per un blog di Blogger, gli individui avranno bisogno di modificare il codice HTML del modello stesso.

istruzione

1 Accedere a Blogger utilizzando l'indirizzo Gmail e la password. Clicca sul link "Design" sotto il da modificare. Questo ti invierà alla pagina "Elementi pagina" del tuo blog.

2 Fare clic sulla scheda "Modifica HTML" nella parte superiore dello schermo. Eseguire il backup del corrente modello cliccando su "Scarica modello completo" e cliccando sul pulsante "OK", che si apre per salvare sul tuo computer.

3 Espandi la tua codifica widget facendo clic sulla casella sopra il principale area di contenuto che dice "Espandi i modelli widget". Fare clic con il mouse in qualsiasi punto all'interno dell'area contenuti e tenere premuti i tasti "Ctrl" sulla tastiera per aprire il campo di ricerca "F" e.

4 Tipo "</ b: skin>" in modo che Blogger mette in evidenza per voi nella zona di contenuti e incollare il seguente codice CSS di sopra di tale tag.

footer-column-container {

clear: both;

}

.footer colonna {

padding: 10px;

}

5 Aprire il campo di ricerca di nuovo tenendo premuto i tasti "F" e "Ctrl" e alla ricerca di cui si dice quanto segue:

<Div id = 'footer-wrapper'>

<B: class = sezione 'footer' id = 'footer' />

</ Div>

6 Sostituire "<b: class = sezione 'footer' id = 'footer' />" con il codice qui sotto.

<Div id = 'footer-colonna-container'>

<Div id = 'footer2' style = 'width: 30%; float: left; margin: 0; text-align: left; '>

<B: sezione class = 'footer-colonna' id = 'col1' = preferite "sì" style = "float: left; '/>

</ Div>

<Div id = 'Footer3' style = 'width: 40%; float: left; margin: 0; text-align: left; '>

<B: sezione class = 'footer-colonna' id = 'col2' = preferite "sì" style = "float: left; '/>

</ Div>

<Div id = 'Footer4' style = 'width: 30%; float: right; margin: 0; text-align: left; '>

<B: sezione class = 'footer-colonna' id = 'float: right;' 'col3' = preferite "sì" style = />

</ Div>

<Div style = 'clear: both;' />

<Div id = 'footer-bottom' style = 'text-align: center; padding: 10px; text-transform: minuscolo; '>

<B: class = sezione 'footer' id = 'col-bottom' preferito = 'yes'>

<B: widget di id = 'Testo2' = bloccato 'false' title = "type = 'Testo' />

</ B: section>

</ Div>

<Div style = 'clear: both;' />

</ Div>

7 Salvare le modifiche a Blogger e controllare il vostro sito. Se il codice è stato correttamente installazione, vedrete un piè di pagina vuota nella parte inferiore del tuo blog.

8 Torna alla tua dashboard di Blogger andando su "blogger.com" e quindi fare clic sul link "Design" sotto il blog hai appena lavorato per raggiungere la zona "Elementi pagina". Notare come ora ci sono tre aree di widget Inoltre lungo la parte inferiore della pagina.

9 Aggiungi widget per il tuo nuovo piè di pagina facendo clic sul link "Aggiungi un gadget" in ogni area. Clicca su "Salva" per salvare le modifiche e visualizzare in anteprima il sito.

Consigli e avvertenze

  • Se non siete soddisfatti con le modifiche, si può sempre caricare il tuo vecchio modello andando su "Design" e poi "Modifica HTML". Fare clic sul pulsante "Browse" sotto il link "Scarica Full Template" e individuare il modello salvato sul computer. Fai clic su "OK" per caricare tale modello su Blogger.