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

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

31 thoughts on “Añadir un foro en Blogger con los grupos de Google

  • noviembre 6, 2012 en 9:17 pm
    Permalink

    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!

    Responder
    • noviembre 7, 2012 en 1:44 am
      Permalink

      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?

      Responder
    • noviembre 7, 2012 en 2:21 am
      Permalink

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

      Pero es muy bueno sin duda 😀

      Saludos Dryken.

      Responder
    • noviembre 7, 2012 en 9:15 pm
      Permalink

      Gracias Juviano se mira excelente el foro

      Responder
  • noviembre 8, 2012 en 5:48 pm
    Permalink

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

    Responder
    • noviembre 9, 2012 en 11:31 pm
      Permalink

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

      Responder
  • noviembre 30, 2012 en 5:05 pm
    Permalink

    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?

    Responder
  • enero 22, 2014 en 10:28 pm
    Permalink

    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

    Responder
  • enero 27, 2014 en 4:13 pm
    Permalink

    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!!

    Responder
  • enero 27, 2014 en 6:57 pm
    Permalink

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

    saludos!!

    Responder
  • abril 24, 2014 en 10:37 am
    Permalink

    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

    Responder
  • mayo 16, 2014 en 10:03 pm
    Permalink

    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

    Responder
  • mayo 26, 2014 en 12:21 am
    Permalink

    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

    Responder
  • septiembre 10, 2014 en 3:31 pm
    Permalink

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

    Responder
  • diciembre 2, 2014 en 1:14 am
    Permalink

    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?

    Responder
  • diciembre 11, 2014 en 11:20 am
    Permalink

    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.

    Responder
    • diciembre 13, 2014 en 10:43 pm
      Permalink

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

      Saludos

      Responder

Deja un comentario

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