Mil Trucos Blogger

Añadir un foro en Blogger con los grupos de Google

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Los grupos de Google son una especie de foros muy atractivos y funcionales, y al ser de Google son muy confiables, y hoy les enseñare como agregar un grupo de Google a sus blogs de Blogger.


Para añadir un foro de Google en Blogger primero debes ir a https://groups.google.com/groups/create

Te aparecera lo siguiente:

Debes rellenar el anterior formulario siguiendo las instrucciones que dice la imagen.

Luego de esto haz click en Crear mi Grupo, despues de esto tendras la opción de invitar miembros a tu grupo via email.

Para añadir el grupo al blog debes pegar en la Edición HTML de una entrada o página lo siguiente:

<span style="font-size: 15px; margin-left: 1em; margin-right: 1em;"><iframe id="forum_embed" 
 src="javascript:void(0)" 
 scrolling="no" 
 frameborder="0" 
 width="900" 
 height="700"> 
</iframe> 

<script type="text/javascript"> 
 document.getElementById("forum_embed").src = 
  "https://groups.google.com/forum/embed/?place=forum/Nombre-Foro"   
  "&amp;showsearch=true&amp;showpopout=true&amp;parenturl="   
  encodeURIComponent(window.location.href); 
</script></span>

Donde dice Nombre Foro debes reemplazarlo por el nombre que le hayas puesto a tu foro.

Para ocultar el sidebar y hacer que la entrada ocupe todo el ancho pega tambien en la Edición HTML de una entrada o página lo siguiente:

<b:if cond='data:blog.pageType == "static_page"'> 
    <style type="text/css">
      #sidebar-wrapper {display:none;}
   </style>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'> 
    <style type="text/css">
      #sidebar-wrapper {display:none;}
      #main-wrapper {width:940px;}
      #main {width:100%;}
      .post {width:90%;}
   </style>
</b:if>

En este tutorial he hecho uso del elemento HTML iframe para incrustar el foro en el blog y he hecho uso tambien de atributos CSS para ocultar el sidebar.

Espero que sea de gran utilidad este tutorial para ustedes.

 

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

31 Comentarios

  1. noviembre 6, 2012    

    Este foro ya lo tengo creado es muy simple y esteticamente me encanta, y sobre todo lo mejor es que es de Google por lo que está enlazado automáticamente con tu pérfil de su red social. Qué decir? Pues muy sencillo de implemnetar, recomendado 100%!!

    Que maravilla Juvinao, mira que he probado foros y este es el único que por ahora no me está defraudando. Gracias compa!

    Cuiate socio, un saludo!

    • Anonymous Anonymous
      noviembre 7, 2012    

      Disculpa Dryken me podrías pasar la URL de tu blog me interesa poner un foro en mi blog pero antes quisiera ver un ejemplo de como quedaría ¿podrías?

    • noviembre 7, 2012    

      Dryken es muy bueno este foro aunque yo personalmente uso Nabble.

      Pero es muy bueno sin duda 😀

      Saludos Dryken.

    • noviembre 7, 2012    

      Amigo Anónimo esta es la URL del foro de Dryken.

      http://www.muytranquilo.es/p/foro.html

    • Anonymous Anonymous
      noviembre 7, 2012    

      Gracias Juviano se mira excelente el foro

  2. noviembre 8, 2012    

    Hola Amigo Me Gusto Mucho El Foro, una pregunta como se hace para que se conecten con face o twitter? ¡Gracias!

    • Anonymous Anonymous
      noviembre 9, 2012    

      Pides mucho para un servicio gratuito aparte de que no creo que sea posible.

  3. noviembre 30, 2012    

    Hola amigo, cree un foro pero mi sitio tiene fondo negro. mira como queda mi foro: http://www.estartriste.com/p/foro.html cuando las personas van a compartir algo les sale el fondo negro y la fuente negra lo cual no deja leer bien

    Como hago para colocar el fondo blanco? o cambiar el color de la fuente?

    • diciembre 3, 2012    

      Juan David puedes cambiar el fondo de la plantilla desde el diseñador de Blogger.

  4. julio 24, 2013    

    ESTUVO MUY BUENO ME SIRVIO PARA IMPLEMENTARLO EN MI BLOG http://tecnimoviles.blogspot.com/p/foro.html AQUI LES DEJE EL LINK PARA QUE ME DIGAN QUE LES PARECE , MI OPINION PERSONAL TIENE MUY BUENA APARIENCIA

  5. enero 22, 2014    

    creo que hay algo mal en el código que proporcionas para poder insertarlo pero es muy buen sistema el que nos has traido XD y bueno como recomendación, en donde se configura el foro también te da el código para insertarlo para evitar problemas

    • enero 23, 2014    

      Cristian también se puedo obtener el código de la forma en que tu dices.

      Saludos

  6. enero 24, 2014    

    Hola. ¿Como puedo quitar la barra de buscador que viene en el foro? Gracias

    • enero 24, 2014    

      David creo que no se puede ocultar, pero voy a revisar (p)

      Saludos

  7. enero 27, 2014    

    Hola y necesito ayuda para ocultar sidebar de en una página, que tengo que hacer, ya que coloque el código que ustedes me indican y no se oculta.

    Gracias!!

  8. enero 27, 2014    

    Hola, me pueden ayudar por favor como puedo hacer para que se oculte el sidebar en una página.

    saludos!!

  9. febrero 22, 2014    

    Pueden pegar fotos y códigos html aquí los usuarios del foro Google?

  10. abril 24, 2014    

    hola! me da error al publicar en blogger con la dirección HTML que tu proporcionas. como puedo hacerlo????? o donde puedo encontrar el código exacto? gracias

  11. mayo 16, 2014    

    Genial!!!….muy buen recurso que aun desconocia…lo inserté en mi blog, quedo muy bien..UNA PREGUNTA ¿alguien sabe como desactivar el captcha para cada vez que se publica algo?..es un rollo eso cada vez que se hace un simple comentario tener que ponerlo…..dejo el link por si quieren ver ejemplos de como pueden quedar…saludos!!! http://evofile.blogspot.com.es/p/foro.html

  12. Anonymous Anonymous
    mayo 26, 2014    

    Christian Londo-si te dejo el link para que te sirva de ayudahttp://j.gs/3rcP
    Gloria Sánchez-te renviare a otro blog para solucionar tu problema con la direccion html http://adf.ly/mCLd2
    Cristian Jimenez-el panel del codigo lo encontraras aki Cristian Jimenez

  13. septiembre 7, 2014    

    Excelente aporte amigo

  14. Anonymous Anonymous
    septiembre 10, 2014    

    hola, como puedo hacer para que cualquier usuario pueda responder en el foro sin necesidad de logearse?
    gracias

  15. octubre 21, 2014    

    Hola, yo me quedo con la opción de crear un foro en http://www.foroactivo.com Pero gracias por la info. Saludos

  16. noviembre 1, 2014    

    Gracias por el blog, este foro pueden usarlo sin cuenta en google?

  17. diciembre 2, 2014    

    Buenas, estoy intentando realizar el proceso, pero el codigo no muestra ningun resultado en el blog, indicais que se puede obtener el codigo en el apartado de configuracion, por mas que lo busco no lo encuetro. ¿donde se encuentra exactamente?

  18. diciembre 11, 2014    

    Tengo funcionando ya el foro de google en mi blog, pero no con el codigo que se ofrece arriba, no se porque no me funcionaba, pude usar el que ofrece google que en mi opinion, no aparece cuando creas el grupo.

    • diciembre 13, 2014    

      Amigo pues la verdad este código lo saqué de un foro ingles y a ellos sí que les funcionaba.

      Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo