Ed ecco i passi da seguire:
andate in Layout -> Modifica HTML
cliccate su Espandi i modelli widget;
inserite questo codice prima della riga ]]></b:skin>
trovate il codice che inizia con <b:widget id='Label1' locked='false' title='Tags' type='Label'> e termina con </b:widget>
al suo posto incollate questo codice javascript:
salvate e il tags cloud è fatto!
Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.
Ci voleva proprio questo post. Grazie!
RispondiElimina@vitaIE: prego! per qualsiasi altra richiesta sono a tuo completo servizio!
RispondiEliminaGrazie per la segnalazione, ma al momento non ho intenzione di inserire widget simili nel blog perchè quasi tutte le mie etichette sono "internet" e perciò non servirebbe a tanto...
RispondiEliminaIole, per semplificare il lavoro a tutti, ti segnalo questo link:
RispondiEliminahttp://www.tagcloud-generator.com/index.html
permette di creare la tag cloud di cui sopra con il minimo sforzo personalizzando colori, grandezza, font e altre meraviglie!
Baci baci buona serata!!!
@Tarkan: grazie per la segnalazione... l'ho appena provato e (se non erro) restituisce una tags cloud con le parole maggiormente utilizzate nell'homepage e non con le etichette dei post.
RispondiEliminaAuguri auguri auguri! ^_-
RispondiEliminaContinua a così, il tuo blog mi piace tantissimo sia graficamente che per ciò che contiene!!! ^*^
@Vampiretta: grazie per gli auguri! (forse volevi lasciare il commento su questo post)
RispondiEliminaIn realtà è possibile anche inserire manualmente tutte le parole che si desiderano e collegarle alle varie sezioni del blog e scegliere anche una priorità ( quindi una grandezza del font) differente a seconda dell'importanza... infine puoi anche personalizzare i colori dei vari tag.
RispondiEliminaLa tag cloud che vedi nel mio blog l'ho creata proprio così ;-)
P.S.Ricordati di venire a ritirare il premio domattina!!!
@Tarkan: a me non piace il fatto che devi crearla manualmente... quella proposta da me si crea da sola. In questo modo se nel blog viene aggiunta una nuova etichetta in automatico viene aggiunta alla tags cloud oppure se i post di un'etichetta aumentano in automatico anche la dimensione del font aumenta. A parte queste cose, è molto bella da vedere: tutta colorata!
RispondiEliminaP.S. Certo che mi ricordo di ritirare il premio, anzi i PREMI!
Ciao Iole
RispondiEliminaLa tua spiegazione è semplice ed efficace la TAG funziona perfettamente...
COMPLIMENTI !!!!
@paomablog: ho appena visto il tuo blog... mi piace l'effetto "cambia colore" dei link... appena ho un po' di tempo mi studio l'html del tuo blog e magari pubblico un post.
RispondiEliminaGrazie Iole
RispondiEliminadove devo andare per cambiare il colore dei link(volevo cambiare solo quello del TAG e non gli altri)
CIAO
@paomablog: prova a scrivere così:
RispondiElimina.common-link-1 a {font-size:10px; color: CODICE;}
al post di
.common-link-1 {font-size:10px;}
(e così per tutti i common-link)
Ovviamente al posto di CODICE metti il codice del colore che vuoi.
Fammi sapere se va bene!
Ho provato come dici ma non cambia niente comunque grazie
RispondiElimina@paomablog: non hai messo la "a" per ogni common-link
RispondiElimina.common-link-1 a {font-size:10px; color:#7FFF00;}
Riprova così!!!
Adesso funziona parzialmente alcune parole non cambiano il colore
RispondiElimina@paomablog: solo alcune parole cambiano colore perché hanno il css (i common-link per intenderci)
RispondiEliminaNel tuo blog i common-link vanno da 1 a 11, quindi le etichette con 12, 13, ... post non hanno il css e quindi hanno l'aspetto di qualsiasi altro link del blog.
Spero di essere stata chiara.
L'effetto "cambia colore" comunque rimane, ancora non ho capito quale script lo genera.
Quindi Iole come posso risolvere il problema? Scusa se ROMPO....
RispondiElimina@paomablog: per ora nel tuo blog l'etichetta Utility ha 34 post, quindi dovresti inserire i common-link almeno da 1 a 34.
RispondiEliminaSEI GRANDE IOLE
RispondiEliminaG R A Z I E !!!!!
problema risolto non avevo dubbi !!!!
Ciao IOLE
RispondiEliminascusa se disturbo ancora la tag funziona perfettamente, volevo chiederti se era possibile fare una modifica cioè dare un pò di spazio in più tra le parole.
GRAZIE ANTICIPATAMENTE !!!!!
@paomablog: aggiungi ad ogni common-link
RispondiEliminapadding: 10px;
Grazie IOLE
RispondiEliminagrandissima come sempre !!!!!
Iole come vedi arrivo anche qui...mii piace la tua Tag ma questo codice facendo Ctrl+F e cercando mi dice..nessun riscontro.
RispondiEliminae termina con
Sono andata a curiosare nel link suggerito da Tarkan ed effettivamente diciamo....premi bottone e ...fatto però volendo semplificarmi io non so dove lo devo inserire visto che uno che tu citi non lo trovo.
Preferirei il tuo. Se mi puoi dire sotto cosa posso trovare questo ....b widget ......
e dove inserire il tag pronto del sito suggerito da Tarkan.
Grazie Iole
PS.
Ora no non ce la faccio ma per Natale.....ciaoooo
@edvige: nel tuo template devi trovare
RispondiElimina<b:widget id='Label1' locked='false' title='Vedi nei vari argomenti' type='Label'>
Per un metodo più semplice prova a leggere questo mio post.
Ciao Iole,ammiro tantissimo il tuo sito...ma ho un problema con questo post...NON TROVO LE RIGHEEEEEE
RispondiEliminacome puoi aiutarmi?
Nidalea
@Nidalea: quando ho scritto questo post, più di due anni fa, Blogger non offriva la possibilità di visualizzare le etichette sotto forma di tags cloud e bisognava mettere mano al codice. Successivamente Blogger ha introdotto questa funzionalità; trovi tutte le istruzioni per inserire facilmente una tags cloud in questo mio post.
RispondiElimina