How To Add a Forum To Your Blogspot Blog?

To better interact and connect with the readers on your blog, it’s  always good to have a forum running on your blog. It provides a path for the readers to interact between themselves, thereby, we actually build a community of bloggers. Sounds good. Isn’t it? But, how do I do this, that too on Blogger? Well, it’s pretty simple! In this article, I’ll guide you to embed a free forum on your blogger/blogspot blog. You may check out the screen shot below to preview the final output of the forum before we get started.

forum-embed-in-demo-blogThe above screen shot shows the basic version of the forum while you can customize the same using their “Settings” option available on the admin panel. So, without wasting your time, let me dive into the tutorial straight away.

1. Create a new stand alone page on your blog. To do so, navigate to “Edit Posts >> Edit Pages” and hit the tab that says “New Page”. Now, type a title for your page, say “Forum” and publish the page. You may leave the content part empty. Now, look out for the address bar. Just save the URL to a temporary text document, say Doc 1, which should probably look similar to the URL shown below.

http://YOURDOMAINNAME.blogspot.com/p/forum.html

2.Next, you need to navigate to the following link – Nabble. Sign up and follow the simple procedures to generate your forum. Now, choose the options menu at the top and hit the “Embedding Options” to get the script. Save this script to a temporary text document as well.

3. Next, navigate to “Design >> Edit HTML” from your blogger dashboard and search for the following code.

<div id='content-wrapper'>

Add the following codes just above the line you searched for.

<b:if cond='data:blog.url == "FORUM URL"'>
CODE FROM NABBLE
</b:if>

Now, replace “CODE FROM NABBLE” in the above code with the script that you downloaded in step 2. The one which you temporarily saved to a text document in step 2.

Next, add the following piece of code just above </head> in your template.

<b:if cond='data:blog.url == "FORUM URL"'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
</style>
</b:if>

4. If you did not find the code mentioned in step 3, then look out for the following code and follow the remaining procedures as mentioned below. Else, skip to step 5.

<div class='columns fauxcolumns'>

Add the following codes just above the line you searched for.

<b:if cond='data:blog.url == "FORUM URL"'>
CODE FROM NABBLE
</b:if>

Now, replace “CODE FROM NABBLE” in the above code with the script that you downloaded in step 2. The one which you temporarily to a text document in step 2.

Next, add the following piece of code just above </head> in your template.

<b:if cond='data:blog.url == "FORUM URL"'>
<style type='text/css'>
.columns, .fauxcolumns {
display:none !important;
}
</style>
</b:if>

Note: If you don’t find any of those codes mentioned above, neither the one at step 3 nor the one at step 4, then, leave a comment below and I’ll let you know where you need to add the codes by looking at your blog’s page source.

5. Don’t forget to replace “FORUM URL” in the above codes with your forum URL  – the one you saved to Doc 1 (refer step 1), before you save your template. Well, that’s it! Your done and your forum should be live.

Read: List of Dofollow forums

I’m not sure if we can embed a similar forum on your WordPress blog, but I guess you can do the same with nabble because it’s just embedding a script which should probably work independently on any platform – I leave it to the WP geeks out there:) I would like to know your opinions about the article via comments.

Subscribe on Youtube

Article By
I'm Mukund, the founder of Everything About Blogging. I'm a freelance writer on topics related to Website Optimization (SEO), blogger customizations and making money online. I'm blogging since 2008 and I'm currently a guest blogger on Shoutmeloud & Blogging With Success.

RECEIVE EXCLUSIVE BLOGGING TIPS

COMMENTs ( 22 )

  1. AnKu says

    Hi Mukund,

    Can you please help me with one of new test blog on blogspot’s domain? I am in search of a unique template that may look professional, however hold a better loading time.

    Can you or anyone please share blogger template sharing websites except the ones that are always found in Google search’s top 10 but have nothing impressive and fast in the end?

    Regards,
    Ank Arya

  2. Julia says

    On my blog, I opened up the edit option on page I was adding the forum to “Forum” and in the upper left hand corner, there is a tab that says html. Simply paste the forum html code from nabble into there, save, and the forum will be on your blog :)

  3. Sue says

    I have followed instructions carefully (twice) can’t get it to work :-(
    Is there any chance you can advise please?

  4. bhargav krish says

    i have tried doing all the process mentioned above but was unable to get the result. Plz help me out.

  5. paul says

    Thanks for the step by step forum embedding help. I want to display the forum with other widget just like the post diaplay, is it possible, can you help me with the code. you can look http://www.khalvontawi.com and suggest me and improvement. Thanks and keep up the good work.

  6. fuzz says

    It appears that the forum is embedded and working ok on the page I added to my blogspot account… however, the appearance is not ideal due to the site template I have chosen. I looked into increasing widths but blogger indicates that option is not available for the template type I have applied. Is the only option to have my viewer leave my blogspot site by linking out to the Nabble site for a full page experience? Other options?

  7. Lawrence Eagles says

    hello thanks for your tutorial it was educating, but i could not find any of the codes mention in 3 and 4 so where do i embed it? Thanks in advance…

  8. Ms Mary H says

    Thanks for posting this I added but, I am using the new template system at Google. So after step 2, I pasted the code for embedding (using the html view) on my page, saved, previewed and the forum was active.

    Thanks, I have another site in mind for adding the same forum idea.

    msmary_h

  9. Michael says

    Thanks Mukund you are the bomb!……………….i did as you said {More or less} and it WORKED!

    Thanks Sir i really appreciate the help.

  10. Tsujan says

    well i do like your article but i could not find the code in the edit HTML box you said to searched…isn’t there any method to search the code you mentioned in the box…cause i may have missed the code

  11. Aashish says

    Hi Mukund,

    You are doing a great job buddy… I was planning to have a forum in my blogs … I followed the steps which you had mentioned above… But I am facing the following problem:

    Error parsing XML, line 861, column 201: The entity name must immediately follow the ‘&’ in the entity reference.

  12. Danish Farid says

    I wanted to follow your steps for installing forum in my blog. But I couldn’t find the code : “” in the HTML of my blog template. Kindly help me in this regard.

  13. Mukund says

    @shan ali: No! The above method will not increase the load time because the script is specifically meant to load only for the Forum page. So, you can add this on your blog.

    @fazal mayar: There are lot more interesting stuffs possible on blogger.

    @Siju George: Yup! Let me know if you find any problems on installing the same.

    @Fifa: I’m glad to know that you found something that you actually wanted to on SML. Thanks a lot for the detailed comment buddy:)

    @gowtham: I’m glad that you found it is possible to get a forum on blogger. Thanks for the comment buddy:)

    @Tara: I would be happy to help you. Just send me your email along with the template (.xml file) via email and I’ll get the job done for you.

  14. [email protected] says

    Hi mukund ,
    I have never thought of adding a forum to blogspot blogs..I thought we could only install a forum in selfhosted blogs..
    thanks for sharing this unique article :-)

  15. Fifa says

    Hi

    Thank you very much for this wonderful blog. I am writing from Dubai and this is my first visit to this site… and i saw your wonderful article as I was willing to create something attractive for my website which could build my website traffic. I am really impressed by your work…. and by following your steps in your blog I have made a Forum in my website and it’s all because of you Mukund.

    Do check my website http://www.royaledgehub.com and check for Forums

    Thanks a lot
    Fifa

  16. Siju George says

    Good article. I never imagined the scope of a forum associated with blogger blog(blogger hosted). Let me check your steps.

  17. shan ali says

    Hi Mukund,
    IS THERE ANYTHING COMMON BTW US???

    I was searching for the method to add a forum to my blog satisfyingreviews
    and also a webcam chat service to my blog and within few hrs i got help from you…… Well adding a forum to a blog is a gr8 idea but my Question is
    Does it increases the loading time of my blog??

ADD COMMENT