sábado, agosto 15, 2015

[ TutosBlogs ] Cajas de comentario para comentar con Blogger o Facebook

By: Ghaaby Captor | Fecha: 8/15/2015 |


Hola mis loqueros!!  .....¿como les van?  ......yo bien!  .... en esta ocasión con otro tutorial que ya me lo han pedido es como colocar las cajas de comentarios en nuestro blog para comentar con Blogger o con Facebook!   bien espero que les resulte a mi si me funciono  lo pueden ver aqui en mi blog!





1) Deben estar en la plantilla de su blog. Arriba de </head> copia y pega
<meta content='id perfil facebook' property='fb:admins'/>

<meta content=' id aplicación facebook' property='fb:app_id'/>

<script src='https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/jquery-comentarios.js'/>

<script src='https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/amorcomentarios2.js'/>

<script src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>


2) Ahora buscar <b:include data='post' name='post'/> y debajo de este pegas:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

  <div align='center' style='padding-top: 5px;font-size: 16px; color: #666666;'><b><h40>Para Comentar Elige el Sistema de Comentario de tu Agrado:</h40></b></div>

<br/> <div class='coment'><style>

.coment {

    background: url(&quot;http://d2wss9bif9q3el.cloudfront.net/362/699/images/grid3.png&quot;) repeat scroll 0 0 rgba(0, 0, 0, 0);

    padding: 5px 5px 5px 210px;

    width: 100%;

-moz-border-radius: 30px 30px 30px 30px;

-webkit-border-radius: 30px 30px 30px 30px;

border-radius: 30px 30px 30px 30px;

border: 1px solid #F7BE81;

}

</style>

<div class='js-default-tab comments-tab' id='blogger-comments' title='Comenta con Blogger'>

Blogger

</div>

<div class='comments-tab' id='fb-comments' title='Comenta con Facebook'>

Facebook

</div></div>

</b:if>

<div class='clear'/>

</div>

<div class='comments-page' id='fb-comments-page'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<fb:comments expr:href='data:post.url' num_posts='10' width='670'/>

</b:if>

</div>

<div class='comments comments-page' id='blogger-comments-page'>

3) Guardas y listo!! n____n



avatar
Yami chan
Admin
15 de septiembre de 2014, 13:39

Muy buen tutorial,ahora lo voy a hacer en algun blog,:3,besos *3*

avatar
Rukii Saito
Admin
15 de septiembre de 2014, 14:06

bushii no pude ponerle en mi blog :C ñeee! uwu bueno sera! besitoss!

avatar
15 de septiembre de 2014, 14:58

es un muy buen tutorial pero me creerás que yo aun no doy con las plantillas blogger aun sigo editando las plantillas clásicas XD

avatar
15 de septiembre de 2014, 15:52

Wow!! yo un día quiero poner la opción de facebbok, a ver qué tal, pero no me atrevo por el momento XD gracias por el tutorial!! lo tendré en cuenta ^^
Saludoss!

avatar
15 de septiembre de 2014, 16:28

Hola nena, tienes un premio en mi blog ve a buscarlo

avatar
15 de septiembre de 2014, 16:30

Uy muchas gracias te mando un abrazo

avatar
Bam
Admin
15 de septiembre de 2014, 20:35

Yo siempre he querido porner esto para responder dudas y ni sabía como.
Gracias por ponerlo!
Besos!

avatar
15 de septiembre de 2014, 20:36

ahahhaha Me encanto y si lo pude hacer

avatar
Arual Travis
Admin
16 de septiembre de 2014, 4:01

Hola! gracias por el tutorial! creo que viene genial! un beso

avatar
Yurika
Admin
16 de septiembre de 2014, 6:27

buen tutorial gracias ^^

avatar
YoSueño
Admin
17 de septiembre de 2014, 3:49

Gracias por tu informacion haces un buen trabajo.Un BESOTE

avatar
19 de septiembre de 2014, 22:34

que chevre buscando alfin encontre la caja de comentarios que esten en las entradas gracias

avatar
20 de septiembre de 2014, 8:49

reito lo dicho.. me salio en un blog pero en otro blog que tengo una plantilla con slider y varias cosas me sale error :(

avatar
20 de septiembre de 2014, 8:54

Me sale este error: Error al analizar XML, línea 876, columna 3: The element type "b:loop" must be terminated by the matching end-tag "". ayudame por favor Gmail: daniel.paniaguah@gmail.com o facebook: Daniel Paniagua

avatar
21 de septiembre de 2014, 9:09

Has intentado ver que tu plantilla tenga 2 veces el código 

<b:include data='post' name='post'/>

avatar
22 de septiembre de 2014, 10:22

aun me sale el error con el codigo q me pasastes en gmail y no tengo dos codigos como me dejastes en la respuesta :(
ahi te envio una imagen: http://subefotos.com/ver/?f6f12d16ea3785c407fd22d61573c9f7o.jpg
espero que me ayudes gracias.. y bonito tu blog

avatar
6 de octubre de 2014, 14:49

Preciosa, te agradezco enormemente por tu aporte... definitivamente de lujo. Lo probé en mi blog y funciono de perlas... muchas gracias. Seguiré visitándote para ver que aprendo de ti. un abrazo

avatar
CerritoRock
Admin
14 de diciembre de 2014, 21:26

me solucionaste la life... gracias

avatar
29 de enero de 2015, 19:16 Este comentario ha sido eliminado por el autor.
avatar
9 de febrero de 2015, 16:48

Genial! :D Me encanta y me sirvió muy bien :3
¿Pero cómo le hago para cambiar la imagen de los botones .-.?

avatar
9 de febrero de 2015, 20:36

Ahora no me funciona :C
Las dos cajas aparecen y no se pueden ocultar. ¿Me prodrias ayudar?

avatar
Alan D
Admin
31 de marzo de 2015, 7:53

Muy buen post, facil de entender y aplicar a nuestro blog.

Me gustaria saber si tambien se le puede agregar los comentarios de Google plus.

Saludos!

avatar
31 de marzo de 2015, 7:56

Y si quiero que por defecto apares seleccionado los comentarios de facebook osea que al cargar la entrada que se vean los comentarios de facebook y a la vez tenga la opcion para comentar con blogger

avatar
Anónimo
Admin
4 de abril de 2015, 0:32

good

avatar
1 de mayo de 2015, 20:33

Me fue muy util tu informacion C: Gracias

avatar
Anónimo
Admin
24 de junio de 2015, 12:13

jajajaj

avatar
18 de julio de 2015, 9:05

Holaa
Los 2 primeros scripts aparecen como error 404.. arreglalo porfa.. :/

avatar
Anónimo
Admin
11 de agosto de 2015, 11:22

Hola y saludos gracias por el codigo :)

casoony.com

avatar
Bam
Admin
15 de agosto de 2015, 21:09

Wooow esto si que ayuda n.n
Muchas gracias!
Besos!

avatar
Shine
Admin
16 de agosto de 2015, 11:16

Gracias por la info!!
besitos

avatar
Amary Miau
Admin
16 de agosto de 2015, 17:52

Lo he visto en muchos lugares esto de tener así los comentaros, pero nunca encontre el tutorial. Gracias por el!

-Larita-
http://todocreadoparati.blogspot.com.ar/

avatar
17 de agosto de 2015, 7:00

Waaa! genial el tutorial, se agradece ^^
Saludoss!

avatar
17 de agosto de 2015, 12:43

¡Hola!
Muchas gracias por el tutorial ^^
Parece muy funcional ^^
¡Un beso!

avatar
Mary Russo
Admin
12 de octubre de 2015, 10:32

¿Disculpa, pero como haces para que te lleguen la notificación al face?

avatar
17 de octubre de 2015, 7:52

hola niña linda soy adviser de www.advisertutoriales.com felicitaciones pero cuando le doy comentar con facebook no aparece nada ya no sirve o por que sera

avatar
17 de octubre de 2015, 15:41

Hola! pues a mi me sigue funcionando

colocaste bien en id perfil facebook e id pagina facebook(?) debes meter tu número identificativo de Perfíl y Página.