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!


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:



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.


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.


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.


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.


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.


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.


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!


Se volete sostenere il mio blog, visitate questi siti. Grazie!
loading...
Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.com|Design by Iole|Privacy Policy|Cookie Policy