HACER BOTONES DE like O me gusta DE FACEBOOK

ES SIMPLE, SOLO COPIA TODO EL LINK DE LA PAGINA A LA QUE VAS A HACER EL BOTON DE FACEBOOK  Y PEGA CUANDO ABRAS ESTA LIGA, ES BASTANTE INTUITIVO, DUDAS? DA CLICK EN SEGUIR LEYENDO MAS Y ENCONTRARAS UN MINI TUTORIAL, MAS DUDAS? INTENTARE AYUDARTE :)

http://developers.facebook.com/docs/reference/plugins/like/


casi hasta abajo de la página encontraras una tabla con los datos siguientes, recuerda que del lado derecho aparece una visualización rápida de lo que vas seleccionando:

- URL to Like: PEGAR AQUI LA DIRECCIÓN COMPLETA DE TU PAGINA DE FACEBOOK, POR EJEMPLO LA MIA ES http://www.facebook.com/pages/Eniando/550298251649053?ref=hl
- DESACTIVAR O QUITAR PALOMITA A Send Button PARA HACER UN BOTON LIMPIO
- Layout Style AQUI SELECCIONA UNA DE TRES VERSIONES DIFERENTES DE VISUALIZAR EL BOTON
- Width ES EL TAMAÑO DEL BOTON, PERO TE SUGIERO QUE NO LE MUEVAS
- Show Faces ACTIVALA SI QUIERES MOSTRAR  QUIENES TE HAN DADO 'LIKES'
- Font  SE REFIERE AL TIPO DE LETRA CON EL QUE TE GUSTARIA QUE APARECIERA TU BOTON, TE SUGIERO LO DEJES INTACTO
- Color Scheme ES EL COLOR DE FONDO ALREDEDOR DEL BOTON, HAY OPCION EN FONDO NEGRO O SIN FONDO (light), TE SUGIERO EL LIGHT
- Verb to display CON QUE VERBO TE GUSTARIA QUE APARECIERA TU BOTON, TE SUGIERO USAR LIKE: Me gusta/Like o Recomiendame/Recommend  OJO: EN TODOS LOS BOTONES QUE HE HECHO SIEMPRE APARECE EN ESPAÑOL: Me gusta

Terminado esto, das click en GET CODE
Después sale una ventanita diciendo CARGANDO...
Después sale otra ventana con 5 opciones de codigos, yo seleccione para blogger HTML5:

EN BLOGGER
Te vas a la parte de   Diseño   >   Añadir un gadget   >   Buscar y agregar la opcion que dice HTML/JAVASCRIPT   >   y en la parte que dice CONTENIDO pegas los dos códigos que generó facebook asi:

CODIGO 1, SERA ALGO ASI:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

DESPUES PEGA EL SEGUNO CODIGO QUE ES COMO ESTE, SI DEJAS UN ESPACIO O UNA LINEA NO IMPORTA:
<div class="fb-like" data-href="http://www.facebook.com/pages/Eniando/550298251649053?ref=hl" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>

EN TOTAL QUEDA ASI:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.facebook.com/pages/Eniando/550298251649053?ref=hl" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>

OJO, SI PEGAS ESTOS CODIGOS TAL CUAL ESTAS CREANDO EL BOTON DE me gusta MIO EN TU PAGINA! 

Terminas diciendole GUARDAR  y listo! ya tienes tu boton en tu blogger o en tu página!!!

Si te sirvió deja un comentario!

eNe

Comentarios

Entradas populares de este blog