5/2/15

¿Cómo poner iconos de redes sociales en tu web, blooger o wordpress?

Creo que voy a empezar con esto porque es una cosa que me costo mucho encontrar para poder publicar mi blog. Y la verdad que empezar por como crear un blog desde el principio me parece algo aburrido pero si alguien me lo pide lo pondré.

La verdad es qué es muy sencillo si tienes el código html solo tienes que ir a Diseño > añadir un gadget y ahí seleccionar html/javascript 


y ahí aparecerá esto 




Y ahí lo único que hay que hacer es poner un título como Síguenos o cosas por el estilo o nada si queréis y en contenido hay que poner el codigo html de la aplicación que queráis. Aquí os dejo los códigos de todos los más importantes. Si queréis alguno que no se encuentre aquí avisadme y lo intentaré buscar para vosotros. 

Síguenos en facebook  <a href="URL-FACEBOOK" target="_blank"><img alt="siguenos en facebook" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhavHlZdw87-51DHKuCZrZwfVsoVo0d_t6GPJ-qxLYA02cR5Jws-5Tt64aK_Nte7KBxDSEHxHSIXcJffTKW3xsDUsQl4ayMMGVXj_j67LKx9F-nUm_HZxqMjN8GUUvuZgE8lIxXvZYmFO4/s1600/face.png" title="siguenos en facebook" width="32" /></a>
Síguenos en Google+   <a href="URL-Googl e+" target="_blank"><img alt="siguenos en Google+" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1o3YNWkT1TJgCixR4-yHWwhxhy8H-uiu-NEMSorLEn30Y8MX3ka7UZHsJ0Bix5oKz4ymG25uG_J-7JJRuCs8lJRO3V5dtsFKH1lmECUsPaU1NDQUcvxLigLs6CZl8uI40zZxhYZxHtLc/s1600/Google%252B+alt.png" title="siguenos en Google+" width="32" /></a>

Síguenos en Twitter  <a href="URL-Twitter" target="_blank"><img alt="siguenos en Twitter" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtreOxJE7L3jcPNgCOcqzJkOoY_DvAMq_NB3BdoZGXAc5b5Af5EdWGrrPf5pNLqXApSBe7syuqXSaGS8HaWG_TFEBOR2vocwFre3KUWokr1MMKOlj-DYuJiJEQ9gcklxPbD4Mff-NjwAo/s1600/Twitter+NEW.png" title="siguenos en Twitter" width="32" /></a>
Canal de youtube  <a href="URL-youtube" target="_blank"><img alt="Canal de youtube" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBA5J1HJeQPbFLSXj8D2MDaRWqtGYP-JuHk8yNruImPqrPbesBi2dIHCeAeZ9YrkUma9WecKg_1tGnVI32ml-enMp9Ctwyn_uiZR6fSUfoSKmBIEnMA5Edh9Skg1jkroi9Tew8OEg3aFY/s1600/YouTube+alt+1.png" title="Canal de youtube" width="32" /></a>

Sígueme en Likedin  <a href="URL-Likedin" target="_blank"><img alt="Sígueme en Likedin" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtC2MQx_EMVDoiAf4BnUYpxYNi9giM_1a3giNVJ_RdvJa3LTqWz9GJsz-WfSHM_ApCHLTXMmXWordmBvJwmtBSc7XU9thDt_VYCktI4KUo8auY0bJXz3SpBuAFq2NRvy1MS0o7wkWN8Mk/s1600/linkedin_logo_ok.png" title="Sígueme en Likedin" width="32" /></a>

Sígueme en Pinterest  <a href="URL-Pinterest" target="_blank"><img alt="Sígueme en Pinterest" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrboWM5eyW1TiQQ5kT9_4A5MS7Rl9J82Iitq0AT7ZecP1wSH-yO4V4xQcpkcMQMoxNw2wIKW5V6LJXhGm7LwnDhnROT1FbIBZXwBJ1bTehVaboexiUaweawqpvuW1NiOvgJRRINJZ2sSo/s1600/Sin+t%25C3%25ADtulo.png" title="Sígueme en Pinterest" width="32" /></a>

    Rss feed <a href="URL-Rss" target="_blank"><img alt="Rss feed" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-KN0sRldIzddWsXmgz_6HCbYp8EQq6F0TsI7zp8IbJN2R_j8e3DXjQhhB_K7KshWb1vr9p0V0bktiBarr4rWqwOeZrif50gfKtN1TOmAkj29YVr0VMZnLXHotEbAT5ZO5KLIAv8ewSd0/s1600/RSS+Feed.png" title="Rss feed" width="32" /></a>
      sígueme en Instagram  <a href="URL-Instagram" target="_blank"><img alt="sígueme en Instagram" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtaYh1vrG8Wm8Zrj2rxFcIE7BLLVqNsNJx5o-sUcKfaKh2NQXQUgoULhEZ14dkcn5-lNFlm_ijN1SCWH0cmEgkp9R-Ka7931_V1H4-oOouUpF0CB6QIDyueCmHRBuywd4xrc8Tp_T_c44/s1600/instagram.png" title="sígueme en Instagram" width="32" /></a>

      sígueme en Blogger  <a href="URL-blog" target="_blank"><img alt="sígueme en Blogger" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpRfNG-He2qFnjAPvWHJzUTSUsFxpW-BYIaAu8Mjt9rFjMS8jxcgnpD8zY7YFsjxnllofEuu38OhX9-zbrthy25Oxi8noj2G61n_uALwr4nOeQm-AUFhpQzf7zr5WQIG7bU56sX36mnx0/s1600/Google+Blogger.png" title="sígueme en Blogger" width="32" /></a>

      sígueme en Tumblr <a href="URL-Tumblr" target="_blank"><img alt="sígueme en Tumblr" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA9Ppe5fkDExwLIiV9hJt_NTrRNZeEX-yAIW-M8nWsxG96bbIKfkXYATXW9dNP8nAL4BKr3hVz-3rJ4VACzywUKrxHjZDxQr9H_OXMYL3YguKPX_be2YdgNaeiys33ZEMbJBE4dRrOe9A/s1600/Tumblr+alt.png" title="sígueme en Tumblr" width="32" /></a>

      sígueme en Skype  <a href="URL-Skype" target="_blank"><img alt="sígueme en Skype" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQzqNZNKTXjjGC__Y1kRJgkxoFClDZX6CEKGdj8N-Pavj9J6h8T7-2_0tAlUUlJJUjXItU_ivR0FI9GtOR_YwdUflk_vOXQINxdCF0mSs6ND5x10WBjspomb74xUX2fV2ElVFUOOeVKiQ/s1600/Skype.png" title="sígueme en Skype" width="32" /></a>






      Seleccionamos y copiamos el que queramos por ejemplo yo lo haré con unos cuantos:


      Si queréis cambiar el tamaño del icono donde pone "32" en ambos lados poner lo que queráis normalmente a parte de 32 suele ser 40 y 48

      Donde pone las comillas "URL=Twitter" copias el url de vuestro twitter en este caso, para que así cuando se cliquee vaya direccionado a vuestro sitio web, quedará tal que así con varios iconos


      Con todos los urls míos añadidos y así quedará con en el blog tal como aparece arriba a la derecha o en esta imagen.
                                      
         

      Y esto es todo chicos espero haberos ayudado. Un saludo y hasta mañana! 





      1 comentario: