martedì 23 ottobre 2012

Intestazione del Blog con icone cliccabili

Su alcuni blog della piattaforma WordPress si vedono immagini dell'intestazione con inserite le icone cliccabili dei social network, del feed, di You Tube.
Mi sono chiesta come poterlo fare sulla piattaforma Blogger e per caso ho avuto la risposta, a volte ci vuole un pizzico di fortuna!

Vi mostro subito le 2 intestazioni che ho preparato...la prima cosa da fare è scaricare l'immagine sul vostro pc.
Per salvarla cliccatela e poi -> salva con nome




crediti:
BLOG: http://unepinceedepaprika.blogspot.com/


Ptitesouris


    

  BLOG: http://ptitesouris106.blogspot.com


/


Per collegare le icone ai vostri account e inserire l'immagine con le icone cliccabili come header del vostro blog, dovete seguire i passaggi che vi illustrerò e seguire il tutorial sull'uso del sito image-maps.com

  1. collegatevi con il sito 
  2. aprite la vosta immagine
  3. seguite il tutorial che vi allego
  4. copiate il codice HTML che vi fornirà il sito a lavoro completato
  5. inseritelo in un gadget HTML/Javascript posizionato immediatamente sotto l'intestazione del vostro blog

Tutorial








Potete controllare in questa DEMO che ho preparato, ho inserito solo i links della fan page di Facebook e del mio account Twitter.
La demo quindi riguarda SOLO queste 2 icone.



Spero sia tutto chiaro, se avete dubbi chiedete.


fan page Facebook CriCavalier-Twitter Image Map

3 commenti:

  1. Bella idea..anche utile. Sei brava veramente. Bacioni. *_*

    RispondiElimina
  2. Ciao bellissimo tutorial!!! volevo sapere se si potesse mettere al posto della testata uno sfondo in tutta la pagina?

    RispondiElimina
    Risposte
    1. Penso che non si possa fare a meno di non mettere mano ai codici del blog.
      Per la testata è invece abbastanza semplice e poco invasivo.

      Elimina

Grazie della visita e del vostro commento.
E' un piacere leggervi, tornate a trovarmi! ♥

Related Posts Plugin for WordPress, Blogger...