31 marzo 2009

45 commenti

Come stampare i post di Blogger

Qualche settimana fa Francesca mi ha contattata dal blog e mi ha chiesto se era possibile stampare ogni singolo post.

Nel suo blog infatti ogni post è una ricetta e vorrebbe dare la possibilità ai suoi lettori di stamparle.

Ed eccomi qui a spiegarle e spiegarvi come realizzare questa funzione.

Prima di iniziare a mettere mano al template fate il backup da
Layout -> Modifica HTML -> Scarica modello completo.

Poi cliccate su Espandi i modelli widget e trovate la riga con il codice

<div class='post-body' >

in alcuni template potrebbe essere

<div class='post-body entry-content' >

Prima del carattere > aggiungete questa stringa:

expr:id='"post-" + data:post.id'

Quindi alla fine sarà così:

<div class='post-body entry-content' expr:id='"post-" + data:post.id' >

Poi trovate questa parte di codice:

</div>
<div class='post-footer'>

e subito prima va inserito il codice html per la funzione di stampa.

Io ho realizzato due funzioni (specifiche per il blog di Francesca) che servono per stampare la singola ricetta o il singolo post... che non sono la stessa cosa visto che il suo template prevede delle sezioni "nascoste" che contengono le ricette. Vi basterà visitare il su blog per capire di cosa sto parlando.

Il codice html per stampare un post è:

<a class='printer' expr:onclick='"javascript:stampaPost(\"post-" + data:post.id + "\");"'>Stampa il post</a>

mentre per i template con sezioni nascoste, è possibile stampare solo il contenuto di tali sezioni inserendo questo codice:

<a class='printer' expr:onclick='"javascript:stampaRicetta(\"post-" + data:post.id + "\");"'>Stampa la ricetta</a>

Poi trovate la riga ]]></b:skin> e subito prima incollate questo codice css:

a.printer {
cursor: pointer;
background: url(http://www.iolecal.it/blog/posts/post074/printer.gif) no-repeat;
padding-left: 20px;
margin-right: 10px;
}

Poi trovate la riga </head> e subito prima incollate questo codice javascript:

<script>
function stampaRicetta(divId) {
var postContent = getPostContent(divId);
stampa(postContent);
}
function getPostContent(id) {
var content = '';
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for(var i=0; i&lt;spans.length; i++) {
if(spans[i].id == "fullpost") {
content += spans[i].innerHTML;
}
}
return content;
}
function stampaPost(divId) {
var postContent = document.getElementById(divId).innerHTML;
stampa(postContent);
}
function stampa(html) {
var printWindow = window.open("","printPost","top=100,left=200,width=600,height=400,scrollbars=yes,status=no,menubar=no,toolbar=no,locations=no");
printWindow.document.open();
printWindow.document.write('&lt;div onclick="javascript:window.print();"&gt;&lt;img src="http://lh4.ggpht.com/_fyUYhNUOXMw/Sg2XCP2OJaI/AAAAAAAAATo/vW0r9tXrpzU/printer.gif"/&gt;&lt;div&gt;' + html);
printWindow.document.close();
}
</script>

Salvate il modello e alla fine di ogni post vedrete i link "Stampa la ricetta" e/o "Stampa il post", come potete provare nel mio blog di prova in cui ho pubblicato un post copiando una ricetta di Francesca.

Cliccando sul link "Stampa la ricetta" o "Stampa il post" si apre una finestra popup con rispettivamente la ricetta (contenuta nella sezione nascosta) o il contenuto del post (tranne le parti nascoste). In quest'ultimo caso se prima di cliccare su "Stampa il post" si rende visibile la ricetta cliccando su "Read more..." allora nel popup sarà visualizzato il post per intero.

Dal popup basta poi cliccare sull'icona per stampare il post.



Lo script dovrebbe funzionare su tutti i template... se avete problemi contattatemi o lasciatemi un commento che vi aiuto volentieri.

E' possibile inoltre stampare la ricetta o il post senza aprire il popup; basta solo apportare delle modifiche al codice javascript. Chiunque fosse interessato può contattarmi.
Io personalmente preferisco questa soluzione poiché consente di vedere prima cosa si sta per stampare.




26 marzo 2009

44 commenti

Personalizza il tuo blog con pulsanti, menu, banner e testi con FlashVortex.com

FlashVortex.com è un sito che mette a disposizione una vasta gamma di pulsanti, menu, banner e testi animati realizzati in flash per personalizzare il proprio blog.

Ringrazio il mio amico Alberto non solo per avermi segnalato questo sito ma anche per aver inserito nel suo blog questo bellissimo banner:


Per personalizzare il vostro blog basta andare sull'homepage del sito FlashVortex.com e selezionare dal menu la voce che vi interessa:


Per ciascuna sezione avete a disposizione diversi modelli che potete personalizzare per adattarli allo stile del vostro blog cliccando su CLICK HERE TO EDIT THIS che compare sotto ogni oggetto. Se volete aggiungere un pulsante, basta selezionare la voce Buttons del menu e scegliere quello che più vi piace. Ad esempio se volete inserire nel vostro blog un pulsante per essere contattati via email dai vostri lettori come questo:


cliccate su CLICK HERE TO EDIT THIS del pulsante con la "letterina"


personalizzatelo inserendo il testo da visualizzare, la vostra email, il colore e le dimensioni


Infine cliccate sul pulsante Generate Animation, copiate il codice javascript presente nella textarea e incollatelo nel vostro blog in un gadget html/javascript:


Ovviamente si procede allo stesso modo se volete inserire nel vostro uno tra i tanti menu, testi animati e banners che il sito mette a disposizione.


24 marzo 2009

11 commenti

Blog candy per AbcHobby.it

Qualche settimana fa ho scoperto per caso un blog molto creativo; l'ho subito aggiunto tra i miei link preferiti e mi sono iscritta ai lettori del blog. Sto parlando di abc-hobby.blogspot.com.

L'autrice del blog, Elisabetta, vuole festeggiare il raggiungimento dei 40 lettori (che nel frattempo sono diventati 50) con un blog candy.

Sinceramente non avevo mai sentito parlare di blog candy... Purtroppo non posso conoscere tutto ;)

Ed ecco in breve cos'è:

Un blog candy serve per festeggiare qualcosa, ma anche no! Di solito si regala qualcosa fatto a mano o articoli per i nostri hobby alla fortunata vincitrice che viene estratta tra coloro che lasciano un commento. In più è un modo per far conoscere il proprio blog!

Chissà cosa starà preparando Elisabetta per questo evento?!?! Come al solito ci stupirà con la sua creatività!

Ecco di seguito alcune delle sue bellissime creazioni:

Spero tanto di vincere!


19 marzo 2009

20 commenti

Pubblicare i post via email... ma non ancora via sms

Qualche settimana fa il mio amico Maelström mi ha chiesto se era possibile pubblicare un post direttamente dal proprio cellulare.
Mi sono documentata un po' su internet e ieri leggendo questo post del mio amico Den ho scoperto due nuove funzionalità offerte da Blogger in Draft, ossia la possibilità di pubblicare post direttamente via email e via cellulare (quest'ultima funzionalità però per adesso è disponibile solo per gli utenti statunitensi).

Per vedere all'opera queste nuove funzionalità vi basta andare su Blogger in draft e a fianco del titolo del vostro blog vederete due icone così:


Cliccando sull'icona apparirà una finestra in cui è possibile impostare l'email da utilizzare per pubblicare i post. In particolare l'email sarà così formata:



dove nome è l'username che utilizzate per accedere a Blogger mentre al posto di secretWords dovrete inserire una parola a vostro piacimento.

L'email ottenuta nome.parolaSegreta@blogger.com può essere utilizzata solo ed esclusivamente per pubblicare i post sul vostro blog. Basta infatti inviare un'email a questo indirizzo e il post comparirà sul blog. Il post avrà come titolo l'oggetto della mail, come corpo il messaggio contenuto nella mail. Se volete pubblicare una o più immagini vi basterà allegarle all'email.

Cliccando invece sull'icona apparirà una finestra per la configurazione del posting tramite messaggio di testo (SMS), ma per adesso compare il messaggio

Registra il tuo dispositivo mobile SMS (solo numeri statunitensi). Se non hai un numero di telefono statunitense o vuoi postare immagini, puoi postare via email o registrarti usando MMS.

Penso che non bisognerà attendere molto per la disponibilità di questa funzionalità per tutti i cellulari.

Nel frattempo può esserci utile il servizio di posting via email. Io l'ho provato ieri e le mie prime impressioni sono buone.


18 marzo 2009

13 commenti

Scarica mp3 con Descarga Musica

Di siti per scaricare mp3 in giro per la rete se ne trovano tanti.
Già l'anno scorso ho scritto un post con ben 5 siti dai quali scaricare mp3. Dei cinque, quello che ho utilizzato spesso è dilandau, finché non ho scoperto Descarga Musica leggendo questo post del mio amico Vinnie.

Per scaricare un brano musicale andate su
www.descargamusica.org

Descarga Musica

inserire il titolo o il nome dell'autore nell'apposita textbox e cliccare su Buscar!

Buscar!

Dalla lista dei risultati:

Risultati per Your Song

è possibile ascoltare la canzone sul pulsante Eschucar mentre per scaricarla basta cliccare su Descargar.

Apparirà quindi la finestra per il salvataggio del file al quale bisogna solo aggiungere l'estensione .mp3.

Questo sito offre inoltre la possibilità di inserire un brano musicale nel proprio blog/sito, basta cliccare su Embed, copiare il codice html e inserirlo nella propria pagina. Ed ecco il risultato:


Se invece ci si registra al sito è possibile creare delle playlist cliccando su Añadir:



Post correlato:
Download mp3 dal web


15 marzo 2009

29 commenti

Sms gratis verso tutti

Il seguente form per l'invio di sms pubblicitari di www.smsad.it è stato disattivato. Troverete la nuova versione in questo post.

Da oggi potrete inviare gratuitamente dal mio blog sms verso tutti gli operatori italiani di telefonia mobile (Tim, Vodafone, Wind e Tre).
Gli sms sono gratuiti in quanto sponsorizzati dalla pubblicità in essi contenuta; per ciascun sms avrete a disposizione 109 caratteri.

Messaggio:
Caratteri rimanenti
PrefissoNumero
servizio smsh.it
Gli invii sono tracciati, per eventuali richieste
da parte degli organi di polizia compententi.

Gli sms inviabili sono proporzionali al numero di campagne di sms advertising attive. Inoltre sono previsti limiti in termini di numero di sms verso lo stesso numero GSM e a partire dallo stesso indirizzo IP.


13 marzo 2009

27 commenti

Un anno per Iole Blog

Oggi è il 13 marzo e il mio piccolo blog compie 1 anno!!!

Un anno per Iole BlogQuando ho deciso di creare questo blog non avevo la più pallida idea su cosa scrivere finché un bel giorno arrivò il primo post. E con esso il primo commento lasciato da colui che fin dall'inizio mi ha sempre seguita, mi ha dato suggerimenti e consigli e soprattutto che mi ha fornito le bellissime foto che ho utilizzato per alcune headers e in diversi post.

Da quel primo post, il mio piccolo blog è riuscito pian piano a farsi notare nella blogsfera. Sempre più visitatori giungono qui attraverso i motori di ricerca o attraverso quelli che mi linkano. E poi come potete vedere da Flag Counter quello che scrivo viene letto da persone di ogni parte del mondo.

In questi 365 giorni:

  • ho scritto ben 68 post, che non sono tanti ma nemmeno pochi, considerando tutti gli impegni di lavoro e il poco tempo libero che ho a disposizione
  • mi avete lasciato 401 commenti, i post più commentati sono stati soprattutto quelli con codice javascript da inserire nel blog
  • ho ricevuto diverse email con richieste d'aiuto per modificare il template, aggiungere del codice javascript nel blog, richiedere animazioni flash personalizzate o semplicemente per un saluto da chi era di passaggio sul mio blog
  • ho 51 lettori che mi seguono (e io seguo i loro blog)
  • ho superato le 5800 visite, anche se non ho scritto altri post come per le 1.000 e le 2.000 visite
  • ho modificato più volte il template fino ad arrivare a questa nuova veste grafica, in realtà ho già in mente altre modifiche e spero di metterle presto online
  • ho creato 9 headers diversi con le foto di Amsis (ben 5 su 9), una di Francesco, una di rosemary*, una di AlianToso e per oggi un header che è un puzzle di tutti gli headers

Ecco di seguito tutti gli headers che in questo anno sono apparsi sul mio blog:












Grazie a tutti voi! Continuate a seguire il mio blog!



11 marzo 2009

27 commenti

Tags cloud per Blogger

Scrivo questo post dopo che le mie amiche vitaIE e Natalia mi hanno chiesto come inserire il label cloud (come il mio) nel blog.

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!


8 marzo 2009

14 commenti

8 Marzo - Festa della Donna

Qualche giorno fa la mia amica Valentina ha pubblicato un post sulla campagna contro la violenza sulle donne.

Volevo proporre di scrivere un post/messaggio sulla violenza sulle donne nei nostri blog e siti il giorno dell'8 Marzo. Anche poche righe, una delle esperienze di paura che viviamo quotidianamente per noi o per le donne che amiamo o anche solo la segnalazione di un'associazione a favore delle donne maltrattate, quello che volete, ma che sia chiaro il tema.
Un modo per far sentire che ci siamo e che lottiamo per la nostra libertà e per quella degli indifesi.

Trovo che sia una bella iniziativa e per questo che ho deciso di scrivere questo post per descrivere una mia esperienza di paura.

Due anni fa ero alla stazione Roma Termini ad aspettare mio fratello; il suo treno doveva arrivare in stazione verso le 23.
In genere non esco mai di sera proprio perché ho paura, e infatti quella volta sono uscita di casa verso le 19, sono arrivata in stazione prima delle 20 e in attesa che il treno arrivasse cercavo sempre di stare vicino gruppetti di persone. Ma appena queste partivano mi sentivo sola e avevo paura.
Infatti per ben due volte mi si è avvicinato un uomo e io a testa bassa cercavo di avvicinarmi ad altre persone. Dopo si è avvicinato un altro uomo mentre guardavo i tabelloni degli arrivi e delle partenze è ha iniziato a chiedermi "dove devi andare?" "a che ora parte il tuo treno?" E io senza darli una risposta ho iniziato ad allontanarmi da lui. Ma lui continuava a fare domande "parli inglese?" "ma perché voi Italiani non parlate l'inglese?"
Sono stata in stazione circa 3 ore; sono state 3 ore interminabili.

Ma nonostante la paura, non possiamo starcene chiuse in casa... Quindi tra poco uscirò e trascorrerò una bellissima giornata con due mie amiche.

Auguri a tutte le mie lettrici! - Happy Women's Day!
Happy Women's Day
Foto by AlianToso


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