Tutorial: Cómo agregar un grupo de Google como foro en tu blog de Blogger

  • Autor Autor Espangler
  • Fecha de inicio Fecha de inicio
Espangler

Espangler

Gamma
Redactor
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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.

Google-Groups.webp

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

Te aparecera lo siguiente:
GRUPOS+GOOGLE.webp


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.
 
utiliza el code para los códigos

Insertar CODE, HTML o PHP:
 [/-CODE][/I]
 
Unas imágenes no estaría nada mal, pero es útil.
Gracias :encouragement:
 
Buen tutorial, me servirá 🙂
 
Creo que ami también me va a servir, Gracias por el aporte!! 🙂
 
no estan mala la idea de un foro en el blog
 
Genial aporte gracias :encouragement:
 
Gracias justo lo que buscaba
 
sería bueno amigo gracias!
 
Hola gente una consulta cuantos post se le pueden poner a un blog, porque lei por hay que se puede poner 50 post a un blog. Y esto lo hace por dia, esto se puede,
 
no hay una preview? se ve interesante
 
Interesante, me uno también a la solicitud de algunas imágenes preview. :encouragement:
 
gracias amigo 😉
 
Gracias por el aporte 😱nthego:
 
Gracias es algo que tenia la duda como hacer
 
Buen tutorial!
 
Muy bueno, gracias!!
 
gracias por tu aporte me ayudara en algo gracias
 
Justo lo que necesitaba para darle una mejor apariencia a mi blogger, como un poco mas profesional! :encouragement:
 
Atrás
Arriba