Menu Orizzontale

domenica 31 gennaio 2010

0 Dimostrazione degli stili di inserimento del codice HTML

Questo post serve per mostrare l'aspetto del codice HTML inserito in modo personalizzato in un articolo di Blogger. Le istruzioni le trovi su


Dimostrazione del codice numero uno
.code {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://5nxhyw.blu.livefilestore.com/y1pBmcsjN_C4Uz9apV4bqw0j4loIwnc6UgkhSOoSjJvltkgT_NywgOstjy2kWpNxLxGK8-tKrGD6sap9b1vTPJXG65BmSTZC8k7/codice-1.gif) no-repeat right bottom;
border : 2px solid #eeeeee;
color : #7D7D7D;
}
Dimostrazione del codice numero due
.code {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://5nxhyw.blu.livefilestore.com/y1pwb62k412-Whxwy-bDnggvi6aEkRyUbK4W9V-ujTxnoPZM78_uZmTHqHPky4Kev3THgC13jMWKK0xPbS0fI5AwGhNEYqyGq1U/codice-2.gif) no-repeat right bottom;
border : 2px solid #eeeeee;
color : #7D7D7D;
}
Dimostrazione del codice numero tre
.code {
margin : 10px;
padding: 0px 25px 5px 20px;
background : #fff url(http://5nxhyw.blu.livefilestore.com/y1pVZITfkJXZcRByP6rN1HGvFapbMijXNwFBk3R6gN8kd_fgygFJlx-C0_JdTexebihTUblgV3HCORgUipndTCztdk-bn8BEBx-/codice-4.png) no-repeat top left;
font: 0.9em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #767675;
border: 1px solid #767675;
}

martedì 26 gennaio 2010

0 Galleria fotografica con effetto Lytebox.

E' stata creata una galleria fotografica in una pagina statica con l'effetto Lytebox. Sono presenti due gallerie di foto (tramonto e mare) e uno slideshow (belledonne). Per le istruzioni su come creare una galleria di questo tipo consultare il post

giovedì 21 gennaio 2010

0 Articolo dimostrativo di come editare attraverso Apture.

Lo script Apture arricchisce in modo eccezionale il nostro blog di contenuti multimediali che possono essere aperti senza lasciare il nostro sito.
In questo blog sono stati impostati per i link automatici  i video, gli MP3 e i collegamenti ai social. Se si scelgono queste impostazioni tutti i link di questo tipo mostreranno l'icona di Apture sulla sinistra anche se postati da altro Editor come per esempio Windows Live Writer. Ecco tre esempi


Giuseppe Giacomazzi da Zelig -
Foreverland pezzo musicale dei Belladonna -
Friendfeed Ernesto -


Alternativamente si  può selezioniare una parola o una frase e cliccare su una delle due icone di Apture nell'editor di Blogger . Possiamo scegliere il tipo di link da inserire tra immagine, video, documento, MP3, mappa ecc. Inoltre possiamo anche aggiungere altri elementi correlati. Possiamo anche aggiungere elementi diversi; per esempio aggiungere delle foto, dei documenti o delle mappe a dei video e viceversa.
Ecco alcuni esempi:


Florida


Anjelina Jolie


Mappa di Firenze


Video del Grande Fratello 10 




In tre casi ho aggiunto anche altre immagini e video correlati. Si possono scegliere oltre che da Youtube anche da altri servizi come Dailymotion.
Per visionare il materiale multimediale bisogna puntare con il mouse l'icona sulla sinistra dell'anchor text del collegamento.
E' comunque preferibile non inserire automaticamente i link ma farlo solo quando lo consideriamo come effettivo miglioramento dell'articolo.
In Idee per computer ed internet è disponibile un 


Aggiornamento:
E' da oggi possibile inserire anche una casella di ricerca magica. Le istruzioni le puoi trovare nell'articolo

martedì 19 gennaio 2010

3 Come inserire delle icone numerate accanto ai commenti

Il post serve per inserire dei commenti dimostrativi di come inserire un contatore numerato. Per le istruzioni su questa personalizzazione potete consultare l'articolo


domenica 17 gennaio 2010

0 Pretty Sociable, nuovo modo di condividere immagini e link del nostro blog.

Per vedere all'opera questo plugin puntate con il mouse l'immagine o il collegamento, quindi trasinate fino a selezionare il servizio in cui condividerli.
Per le istruzioni sull'installazione di questo plugin consultate l'articolo


Come condividere immagini o link del nostro blog nei social mediante il drag & drop con il plugin PrettySociable.










Collegamento a Google.it

venerdì 15 gennaio 2010

0 Come inserire un menù orizzontale a discesa.



Questo post è la demo del menù orizzontale a tendina per blog su Blogger ma anche su altre piattaforme. Per conoscere la procedura di installazione del menù consultate l'articolo

venerdì 8 gennaio 2010

0 Il widget degli articoli più commentati.

Il widget dei post più commentati mostra gli articoli che hanno ricevuto più commenti del vostro blog. Per l'installazione di questo gadget seguite le istruzioni dell'articolo

giovedì 7 gennaio 2010

0 Widget degli articoli recenti per una singola categoria.

Con questo widget si possono visualizzare gli ultimi articoli relativi a una etichetta specificata. Si possono creare anche più widget da inserire nel blog se si hanno più sezioni. La demo sulla destra riguarda gli ultimi articoli della categoria blogger pubblicati da "Idee per Computer ed Internet" e, se si vuole installare, occorre consultare il seguente articolo


0 I bottoni per la condivisione sexy degli articoli.

Questa  personalizzazione consiste nell'inserimento di una barra orizzontale con i bottoni animati dei principali Social Bookmarking. Per conoscere la modalità di inserimento consulta l'articolo

martedì 5 gennaio 2010

0 Widget degli Ultimi Articoli per singola etichetta.

Dimostrazione di come vengono visualizzati i widget degli ultimi post per ogni singola categoria. Come dimostrazione ho inserito il widget relativo alla categoria "Blogger" e a quella "Adsense".
Per avere le istruzioni su come installare questi widget, consultate l'articolo


0 Demo del widget degli Articoli Recenti con miniature e sommario

Questo widget mostra le miniature degli Ultimi Articoli pubblicati nel blog. Nel caso in cui fossero presenti delle immagini queste andranno a formare le miniature che altrimenti sarebbero sostituite da delle immagini casuali.
Per installare questo widget consultare l'articolo


lunedì 4 gennaio 2010

0 Widget degli ultimi articoli con miniature inserite in verticale in una sidebar.

Questo widget degli ultimi articoli con miniature può essere inserito in verticale in una sidebar. Per inserire questo widget seguite le istruzioni del seguente post


domenica 3 gennaio 2010

0 Pagina Demo della Toolbar Wibiya

Questa Toolbar permette di iscriversi automaticamente ai feed, di entrare in chat e nella pagina fan di Facebook. Per avere maggiori informazioni su questo servizio leggete il post seguente


0 Pagina demo dell'effetto della neve che cade da inserire nel blog.

Questa pagina mostra l'effetto dei cristalli di neve che cadono e può essere installato seguendo le istruzioni di questo post


0 Pagina demo dei cuoricini lampeggianti

Questo effetto può essere inserito nel blog seguendo le istruzioni dell'articolo