Paso 1: Creáte una página de Facebook
- Si no tienes una cuenta de Facebook, creátela
- Entra en tu cuenta de Facebook y en el menú superior, haz click sobre la rueda dentada y selecciona la opción "Crear página"
- Sigue los pasos hasta completar el registro de la página, son muy sencillos, no te preocupes si ahora no seleccionas bien algunos parámetros, ya que luego los podrás modificar
- ¡¡Fellicidades!!... ya tienes una página en Facebook.
Paso 2: Configura tu Like Box
- Facebook Page URL.-Esta es la URL de tu página en Facebook, accede a tu cuenta de Facebook y copia la dirección web aquí
- Width.-El ancho, en píxeles, que tendrá la caja, intenta que se ajuste al lugar donde la colocarás
- Height.-El alto, en píxeles, de la caja. Cuanto más grande hagas la caja, más fotos contendrá
- Color Scheme.- Plantilla de la caja, dispones de dos: light (clara) y dark (oscura)
- Show Friend's Faces.-Marca esta opción si deseas que se vean las fotos de tus fans
- Show Header.-Si marcas esta opción, se mostrará la cabecera de la caja "Búscanos en Facebook"
- Show Posts.- Si la habilitas, se mostrarán las últimas publicaciones de tu página de Facebook
- Show Border.- Indica si quieres bordes en la caja
Paso 3: Añade elLike Boxa Blogger
Añadir el código Javascript
div id="fb-root"/divscript(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_ES/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));/script
- Editamos el HTML.-Blogger Plantilla Editar HTML
- Buscamos body.- CTRL+F y escribimos "body"
- Pegamos el código Javascript de Facebook.- Copiamos el código de la parte superior (Javascript), que nos generó la herramienta Like Box de Facebook y lo pegamos justo debajo de la etiqueta body de nuestra plantilla Blogger.
- Guardamos la plantilla
Añadir el código del pluginLike Box
div class="fb-like-box" data-href="http://www.facebook.com/BloggerAyudaCom" data-width="350" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"/div
- En Blogger, elegimos la opciónDiseñoy desde aquí elegimos la opciónAñadir un gadget, en la sección de la plantilla donde queramos colocarlo
- Seleccionamos el gadget HTML/Javascript
- En contenido copia el código del plugin, que generastes en el "Paso 2" (el de la parte inferior)
- Guarda el gadget
- Mueve el gadget que acabas de añadir en la posición que desees
- Visualiza el blog
Opciones avanzadas
div class="fb-like-box" data-href="http://www.facebook.com/BloggerAyudaCom" .../divMediante atributos "data" del elemento DIV, podremos pasarle parámetros al plugin de Facebook. La herramienta de construcción delLike Box es muy completa, de hecho solo hay un parámetro que no incluye:data-force-wall.Estos son todos los parámetros disponibles:
Data | Descripción |
---|---|
data-colorscheme | Combinación de colores: light (claro) o dark (oscuro) |
data-force-wall | Para páginas de ubicaciones |
data-header | Especifica si se muestra el título de cabecera de la caja: true/false |
data-height | Altura del plugin en píxeles. Ej: 300 |
data-href | Dirección URL de la página Facebook que se desea enlazar |
data-show-border | Especifica si se muestra o no el borde: true/false |
data-show-faces | Indica si se desean mostrar las caras de tus fans: true/false |
data-stream | Si se desean mostrar las últimas publicaciones de la página: true/false |
data-width | El ancho del plugin en píxeles. Ej:350 |
div class="fb-like-box" data-colorscheme="light" data-header="false" data-height="350" data-href="https://www.facebook.com/bloggerayudacom" data-show-border="true" data-show-faces="true" data-stream="false" data-width="600"/divY este es el resultado:Como sabes, este blog lo comencé hace poco y necesita algo de compañía... ¿te apuntas a ser de los primeros fans de Blogger Ayuda?¿Me ayudas a rellenar esta caja tan pequeña que he puesto encima? :-)¡¡ Gracias !!
Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND
MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet
mesothelioma survival rates Online Christmas cards cheap domain registration hosting Casino reviews att call conference WordPress hosting mesothelioma settlements amounts new mexico mesothelioma lawyer Adobe illustrator classes how to donate a car in california Online casino Register free domains VIRTUAL DATA ROOMS business voip solutions Annuity Settlements Hire php programmers Better Conference Calls sell structured settlement calculator compare life assurance Mobile casino Online Classes Asbestos Lung Cancer Live casino hosted predictive dialers Make money online Australia Donating a Car in Maryland WEBEX COSTS Casino Psychic for free Bankruptcy lawyer Automobile Accident Attorney Seo companies PHD on Counseling Education SELL ANNUITY PAYMENT ASBESTOS LAWYERS Photo Christmas cards CAR INSURANCE QUOTES MN DONATE YOUR CAR SACRAMENTO Auto Mobile Shipping Quote california law lemon structured annuity settlement Low Credit Line Credit Cards cloud identity and access management hair removal washington dc CAR ACCIDENT LAWYERS Car Insurance Companies Criminal lawyer Structures Annuity Settlement refinance with poor credit mesothelioma claim mesothelioma claims DONATE CAR FOR TAX CREDIT Service business software Online motor insurance quotes DUI lawyer Criminal defense lawyer integrated ehr selling structured settlement Hire php developers Auto Accident Attorney mesothelioma injury attorney baton rouge buy structured settlements Dwi lawyer Seo services Donate Car for Tax Credit mesothelioma attorneys california anti spam appliance PSYCHIC FOR FREE Motor replacements Cheap Domain Registration Hosting NUNAVUT CULTURE mesothelioma lawyers san diego MESOTHELIOMA LAW FIRM business administration masters Dallas Mesothelioma Attorneys baltimore mesothelioma attorneys Donate your car for kids saskatchewan auto insurance Donate a Car in Maryland personal injury lawyer sarasota fl Donate Cars in MA Html email mesothelioma settlement amounts Car Insurance in South Dakota data recovery raid Massage School Dallas Texas Php programmers for hire Hire php developer Donate your car Sacramento Business finance group Computer science classes online domain name yahoo mesotheliama refinance with bad credit workers compensation lawyer los angeles Online Criminal Justice Degree dallas mesothelioma lawyer HOME PHONE INTERNET BUNDLE Php programmers chicago hair laser removal Insurance Companies car crash attorneys phd in counseling education accident attorney orange county emergency response plan ppt Paperport Promotional Code car insurance quotes accident lawyers in los angeles Home Phone Internet Bundle Best social media platforms for business Proud Italian cook New social media platforms buyer of structured settlement annuity Donating a car in Maryland