La necessità di scrivere questo articolo nasce da una richiesta fatta da una nostra lettrice e amica Sara del blog three4style di cui ne è autrice insieme alle proprie amiche Cecilia e Martina. Colgo anche l’occasione per salutarle tutte.
Per cominciare…
Dobbiamo creare o trovare le immagini da utilizzare. Se le icone le creiamo noi ci serve hostarle su un servizio gratuito di hosting tipo imageshack perchè in seguito avremo bisogno del link dell’immagine. Se le immagini le cerchiamo su internet copieremo solo il link dato che già qualcuno le ha hostate in precedenza. Cosa molto importante: attenzione al copyright!Io per questa occasione ho creato tre icone richieste proprio da Sara: una per LookBook, una per Flickr e un’altra per Blog Lovin’.
Come inserire i loghi sul blog
Per prima cosa clicchiamo su Design, adesso, se abbiamo due colonne decidiamo dove inserire i nostri loghi e clicchiamo su “Aggiungi un gadget”.![aggiungigadget[1]](http://lh4.ggpht.com/_BofonK79vPY/TKYDC9-6JHI/AAAAAAAAAFs/bSqEBX6eXjg/s1600-h/aggiungigadget%5B1%5D%5B5%5D.gif "aggiungigadget[1]")
A questo punto selezioniamo dalla lista “HTML/JavaScript”
e si aprirà una nuova finestra.
In questa finestra andremo ad incollare il codice HTML seguente:
<a href="QUI INSERIAMO IL NOSTRO LINK DI FACEBOOK, TWITTER O FLICKER"><img src="QUI INSERIAMO IL LINK DELL'IMMAGINE CHE VOGLIAMO VISUALIZZARE"></a>Questo codice farà apparire come penso avrete capito un solo logo. Ovviamente incollando una seconda volta questo codice sotto quello precedente inseriremo un secondo logo. Quando avrete finito cliccate su salva e controllate il vostro blog.
Esempio con i 3 loghi
Il codice che utilizzeremo per visualizzare i tre loghi da me creati èil seguente...(ho diviso il codice HTML di ogni singolo logo per farvi capire meglio)<a href="http://lookbook.nu/"><img src="http://img638.imageshack.us/img638/8898/lookbookb.png"></a><a href="http://flickr.com/"><img src="http://img535.imageshack.us/img535/4034/15226485.png"></a><a href="http://bloglovin.com/"><img src="http://img214.imageshack.us/img214/7499/bloglovin.png"></a>e questo sarà il risultato…
Nel caso volessimo accentrare i nostri loghi dobbiamo solo inserire <center> all’inizio del codice e </center> alla fine del nostro codice HTML in questo modo
<center>
<a href="http://lookbook.nu/"><img src="http://img638.imageshack.us/img638/8898/lookbookb.png" /></a><a href="http://flickr.com/"><img src="http://img535.imageshack.us/img535/4034/15226485.png" /></a><a href="http://bloglovin.com/"><img src="http://img214.imageshack.us/img214/7499/bloglovin.png" /></a>
</center>Il risultato sarà ovviamente questo:
Nel prossimo articolo risponderò ad un'altra richiesta di Sara spiegando come inserire il tasto di facebook "Mi Piace" su Blogger.
Spero di essere stato utile anche a qualcun altro. Per eventuali problemi o mie dimenticanze usate i commenti.
Ti è piaciuto l'articolo? Vota Ok oppure No.
Puoi votare le mie notizie anche in questa pagina.
34 commenti:
Nicola!!! Ora lo provo.
Le icone sono bellissime...fantastiche...faccio una prova e poi di dico!
PS Se ci riesco io significa che può davvero farlo chiunque.
Un super graaaaazie per ora!!!
Sei il nostro consulente di fiducia
Sara
Ma quanto sei bravo!!!
Fatto perfette mi piacciono molto.
Grazie mille dalle tue stilose amiche.
Sara, Cecy e Marty!!! Più tardi provo a sistemare il mi piace di facebook....
grazie grazie grazie.
PS: ti avevo già ringraziato? ;)
@three4style Grazie, grazie...si lo hai fatto già abbastanza ;) non so se ti sei accorta...ma ho aggiunto una nuova icona per l'email! se la vuoi aggiungere anche tu mandami una mail e ti do il codice da inserire...non lo posso fare qui perchè i commenti non sono abilitati a scrivere tutti i tag HTML.
Ciao Nicola! Innanzitutto, volevo ringraziarti per quest'articolo, sto creando proprio in questi giorni un blog e quest'informazione mi serviva. Volevo chiederti, però, una cosa; giustamente, per quanto riguarda l'uso di icone trovate nel web, hai accennato al copyright. Ecco, dato che questo argomento non mi è molto chiaro, se trovo in giro icone con licenza Creative Commons posso usarle a mio piacimento (e quindi scaricarle e successivamente uploadarle su ImageShack) oppure devo cercare un'alternativa? Grazie, Matteo.
@Matteo ciao Matteo, la domanda che hai posto non è affatto banale, non c'è quindi un "si, puoi ripubblicare" o un "no, non puoi!" che siano universali.
Le "categorie" principali da considerare sono 2:
1. Il mio sito non ha pubblicità all'interno e non guadagna i alcun modo (come wikipedia)
2. Il mio sito (o blog) contiene pubblicità AdSense o lucra in altri modi...(anche indirettamente)
nel primo caso puoi mettere tutte le immagini coperte da copyright che vuoi anche in forma completa.
nel secondo caso NON PUOI mettere immagini coperte da DIRITTI DI AUTORE se non sei autorizzato direttamente dal detentore di tale diritto. Comunque puoi sempre uploadare le immagini coperte da licenza CREATIVE COMMONS e pubblicarle sul tuo blog a patto che ne attribuisci la paternita citando la fonte tramite link.
ATTENZIONE: ci sono diversi tipi ti licenze creative commons, quindi leggi sempre la licenza del blog o sito da cui prendi le immagini.
Se vuoi leggere alcuni approfondimenti ti posto qui 2 articoli ben fatti uno è QUESTO l'altro invece lo trovi QUI.
Spero di essere stato d'aiuto! :)
P.S.: ti consiglio di mettere il link al tuo blog quando commenti, oppure di usare il tuo account google. Ti darà la possibilità di far conoscere il tuo blog ad altre persone! ;)
Grazie per le dritte, finalmente sono riuscito.
Penso che linserimento di questi loghi sia molto utile, grazie per la informazione e laiuto.
come dicevo, penso che sia molto utile perche e la forma di socializare, in modo naturale, che no artifiziale, un blog: tramite linvio dei lettori dei tuoi post alle social tools. no?
grazie!
molto bello i tuoi loghi! Ma si possono anche utilizare commerciale?
in che senso "commerciale"?
Ciao, sai se posso utilizzarlo anche per il mio foto blog in joomla?
@fotografo torino certamente! basta avere l'opzione di inserimento html e puoi aggiungere tutto quello che vuoi :)
Ottima e utile segnalazione grazie!
ciao, io personalmente non sono riuscito a far molto con i tuoi consigli...non spieghi per niente come usare imageshack per fare una copia delle immagini, e dai per scontato che tutti siano abbastanza bravi col pc. io personalmente ho provato a mettere le icone, ma se si visualizzava, quando ci clicavo sopra mi rimandava a imageshack e non alla mia pagina fb.
Mi potresti gentilmente aiutare?
@ciprianitraining scusa se ho tralasciato l'utilizzo di imageshack ma la guida in questione non è stata creata per insegnare ad usare imageshack, in quanto potresti benissimo usare un altro hosting per immagini...ma passiamo alla risoluzione del tuo problema:
La soluzione è semplice, basterebbe inserire l'URL della tua pagina facebook nella parte di codice che ti indico sotto...
< a href="URL DELLA PAGINA FB">
Fammi sapere se adesso va bene...in caso ricommenta o aggiungimi su facebook! ;)
il primo articolo che trovo scritto bene e che ho capito al primo colpo e applicato al mio blog! grazie sono mesi che cercavo ma il tuo è fatto benissimo e ci sono riuscita!!! grazie.
Grazie mille Francesca!! Sono contento di esserti stato d'aiuto! :)
lol...e io che mi scervellavo da ore per capire come fare XD
THX!
Ciao Nicola, il tuo post è molto utile!
Grazie mille Stella...vedo con piacere che sei riuscita ad inserire le mie icone sul tuo blog! ;) Buona fortuna per il tuo progetto e per il tuo lavoro! :)
Ottimo.
ciao! Complimenti per il blog! Io ho un problema, faccio quello che spieghi tu, ma non mi compaiono le icone sul blog (solo un icona blu con un punto interrogatvo) precedentemente caricate in imageshack. Se ci clicco sopra però si apre il link delle mie pagine. E' solo un problema di logo. Come posso risolverlo?
Silvia.
Ciao utente Anonimo, leggendo il tuo commento suppongo che il problema stia nell'URL del logo che vuoi inserire. Quindi ti ricordo che, per funzionare il tutto, devi inserire l'URL DIRETTO dell'immagine. Solo così il logo sarà VISIBILE e CLICCABILE.
Questo post è molto utile! GRAZIIIEEE !!!
@Test adsl Grazie a te! :)
Grazie!! Post utilissimo e semplice!!
ciao Nicola graie del tuo post ma non ci riesco.
Probabilmente sbagli qualcosa..... :(
grazie mille!!! era almeno un anno che volevo fare questa operazione e non trovavo nessun post che mi chiarisse come fare! adesso ce l'ho fatta!!
anora grazie!! :)
Grazie Nicola!! Post molto chiaro! Provo al più presto e poi ti faccio sapere. Ciao Moira
Mi fa piacere! Grazie a te... :)
GRAZIE!
Prego... :)
A breve rivisiteremo il post aggiungendo altre informazioni
Ciao Nicolò! Come promesso eccomi qui per dire com'è andata! Perfetto grazie!! L'unica differenza è che ho utilizzato Tinypic come hosting fotografico. Grazie Ancora Ciao Moira
ciao! grazie per questo post e tutti quelli che hai inserito inerenti al blog!!
ho provato ad inserire il codice in "aggiungi gadget" e "aggiungi il tuo" ma mi da il seguente errore: L'URL contiene caratteri non ammessi.
che cosa posso aver sbagliato?
grazie mille
Paola
Posta un commento