Agregar la caja de comentarios de Facebook en Blogger

Uno de los temas más solicitados es cómoponer la caja de comentarios de Facebook en el blog, y es que a veces se vuelve más fácil comentar desde Facebook pues la mayoría está conectado a esa red social todo el tiempo, además no necesitamos ingresar con nuestros datos de Google para poder comentar en un blog que contenga este tipo de comentarios.

Este método lo vi enVagabundia, donde explican cómo agregar elPlugin de comentarios de Facebook de manera que cada entrada tenga su propia caja de comentarios y sea independiente a las demás.

Como primer paso entra en laEdición HTML del blog y busca la etiqueta:

body

Si usas una plantilla del Diseñador entonces la encontrarás como:

body expr:class='"loading" + data:blog.mobileClass'

Debajo de cualquiera de ellas agrega esto:

div id='fb-root'/
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

Después busca esta línea:

b:includable id='post' var='post'

Si vieras una flechita ▶ al lado de ella da click para que se expanda ese artilugio. Y justo antes del siguiente/b:includable agrega esto:

b:if cond='data:blog.pageType == "item"'
div id='comentariosFacebook'div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'//div
/b:if

Así se ve el área donde se agrega el código (la parte que está arriba del área marcada en rojo puede variar de plantilla en plantilla)

Con eso yatendrás la caja de comentarios de Facebook en tus entradas (recuerda que debes ingresar a un post para poder verla).

La caja estará arriba de los comentarios de Blogger. Si quieres que esté debajo del formulario de comentarios entonces el código del plugin ponlo justo arriba de este código:

/div
b:if cond='data:post.includeAd'

Dentro del último código que añadimos veremos estos parámetros:

data-num-posts='5'
data-width='500'
data-colorscheme='light'

El primero es el número de comentarios que se mostrarán; el segundo el ancho del formulario; y el tercero el color del formulario, puedes cambiarlight pordark

Hasta ahí ya tenemos elCommentBox de Facebook; si deseas personalizarlo un poco puedes colocar antes de/b:skin algunos estilos, por ejemplo:

#comentariosFacebook {
background:#F2F2F2;/* Color de fondo del contenedor */
width:520px;/* Ancho del contenedor */
padding:10px;
margin-top:0px;/* Cámbialo por -180px si lo has puesto debajo de los comentarios de Blogger */
}

Si quieres que cada vez que alguien haga un comentario te llegue una notificación de Facebook, y puedas moderar los comentarios, será necesario que crees una aplicación. Pero para ello es necesario tener verificada la cuenta de Facebook.

Si es así, entra aFacebook Developers y haz click en el botónCrear nueva aplicación.

Ahí escribe el nombre de la aplicación, acepta los términos y click enContinuar.

En la siguiente pantalla haz click enSitio web, ahí escribe la URL de tu blog donde lo pondrás; también copia el número que está enApp ID.

Ahora entra de nuevo en laEdición HTML de tu blog y pega antes de/head esto:

meta content='ID de USUARIO' property='fb:admins'/
meta content='ID de APLICACIÓN' property='fb:app_id'/

En la ID de aplicación agrega la serie de números que copiaste. Y en ID de usuario agrega tu ID de Facebook, sino lo conoces ingresa a este enlace:

http://graph.facebook.com/usuario

Cambia donde se indica tu nombre de usuario y da click, ahí verás cuál es la ID de tu usuario de Facebook (Gracias a Siniestro por el tip).

Una vez hecho eso ingresa a una entrada para ver tu caja de comentarios y dale click enConfiguración. Ahí verás varias opciones del plugin; en donde diceModeradores, agrega tu nombre y guarda los cambios.

Una vez habiendo hecho todo lo anterior podrás moderar los comentarios y recibirás las notificaciones en tu cuenta de Facebook cada vez que alguien haga un comentario. Sino lo haces podrás seguir teniendo tu caja de comentarios de Facebook pero sin estas opciones.

Al final de la entrada he puesto una para que puedas probar el resultado, pero cualquier duda sobre el tema déjala en los comentarios de Blogger ;)

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

PhD in counseling education Learning adobe illustrator Online classes verizon sip DUI lawyer Hire php developers bowne virtual data room Hard drive data recovery services DONATE CARS ILLINOIS Make money online Australia Social media platforms for business Donate cars Illinois Psd to html Motor Insurance Quotes Online casino Mobile casino car insurance companies Donating used cars to charity Online Motor Insurance Quotes Donating Used Cars to Charity illinois mesothelioma lawyer ONLINECLASSES life insurance co lincoln Casino personal injury lawyer sarasota fl Nunavut culture best consolidation loan student yahoo web hosting Php programmers for hire PHD on Counseling Education personal injury law firm better conferencing calls Casino reviews Psd to WordPress Forensics online course NEUSON Seo company Social media examiner MOTOR REPLACEMENTS email bulk service structure settlements car insurance quotes pa Live casino mesothelioma survival rates structured settlement blog mesothelioma lawyer dallas mesothelioma trial attorney Better Conference Calls annuity payment DONATING USED CARS TO CHARITY Hire php programmers buyers of structured settlements att call conference mesothelioma settlement amounts Business Voip Solutions Mortgage Asbestos Lawyers mesothelioma lawyer texas uk homeowner loans Social media strategies MESOTHELIOMA LAW FIRM Dayton Freight Lines Seo companies benchmark lending broward county dui lawyer STRUCTURED ANNUITY SETTLEMENT Donating a car in Maryland student loan consolidation program Dwi lawyer Criminal lawyer domains yahoo Service business software california mesothelioma attorney Email Bulk Service Low credit line credit cards Custom WordPress theme designer Criminal defense lawyer asbestos lung cancer bus accident attorneys adverse remortgage CHEAP CAR INSURANCE FOR LADIES how to donate a car in california Cheap Auto Insurance in VA HOME PHONE INTERNET BUNDLE REGISTER FREE DOMAINS Donate Your Car for Kids How to Donate A Car in California Insurance Companies asbestos lawyers arizona auto accident attorney selling a structured settlement Hire php developer accident attorney san bernardino CAR INSURANCE IN SOUTH DAKOTA Bankruptcy lawyer Html email hughes net business buy gift card Computer science classes online Donate Car To Charity CALIFORNIA Php programmers injury lawyers houston mesothelioma attorney business voip solutions register free domains Best social media platforms for business HARDDRIVE DATA RECOVERY SERVICES DONATE YOUR CAR SACRAMENTO mesothelioma lawyer asbestos cancer lawsuit New social media platforms Forensics Online Course Business finance group online criminal justice degree cheap domain registration hosting WordPress theme designers

Cosas Para Blogueros

Agregar la caja de comentarios de Facebook en Blogger – Curso

Categories