Crete a Blogger Forum page

Forum page is now time very popular in web world. I have visited many popular websites they have added a forum page added in this page they have getting high traffic due to solving Blogger problems. Many are selling forum pages but i have not interested to giving my reader at costing forum pages and that's why i am interested to giving an free of cost amazing forum page from Google supporting. In the forum page all person can participate by joining the forum Group.

Add Forum Page in Blogger Blog

First visit Nabble and create your forum page.

Then click this page "Start a free Forum".

Then fill the username, your email, password, language, forum name, Description and create your forum.

Then go to email inbox and check your nabble forum email and activate your forum.

Then Get the Embed Code of Nabble Forum.[See the Image Below].

Then copy the JavaScript code an paste in your computer notepad.

1.Go to Blogger > Design > Edit HTML

2.Search the below code using Ctrl + F

<div class='columns fauxcolumns'>

 

3.Now paste the below code before it. Then edit the red code with your embed code from nobble and then change blue color with your static page URL.

 

    <b:if cond='data:blog.url == &quot;http://mybloggerclub.com/p/blog-forum.html&quot;'> <a href='http://mybloggerclub.5857.n6.nabble.com/' id='nabblelink'>mybloggerclub</a> <script src='http://mybloggerclub.5857.n6.nabble.com/embed/f4459176'/>     </b:if>

4. Then search below code

</head>

Then Copy the Below Code and Paste before the Above Code.!

Now Replace the Red Highlighted Content with the Code that you have searched [<div class="columns fauxcolumns">]at step 2.

So if you searched for main-wrapper and got in your HTML then replace the Red Color highlighted with main-wrapper in below Code, or else you got columns in your Template then just copy down the code and no need to replace.!

<b:if cond='data:blog.url == &quot;http://www.mybloggerclub.com/p/blog-forum.html&quot;'> <style type='text/css'> #columns { display:none !important; } .columns, .fauxcolumns { display:none !important; } </style> </b:if>

5.done!!