Afegir icones de les xarxes socials al bloc o espai web

Per aquelles que teniu un bloc (Blogger) o qualsevol pàgina web i voleu afegir els icones de les xarxes socials al vostre espai (com podeu observar a la barra lateral dreta del meu bloc) aquí teniu el primer post amb els passos que heu de seguir:

IconFinder
  • Entrar a la pàgina Icon Finder, posar el nom de l'icona al buscador de la xarxa social que vulguem afegir al bloc i triar la imatge que ens agradi més.
  • Fer un clic sobre la imatge que ens agrada més i apretar a Download PNG. Automàticament se'ns obrirà una pantalla externa que ens preguntarà si volem obrir la imatge o la volem desar. Premeu a "desar" i trieu a quin lloc del vostre ordinador ho voleu fer. 
Googlesites
  • Per pujar la imatge que ens hem descarregat cal tenir-la allotjada a Internet, així doncs recomano que aneu a Googlesites i us obriu un compte a no ser que ja el tingueu. 
  • Un cop registrats a la vostra pàgina aneu al menú desplegable de la dreta superior que diu "Més accions" i després escolliu "Gestionar el lloc". 
  • Un cop a dins a l'esquerra veure-ho un panell, escolliu la opció que diu "Arxius adjunts" i presioneu el botó "Penja". Això ens permetrà tenir la imatge "penjada" en aquest lloc web i que per tant la poguem "cridar" des de qualsevol altre espai web. 
  • Cliqueu a "Torna al lloc" i publiqueu una entrada (aneu a a la part superior dreta i cliqueu a "Editar la pàgina"). Tot seguit cliqueu damunt de la plantilla (sortirà un cursor) i inseriu una imatge (cerqueu al vostre ordinador l'arxiu png que heu guardat anteriorment i el crideu). 
  • Cliqueu sobre la imatge i observareu que apareix una direcció url. Premeu "Modificar" i la copieu (Ctrl+c).  
Bloc de notes
  • Tot seguit obriu un Bloc de notes i copieu el següent codi (un cop copiat minimitzeu el Bloc de notes):
<a href="http://www.twitter.com/iniciablog"><img src="https://sites.google.com/site/iniciablog/twitter32.png" alt="Seguir a iniciaBlog en Twitter"/></a>
        
El que està seleccionat en vermell col·loqueu la vostra direcció de twitter, facebook, etc. 
El que està seleccionat en verd indiqueu la direcció url del vostre lloc sitio/tuarchivo.png 
El que està seleccionat en blau indiqueu un text alternatiu.
  • Enganxeu (Ctrl+v) aquest codi al Bloc de notes que teniu minimtzat.
  • Selecciona tot el fragment del codi i copieu-lo (Ctrl+c). 
Blogger
  • Aneu al Blogger a la pestanya "Disseny" i després a "Elements de la pàgina". 
  • Més avall cliqueu a "Afegir nou Gadget" i a dins trieu la opció "HTML/Javascript". 
  • Al títol poseu Segueix-me o el que vosaltres desitgeu. Al contingut enganxeu el codi que hem copiat anteriorment (Ctrl+v).
  • Apreteu a "Desa" i visualitzeu el bloc. De ben segur que us l'ha afegit a la part superior dreta, si el voleu canviar de lloc només heu d'anar a la secció anterior (Disseny/Elements pàgina/Afegir Gadget) i moure aquest Gadget a on vosaltres vulgueu. 
Sembla complicat però no ho és. Espero que us hàgi estat útil. Qualsevol dubte podeu deixar els vostres comentaris sota l'entrada.

Comentaris