Nov 17, 2009

Creare un blog a 3 colonne su Blogger - Personalizzare template di blogger

Per creare un blog con 3 colonne, e quindi diverso dai modelli preimpostati e disponibili su blogger, esiste un metodo semplice ma un po' laborioso per entrare nel codice HTML ed editarlo in modo che il nostro blog diventi ripartito in 3 sezioni, più gradevoli e capace di ospitare più gadgets.
Partiamo dal primo passo, ovvero individuare nel codice HTML la sezione
#sidebar-wrapper

al di sotto della sezione dedicata al sidebar, dobbiamo aggiungerne un'altra, quella relativa alla sidebar di sinistra, ovvero:

#left-sidebar-wrapper
{
margin-$endSide: 14px;
width: 240px;
float: $startSide;
background-color:
$mainBgColor; display:
inline; /* fix for doubling ... */
word-wrap: break-word; /* fix for long ... */
overflow: hidden; /* fix for long non ... */
}

A questo punto dobbiamo individuare la sezione


prima della quale dovremmo inserire il presente codice:

div id="'left-sidebar-wrapper'">
?xml:namespace prefix = b />
/b:section>
/div>

Ora dobbiamo dare la possibilità alle dimensioni di ospitare le 3 colonne, quindi allargando a 1000 pixel almeno se seguenti sezioni:
#header e #content-wrapper:

#header {
width: 1000px;
margin: 0 auto;

#content-wrapper {
width: 1000px;
margin: 0 auto;

ed aggiustarne i margini nella sezinoe #main-wrapper

#main-wrapper {
margin-$startSide: 11px;
width: 464px;

e in quella #left-sidebar-wrapper

#left-sidebar-wrapper {
margin-$startSide: 14px;
width: 240px;


Ora il vostro blog è in grado di ospitare 3 colonne!
Buon lavoro!

No comments:

Post a Comment

Please, post a comment and be nice!