Nicopi

Badge sui blog WordPress.com – AGGIORNATO

Posted on: 29 agosto 2007

Pensavo di scappare dall’occhio degli interessati ma invece non ci sono riuscito 🙂

Ebbene sì, vi spiegherò come mettere il badge “Un post a caso” in alto a destra nel vostro blog su WordPress.com

Il problema nasce dal fatto che nei blog di WordPress.com non è possibile modificare il CSS almeno che non optiate per acquistare l’upgrade, ma sono certo che non è il vostro caso 😀

 

L’operazione è semplicissima, per prima cosa effettuate l’upload del badge nel vostro account WordPress. Potete prendere quello che ho usato io oppure cercare quello che vi piace di più in questa pagina, dove potete crearne uno oppure scaricarlo e modificarlo con Gimp o Photoshop.

Una volta fatto l’upload andate nella vostra dashboard di WordPress e sotto la scheda “Aspetto” selezionato “Widgets”.

 

Selezionate uno dei widget di testo presenti nella sidebar e incollateci questo:

<div style=”position: fixed; top: 20px; right: 30px; width: 110px; height: 110px;”><a href=”https://nicopi.wordpress.com/?random”><img alt=”” src=”https://nicopi.files.wordpress.com/2007/08/badge.gif” border=”0″></a></div>

 

dovete solo modificare la parte in rosso con l’URL del badge e quella verde con l’URL del vostro blog, dopodiché tutti i vostri visitatori potranno visualizzare un post a caso semplicemente cliccandoci sopra.

ATTENZIONE: Non fate un semplice copia incolla, wordpress modifica le virgolette durante la pubblicazione del post, per cui quelle sopra non sono corrette. Quando inserite il codice assicuratevi di inserire le virgolette a mano (Cioè con SHIFT+2).

Buon Divertimento!

Annunci

28 Risposte to "Badge sui blog WordPress.com – AGGIORNATO"

Cavolo non sapevo si potesse mettere del css nella sidebar, grandissimo! 😀

Ehehe, a forza di prove ci sono riuscito 😉

Adesso dovrò mettermi una corner badge anch’io… 😛
Tra un po’ me la disegno. 😀

Sono contento che l’idea ti piaccia.
Che ne dici dell’altro “spread firefox” che ho messo a sinistra?
Non ho usato lo stesso codice dell’articolo, infatti se scorri la pagina non resta fisso come il badge a destra.

Cavolo ne sai una più del diavolo!
Proverò. Grazie mille

riscrivo il messaggio, perchè non è visualizzato bene quello sopra:
ma non dovrebbero modificare anche la riga

href=”https://nicopi.wordpress.com/?random”

altrimenti cliccandoci sopra apparirebbe una pagina a caso del TUO blog…

Cavolo phoenix, hai ragione!
Mi ero proprio dimenticato, cose che succedono quando si scrivono gli articoli la sera tardi! 😆
Grazie mille 😉

Sapevo che nei blocchi testo si può mettere tutto l’html tranne gli script ma non ci avevo mai pensato a mettere i css. Grande!

sai mica come si può fare per inserire un orologio ?

Ah Nicopi, dimenticavo. Sul mio blog NON funziona.
Che sia una questione di tema?

@Mangiucugna: Grazie 😀
@babilonia: mi sa che per l’orologio l’unico modo è uno script (che non sono consentiti) o un oggetto in flash ( neanche questo consentito), purtroppo i blog hostati da wordpress hanno queste restrizioni 😦
@Lazza: Ho provato a mettere per pochi secondi il tuo tema al mio blog q tutto sembra funzionare.
Prova a mettere un widget di testo in fondo alla sidebar e a copiare li il codice (io l’ho messo nell’ultimo widget in basso). 😉

L’ho già fatto in un widget di testo, addirittura con il tuo codice “paro paro”… Mi sa che forse è una cosa riservata a quelli che si sono registrati oltre una certa data… 😦

@Lazza: ma ti rimuove il codice oppure non funziona?

Bravo Nicopi… ben fatto.
marcomkc

Bel tip, davvero utile sapere che si può utilizzare codice css 😀

Ciao

Non si vede nemmeno a me 😦 …
Io incollo il codice giusto sostituendo le varie cose, ma quando salva me lo cambia così

e non ci posso fare altro. Ovviamente non si vede niente…
Si può fare qualcosa, secondo te? Sono l’unico sfigato a cui non riesce?
Grazie

🙂

Ho trovato l’errore! 😀
Quando ho pubblicato il post, wordpress ha cambiato le virgolette e tutto non funziona.
Per far andare il codice dovete scrivere le virgolette a mano e non con un semplice copia incolla!

Mitico! 😀 Adesso ne ho messa una un po’ stupida ma magari dopo ne metto una seria. 😀

Un grazie a Sleeping che con la sua spiegazione del problema mi ha fatto capire il problema. 😀
@Lazza: l’importante è che funzioni! 😆

Beh, grazie a te che sei riuscito a farlo funzionare anche da me 😉

Uhm, personalmente mi dà fastidio quel coso enorme in alto a destra 😀

Sarebbe più carino se fosse “fisso” da qualche parte.. non so 😉

@markon: ci penserò, magari se hai qualche suggerimento… 😉

@ nicopi: caspito!!!! Grazie per “l’istruzione” se ne avro’ bisogno ne utilizzero’ uno pure io nel mio Blog 😆 😉

@no1globe: 😆

grazie nicopi! ne ho messa una versione semplificata (senza css) sul mio blog!

@chiarac: Grazie a te per essere passata 😉

Con IE6 non funziona =P

@Julius: Bene!! 😆
(Detto in modo retorico, sia chiaro 😉 )

I commenti sono chiusi.

%d blogger hanno fatto clic su Mi Piace per questo: