Friday, January 21, 2011

Where Can I Berlin Tech Deck

Blogger Guide: How to add a button to print or create a pdf of your articles

Oggi vi spiego come inserire un bottone che apparirà in ogni articolo del vostro blog (basato sulla piattaforma Blogger o Wordpress ) che consentirà al visitatore di stampare l’articolo, salvarlo in pdf oppure inviarlo via email a qualche amico.

2011-01-20_202442

Prima di tutto recatevi sul sito Printfriendly e nella pagina che si aprirà vi verrà chiesto di selezionare il modello del vostro sito (Select Site Type), o meglio vi chiede se avete un sito normale oppure un blog che si appoggia su Wordpress o Blogger . Nel caso usiate blogger (come Piccolo Geek) cliccate sull’opzione “Blogger”.

2011-01-20_203040

Nella seconda opzione scegliete l’icona che pensate vada bene per il vostro blog, potete anche scegliere di inserire soltanto un normale testo ( Text or use your button) . Adesso vi verrà subito generato il relativo codice html che dovrete successivamente inserire nel vostro blog. Prima di tutto copiatelo interamente.

Come inserire il codice su “Modifica HTML” di Blogger:

Recatevi nella bacheca di blogger, cliccate su “Design” e dopo su “Modifica Html” e selezionate la casellina “Espandi modelli Widget”. Con la tastiera e con, ovviamente il browser aperto, cliccate ctrl+f e trovate il seguente codice: 

<div class='post-footer'>

Immediatamente dopo incollate il codice, del bottone che avevate precedentemente copiato (riquadro rosso).

2011-01-21_085254

Fate un “anteprima” del lavoro e se vi piace il risultato cliccate su “Salva Modello” e avrete finalmente concluso.

0 comments:

Post a Comment