Add A Free Forum To Your Blogger/BlogSpot Blog

I strongly recommend all the readers to bookmark this post. A forum is a must for every blog with increasing readership.

Add A Free Forum To Your Blogger/BlogSpot Blog
A Bloggers Community © Baratunde

Forums are entirely different from blogs. Forums let your readers interact with each other, create new topics/discussions and some of them even moderate the forums along with you.
1. Forum from Wikipedia.
2. The popular Digital Point Forums

A few weeks back, even I started a forum – BloggerStop-Community

Add A Free Forum To Your Blogger/BlogSpot Blog

[Please join and participate in the NEW BloggerStop Forums]

In Blogger/BlogSpot blogs, you are not allowed to create a sub-domain or even a new directory (an online folder). So hosting a forum seems almost impossible, but not anymore. Before you read any further, see these 2 examples:

1. A Blogger Blog completely changed in to a Forum.
2. A simple (static) page on a normal Blogger blog, converted to a Forum.

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:

https://bloggerstop.net/p/bloggerstop-community.html

STEP #2:
Create a new forum at Nabble: Free Forums at Nabble [You will do this within 5 minutes]
And copy the HTML code… [Options -> Embedding Options]

Add A Free Forum To Your Blogger/BlogSpot Blog

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;https://bloggerstop.net/p/bloggerstop-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;https://bloggerstop.net/p/bloggerstop-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, as shown in the first example (Forum In A Blogger Blog), 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”>BloggerStop Demo Forums</a>
<script src=”http://n3.nabble.com/embed/f6****”></script>
</body>

And save the template.

DEMOS:

1. Show off your work in the comments section, to get your forum featured here…

Showoff your work in the comments below, the best two forums will be displayed here to other blogger.

Leave a Reply

291 Comments on "Add A Free Forum To Your Blogger/BlogSpot Blog"

Notify of
avatar
Sort by:   newest | oldest | most voted
Beben
Guest

body

….

body

:D, your too hurry on posted my friends…

View Comment
Soufiane LeBlogger
Guest

The Idea is interesting but the Forum (page) looks really ugly (too dark) !!!
Why you don't "hide" the sidebar, footer, title, and navigation links ?????

View Comment
Divya Sai
Guest

Yeah actually this post was to be published after a few hours, anyways thanks Beben and Soufiane, for mentioning these points. I have updated the post and hid those extra elements too, but acually except black no other color is blending properly with my template…
@Soufiane,
I think leaving navigation links and header is fine within a forum, it shows a relation between the forum and blog, moreover we give our readers a chance to explore our other pages/blog too.

View Comment
Norel Gad
Guest

I think that's a good idea to add forum to my blog. Thank you for this idea.

View Comment
Anup @ Hack Tutors
Guest

Hey this is excellent, go idea to create forum. And now many of your reader can share their view in their forum 😉

View Comment
Ms Hetal Patil
Guest

Hello,

This is the best post on this blog. But i have one query. I am using automatic read more hack for my blog posts and whenever i publish a static page, it comes in read more mode and when i try to expand it, it does not expand. Kindly help.

View Comment
Sai @ Blogger Help
Guest

Hey Hetal Di!

First of all my suggestion to you is to use the !– more — instead of automatic read more (BEST Method To Truncate Posts In Blogger/BlogSpot Blogs).

But for any reason, if you still want to use the read more hack, then use the updated code from STEP #2 of this post:
Automatic Read More Hack For Blogger

Kind Regards
Sai

View Comment
Reza Winandar
Guest

Wow, I think this is a great innovation in blogging world, but I will think it twice before apply it on my blog.

View Comment
Divya Sai
Guest

Hey Reza…why think twice? you can add it in any of your static pages, and let your readers join and interact with each other…

View Comment
Rafay Baloch
Guest

Hi diviya,you know any other services which offer free forums for blogger

http://hacker-forums.blogspot.com

View Comment
Tuấn P.H.A
Guest
VJ
Guest

nice article, i got a forum myslef but people are participating enough to make it more interactive. thanks, anyway.

View Comment
Benefits of Video Marketing
Guest

Oh.. after a long we can add forum at blogger also.
Great blogger post… I love the info!
Thanks sai 🙂

View Comment
Anonymous
Guest

Love this post! Great information here. I was not awear that you could have a forum on your blogger site. Thanks for Sharing.

Cyndi
http://www.use.com

View Comment
Anup@ Hack Tutors
Guest

Is it possible to put share counter in this blog?

View Comment
Anup@ Hack Tutors
Guest

Ops sorry I mean is it possible to put share counter in this widget?

View Comment
Divya Sai
Guest

Anup, do you mean a sharing/bookmarking widget, like "add this" or a counting widget…to count/track the visitors?
Anyways, you can place any/both of these, as the forum is being placed just as a frame based on JavaScript, so of course you can use any widget/script along with that in the same widget/blog.

View Comment
Divya Sai
Guest

@Rafay Baloch

Yeah there's another service called SparkBB, but it's still in Beta phase and I haven't tried it yet.

View Comment
Ms Hetal Patil
Guest

Sai Ram brother Divya,

I am using the second method, as it would not be easy for me to manually truncate 300+ posts on my blog now. But my question is why the same hack is automatically is applied to static pages, and even on expanding static pages, it is not expanded.

Please show me the best way but of course easiest way…

View Comment
Sai @ Blogger Widgets
Guest

Well my suggestion to you is to start using the — more — method for your latest posts, which are presently being displayed in homepage. And gradually add the same tag to your older posts too (say 10 posts a day) and within a month, all your work will be done and you can delete the code from your blog.
Anyways, to solve the static pages vs. automatic read more hack problem use the NEW CODE from STEP #2, of this tutorial:
Automatic Read More Hack For Blogger

View Comment
wpDiscuz