29 febbraio 2012

23 commenti

Per Elisa: banner e disclaimer personalizzato

per ElisaElisa del blog "ZuccheroeSpezie di Mrs TrickOrTreat" mi ha chiesto di realizzarle un banner e un disclaimer personalizzato per il suo blog di ricette, pieno di dolci e di tante bellissime torte decorate.

Ed ecco i due widget che ho realizzato per lei!


Banner
ZuccheroeSpezie


Disclaimer



@Elisa: ti ringrazio per la tua donazione spontanea.
Spero ti piacciano i widget che ho realizzato per te; per qualsiasi modifica o per altre richieste sono a tua disposizione.



Nota
Questi widget, realizzati per Elisa, possono essere esclusivamente utilizzati da lei nel suo blog.
Chiunque desidera un widget personalizzato lasci un commento in questo post con la propria richiesta.


28 febbraio 2012

56 commenti

Countdown per Pasqua

Pasqua 2012Alla Santa Pasqua manca poco più di un mese ed ecco che ho realizzato per voi alcuni countdown per questa festività.

In questo post trovate ben 9 countdown con 9 colorate uova di Pasqua che vi ricorderanno sempre quanto manca alla Pasqua, che quest'anno cade l'8 aprile.

Nel blog ne trovate inoltre altri 15 pubblicati lo scorso anno.

Selezionate l'immagine di sfondo che più vi piace e la posizione del countdown nel blog. Infine copiate il codice html dal box di testo ed incollatelo in un gadget di tipo html/javascript della sidebar.


27 febbraio 2012

17 commenti

Un altro pensierino da Luby... anzi due!

Qualche giorno fa ho ricevuto a casa una lettera inviatami da Luby con all'interno un suo pensierino... anzi due!

Lo avevo già anticipato in un commento, ma la grande generosità di Luby e la sue bellissime creazioni meritano un post a sé.

Ed ecco a voi il contenuto della lettera: due copri-uovo a coniglietto realizzati all'uncinetto da Luby:


I copri-uovo sono utili per tenere tiepido un uovo alla coque o sodo e sono di sicuro un'idea regalo originale per la Pasqua che si avvicina!

Luby me ne ha inviati due: uno glicine per me e uno azzurro per mio marito. Sono di due dimensioni diverse: uno più piccolo per uova normali e uno un po' più grande per uova extra-large.

Grazie mille Luby per queste tue bellissime ed originalissime creazioni!


Nota
Per chi fosse interessato alle creazioni all'uncinetto di Luby o ai copri-uovo può contattarla tramite il contact form del suo blog.


25 febbraio 2012

24 commenti

Mele che cadono nel blog

Lo script che pubblico oggi mi è stato richiesto la scorsa settimana da Mela del blog La Mela che cade dal pero...

Grazie a questo script potrà visualizzare nel suo blog una pioggia di mele verdi, le sue preferite!

@Mela: Per aggiungere questo effetto nel tuo blog non devi fare altro che copiare il codice html che compare nel box riportato di seguito e incollarlo in un gadget di tipo html/javascript della sidebar.

In qualunque momento ti basterà eliminare il gadget contenente il codice html dello script e la pioggia di mele non sarà più visibile.

E inoltre per te una sorpresina... uno sfondo personalizzato!
Spero ti piaccia!

Sfondo personalizzato
sfondo mela
(Clicca qui per l'anteprima)

Per inserirlo nel blog copia il codice html che compare nel box e incollalo in un gadget di tipo html/javascript della sidebar.
In qualunque momento ti basterà eliminare il gadget contenente il codice html dello sfondo e il tuo blog tornerà ad essere come prima.


24 febbraio 2012

82 commenti

Widget: "Il mio blog è captcha free"

Captcha freeDopo aver pubblicato due giorni fa il post con le istruzioni per rimuovere le captcha, ossia quelle fastidiosissime parole deformate, dalla pagina dei commenti, mi è stato suggerito di realizzare un widget a tema.

Ed ecco che, grazie al suggerimento di Grazia, Vaniglia ed Edvige, ho realizzato per tutti voi alcuni widget per invitare (o minacciare) i vostri lettori a togliere le captcha dal blog.

Di seguito potrete prelevare il widget che più vi piace scegliendo tra ben undici colori diversi, selezionando una delle quattro frasi disponibili e decidendo in quale posizione del blog mostrare il widget.

Infine prelevate il codice html che compare nel box di fianco al widget ed incollatelo in un gadget di tipo html/javascript della sidebar.

Se vi va lasciate un commento indicando la frase che avete scelto.
E se ve ne viene in mente qualcun'altra... scrivetela in un commento!


23 febbraio 2012

24 commenti

Per Luby: disclaimer, messaggio di benvenuto e contact form personalizzato

per LubyQuesto post è dedicato a Luby!
Per lei c'è una piccola sorpresa...
anzi tre!

Ecco per lei tre widget personalizzati: un disclaimer, un messaggio di benvenuto e un contact form.

E' il minimo che potessi fare per ringraziarla della sua gentilezza e del pensiero che mi ha inviato a casa circa un mese fa e per quello che ha mi spedito qualche giorno fa (che dovrebbe arrivarmi a casa oggi).

Visti gli argomenti trattati nel suo blog, non potevo non ispirarmi alla natura per questi widget.

Codice html e istruzioni per l'uso

@Luby: per inserire i tre widget nel tuo blog, copia il codice di ciascun widget e incollalo in un gadget di tipo html/javascript della sidebar.

Disclaimer



Messaggio di benvenuto



Contact form


@Luby: Spero ti piacciano! Per eventuali modifiche e per altri widget sono qui a tua disposizione.


Nota
Questi widget realizzati per Luby possono essere esclusivamente utilizzati da lei nel suo blog. In particolare nel codice del contact form è presente (anche se non visibile) la sua email e non può essere in alcun modo modificata. Chiunque lo utilizzasse nel proprio blog, non riceverebbe alcuna email dato che i messaggi vengono inviati a Luby.


22 febbraio 2012

99 commenti

Il mio blog è "captcha free"!

captchaPer chi non sapesse cosa sono le captcha, chiamate in Blogger anche verifica parole, può vedere qui di fianco qualche esempio.

Da diverso tempo ho adottato nel mio blog la moderazione dei commenti e la verifica parole per non ricevere continuamente commenti di spam.

Come me, tantissimi altri blogger utilizzano nei propri blog la verifica parole nel modulo dei commenti. Personalmente non le ho mai amate perché rubano tempo quando si vuole lasciare un commento ma fino a poco tempo fa queste parole non erano poi così difficili da leggere.

Dalla scorsa settimana invece sono diventate impossibili da leggere quindi rubano ancora più tempo perché occorre provare e riprovare fin tanto che si azzecca la parola giusta.

Proprio la settimana scorsa in un commento Lella si lamentava giustamente di questa situazione. E dopo di lei anche Sunwand e tilli.

Di questo "problema" ne hanno parlato anche Sandra e Zio Scriba nei loro blog in questi due post:

- NON PROPRIO BLOGGER, PIUTTOSTO CAPTCHER

- COMUNICAZIONE DI SERVIZIO: la nuova verifica parole è assolutamente intollerabile!

Nel post di Sandra inoltre viene sottolineata la facilità di utilizzo della finestra popup per i commenti, che io personalmente ho sempre usato fin dal primo giorno, anche se la maggior parte dei blogger preferisce il modulo dei commenti sotto al post che spesso crea problemi.

Da ieri nel mio blog non sono più presenti le fastidiosissime captcha; per i commenti di spam utilizzerò il filtro anti-spam. Ringrazio Zio Scriba per la sua disponibilità e per le utili informazioni che mi ha dato a riguardo.

Se anche voi volete togliere le captcha dai commenti ecco i semplici passi da seguire.

Andate sulla bacheca di Blogger e cliccate su Impostazioni:

Impostazioni


Poi cliccate su Post e Commenti.

Commenti


Infine selezionate l'opzione No per la voce "Mostra test di verifica".

Test di verifica


Nella stessa pagina, se volete, potete scegliere anche la finestra popup (anziché continuare ad usare il modulo sotto i post) selezionando Finestra popup per la voce "Posizione commento".

Finestra popup


Infine cliccate sul pulsante Salva impostazioni posto in alto a destra nella pagina.

Widget "Il mio blog è captcha free"


Captcha freeSe volete aggiungere nel vostro blog il widget "Il mio blog è captcha free" per invitare (o minacciare) i vostri lettori a togliere le captcha dal blog cliccate qui!


Per dubbi o chiarimenti riguardanti questo post lasciate un commento, non contattatemi via email.


21 febbraio 2012

41 commenti

Come inserire nel blog delle icone sensibili al passaggio del mouse

Tutorial: IconeScrivo questo post per rispondere ad una mail inviatami da Niere in cui mi scriveva:

Vorrei aggiungere nel mio blog delle icone sensibili al passaggio del mouse, tipo quelle presenti nel tuo menu e quelle dei social network presenti nella sidebar.
Potresti spiegarmi come realizzare questo effetto in html?

Ed ecco per te, Niere, e per tutti voi le semplici istruzioni per inserire nei vostri blog delle icone che cambiano aspetto al passaggio del mouse. Di seguito vi riporto come esempio le icone dei due più famosi social network: Facebook e Twitter.


(Per provare l'effetto passare
il mouse sopra le due icone)

Passo 1: creare le immagini

Per inserire nel vostro blog delle icone sensibili al passaggio del mouse dovrete per prima cosa creare le immagini.
Per ogni icona occorrono due immagini: quella visibile nella pagina e quella visibile al passaggio del mouse.

Quindi per realizzare le due icone mostrate nell'esempio dovrete realizzare quattro immagini:


A questo punto caricatele online su un servizio di hosting; vi servirà poi l'indirizzo di ciascuna immagine per scrivere il codice css.

Codice css

Supponendo che alle immagini avete dato questi nomi:

- facebook_01.jpg e facebook_02.jpg: per l'icona di Facebook
- twitter_01.jpg e twitter_02.jpg: per l'icona di Twitter

il codice css da inserire nel template del vostro blog prima della riga di codice ]]></b:skin> o nel file style.css per Niere è il seguente:

a.facebook { float: left; display: block; width: 50px; height: 50px; background-image: url(URL img facebook_01.jpg); text-indent: -9999px; }
a.facebook:hover { background-image: url(URL img facebook_02.jpg); }
a.twitter { float: left; display: block; width: 50px; height: 50px; background-image: url(URL img twitter_01.jpg); text-indent: -9999px; }
a.twitter:hover { background-image: url(URL img twitter_02.jpg); }

ovviamente sostituendo le stringhe in blu e in azzurro con gli indirizzi delle quattro immagini e inserendo le dimensioni delle vostre immagini (al posto di width: 50px; height: 50px;).

Codice html

Prima di scrivere il codice html dovrete salvare le modifiche apportate al template del vostro blog mentre Niere dovrà salvare il file style.css.

Il codice html, da inserire in un gadget di tipo html/javascript della sidebar o in un post o in qualsiasi parte del template, è il seguente:

<a class="facebook" href="pagina Facebook">Facebook</a>
<a class="twitter" href="pagina Twitter">Twitter</a>


Conclusioni

Per inserire nel vostro blog delle icone sensibili al passaggio del mouse occorre avere almeno delle nozioni base di html e css nonché di grafica.
Do quindi per scontato che sappiate creare un'immagine, caricarla online e prendere l'indirizzo.
Per quanto riguarda il codice css e html ho evidenziato con colori diversi le due classi per le icone. Do per scontato che sappiate anche cos'è una classe.
Per dubbi o chiarimenti riguardanti questo post lasciate un commento, non contattatemi via email.


20 febbraio 2012

113 commenti

Tag cloud animata per il blog

Tag cloudQualche giorno fa ho ricevuto una mail da Stefy in cui mi chiedeva:

Sapresti dirmi dove trovare e/o come mettere nel blog un widget tipo quello nell'immagine allegata? (che vedete qui a fianco)

Questo widget è una tag cloud animata. Ecco le istruzioni per inserirla nel blog!

Prima di procedere ci tengo a precisare che il widget in questione non mio. Si tratta di WP-Cumulus, creato da Roy Tanck e adattato per Blogger da Amanda Fazani.

Per aggiungere questo widget nel blog, dovreste scaricare dal sito ufficiale un file javascript (.js) ed uno flash (.swf) e caricarli su un servizio di hosting e infine inserire del codice html nel template che dovreste prima personalizzare nei colori e nelle dimensioni.
Per facilitarvi il tutto ho caricato su un mio dominio i due file necessari e ho creato una pagina attraverso la quale potrete personalizzare il vostro widget e prelevare il codice già modificato.

Backup del template

Per aggiungere questo widget nel blog occorre modificare il template, quindi prima di iniziare ricordatevi di fare il backup.

Codice html del widget


Modifiche al template

Il codice html che visualizzate nel box sopra riportato, ottenuto selezionando le dimensioni del widget e i colori che più si intonano con quelli del vostro blog, va inserito ora nel template.

Andate quindi in Blogger e cliccate su Design:

Design

poi su Modifica HTML

Modifica HTML

ed infine su Espandi i modelli widget

Modifica HTML

Ora cercate questa riga di codice:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Come già detto altre volte i template non sono tutti uguali quindi se non trovate questa riga provate con quest'altra:

<b:section-contents id='sidebar-left-1'>

Se non trovate nemmeno questa, lasciate un commento e vi dirò con precisione cosa cercare.

Subito dopo questa riga del template incollate il codice html prelevato dal box e salvate il modello:

Salva modello

Visitando il vostro blog vedrete in alto nella sidebar come primo widget una tag cloud animata tipo questa:
Modifiche del widget

Vediamo ora quali modifiche si possono apportare al widget e quali no.

Come detto in precedenza il widget comparirà in alto nella sidebar; se volete che sia visibile in un'altra posizione andate in Blogger - Design e trascinate il widget Etichette nella posizione desiderata.

Gadget della sidebar

Per apportare altre modifiche al widget cliccate sul link Modifica del gadget oppure, se siete nel blog, sull'icona .

Nella finestra di configurazione potrete modificare il Titolo (ad esempio sostituendo "Etichette" con "Argomenti trattati", "Labels", "Tags" o ciò che più vi piace) e il numero di etichette da mostrare nel widget (tutte o soltanto alcune). Alla fine occorre salvare!

Configurazione

Vediamo ora cosa è consigliabile non modificare.

Se vi accorgete che le dimensioni che avete inserito per il widget non vanno bene per la vostra sidebar o se i colori che avete scelto non si intonano con il resto del blog, allora anziché modificare alcuni parametri presenti nel codice html che avete inserito nel template vi consiglio di eliminare il gadget (cliccando su Modifica o sull'icona ) e poi sul pulsante Rimuovi. Quindi prelevate nuovamente il codice e seguite tutte le istruzioni precedenti.

Conclusioni

Come detto all'inizio del post, per facilitarvi nell'inserimento di questo widget nei vostri blog ho caricato i file necessari su un mio dominio a pagamento e ho realizzato per voi la pagina che genera il codice.
Ci tengo a precisare che per una maggiore compatibilità del widget su tutti i browser, nonostante sul sito ufficiale fosse disponibile una versione più vecchia dello script, io ho caricato online l'ultima versione aggiornata e di conseguenza ho riscritto il codice utilizzando una sintassi diversa da quella utilizzata dall'autore del widget.
Chiunque utilizzi questo widget, lasci almeno un commento.
Un "Grazie" è sempre gradito!


17 febbraio 2012

24 commenti

Per BiancaneveRossa: contact form personalizzato

per BiancaneverossaAlcuni giorni fa BiancaneveRossa, dopo aver inserito nel suo blog uno dei contact form disponibili in questo mio post, mi ha chiesto se potevo realizzargliene uno personalizzato in cui la sua mail non fosse visibile nella pagina.

Utilizzando i colori del suo blog, ecco cosa ho realizzato per lei!



Codice html e istruzioni per l'uso

@BiancaneveRossa: per inserire il tuo contact form personalizzato nel blog devi copiare il codice html che trovi nel box di seguito riportato ed incollarlo nella pagina dei contatti.


Spero ti piaccia! Per eventuali modifiche sono qui a disposizione.

Inoltre per te e per i tuoi bimbi ho realizzato anche una letterina con messaggio personalizzato:

Letterina




Nota
Questo contact form e questa letterina realizzati per BiancaneveRossa possono essere esclusivamente utilizzati da lei nel suo blog. In particolare nel codice del contact form è presente (anche se non visibile) la sua email e non può essere in alcun modo modificata. Chiunque lo utilizzasse nel proprio blog, non riceverebbe alcuna email dato che i messaggi vengono inviati a BiancaneveRossa.


16 febbraio 2012

32 commenti

Rametti di mimosa che cadono nel blog

Dopo aver pubblicato alcuni giorni fa il countdown per la Festa della Donna, dietro suggerimento di Malù ecco che ho realizzato per tutte voi uno script per visualizzare dei rametti di mimosa che cadono nel blog.

Se volete aggiungere questo effetto nel vostro blog non dovete fare altro che copiare il codice html che compare nel box riportato di seguito e incollarlo in un gadget di tipo html/javascript della sidebar.

Dopo la Festa della Donna, vi basterà eliminare il gadget contenente il codice html e la pioggia di rametti di mimosa non sarà più visibile.

Ringrazio Malù per il suggerimento e vi ricordo che potete ancora prelevare il countdown per la Festa della Donna e partecipare così al concorso per vincere un widget personalizzato!


14 febbraio 2012

43 commenti

Come ricevere via email i commenti di risposta di un post

Commenti via emailTra le numerose email che ogni giorno ricevo da parte di voi lettori, alcune contengono messaggi del tipo:

Ti ho lasciato un commento ma non so se mi hai già risposto.

Tempo fa ho lasciato un commento ma non ricordo in quale post.

Premetto che rispondo sempre a tutti i vostri commenti entro pochissimo tempo; siete voi che non leggete le mie risposte.

Con questo tutorial vi spiego come ricevere via email i commenti di risposta di un post in cui avete lasciato un commento.

Vediamo insieme cosa bisogna fare a seconda che sul blog viene utilizzata la finestra popup per la gestione dei commenti o il modulo dei commenti incorporato sotto al post.

Finestra popup

Se nel blog viene utilizzata la finestra popup per la gestione dei commenti, per ricevere via email i commenti di risposta, sia dell'autore del blog che degli altri utenti, selezionate la casellina "Invia i commenti di risposta per email a..." prima di cliccare sul pulsante "PUBBLICA COMMENTO" come mostrato di seguito:

Popup 1 Popup 2


Modulo dei commenti incorporato sotto al post

Se nel blog è presente il modulo dei commenti incorporato sotto al post, per ricevere via email i commenti di risposta dovete cliccare su "Iscriviti per email" come mostrato di seguito:

Modulo Modulo 1 Modulo 2

In qualsiasi momento potrete annullare l'iscrizione cliccando sul link "Annulla iscrizione" come mostrato di seguito:

Modulo 3 Modulo 4


Commento ricevuto via email

Ogni volta che l'autore del blog o un utente lascia un commento di risposta riceverete una mail con il testo del commento, il titolo del post e dei link per lasciare un nuovo commento o per annullare l'iscrizione, come mostrato di seguito:

Email Email 1

Email 2 Email 3

Spero sia tutto chiaro. Per dubbi o chiarimenti, lasciate un commento e riceverete presto una mia risposta... anche via email!


Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.it|Design by Iole|Privacy Policy