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

Instructions to Add a Forum To Your Blog:

STEP #1:
Create and publish a new static page on your blog, exclusively for a forum. As an example, check out my forums-static-page here:

http://linktohow.blogspot.com/p/linktohow-community.html

STEP #2:
Create a new forum at Nabble: Free Forums at Nabble [You will do this within 5 minutes]
Copy the HTML code...


STEP #3:
Go to Blogger Dashboard -> Design -> Edit HTML and mark the tick-box "Expand Widget Tempaltes".

STEP #4:
Find (CTRL+F) this code, in your template:
<div id='content-wrapper'>

If you are not able to find the above mentioned code, then find (CTRL+F) this one (for new templates made for Blogger Template Designer)
<div class='columns fauxcolumns'>

And immediately ABOVE/BEFORE it, paste the code you got from Nabble, with this ADDITIONAL code (Highlighted in BLUE and RED):

<b:if cond='data:blog.url == &quot;http://linktohow.blogspot.com/p/linktohow-community.html&quot;'>
PASTE_CODE_FROM_NABBLE_HERE
</b:if>
NOTE (Important): Replace the code in RED, with the link to your forum-page.

STEP #5:
Save your temaplate.

STEP #6:
This step will HIDE everything from your blog (post content, sidebar widgets etc.) and ONLY forum will be visible in your forum-page.
Find this code in your template:
</head>
And immediately ABOVE/BEFORE it, paste this code:
<b:if cond='data:blog.url == &quot;http://linktohow.blogspot.com/p/linktohow-community.html&quot;'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
.columns, .fauxcolumns {
display:none !important;
}
</style>
</b:if>
NOTE (Important): Replace the code in RED, with the link to your forum-page.

That's it, a new forum on your blog is ready.
Now, Invite your readers and friends to join you at your forums.



NOTE: If you want to replace an entire blog with a forum, then, first create a new blog. Download the template as a backup. Now, replace everything between the BODY tags in the template:

...
<body>
..
..
..

</body>
...

with the code copied from Nabble. So your template, code will look something like this:

...
<body>
<a id="nabblelink" href="http://n3.nabble.com/BloggerStop-Demo-Forums-f6****.html">LinktoHow Demo Forums</a>
<script src="http://n3.nabble.com/embed/f6****"></script>

</body>
...

And save the template.
1 Comments
Disqus
Fb Comments
Comments :

1 comment:

  1. NOTE (Important): Replace the code in RED, with the link to your forum-page.

    That's it, a new forum on your blog is ready.
    Now, Invite your readers and friends to join you at your forums.
    how to make a forum

    ReplyDelete