Continuiamo le lezioni per imparare a creare un template per il Blog ospitato su Blogger di Google: oggi ci occupiamo della creazione di aree gadget personalizzate, che una volta inserite saranno facilmente gestibile dalla sezione Layout del backend di Blogspot.
Le aree gadget possono essere particolarmente utili nelle sidebar o nel footer, ma anche nelle altre sezioni della grafica dove si vogliono inserire i gadget di Blogger.
Codice da inserire nel modello html per creare un’area gadget
Dopo aver aperto il modello html, creato seguendo le precedenti lezioni, bisogna inserire un tag <b:section>, nel quale potremo aggiungere tutti i widget che vogliamo:
<b:section class='' id='' maxwidgets='' showaddelement='yes'>
</b:section>
Dopo aver incollato questo codice ovunque si desidera creare l’area gadget bisognerà personalizzare l’aspetto grafico. Come puoi notare le voci class e id sono vuote: attribuisci loro un nome e riportalo sul CSS perchè il design sia quello che vuoi tu, attibuendo dimensioni, margini, ecc. Grazie alla voce maxwidget potrai impostare il numero massimo di elementi da visualizzare all’interno dell’area appena creata. Ad esempio se scrivi maxwidgets='10' saranno mostrati al massimo 10 elementi.
Infine showaddelement='yes' ti consentirà di visualizzare l’opzione Aggiungi un Gadget nella sezione layout dell’amministrazione del blog su Blogger. Se invece non vuoi questa opzione sostituisci semplicemente yes con n.
Per dubbi o considerazioni non esitare a lasciare un commento.