Saturday, June 15, 2013

How To Add A Free Forum To Your Blogger/BlogSpot Blog

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.


Keywords: How To Add a Forum To Your Blogspot Blog?,Blog, Blogger, Blogger Tutorial, Blogger Embedding, Forum,Free Forum Theme For Blogger,Add A Free Forum To Your Blogger/BlogSpot Blog,Free Blogger Templates,Free Forum Templates For Blogger.