San Valentino nel blog: scia di baci e cuoricini che segue il mouse!


San Valentino si avvicina e ogni occasione è buona per agghindare il blog con qualche nuovo effetto. Con quello che propongo in questo post, adattissimo all’occasione, l’impatto è garantito. Poi sono particolarmente soddisfatto perchè adattare il codice proposto da Dynamic Drive (andate nella pagina e muovete il mouse per vedere l’effetto finale) per farlo funzionare su Blogger e con i browser di oggi si è rivelata come sempre un’impresa titanica ma stavolta (ed ecco il motivo della mia soddisfazione) riuscita.

image

Aggiungere l’effetto al blog sarà cosa di pochi secondi, e sebbene le mie istruzioni si riferiscano a Blogger, lo script dovrebbe funzionare senza problemi su qualsiasi altra piattaforma (Splinder, Wordpress, e così via).

Aggiungere lo script al blog

Dalla bacheca del vostro blog, andate in Layout->Elementi pagina e aggiungete un elemento di tipo HTML/Javascript:

image

Lasciate vuoto il titolo e nell’area sotto incollate questo:

<script src="http://sites.google.com/site/creareblog/script-blog/valentino/kiss.js?attredirects=0" type="text/javascript"/></script>

Salvate e visualizzate il blog, ed ecco fatto.

Altre idee per San Valentino

Se volete altre idee per celebrare la festa degli innamorati anche online, vi ricordo l’articolo scritto l’anno scorso sulle decorazioni di San Valentino per il blog.

Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

27 commenti:

Alexia Unofficial ha detto...

Ciao molto interessante il tuo blog. Io gestisco anche un blog da poco che ho migliorato con i tuoi consigli, quindi grazie!!

Avrei bisogno di un tuo consiglio per eliminare quelle linee che dividono i post o gli elementi pagina.

Inoltre, ho avuto sempre un pallino, quello della pagina di benvenuto per blog, con un'immagine e la scritta entra o altro. Mi piacerebbe se dedicassi un post a questo argomento.

Ciao e a presto!!!

Brennox ha detto...

Sempre attento ai minimi particolari Ora! Un grande come al solito.
Per la proposta di Alexia Unofficial: sarebbe carino un post che spiega come creare nuove pagine e come linkarle coi cavalieri che ci hai insegnato a disegnare. Io ci ho provato da autodidatta e ho incasinato tutto il Blog, infatti a breve ci rimetterò mano.

Ti seguo sempre in silenzio, comunque e dovunque, ancora complimenti per il lavoro che hai fatto.

Lauradv ha detto...

Grazie è proprio garbino e l'ho già inserito sull'Antro! Buona giornata Laura

Ross ha detto...

Buon giorno, Grazie per i cuoricini ;)
o aggiunto!
a presto. Ciao

stella ha detto...

Effetto bellissimooo!
Io ho già il cursore personalizzato, però!

Elena ha detto...

Che idea carina e semplicissima da inserire e poi togliere senza paura di incasinare tutto. Grazie!
Elena

anna maria ha detto...

ciao sono Anna Maria complimenti per il blog ,io ho aperto il mio da poco, parla di decoupage ,con il tuo aiuto ho provato a modificarlo ma niente da fare neanche i cuoricini di san Valentino son venuti.Va boo vul dire che son proprio negata.Ho messo il tuo blog in quelli che seguo,puoi inserire anche il mio nei tui?????? http://decoupagediannamaria.blogspot.com........grazie

RED ha detto...

Fatto !
Grazie Orazio e ciaoooo !

*-cipi-* ha detto...

su wp, mettendolo come text/html in un widget nel menù laterale (che dovrebbe essere la stessa cosa che hai spiegato epr blogger) non mi funziona
non so se dipenda dal mio blog, se ho sbagliato ad inserirlo o cosa altro, ma mi sembrava giusto avvisarti, visto che nell'articolo scrivi che dovrebbe funzionare anche con altre piattaforme
(http://cipicreazioni.netsons.org)

DANY ha detto...

ciao
grazie per questa nuova idea facile e carina

AUTOdiMERDA ha detto...

ciao tene vorrei chiederti qualche consiglio su come inserire le più redditizie forme di pubblicità nel blog escludendo adsense.

Jessica ha detto...

Ciao ti ho inserito tra i blog che seguo!Grazie a te ho migliorato il mio blog e imparato tante cose! Il mio blog è al sito : www.makeupbeautyemore.blogspot.com

Albania ha detto...

effetto bellissimo!

roro ha detto...

proprio bellissimissimo..baciotti mio Maestro :-))

anna maria ha detto...

C'è lo fatta finalmente....................effetto bellissimo, grazie

Laura ha detto...

E' vero!! Funziona!!! Grasssie mille!! SMACK!
Laura

lella ha detto...

grazie mille per le idee ........
Lella

la mia bacheca ha detto...

A me non funziona... al posto delle animazioni ci sono tanti quadratini con le x come se lo script non trovasse i file delle immagini. Qualcuno mi può aiutare? il mio blog è su blogger.

Tenebrae ha detto...

@alessia: dovresti farmi un esempio delle linee che vuoi eliminare, visto che nel tuo blog non ci sono... comunque dovresti trovare qui tutte le informazioni che ti servono

@brennox: grazie bren, per i complimenti e per la fedeltà :D

per scrivere questo commento hai usato il traduttore automatico di google? che significa i cavalieri che vi ho insegnato a disegnare? o è svirgolato a me il cervello?

quanto alla pagina di benvenuto, è fattibile ma è un intervento pesante per il blog, modifiche troppo profonde per una caratteristica tutto sommato non fondamentale

potrei farci un pensierino ma non garantisco

@lauradv: ecco la conferma, sono svirgolato io: what's garbino? mi sembra di essere a una puntata de "ai confini della realtà".. :D

scherzo dai, garbino s'intuisce :)

@stella: possono stare entrambi, ma creerebbero confusione

@anna maria: tutto è bene quel che finisce bene... :) grazie per aver linkato il mio blog, ricambierò molto volentieri!

@cipi: grazie cipi, nell'articolo ho usato il condizionale "dovrebbe funzionare senza problemi" non a caso (non ho provato)... comunque ho provato (prima di pubblicare il post) su una pagina html vuota e andava senza problemi... che sia un problema di template?

Tenebrae ha detto...

ho perso una parte del commento e mi tocca riscriverlo :p

@paolo: dipende dal numero di visitatori e dalle pagine visualizzate che fai, ci sono alcune agenzie interessanti, ma sicuramente c'è chi può consigliarti meglio di me perchè come avrai visto, ad oggi, non ho approfondito tantissimo l'argomento (a parte adsense, che in italia resta sempre il migliore)

@jessica: grazie per aver linkato il mio blog, ricambierò molto volentieri :)

@la mia bacheca: strano, potrebbe essere un problema di browser... cosa usi e quale versione?

*-cipi-* ha detto...

template dici? bo, forse, non sono così esperta.
te l'ho voluto segnalare per correttezza.
(sì sì l'avevo visto il condizionale, e hai fatto bene a metterlo)

*-cipi-* ha detto...

EUREKA!!!
Ho fatto un po' di prove e alla fine funziona. Te lo scrivo nel caso volessi aggiungerlo al tuo post, si sa mai.
Su WP con template MagicNight per farlo funzionare ho dovuto inserire il codice nel footer, subito prima del tag < /body> (da Appearence -> Editor, nel pannello di controllo).
Messo nella sidebar come dicevi di fare per blogger, con un widget html/text non mi faceva vedere niente.
Messo sempre da editor nella pagina o nell'header mi compariva solo in alcune zone della pagina, come se le varie immagini nonchè il corpo centrale del blog fossero un livello in primo piano e questa scia del cursore un secondo piano (non so se riesco a spiegarmi, non conosco i termini esatti, scusa).
Messo invece nel footer, in fondo, quindi come ultimo elemento di qualsiasi pagina, rimane carino come nell'esempio.
Lo posso lasciare per un po'?

Tenebrae ha detto...

@cipi: per me puoi lasciarlo per sempre :)

grazie per le informazioni e per la precisione... si, linkerò il tuo commento direttamente nel post

Alexia Unofficial ha detto...

Grazie mille ho risolto il problema.
Alla prossima!!!

P.S: effettivamente la pagina di benvenuto non ha molte finalità, ma renderebbe il blog molto professionale. =)

*-cipi-* ha detto...

ehm... cambiando pc non li vedo più... forse non è il caso che scrivi nel post originale che funziona anche su wp...

Borgo Grondaie ha detto...

Funziona! o meglio... ha sempre funzionato solo che nei computer che uso al lavoro, tranne quello per i clienti, ci deve essere qualche restrizione che blocca questo tipo di script. Comunque, ho già ricevuto dei complimenti per questa animazione :-)))) Grazie Orazio-Tenebrae

DarkEgi ha detto...

scusate a me nn funziona


Prima di lasciare un commento, leggete qui

Posta un commento