How to create a forum for blogger

Like & Share

Tweet

Forum pages use in a websites to increase the interaction among the users or readers with the admin. Usually someone can make a question in the forum that can be answered or resolved by others. Generally the forum is only used on a website, but what if we want to create a forum on blogger with blogspot domain?

Yes we can make the forum page on blogspot, and for example, you can open forum page in my blog. Here we will use the services of an online forum form, to be put into our blog page. Let's just say we are going to use Nabble as a forum and put it into the pages of our blog.

Well here are the steps and a little explanation to create a forum in blogspot:

1. Create a new blank page and named it Forum. And don't forget to set "Don't Allow" Reader comments in page settings options.

2. Click view and copy the page url and paste to notepad. Sometimes the address of the page that we created is not the same as the title, it's caused by two reason:

• 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 part with the embed code that you get from nabble, replace the blue part with your forum page url, "make sure you are replace it with the right 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 have a forums page, you can make the adjustment to the look of your forum page provided by Nabble.

About Author:

Rahman Kurnia is a blogger, SEO fighter, who loves PHP, CSS, HTML and interested in js, ajax, c++ and much more. He love writing something informatif to help others, and to keep his knowledge on the internet.

Follow him @ Twitter | Facebook | Google +