ODIO IL MIO PC

E-books - come archiviarli e convertirli

noreply@blogger.com (Luca Lipartiti) — Sat, 21 Jul 2012 16:36:00 +0000

Presento e vi spiego in questo articolo, l'utilizzo di CALIBRE.

Il programma è un "gestore" di e-book, gli ormai famosi libri elettronici che spopolano su tablet, smatphones e lettori vari.
E' assolutamente gratuito, di semplice utilizzo ed in lingua italiana.

http://calibre-ebook.com/

Tra le principali funzioni del programma l'organizzazione dei libri scaricati ed acquistati ordinati per autore, lingua, formato ed editore.

Come vedete dall'immagine il programma ha una semplice ed intuitiva barra menù che consente di :

• Aggiungere libri
Cliccate edi inserite nel programma i libri presenti nel vostro pc, qualunque sia il formato, Calibre li organizzerà catalogandoli secondo i criteri sopra descritti.

• Modificare il contenuto dei libri
Cliccando su "modifica metadati" potrete cambiare copertina, titolo, nome dell'autore.E' possibile anche intervenire sulle pagine ed i paragrafi modificando margini e quant'altro ma lo sconsiglio ai meno esperti.

• Convertire i formati dei files
Cliccando su "converti libri" potrete cambiare l'estensione dell'E-book e renderlo cosi' leggibile su qualsiasi lettore.
Non tutti i formati di file sono infatti adatti a tutti gli apparecchi.I piu' famosi sono :

epub - il formato di file che utilizza Apple per ipad e iphone

mobi - il formato che utilizza Amazon per il suo Kindle

pdf - questo formato lo potete leggere con tutti i reader ma l'esperienza di lettura è limitata (la pagina non si adatta alla grandezza dello schermo, la lettura risulta più difficoltosa ed il libro non risulta "interattivo")

Come da immagine cliccate su "modifica libri" e vi si aprirà la rispettiva schermata.Selezionate il formato di output a seconda del reader che possedete e cliccate ok.

Questione di secondi per avere il vostro libro leggibile su ipad, kindle, iphone e molti altri.

• Leggere i libri

Potere leggere direttamente da pc i files archiviati cliccando su "leggi libri", si aprirà una schermata di lettura identica a quella del vostro tablet o kindle, con tutte le opzioni del caso, dal segnalibro alla grandezza dei fonts, dall'indice alla possibilità di evidenziare parole e paragrafi e cercarne il significato e l'etimologia.

• Acquistare libri

Potete comprare libri online cercandoli sul database di siti che Calibre vi mette a disposizione.

• Leggere le notizie

Scaricate i feed di notizie dai più famosi giornali online e blog.Programmate i download per avere sempre le notizie fresche pronte da leggere dove volete o stampare.

• Rimuovere libri

Cancellate i libri che non vi interessano più evidenziandoli e cliccando su "rimuovi libri".

In conclusione Calibre si presenta come un ottimo tool per chi ha intenzione di cimentarsi con la lettura degli E-books, sia per chi vuole organizzarli in una libreria virtuale, per chi necessita di convertirli per leggerili su diversi dispositivi che per chi ne deve creare di nuovi, partendo dai propri documenti di testo.

consigliato!

Luca

Aggiungere il tasto "pin it" di pinterest (con il contatore) ai post di blogger

noreply@blogger.com (Luca Lipartiti) — Tue, 17 Apr 2012 21:30:00 +0000

Pinterest è la nuova bacheca virtuale che permette agli utenti di condividere e scambiare immagini prese dal web e non solo.
Il pulsante in questione consentirà agli utenti del vostro blog di "appuntare" sulla loro bacheca pinterest una o più immagini provenienti dai post che avete scritto.
Alla fine della lettura, cliccando su "pin it" potranno scegliere l'immagine che più hano gradito.
Se la ritroveranno infine sulla loro bacheca online con il collegamento al blog di provenienza (per l'appunto il vostro).
Una bella pubblicità per il vostro blog, una occasione per farsi conoscere da sfruttare assolutamente!!

Vediamo in pratica come aggiungere il bottone pin ai vostri post.
Aprite le opzioni di Blogger e portatevi su "design" e poi su "modifica html"
Spuntate la voce "espandi i modelli widget" e (con ctrl + f) aprite la finestra di ricerca
Digitate <data:post.body/> e localizzate questo tag nella vostra pagina html.
Immediatamente dopo questa tag copiate il codice seguente :

<!-- Pinterest Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='margin:5px 10px 5px 0; text-align: left;'>
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
</div> 
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
    var e=document.createElement(&#39;script&#39;);
    e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
    e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
    e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
    document.body.appendChild(e);
}
</script>  
</b:if> 
<!-- Pinterest button End -->

Questo era il codice,potete effettuare delle leggere varianti stilistiche al bottone modificando i campi "count-layout" e "magin left" come segue :

Bottone con contatore verticale

count-layout="vertical" e poi margin-left : -46 px

Bottone con contatore orizzontale

count-layout="horizontal" e poi margin-left : -93 px

Bottone senza contatore

count-layout="lasciate vuoto" e poi margin-left : -46 px

Potete infine piazzare il bottone all'inizio del post copiando l'intero codice PRIMA della tag <data:post.body/>.

Se lo volete spostare al centro o a destra modificate il valore "text-align" rispettivamente in "center" o "right"

E' tutto per ora, buon lavoro con Pinterest!!!!

Luca

PAGINE FACEBOOK TIMELINE - le novità e i cambimenti

noreply@blogger.com (Luca Lipartiti) — Thu, 29 Mar 2012 20:08:00 +0000

Eh gia, da domani 30 Marzo le fanpage a cui eravamo fortemente abituati cambiano look e non solo quello.
Vediamo in questo articolo cosa comporta questa rivoluzione sia dal punto di vista grafico ed estetico, che da quello funzionale.
Cominciamo con la schermata principale

IL LAYOUT

Subito si nota lo stile "diario" per molti aspetti identico a quello dei nuovi profili personali, con la grande immagine di copertina, l'immagine del profilo e sulla destra la cronologia della pagina che parte dal giorno di creazione fino ad oggi..

La prima novità introdotta è la possibilità di inviare un messaggio agli amministratori della pagina cliccando appunto su "messaggio";con lo stesso pulsante potrete anche condividere la pagina e togliere il "like".

La barra delle applicazioni subito sotto conterrà le vostre app e le pagine di benvenuto, oltre alle foto (che rimangono fisse al primo posto della barra) saranno visibili altre tra icone a scelta.

Cliccando sul simbolo "matita" che compare sull'icona, potrete accedere alle proprietà della applicazione ed appunto cambiarne la posizione, rendendo così visibile al primo colpo l'app che preferite.

L'immagine mostra le varie opzioni :

Ancora più sotto troviamo una barra di utility che consente di :

• aggiornare lo stato della pagina, scrivere cioè un commento, pubblicare un link o un video, come si è sempre fatto

•pubblicare una foto

•creare un sondaggio per i fan della pagina.

•Settare un "traguardo", una data precisa che può essere la data di creazione della pagina o il lancio di un determinato prodotto o l'apertura di un negozio etc etc.

A destra c'è la barra che mostra il numero di amici che seguono la pagina con le relative icone profilo.

Al centro trovate il tasto "in evidenza" che vi consentirà di gestire la bacheca della pagina mostrando i post a seconda delle vostre preferenze.

I POST

L'immagine che segue mostra alcuni post di pagina per capire come possiamo gestirli

Il simbolo "stella" serve a mettere in evidenza il post, allargandolo a tutta pagina.I post non in evidenza sono visualizzati a mezza pagina, come da immagine sopra.

Il simbolo "matita" vi consente di :

• spostare in alto, al primo posto nella pagina il post (ci rimarrà per 7 giorni)

•nascondere il post

•eliminare il post

•segnalare uno spam

IL PANNELLO DI AMMINISTRAZIONE

Cliccando sul tasto in alto a destra avrete accesso alle statistiche della vostra pag. ed alle varie opzioni per modificarla e gestirla

Nella immagine ho evidenziato :

•Le notifiche, che ci informano sugli ultimi movimenti all'interno della pagina

• la barra di gestione, dalla quale potrete nominare nuovi amministratori, aggiungere applicazioni, bloccare o sbloccare utenti, pubblicizzare la pagina ed accedere all'aiuto online di Facebook.

•I messaggi, gli eventuali mess, arrivati dai fan vengono visualizzati qui, con una breve anteprima e l'icona profilo di chi vi ha scritto.

•I nuovi "mi piace", gli ultimi fan in ordine cronologico

•Insights, la schermata delle statistiche vere e proprie

Cliccando su "nascondi" tornerete sulla home della vostra pagina

IMMAGINI E LORO DIMENSIONI

Vediamo di seguito le dimensioni ideali per le immagini che inserirete nella pagina :

1) l'immagine di copertina ha dimensione 851 x 315 pixel *

2) l'immagine del profilo è un quadro di 180 x 180 pixel

3) l'icona per le applicazioni misurerà 111 x 74 pixel*

Queste sono appunto le dimensioni ottimali per le nostre immagini che verranno altrimenti automaticamente ridimensionate con conseguente perdita di impatto grafico.

*Attenzione!! sulla immagine di copertina non è ammesso nessun tipo di promozione che inviti a cliccare "mi piace" o a condividere la pagina, non sono ammesse info commerciali come sconti o promozioni e nemmeno indirizzi web o contatti telefonici

*Per cambiare icona ad una aplicazione cliccate sul simbolo "matita", portatevi su "modifica impostazioni" e poi su "personalizza immagine".

LE NOTE DOLENTI

Ho tenuto per ultime le novità meno piacevoli che riguardano le pagine di benvenuto ed i contenuti visibili solo ai fans.

NON sarà piu' possibile infatti utilizzare una landing page, selezionare cioè una scheda affinchè venga visualizzata per prima da chi arriva sulla vostra pagina.gli utenti atterreranno sempre e comunque sulla bacheca.Il massimo che potete fare è piazzare la vs pagina di benvenuto nelle schede per prima, subito dopo le foto.

NON sarà più possibile riservare speciali contenuti solo a che clicca "mi piace", perdendo così la possibilità di invogliare i nuovi utenti a diventare fan per scoprire un pò di più sulla vostra pagina.

almeno per il momento funzionerà così, rimaniamo in attesa di aggiornamenti.

Direi che è tutto, buon lavoro con le nuove pagine!!!

Luca

Modificare l'indirizzo della pagina Facebook

noreply@blogger.com (Luca Lipartiti) — Sat, 03 Mar 2012 12:11:00 +0000

Sapevi che puoi personalizzare l'indirizzo del tuo profilo e della tua pagina Facebook?

Se devi pubblicizzare la tua pagina su un biglietto da visita, su un manifesto o su un sito web, è più immediato avere un indirizzo del genere

www.facebook.com/odioilmiopc

Rispetto all'indirizzo che facebook ti assegna di default che è una cosa del genere

https://www.facebook.com/pages/ODIO-IL-MIO-PC/156951767696237

La cosa è fattibile in un paio di click, portatevi all'indirizzo https://www.facebook.com/username

La schermata che vi si presenta davanti vi da la possibilità di personalizzare l'indirizzo della vostra pagina del profilo personale (nel mio caso era già cambiata) e delle vostre fanpage.

Selezionate dall'elenco la pagina alla quale desiderate cambiare l'indirizzo.

Digitate nella casella il nome che volete che compaia nell'indirizzo e verificatene la disponibilità.

Confermate ed è fatta!! ora avete un indirizzo del genere

www.facebook.com/tuapagina

Super semplice no?

alla prossima

Luca

QR CODE

noreply@blogger.com (Luca Lipartiti) — Wed, 22 Feb 2012 21:39:00 +0000

Spiego a chi non lo sapesse già, che cos'è questo strano simbolo, a cosa serve, come lo si può creare e come lo si può "leggere".

• COS'E' IL QR CODE

E' un codice a barre bidimensionale (le info in esso contenute vengono scritte sia in orizzontale che in verticale al contrario del classico codice a barre che supporta solo la scrittura orizzontale) , racchiuso in una icona di forma quadrata, contenente informazioni leggibili attaverso cellulari e smartphones dotati di fotocamera.

Qr stà per "quick response", risposta rapida in italiano.

Nasce in Giappone nell'ormai lontano 1994 dove è anche molto utilizzato da diversi anni.

• COSA CONTIENE

Il QR può contenere link ad indirizzi web, numeri di telefono, testi, filmati audio/video e molto altro.

• COME LO SI LEGGE

Per decodificarlo è sufficiente un cellulare o uno smartphone con il software gratuito per la scansione dei QR (tutti software gratuiti scaricabili da applestore per chi possiede Iphone o Ipad o da Ovistore per chi possiede Nokia).Una volta installato il software la cam del telefonino fungerà da scanner sul codice, e ne rivelerà il contenuto.

• COME CREARLO

Esistono diversi software per la creazione di questi codici,sono tutti gratuiti e tutti online, nulla da scaricare, create il codice dal sito e ve lo salvate.

Io per l'esempio di codice che trovate ad inizio articolo ho usato il seguente

http://qrcode.kaywa.com

Sarà sufficiente scegliere se vogliamo immettere un collegamento web, una frase di testo, un numero di telefono oppure un sms, compilare la scheda che avete scelto e cliccare su "generate".

Potete ora salvare il codice come immagine, o copiarne il link generato per postare sul vostro sito o blog.

• ALCUNI ESEMPI DI UTILIZZO

Ok, ho il codice ma che me ne faccio? vediamo alcuni esempi di utilizzo per capire bene le potenzialità del servizio:

Su un biglietto da visita, con collegamenti al vostro blog o sito web.

Sulle confezioni dei prodotti, con lo scopo di spiegarne le caratteristiche o di fare promozione attraverso cupon o concorsi vari.

Nei musei e nelle gallerie, per avere una spiegazione dettagliata dell'opera che state visionando, in tutte le lingue.

Sui Cd musicali o Dvd, per accedere a contenuti extra, videoclips o brani inediti dell'autore.

Sulle magliette, con un collegamento al vostro profilo Facebook o Twitter o a qualche pagina che parla di voi o di qualcosa che vi piace o interessa.

Sulla pelle!!! con i vostri dati personali, se vi perdete e non avete il protafogli o non ricordate più chi siete verrete facilmente riconosciuti.

Queste sono solo alcune delle applicazioni possibili per il codice, è uno strumento dalle grandi potenzialità ed è indubbio che ne sentiremo sempre più parlare.

Rapido a crearsi, veloce da leggersi, versatile e multimediale.

Ottima soluzione per pubblicità e marketing, per servizi pubblici e sociali, per farsi conoscere e socializzare.

Luca

ODIOILMIOPC 2012 WEB CALENDAR

noreply@blogger.com (Luca Lipartiti) — Sun, 08 Jan 2012 17:38:00 +0000

Un raccolta di 72 splendide foto del National Geographic divise in 12 categorie per creare questo calendario che sfrutta uno slideshow a tutto schermo realizzato unicamente con css.

Guarda il Calendario

Spero gradiate il lavoro
Buon anno!!!
Luca

qui potete trovare lo slide originale

FACEBOOK TIMELINE, il tuo profilo come un diario

noreply@blogger.com (Luca Lipartiti) — Sun, 18 Dec 2011 12:05:00 +0000

Tra non molto tutti gli utenti del social vedranno cambiato il layout del proprio profilo FB.

E' possibile anticipare la cosa e provarlo fin da subito cliccando il link qui sotto.

Prova Facebook Timeline

Tra le novità, la possibilità di caricare una foto nel grande wall di copertina e l'organizzazione io ordine di tempo della vostra vita sociale su FB che vi farà tornare indietro fino alla data di iscrizione al social.

C'è poco altro da dire, scoprirete da soli le novità.

Ricordo che una volta modificato il profilo non potrete avere indietro quello vecchio, comunque, come gia detto sopra, a breve la modifica del layout avverrà per tutti.

un saluto

Luca

Tab iframe con contenuto visibile solo ai fans

noreply@blogger.com (Luca Lipartiti) — Wed, 02 Nov 2011 20:01:00 +0000

Spiegherò qui di seguito come creare una pagina di Benvenuto visibile solo a chi cliccherà "mi piace".

per creare un benvenuto iframe, se non lo avete gia fatto, leggetevi attentamente questa guida.

Per raggiungere il nostro scopo ci servono :

1) index.php che è la Welcome page vera e propria da voi creata

2) tab.php la pagina contenente il codice grazie al quale solo i Fans potranno accedere a determinati contenuti

3) notliked.php la pagina che i non fans vedranno appena giunti sulla vostra pagina

4) facebook.php la libreria php di Facebook che vi evita di scrivere kilometri di codice.

Si presume che abbiate gia bella e pronta al vostra index.php, caricatela su un sito host, copiatene l'indirizzo web e conservatelo per dopo

CREARE LA TAB.PHP
Aprite blocco note, copiate su un foglio nuovo questo codice :

<? require 'facebook.php';
$app_id = "scrivi qui la tua app id";
$app_secret = "scrivi qui la tua chiave segreta ";
$facebook = new Facebook(array(
'appId' => $app_id,
'secret' => $app_secret,
'cookie' => true
));
$signed_request = $facebook->getSignedRequest();
function parsePageSignedRequest() { if (isset($_REQUEST['signed_request'])) { $encoded_sig = null; $payload = null; list($encoded_sig, $payload) = explode('.', $_REQUEST['signed_request'], 2); $sig = base64_decode(strtr($encoded_sig, '-_', '+/')); $data = json_decode(base64_decode(strtr($payload, '-_', '+/'), true)); return $data; } return false; } if($signed_request = parsePageSignedRequest()) { if($signed_request->page->liked) { header("Location: index.php"); } else { header("Location: notliked.php"); } }

?>

Dovete solo cambiare i valori di APP_ID e APP_SECRET, i vostri li trovate su https://developers.facebook.com/apps/ nelle impostazioni della vostra app come da immagine qui sotto

Salvate il file di blocco note come tab.php, caricatela sul sito host, copiatene l'indirizzo web e conservatelo per dopo

CREARE LA NOTLIKED.PHP
Createvi una paginetta con una immagine che invita a cliccare mi piace e diventare fan per poter accedere ai contenuti, vi mostro uno screenshot della mia come esempio

Salvatela come "notliked.php" e caricatela sul solito sito host.

Scaricate da qui (file zip)la library facebook.php e caricatela sul vostro sito host

Bene, il più è fatto, sul vostro server online ora avete caricato, come da immagine, i files INDEX.PHP, TAB.PHP, NOTLIKED.PHP e FACEBOOK.PHP.

Accertatevi che ci siano tutti e quattro prima di proseguire.

Aprite ora
https://developers.facebook.com/apps/ e andate nelle opzioni della vostra pagina di benvenuto cliccando su "edit settings"
Andate su "app on Facebook" ed incollate il link della vostra index.php, come da immagine di esempio (tralasciando l'index.php finale)

Andate su "page tab" e incollate il link della vostra "tab.php" precedentemente salvato, come da immagine di esempio.

Salvate il tutto e fate una prova, se non siete Fan della pagina dovrebbe comparirvi la scheda che invita a cliccare mi piace
Se diventate fan vi comparirà la normale index.php
Fate una prova con un profilo diverso dal vostro, visto che siete amministratori della pagina.Se tutti i passaggi sono stati completati il risultato è certo
Alla prossima
Luca

Guida definitiva alle pagine di bevenuto IFRAME

noreply@blogger.com (Luca Lipartiti) — Sun, 09 Oct 2011 14:38:00 +0000

Per utilizzare le pagine di benvenuto IFRAME è necessario possedere uno spazio sul web dove inserire la pagina e le sue immagini.

Di seguito spiegherò passo passo come iscriversi ad un sito gratuito di hosting e come utilizzarlo

Prendiamo ad esempio il sito ALTERVISTA, che è uno dei migliori siti di questo genere.

Passiamo all’iscrizione che, ripeto, è GRATUITA

Andate su http://it.altervista.org/

Nella Home page troverete questa schermata

Cliccate su “prosegui”

Vi appare questa schermata

Compilate tutti i dati a partire dal nome del sito, per finire coi vostri dati personali (c’è anche la possibilità di connettersi tramite Facebook ed avrete tutto autocompilato con i vostri dati)

Cliccate su prosegui e , se avrete riempito tutti i campi come si deve vedrete un avviso che vi comunica che vi è stata mandata una mail che dovrete aprire per confermare l’iscrizione tramite un link

Nella mail trovate anche NOME UTENTE e PASSWORD per accedere al sito

Fatto questo tornate sulla home http://it.altervista.org/

Effettuate il login con NOME UTENTE e PASSWORD che avete nella mail e cliccate su “accedi al pannello di controllo”

Cliccate come in figura su “altersito” e poi su “gestione file”

Qui andrete ad inserire le vostre pagine di benvenuto che avete creato o che avete scaricato dal mio sito J

Questo sopra è il pannello per ora vuoto con tutti i suoi comandi :

INVIA FILES che utilizzerete per caricare le vostre pagine

SPOSTA – COPIA – CANCELLA – per gestire i files caricati

CREA CARTELLA per aggiungere cartelle di files, digitate il nome della cartella e cliccate

CREA FILE – CREA PAGINA per creare singoli files (ma questo lo utilizzerete di rado)

Vediamo ora una applicazione pratica :

Supponiamo che abbiate scaricato il tema “MINIMAL” dalla mia pagina facebook

http://www.facebook.com/pages/pagine-di-benvenuto-FREE-welcome-tabs/202392419829121?sk=app_290086717686622

il file, una volta scompattato contiene questo

Index.php è la pagina di benvenuto

Immagini è la cartella che contiene tutte le immagini della index

Stile.css è il foglio che contiene tutte le istruzioni di stile della pagina

Ora portatevi sul pannello di controllo di altrevista e create una nuova cartella

Io l’ho chiamata facebook, digitate il nome come da foto e cliccate su “crea cartella”

Vi apparirà in alto la cartellina gialla appena creata

Cliccate sulla cartella facebook appena creata che per il momento è vuota

Create uan nuova cartella all’interno di essa e chiamatela “immagini”

Ora vi trovate dentro alla cartella facebook ed avete appena creato la cartella immagini

Il “parent” che leggete sopra vi serve per ritornare indietro di un gradino, in alto a sinistra vi segnalano dove vi trovate in questo momento

Cliccate la cartella immagine, cliccate “invia files”

Vi si aprirà una finestra del vostro pc, andate a cercare la cartella MINIMAL che avevate scaricato prima, entrate nella cartella immagini e selezionatele tutte (non dimenticate nessuna immagine).

Ora cliccate apri e fate “invia files”, il bottone blu che vedete nell’immagine.

Aspettate un paio di minuti che l’upload sia terminato, quando arriva al 100% cliccate il grigio “torna a gestione files”

Siete nella cartella immagini ed avete il lungo elenco dei files caricati.Tornate indietro cliccando “parent”

Ora è il momento di caricare il file index.php ed il file stile.css.

Cliccate come prima “invia files” e vi si apre ancora questa schermata

Fate “seleziona files”, cercate la vostra cartella MINIMAL, selezionate i due files “stile” e “index” e cliccate apri.Ora il bottone blu “invia files”

Aspettate che termini l’upload e cliccate “torna a gestione files”

Ecco cosa avete adesso, il lavoro è finito e, se tutto è andato bene, cliccando su index.php dovreste vedere la vostra pagina in funzione

La vostra pagina di benvenuto è finalmente online e funzionante

Vediamo ora come “collegarla” a Facebook

Prendiamo come ovvio che abbiate gia una pagina facebook, ora dovete aggiungerci una applicazione iframe.

Portatevi a questo indirizzo

https://developers.facebook.com/apps

Cliccate su crea applicazione

Vi appare questa schermata, scrivete nel riquadro che segnalo in rosso il nome della vostra app (che peresempio potrebbe essere benvenuti) spuntate poi la voce “i agree etc etc”

Pigiate “continua”

Digitate il codice di riconoscimento, vi troverete davanti a questa schermata

Il primo riquadro che segnalo in rosso è solo il nome della vostra applicazione, non dovete compilare nulla

Cliccate invece su “app on facebook” e su “page tab” ed inserite l’indirizzo della vostra pagina di benvenuto (quella che abbiamo caricato su altervista nella prima parte di questa guida)

Nei primi due riquadri non includete “index.php”, il primo riquadro come vedete dall’immagine inizia con http mentre il secondo inizia con HTTPS, copiate l’indirizzo esattamente come da foto.

Negli ultimi due riquadri l’indirizzo è identico ma con l’aggiunta di “index.php”

Fatto questo cliccate su “salva modifiche”

Se volete associare una icona alla applicazione lo fate da qui

Cliccando su modifica icona e scegliendo un file sul vostro pc

Cliccate su “vai alla pagina del profilo dell’applicazione”

E poi fate “aggiungi alla mia pagina, si aprira’ una schermata dalla quale sceglierete la vostra pagina facebook, cliccate poi “chiudi”

Portatevi sulla vostra pagina Facebook e verificate che sia stata aggiunta (sotto all’immagine del profilo) la vostra nuova pagina di benvenuto

Eccola!! È l’ultima della lista, la segnalo in un riquadro rosso

Cliccatela e vi dovrebbe apparire come da figura

Avete appena creato una agina di benvenuto iframe COMPLIMENTI!!!

Alla prossima

Luca

Facebook pagine di benvenuto gratuite /free welcome tabs

noreply@blogger.com (Luca Lipartiti) — Mon, 03 Oct 2011 21:16:00 +0000

vai al SITO

Vi presento un servizio che consente di scaricare alcune "landing page" o pagine di benvenuto "prefabbricate", pronte da usare e personalizzabili con i propri link di pagina.

Il download è assolutamente gratuito, dovete solo diventare Fans della pagina.

Il pacchetto scaricato contiene il file .php con il codice, la cartella immagini ed un foglio di stile.

Basta fare l'upload di questi elementi su un qualsiasi sito gratuito "host" e collegarlo tramite iframe alla vostra fanpage.

I temi NON sono personalizzabili graficamente, potrete solo inserire i vostri personalissimi link di pagina.

Per ora sono presenti quattro differenti temi, MINIMAL (una pagina moderna ed essenziale ma di effetto) GIRLY (un tema molto femminile, colorato ed accattivante) JAPAN (tema un pò "vintage" con colori pastello dedicato al Giappone) INBOX (un tema semplice, adattabile a qualsiasi pagina)

Tutti e quattro comprendono collegamenti alla bacheca, alle foto, agli eventi ed alle note della pagina oltre al pulsante condividi personalizzato ed al collegamento al profilo dell'amministratore della pagina.

Di seguito gli screenshots dei temi

Minimal

Gilry

Japan

Inbox

Carini vero?

Non vi resta che provarli sulle vostre pagine.

Per creare una tab IFRAME e collegarvi le vostre pagine di benvenuto, potete fare riferimento a questa guida

Buon divertimento

Luca

da YouTube a Mp3 Online...

noreply@blogger.com (Luca Lipartiti) — Sat, 03 Sep 2011 10:29:00 +0000

...senza programmi da scaricare ed installare, in 3 passi ed un paio di minuti avrete il vostro video trasformato in mp3 pronto da essere portato ovunque.

Ecco l'indirizzo

http://www.youtube-mp3.org/

Apri Youtube, cerca il video che vuoi trasformare e copiane l'indirizzo dalla barra del browser

Incolla l'indirizzo copiato nello spazio apposito di youtube-mp3.org

Clicca Convert Video

Clicca Download (troverai il file nella tua cartella di destinazione dei download solita)

Clicca Link this mp3 per condividere il file o inserirlo in una pagina HTML

Fine!

Buon ascolto

Luca

ABBELLIRE FACEBOOK con Social Plus

noreply@blogger.com (Luca Lipartiti) — Thu, 25 Aug 2011 12:10:00 +0000

Questa applicazione vi consentirà di dare un tocco di colore e non solo al famoso social network.
Vadiamo subito le caratteristiche dell'app e che novità introduce :

• il bottone "non mi piace"
che si affianca al classico "mi piace".

• L'editor di testo
che vi permetterà di scrivere in grassetto, corsivo e colorato.

• Le skins
più di 500 sfondi a tema per il vostro profilo FB.

• Il "wizz" in chat
Il classico trillo con finestra di chat che traballa, come quello di messenger.

• Gradimento post
Un sistema a "stelline" che mostra se cio' che pubblicate è gradito o meno dagli amici e lettori e che vi consente di votare i loro.

• I bookmark
La stella dei preferiti, come quella di chrome, accanto ad ogni pagina ed ogni profilo troverete una stella, cliccatela e vi apparirà nel vostro elenco preferiti (stella in alto a destra) comodo no?

• Filtro bacheca
Una serie di filtri per mostrare o nascondere ciò che volete sul vostro wall, di default è tutto visibile, andate su social plus (in alto a destra) cliccate filtro, e selezionate.

• Anteprima foto
al semplice passaggio del mouse avrete l'anteprima ingrandita di qualsiasi foto/miniatura sulla pagina.

C'è abbastanza carne al fuoco, il programmino merita di essere provato.
Lo si scarica come estensione del browser ed è disponibile per tutti e quattro i principali :

CHROME
https://chrome.google.com/webstore/detail/eidogommnbbcgnhfjkcgjnlonijjhmjl

FIREFOX
http://www.social-plus.com/socialplus2.5.8.xpi

EXPLORER
http://social-plus-per-internet-explorer.softonic.it/download

SAFARI
http://www.social-plus.com/socialplus2.5.2.safariextz

Scaricate ed installate l'estensione, vi troverete il pulsante "social plus" in alto a destra, accanto al pulsante "account", da qui potrete gestirvi le opzioni, basterà poi riavviare Facebook per attivare i cambiamenti.

E' bene specificare che molte delle particolarità e funzioni del programma saranno visibili solo agli utenti che lo avranno scaricato ed installato a loro volta

Enjoy!!!
Luca

FACEBOOK VIDEOCHAT & CHAT DI GRUPPO

noreply@blogger.com (Luca Lipartiti) — Thu, 07 Jul 2011 20:54:00 +0000

Sono da ora disponibili per gli utenti Facebook due servizi chat richiesti a gran voce da molti.La Video chiamata e la Multichat.

Vediamo in questo Articolo come attivarli ed utilizzarli

1) LA CHAT MULTIPLA
E' tutto molto semplice e non avete nulla da attivare, la trovate nelle opzioni del riquadro di chat

Cliccate "aggiungi amici alla chat, digitate il nome desiderato e scegliete "fine", l'amico cercato si aggiungerà alla conversazione.

2) LA VIDEOCHAT

Portatevi a questo link

Cliccate sul pulsante "per iniziare".dovreste ora trovarvi l'icona della webcam nel riquadro chat come da immagine sotto

Cliccate l'icona, apparirà la richiesta del download del plugin per la videochiamata.

Aspettate il termide del download ed avviate la chiamata.

Ho avuto modo di provare la Videochiamata e direi che funziona benino, sia in video che audio,Facebook non fa altro che utilizzare una versione skipe ottimizzata per il social, ricordo che le prestazioni audio/video dipendono dal tipo di webcam e dalla potenza della vostra connessione internet

Buon divertimento

Luca

FBML NON FUNZIONA PIU'??...ecco come sostituirlo

noreply@blogger.com (Luca Lipartiti) — Fri, 22 Apr 2011 22:31:00 +0000

Dall'undici Marzo 2011 l'applicazione static fbml ha cessato di esistere, non sarà più possibile aggiungere schede fbml alla vostra pagina ma quelle precedentemente create continueranno a funzionare.
Le sostituiscono i nuovi TAB iFRAME
In questo articolo vedremo di cosa si tratta ma soprattutto come possiamo creare una facile pagina di benvenuto con questo nuovo metodo, prendendo come esempio una landing page semplice che ho creato.

PASSO 1 - CREARE LA PAGINA DI BENVENUTO -

Ecco la pagina che ho creato e che inserirò nella applicazione iFrame di Facebook

E' una semplice pagina di benvenuto, con un menù tipico dei siti web, i due famosi tasti "condividi" e "mi piace" ed una immagine con collegamento ipertestuale al centro.

Posto qui sotto il codice dell'intera pagina per chi fosse interessato ad utilizzarla, personalizzandola con sfondo, link e foto proprie.

E' una pagina davvero basilare, con iframe però potrete davvero sbizzarrirvi con video, oggetti flash, animazioni e quant'altro.

a:link {

color: #000;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #000;

}

a:hover {

text-decoration: none;

color: #939;

}

a:active {

text-decoration: none;

}

</style>

<tr>

</tr>

<tr>

<td align="center"><a href="http://www.facebook.com/luca.lipartiti"target="_new">l'autore</a></td>

<td align="center"><a href="http://www.facebook.com/pages/ODIO-IL-MIO-PC/156951767696237?sk=wall""target="_new">bacheca</a></td>

</tr>

</table>

<p><div style= "text-align: center;width:520px; padding:0px"><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Condividi</a>

</p>

</div>

<div align="center" class="odio" style="padding:8px 0; font-size:13px"> <a href="http://odioilmiopc.blogspot.com/">OdioilmioPc - 2010</a></div>

E' sufficiente il blocco note oppure un editor qualunque HTML per generare la pagina o se volete utilizzare il mio codice lo dovete solo prelevare ed incollare per poi salvarlo.

Nel codice sono evidenziati in rosso i collegamenti da personalizzare che sono dall'alto verso il basso :

- L'immagine di sfondo della pagina

- I cinque collegamenti del menu: "home", "l'autore" (il vs profilo face personale), "foto" (le foto della vs pagina face), "note" e "bacheca".

- L'immagine al centro con il suo collegamento ipertestuale

- il "like button" di facebook, sostituite il mio codice col vostro che potete creare qui

Una volta creata la pagina salvatela (io l'ho chiamata benvenuti) con estensione php e piazzatela su un sito host, nel mio caso Altervista.

La pagina caricata avrà un indirizzo del genere :

http://iltuositohost.it/benvenuti.php

PASSO 2 - CREARE L'IFRAME -

Passiamo ora a Facebook, andate sulla pagina degli sviluppatori

Cliccate su "set up new app" in alto a destra

Digitate il nome della vostra applicazione, "benvenuti" nel mio caso", accettate i termini di utilizzo e proseguite.

Compilate i campi segnalati in rosso nella immagine sopra e portatevi sulla seconda scheda in alto a sinistra "website"

Qui dovete solo inserire l'indirizzo web del sito che ospita la vostra pagina con lo slash finale.NON dimenticate lo slash, è importante

Andate sulla scheda "Facebook integration"

Compilate i due campi segnalati sopra :

Canvas url = l'indirizzo del vostro sito host con lo slash finale (come prima)

Scheda url = l'indirizzo completo della vostra pagina (nel mio caso benvenuti)

Salvate le modifiche e siete a posto.

PASSO 3 - AGGIUNGERE LA SCHEDA IFRAME ALLA VOSTRA FANPAGE

Dopo che avrete salvato le impostazioni precedenti arriverete su questa scheda

Cliccate su "application profile page", cercate sulla sinistra (sotto l'immagine della applicazione) la voce "aggiungi alla mia pagina.

Si aprirà l'elenco di tutte le pagine di cui siete admin, scegliete la pagina cliccate aggiungi e chiudete.

Andate sulla vostra pagina Facebook e troverete tra le schede, quella appena creata e, se tutto è andato liscio cliccandoci vedrete la pagina di benvenuto che avete creato.

Per far si che chi visita la vostra pagina veda per prima il benvenuto cliccate su "modifica pagina" - "gestisci autorizzazioni" - "prima scheda visualizzata" e selezionate la vostra nuova scheda iframe.Salvate e chiudete.

Precisazione finale

Di default Facebook vi lascerà creare una sola applicazione (quindi una sola pagina di benvenuto).Per poterne creare di più dovrete verificare il vostro account tramite sms (ma almeno a me non ha funzionato) o tramite n° di carta di credito, questo funziona sicuro.

Se vi accontentate di una sola applicazione non dovrete verificare l'account.

Se dovete fare la verifica recatevi qui

E' tutto ragazzi....buon lavoro!!!

Luca

PULSANTE CONDIVIDI.. come personalizzarlo

noreply@blogger.com (Luca Lipartiti) — Mon, 21 Mar 2011 19:19:00 +0000

Spiego in questo post come cambiare la tristissima icona grigia del pulsante "condividi" per le pagine Facebook.Per capirci si passa da questo...

....ad una cosa tipo questa

Cosa vi occorre :

•Pagina Facebook con applicazione FBML installata ma questo è scontato e non mi dilungo

•Una immagine o un pulsante da sostituire quello solito;la potete fare da voi o ne trovate tante carine in rete, ad esempio qui.Il bottone verde nell'esempio dovrebbe essere della grandezza massima consentita (152px largo x 32 px alto), non superate queste misure, il bottone rischia di non apparire correttamente.

•Un sito "Host" dove poter caricare l'immagine creata (o scaricata) ed un documento css che vedremo in seguito.Il sito Host vi da la possibiletà di avere un vostro spazio web, un vostro sito appunto dove potrete caricare qualsiasi tipo di documento.
Naturalmente non è necessario creare un vero e proprio website ma per avere il bottone personalizzato è obbligatorio possedere uno spazio su internet.
Io ad esempio uso altervista che è italiano, gratuito e ci si iscrive in un secondo.Qui trovate una lista di molti altri Host gratuiti.

Cominciamo

PUNTO 1) CODICE DEL PULSANTE CONDIVIDI

<fb:share-button class="url" href="http://www.facebook.com/pages/ODIO-IL-MIO-PC/156951767696237?sk=app_7146470109"<?php the_permalink(); ?>"></fb:share-button>

Copiatelo ed incollatelo nel riquadro grande della vostra FBML personalizzandolo con il vostro indirizzo di pagina che ho evidenziato in rosso.

Se tutto è andato liscio otterrete il bottone grigio di condivisione che , se cliccato vi aprirà la solita finestra

PUNTO 2) FOGLIO DI STILE CSS

Andiamo ora a sostituire l'icona grigia con la nostra.

Per fare ciò utilizziamo il seguente codice :

#share a {
text-indent:-9999px;
display: block;
border:0; padding:0; margin:10px auto;
width: 152px; height: 32px;
background:url(http://www.miosito.it/immagine.png)top left no-repeat;
overflow: hidden;
text-decoration:none !important;
}

Questo codice non è riconosciuto da Facebook se caricato direttamente nella fbml, ecco perchè dobbiamo appoggiarci ad un sito esterno.

Copiate ed incollate su blocco note il codice sopra e salvatelo con estensione css (ad esempio pulsante.css)
La parte di codice che ho segnalato in rosso è l'unica da sostituire ed è l'indirizzo della immagine che avete scelto per sostituire l'icona grigia e che avete caricato sul vostro sito.
Caricate ora il foglio di stile (share.css) nel vostro sito.
copiatene poi il link che sarà qualcosa del tipo

http://www.miosito/pulsante.css

Tenete bene a mente questo indirizzo perchè vi servirà a breve.

PUNTO 3) COLLEGARE IL PULSANTE AL FOGLIO DI STILE

Andate sulla vostra pagina Facebook e copiate nel riquadro grande della fbml questo codice subito all'inizio:

Il codice collega il bottone al foglio di stile, la stringa in rosso è l'indirizzo del foglio che avete creato al punto 2.

Ecco come si presenta il codice finito:

Ricapitolando abbiamo :

1) Titolo della applicazione QUELLO CHE VOLETE

2) Collegamento al foglio di stile

3) Codice del bottone condividi

Se tutto è andato ok avrete il vostro pulsante condividi personalizzato e funzionante come questo

Spero sia tutto chiaro, in effetti è più facile farlo che spiegarlo, provate e sappiatemi dire

bye

Luca

CICKEN INVADERS 4 • Ultimate omelette

noreply@blogger.com (Luca Lipartiti) — Wed, 09 Mar 2011 22:44:00 +0000

Spettacolare quarto capitolo della saga dei polli invasori, con accattivanti richiami ai primissimi giochi arcade Atari ed un cameo del mitico Millennium falcon di Jan solo (Star Wars).

Ecco alcuni screenshots

Download qui

Oppure qui

Estraete con Winrar, eseguite il file EXE e giocate

Buon divertimento!!!

Luca

PHOTOSHOP EFFETTO "RIFLESSO" SU TESTO

noreply@blogger.com (Luca Lipartiti) — Sun, 20 Feb 2011 15:33:00 +0000

Vediamo come ottenere in pochi passi questo effetto molto utilizzato per loghi e titoli.

Create una tavola nuova, a sfondo bianco, la mia in questo caso misura 400 pixel x 200.

Selezionate lo strumento testo e digitate il vostro titolo, naturalmente carattere, dimensioni e colore a piacimento.

Una volta creata la scritta portatevi su "livello" - "duplica livello" e date l'ok

Photoshop crea l'esatta copia del testo che avevate digitato, perfettamente sovrapposta all'originale.

Il nuovo livello avrà il nome della scritta originale seguito da "copia" (lo potete vedere nella barra dei livelli in basso a destra).

andiamo ora a capovolgere il livello copia:

cliccate su "modifica" - "trasforma" - "rifletti verticale"

Ora avete i due livelli ribaltati ma allineati sullo stesso piano.

Cliccate nella barra dei livelli a destra sul livello copia e, tenendo cliccato il tasto sinistro trascinate in giu la scritta fino a farla combaciare con l'originale, come se il logo fosse appoggiato su un piano a specchio.

tenete premuto il tasto "shift" (quello con la freccia in su) che serve per allineare perfettamente i due testi.

Ecco il risultato :

Andiamo ora a sfumare il livello copia come segue :

Selezionate nella barra a destra il livello copia, portatevi su "livello" - "stile livello" - "sovrapposizione sfumatura"

Questa è la schermata che vi si apre

Modificate i valori "inverti" e il valore "scala" che io ho messo al 60 %

Se il logo è nero lasciate tutto com'è, cliccate ok ed uscite

Se il logo è colorato dovete modificare il colore della sfumatura, mettendo al posto del nero il colore utilizzato per scrivere all'inizio

Nell'esempio qui sopra il logo è in viola, per cambiare la sfumatura da nero a viola ho cliccato nel campo 1 - poi nel campo 2 ed ho incollato il codice del mio viola.

Il codice del colore lo trovate cliccando nel riquadro in alto, che ho marcato col numero 4.

Chiudete tutte le finestre e portatevi a destra in basso vicino alla barra dei livelli

Modificate il valore "opacità" portandolo al 40 %.

I valori che ho scelto possono essere modificati a seconda dell'utente, fate le vostre prove alla ricerca del miglior risultato possibile.

Ecco il logo finito nelle due versioni di colore

Ciao a tutti

Luca

VIDEO PLAYLIST come realizzarla e come inserirla nella pagina Facebook

noreply@blogger.com (Luca Lipartiti) — Sat, 19 Feb 2011 15:19:00 +0000

Vediamo come si realizza una collezione dei video preferiti da Youtube e come possiamo condividerla col mondo intero sulla nostra pagina Face.
L'unica premessa è che vi serve un account Youtube (ma non hanno tutti un account youtube?!?)
comunque se non lo avete iscrivetevi su Youtube..ci vuole un minuto.

1) VIDEOPLAYER
Creiamo un nostro personalissimo player che trasmetterà i video che noi decideremo
andate su http://www.youtube.com/custom_player
Qui c'è poco da spiegare, seguite le indicazioni del sito tutto in italiano, date un nome al player e, se volete, una descrizione.Modificate colore e layout a piacimento.
Il player potra riprodurre i vostri video personali se ne avete caricati oppure i video da voi segnati come preferiti o ancora una playlist precedentemente creata su youtube.
Se lo scopo finale è quello di pubblicare i preferiti su Facebook, consiglio di utilizzare il player compatto e non quello con la griglia laterale perchè alla fine risulterà troppo striminzito.
Cliccate infine su "genera codice"

Questo è il codice generato, copiatelo ed incollatelo sul blocco note, mettetelo daparte per un pò.

Cliccate "fine" per salvare il player appena creato.

2) INSERIRE IL VIDEOPLAYER IN UN FBML NELLA VOSTRA PAGINA FACEBOOK

Per visualizzare la vostra playlist su face vi servirà il seguente codice :

----------------------------------------------------------------------------

<fb:swf

swfbgcolor="000000"

imgstyle="border-width:3px; border-color:white;"

swfsrc='http://www.youtube.com/cp/vjVQa1PpcFPcK_F_oi4DZ1FuhjrVoaPquvF7jVA2xXo='

imgsrc='http://img443.imageshack.us/img443/8688/myvideo.jpg'

width='510' height='510' />

----------------------------------------------------------------------------

Copiate il codice nella FBML modificandone i contenuti che vado a spiegare :

• La url segnata in rosso che è l'indirizzo del player che avete creato prima.Copiate la vostra,dal codice che avete generato su Youtube

• L'indirizzo in verde è l'immagine di ingresso che invita l'utente a cliccare per vedere i vostri video, questa la dovete creare voi e poi caricarla su imageshack o simili o se non volete sbattervi lasciate la mia.

•I due valori in viola sono la larghezza e l'altezza del player, potete modificarli ma RICORDATE di non superare i 520 px classici di Facebook altrimenti il video risulterà "tagliato".
Fatte le dovute modifiche, salvate la vostra FBML e controllate i risultati.
La mia Playlist la potete vedere all'opera sulla fanpage nella scheda "prove".

Luca

LANDING PAGE TEMPLATE - Tema per pagina di benvenuto "LA SCACCHIERA"

noreply@blogger.com (Luca Lipartiti) — Sat, 12 Feb 2011 17:39:00 +0000

Vi presento una pagina di benvenuto di mia creazione, è molto semplice ma abbastanza particolare
Potete usufruirne gratuitamente cambiando semplicemente i link nel codice html

La pagina contiene all'interno della scacchiera i pulsanti di navigazione soliti di una Fanpage ed è completa di pulsante condividi funzionante

Ecco il codice :

<div style="width:520px; padding:0px; margin:0px auto; background:url(http://img43.imageshack.us/img43/7351/sfondoschacchi.jpg) no-repeat left top; font-family:Tahoma; font-size:11px; color:#FFF; text-align:left">
<table width="500" height="501" border="0" id="100">
  <tr>
   <td width="93" height="98"> </td>
   <td width="93"> </td>
   <td width="93"> </td>
   <td width="93"> </td>
   <td width="94"> </td>
  </tr>
  <tr>
   <td height="97"> </td>
   <td> </td>
   <td> </td>
   <td> </td>
   <td align="center"> </td>
  </tr>
  <tr>
   <td height="96" align="center"> </td>
   <td width="100" height="97" align="center" valign="middle"> </td>
   <td width="100" height="97" align="center" valign="middle"><a href="http://www.facebook.com/pages/ODIO-IL-MIO-PC/154401537923615?v=photos"><img src="http://img703.imageshack.us/img703/2088/fotog.png" width="80" height="80" border="0"></a></td>
   <td align="left" valign="middle"> </td>
   <td> </td>
  </tr>
  <tr>
   <td width="100" height="99" align="center" valign="middle"><a href="http://www.facebook.com/pages/ODIO-IL-MIO-PC/154401537923615?v=info"><img src="http://img141.imageshack.us/img141/1420/infoxw.png" width="90" height="90" border="0"></a></td>
   <td> </td>
   <td width="100" height="97" align="center" valign="middle"> </td>
   <td width="100" height="97" align="left" valign="middle"><a href="http://www.facebook.com/notes.php?id=154401537923615&notes_tab=app_2347471856"><img src="http://img404.imageshack.us/img404/8039/noteb.png" width="90" height="90" border="0"></a></td>
   <td> </td>
  </tr>
  <tr>
   <td> </td>
   <td width="100" height="97" align="center" valign="middle"><a href="http://www.facebook.com/pages/ODIO-IL-MIO-PC/154401537923615?v=wall"><img src="http://img716.imageshack.us/img716/716/commentoo.png" width="90" height="90" border="0"></a></td>
   <td width="100" height="97" align="left" valign="middle"> </td>
   <td width="100" height="97" align="center" valign="middle"> </td>
   <td> </td>
  </tr>
</table>

<div style="padding:10px 5px 10px 10px; color: #FC0;"><img src="http://img819.imageshack.us/img819/8986/condividi3.png" width="471" height="70">
  <fb:share-button class="meta">
<meta name="title" content="ODIO IL MIO PC"/>
<meta name="description" content="Diventa fan su: http://www.facebook.com/pages/ODIO-IL-MIO-PC/154401537923615"/>
<link rel="image_src" href="http://img151.imageshack.us/img151/1827/sharead.png"/>
<link rel="target_url" href="http://www.facebook.com/pages/ODIO-IL-MIO-PC/154401537923615"/>
</fb:share-button><p> </p>

</div>
</div>
<div style="padding:30px 20px 30px 18px;"></div>
<div align="center" class="odio" style="padding:8px 0; font-size:13px"> <a href="http://odioilmiopc.blogspot.com/">OdioilmioPc - 2010<a href="#" style="font-family:Tahoma; font-size:10px; color:#000000; text-decoration:underline"></a></div>

Spero vi piaccia, spero mi facciate pubblicità e spero vorrete lasciare un commento (si spera positivo)

Enjoy
Luca

AGGIUNGERE IL PULSANTE "CONDIVIDI" SU FBML

noreply@blogger.com (Luca Lipartiti) — Thu, 03 Feb 2011 19:37:00 +0000

Ecco il codice html da aggiungere all'interno della vostra scheda di benvenuto
Chiaramente sostituite le parti che evidenzio in rosso con la vostra personalizzazione.

Questo è il codice da copiare :

<fb:share-button class="url" href="http://www.facebook.com/pages/ODIO-IL-MIO-PC/156951767696237?sk=app_7146470109"<?php the_permalink(); ?>"></fb:share-button>

Questo è il risultato :

That's all!!

Luca

APPLICAZIONI FBML - PAGINA DI BENVENUTO

noreply@blogger.com (Luca Lipartiti) — Tue, 01 Feb 2011 23:36:00 +0000

Aggiornamento post

Ragazzi, si avvisa che l'applicazione FBML su Facebook non è più utilizzabile da parecchio tempo.

Chi aveva un FBML installato precedentemente lo puo continuare ad utilizzare, ma NON E' POSSIBILE AGGIUNGERE SCHEDE NUOVE.

Per risolvere il problema vi rimando a QUESTA guida.

E' molto di moda di questi tempi la pagina di benvenuto o landing page che dir si voglia.

Si tratta di una scheda FBML da applicare nella propria pagina Facebook
FBML è una applicazione del social network che utilizza il linguaggio web HTML, consentendo di inserire così contenuti personali e personalizzabili per dare un pò di colore alla pagina.

Ho preparato un "template" ossia una paginetta gia pronta da inserire, per chi non conosce l'HTML e si trova in difficoltà ad inserire le proprie foto e testi.
Il codice che ho elaborato è preso da un ottimo sito di web design in lingua inglese: WEB DESIGN TUTORIALS

Prima di passare al codice da inserire facciamo un passo indietro e vediamo come si aggiunge l'applicazione FBML alla vostra pagina :
Portatevi su questa pagina
Sotto alla foto (il punto di domanda in questo caso) cliccate su "aggiungi alla mia pagina", si aprirà un menu con il vostro spazio personale, cliccateci sopra.
Portatevi ora sulla vostra pagina personale, cliccate modifica pagina (sotto all'immagine avatar) vi troverete di fronte a questa schermata.

Cliccate come da foto su "applicazioni", l'ultima della lista è la fbml appena creata

Cliccate la terza opzione "collega a questa scheda", vi troverete la voce fbml accanto alle solite voci di pagina (bacheca, info, foto, discussioni)

Ora che abbiamo l'applicazione installata dobbiamo modificarla

Portatevi su "modifica pagina" e poi su "applicazioni" come prima

selezionate per FBML 1 la voce "vai all'applicazione"

Qui modificate il titolo che di default è FBML (metteteci ciò che volete, tipo welcome o benvenuti etc etc)

Il secondo riquadro è quello che ospiterà il codice html.

copiate ed incollate il codice da voi creato o se preferite potete utilizzare il mio, personalizzandolo con le vostre foto, loghi e testi.

Ecco come si presenta la landing page finita

E' una paginetta molto semplice, con una immagine di sfondo, qualche logo e uno spazio scorrevole per inserire quattro immagini con la possibilità di collegarle a pagine web (tipo il vostro sito o blog o pagine che a voi interessano)

Veniamo al codice

<<INIZIO CODICE>>

inizia a copiare da qui sotto :

<tr>

</tr>

</table>

</div>

<p style="padding:10px 5px 10px 10px; font-size: 10px;"><span style="font-size:18px; text-decoration:blink padding:26px 0 28px 0; color: #06F;"><span style="padding:10px 5px 10px 10px; color: #FC0; font-size: medium;"><span style="font-size:15px; padding:22px 0 24px 0; color: #06f;"><MARQUEE>non scordare di cliccare mi piace!!!</MARQUEE></span></span></span></p>

</div>

<p><img src="http://img827.imageshack.us/img827/6154/fotobqc.jpg" width="200" height="84" />qui sotto puoi inserire quattro immagini a scelta ed aggiungerci dei collegamenti ad altre pagine web</p>

</div>

<tr>

</tr>

</table>

</div>

Spazio per inserire testo Spazio per inserire testoSpazio per inserire testo Spazio per inserire testo Spazio per inserire testo Spazio per inserire testoSpazio per inserire testo Spazio per inserire testo Spazio per inserire testo</div>

<div style="padding:8px 0; font-size:10px" align="center">OdioilmioPc - 2010<a href="#" style="font-family:Tahoma; font-size:10px; color:#000000; text-decoration:underline"></a></div>

finisci di copiare qui sopra

<<FINE CODICE>>

Ho evidenziato con colori le parti che dovrete personalizzare rispettivamente :

IN ROSSO : le immagini e i loghi

IN BLU : le parti di testo

IN ARANCIO : i link ai siti web

Vi ricordo che le immagini che inserirete dovranno essere caricate su un sito host (io uso IMAGESHACK è gratis e molto facile)

In due parole caricate la vostra immagine su imageshack, una volta terminata la procedura (pochi secondi) copiate l'indirizzo web ottenuto ed incollatelo sul codice qui sopra, al posto degli indirizzi evidenziati in rosso.

Cambiate i testi negli spazi evidenziati blu con le vostre frasi.

Sostituite i collegamenti in arancio con i vostri preferiti.

A lavoro ultimato copiate ed incollate l'intero codice nel riquadro grande FBML, salvate l'applicazione.

andate sulla vostra pagina facebook, cliccate la scheda FBML e controllate il risultato.

Spero che sia abbastanza chiaro, se vi piace e volete utilizzare il mio template che è assolutamente gratuito, mettete un mi piace passate dalla fan page del blog e parlatene ai vostri amici!!

Grazie

Luca

hahaha foto XD VIRUS SU FACEBOOK prevenirlo ed eliminarlo

noreply@blogger.com (Luca Lipartiti) — Thu, 27 Jan 2011 18:33:00 +0000

Vi si apre la chat di Facebook o msn con un amico che vi manda un link ad una foto con scritto hahaha foto?

NON APRITELO!!!

E' un malaware da sempre molto diffuso su msn ed ora approdato anche sui social network.

Si trasmette a velocità impressionante forte del fatto che chi ti manda il link è un conoscente e suscitando curiosità nell'utente presentandosi sotto forma di foto.

Vediamo come prevenirlo :

Questo e' il messaggio di chat che appare, NON cliccatelo

Avete cliccato il link? questa è la schermata che appare, inutile dirvi NON cliccate "view foto"...

... e soprattutto annullate il download del file che vi viene proposto, vedete che ha estensione "exe"? non può essere una immagine, è un programma.. ANNULLATE il download.

Se tutto ciò non è stato fatto è probabilissimo che abbiate beccato il virus

Vediamo come curarlo:

Scaricate da qui Malawarebites antimalaware

Aggiornatelo (è importante fare l'aggiornamento subido dopo averlo scaricato

Fate una scansione approfondita in modalità offline (connessione internet disattivata)

L'operazione dovrebbe trovare ed eliminare il virus.Se così non fosse ripetete la stessa cosa in modalità provvisoria (F8 all'avvio e andate in provvisoria)

E' tutto, sono graditi riscontri e commenti visto che non ho personalmente preso il virus e non ho potuto testare sul mio pc l'effettiva eliminazione del malaware.

Luca

GOOGLE FONTS cambia carattere al tuo blog o sito web!!

noreply@blogger.com (Luca Lipartiti) — Thu, 13 Jan 2011 19:04:00 +0000

spesso si trovano dei font fighissimi e perfetti per il nostro sito/blog, peccato che li leggerà solo chi, come voi, ha il suddetto carattere installato nel pc.
Noi vogliamo invece che le nostre pubblicazioni vengano lette sul web da tutti i visitatori con il Font particolare che abbiamo usato.

A questo serve Google fonts directory, un database di caratteri di scrittura che in pochi passi e con un semplice codice html vi permetterà di abbandonare Arial, times new roman e compagni e sostituirli con caratteri più accattivanti.
Il database si arricchisce sempre di più, potete sbizzarrirvi con molte diverse tipologie di lettere, numeri e simboli.

Qui sotto, il collegamento al sito :

http://code.google.com/webfonts

La pagina è semplicissima ed inizia subito con la lista dei font disponibili con una bella anteprima grande.

scegliete quello che preferite e cliccate su "use this font" (l'ultima voce a destra)

Si apre una pagina così :

Cliccate su "use this font" e vi ritroverete qua :

Ho segnalato in rosso le due parti che dovrete incorporare nel vostro website o blog

La prima e' il codice html che dovete copiare ed incollare immediatamente sotto al tag

Se vi viene riportato un errore di inserimento codice, aggiungete uno slash (/) di chiusura subito prima di >

Il finale del codice sarà così :

type="text/css"/>

Qui sotto vedete dove va inserito il codice

La seconda è il css che dovete aggiungere per modificare definitivamente il carattere.

Posizionatelo all'interno del codice, al posto del carattere di default presente, come da foto

In questo caso i codici sono applicati ad un blog (questo ch state leggendo)

L'immagine mostra il codice incollato sotto l'header (la testata, il titolo)

Nel riquadro nero ho evidenziato alcuni parametri per il testo che potete anche tralasciare :

dimensione carattere in px

stile del carattere (grassetto,corsivo etc etc)

lunghezza del carattere

ombra del carattere

Altri "optionals" per arricchire la scrittura insomma che non sono obbligatori ma se vi va di aggiungerli basta riportarli immediatamente sotto al codice che ho segnato in rosso

Le opzioni per il carattere le trovate cliccando su "launch font previewer".

Vi troverete in questa pagina...

In alto a destra avete l'anteprima, a sinistra avete la console per modificare i parametri del Font ed in basso a destra (segnalato in rosso) il codice che si genera dopo le vostre modifiche.

Copiatelo ed incollatelo come descritto sopra.

Salvate la pagina modificata e godetevi il risultato....il vostro personale stile di scrittura è ora disponibile per tutti su qualsiasi pc, con qualsiasi browser internet.

Spero sia chiaro

ciao

Luca

PASSWORD ZIP PERSA

noreply@blogger.com (Luca Lipartiti) — Tue, 28 Dec 2010 20:25:00 +0000

Avete compresso ed archiviato dei files o dei documenti importanti in formato zip?
Avete protetto l'archivio con una password ma...oh mio dio non la ricordate più?
beh capita....vediamo come posso aiutarvi....

Scaricate QUI il programma ADVANCED ZIP PASSWORD
Questo software sarà in grado di recuperare la vostra parola tra milioni di probabilità.

Veniamo a noi :

Scaricate ed installate il software

Avviate il programma, portatevi sulla scheda options e cambiate la lingua

Sempre su options cliccate su registrazione (il simbolo della chiave)

Copiate ed incollate il seriale che trovate all'interno del rar scaricato.
Ora avete il software registrato.
La registrazione vi permette di scovare password più lunghe dei canonici 5 caratteri della versione free.

All'apertura il programma si presenta così :

Ho evidenziato rispettivamente :

Il riquadro dove andrete a caricare il file zippato di cui non trovate più la pass

Il set di opzioni di ricerca, se ad esempio sapete che la password e' formata solo da lettere, togliete la spunta alla voce "tutte le cifre", se siete sicuri che siano tutte lettere minuscole levate la voce "tutte le maiuscole latine" e così via.Più filtrate la ricerca e meno tempo impiegherà il progamma a scovare la parola perduta.

Nella scheda "lunghezza" (la seconda da sinistra) potete impostare la lunghezza della vostra password se la ricordate.

Per farvi un esempio, per trovare una pass di 8 lettere minuscole il programma ha impiegato tre ore e mezza, MA ALLA FINE L'HA INDIVIDUATA.

Se non ricordate proprio nulla della parola che avevate inserito e lasciate i settaggi come da foto sopra, ci potrebbe volere davvero un sacco di tempo... ma perche' non provare, se il documento è davvero così importante vale la pena di lasciar lavorare il programma.

Buona fortuna!!!

Luca

GENERATORE DI COLORI ESADECIMALI

noreply@blogger.com (Luca Lipartiti) — Thu, 23 Dec 2010 12:47:00 +0000

Vi segnalo una utilissima pagina per chi progetta e si diletta a creare sul web.
Si tratta di un sito con una "ruota" di colori (ci sono proprio tutti) coi rispettivi codici ascii, utililissimi in fase di programmazione appunto.

La pagina contiene tutte le spiegazioni del caso in lingua italiana.
Lo strumento vi fornirà il codice del colore scelto da copiare ed incollare nel vostro progetto o codice html.

http://www.webguide.it/ruota_4096_colori_esadecimali/

Luca