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.