Forum pages are used on websites to encourage user or reader interaction with the administrator. In most cases, someone can post a query in the forum that others can answer or resolve. In most cases, a forum is only utilized on a website; however, what if we wish to construct a forum on Blogger using the blogspot domain?
Yes, we can create a forum page on blogspot, and you can see an example of one in my blog. Here, we'll employ the services of an online forum form, which will be embedded in our blog page. Let's pretend we're going to use Nabble as a forum and embed it into our blog's pages.
Here are the steps and a brief explanation for setting up a forum in Blogger:
1. Make a new blank page with the name Forum. Don't forget to turn off "Allow Reader Comments" in the page settings.
2. Click view, then copy and paste the website url into notepad. There are two reasons why the address of the page we built does not always match the title:
- There is a page with the same name you've ever made before.
- There is an error during the save process, which resulting in duplicate content, and this often happens on blogger during save and publish of a new post or page.
3. Go to this page, then fill a form in there to register and get a script which will be embedded into your blog.
4. Next, from your blogger dashboard navigate to Template >> Edit HTML.
5. In Edit HTML editor, find this line
<div class='columns fauxcolumns'>and then add the following code just right before the line above
<b:if cond='data:blog.url == "FORUM URL"'> CODE FROM NABBLE </b:if>
I am using standard template, custom template maybe different, just comment bellow if you have any issue by finding your right line to placing your forum code.
6. . Replace the red portion with the embed code you got from nabble, and the blue part with the url of your forum page, "making sure it's the appropriate url"
7. Next, add the following code just before closing the head tag, or right before </head>
<b:if cond='data:blog.url == "FORUM URL"'> <style type='text/css'> .columns, .fauxcolumns { display:none !important; } </style> </b:if>8. Save your template.
Once you've created a forum page, you may use Nabble's tools to customize the design of your forum page.