 |
| A Bloggers Community © Baratunde |
1. Forum from Wikipedia.
2. The popular Digital Point Forums
A few weeks back, even I started a forum - BloggerStop-Community
[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:
http://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]
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 == "http://bloggerstop.net/p/bloggerstop-community.html"'>NOTE (Important): Replace the code in RED, with the link to your forum-page.
PASTE_CODE_FROM_NABBLE_HERE
</b:if>
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 == "http://bloggerstop.net/p/bloggerstop-community.html"'>NOTE (Important): Replace the code in RED, with the link to your forum-page.
<style type='text/css'>
#content-wrapper {
display:none !important;
}
.columns, .fauxcolumns {
display:none !important;
}
</style>
</b:if>
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.
285 comments
Write comments «Oldest ‹Older 201 – 285 of 285 Newer› Newest»Excellent information shared by you.. Thanks.. Please visit My Blog to see how its working.. Thanks again.
ReplyThank you thank you thank you. This is amazing
Replyhi .. I am trying to make forum on my blog but as per your tutorial i am not able to find any of the below code in my template after expanding it. (#step 4)
Replydiv id='content-wrapper'
div class='columns fauxcolumns'
Please help me out. thanx for your help in advance.
Hello,
ReplyI am using a customized template original theme by Brian (Revolution Code Red). I wanted to install a nabble forum, unfortunately I checked I cant find
div id='content-wrapper'
or
div class='columns fauxcolumns'
what to do? www.destinycalling.net
Very interesting article and the quite helpful to..http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif
ReplyWow! Thanks so much for this!
Replymade our own forum here..
http://lovekimhyunjoo.blogspot.com/p/forum.html
Thanks! This is nice...:)
ReplyHey Mr Admin Thanks for You Such a nice Article, i am really appreciated from your work thank you very.
Replya little problem a got i am unable to get my forum embed code, when i click on options it shows only two more options subscribe via email and post by email,
What can i do it is not same as your pic above showing other options,
Waiting for your helpful reply, Thanks in Advance........
It's not working in my blog.
Replyhttp://live-positive.blogspot.com
Nothing is displayed even when i try it in all my blogs.
Help??
Da oggi è possibile aprire gratis e creare un blog personale su www.ciaoblog.org e lo sarà per sempre! Inoltre creare album fotogrsfici e tanto altro ancora da provare!
ReplyThank u Thnx....u r awsm..!! I love BS..!! I had done..!! my Money Blog working great..!! thatsmysites.blogspot.com
Replyyour post seems good. .
ReplyThanks Bro
Replybut can you show us video please.
Plz help me out to run my forum here http://celebrity-fashion-forum.blogspot.com
ReplyThanks a ton! :D
ReplyThanks! works perfectly!
ReplyI've tried all the steps mentioned by u in this post and even all the comments but i have not been able to add a forum to my blog with no sidebars......i am using a custom template..
Replymy blog address LINK is CLASS-XIII
please help....because i know only u can help!!!!
;;)Thank You
Replyhow to write body?
Replythank visit me www.skykhmer.com
how to writ body?
Replythank visit me ( www.skykhmer.com )
It didn't work for mine. I did EXACTLY what the post said. Any one else have this problem? Anyone know a solution?
ReplyHi. I would like to know how to index google my static page with enbbeded forum. Thanks
ReplyGood job on the post. Now I have a forum running neat on my blog. have a look http://techsterous.blogspot.com/p/forum.html
Replywoow thanks for this tip. i will remain your number fan
Replyhey hey hey loveswaggers. something new is now happening on our blog site, just navigate to our interestin new forum love forum via this link http://loveswaggs.blogspot.com/p/love-talk.html to discuse interesting matters on love and relationship. you really dont wanna miss this!!!!!!!!!!!!!!!!!! lets talk about love
HEY.. PLEASE THIS FORUM IS SHOWIN IN ALL THE PAGES OF MY BLOG AND IT LOOKS SO WIRED PLS TELL HE HOW TO STOP IT FROM SHOWING THERE. THANKS HOPR TO HEAR FROM YOU SOON. PLS www.loveswaggs/blogspot.com
Replygush too many comments how do i know when my reply has com, pls email the reply of my complain to my email loveswaggs@gmail.com, also keep putting the additional coad you ask to pu but it keep telling me this Please correct the error below and submit your template again.
ReplyYour template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "b:if" must be terminated by the matching end-tag "". what could be the problem and how do i fix it.once again i apllied only the nuble code the forum is working fine but it is show on my homepage and in all the pages of my blog what do i do pls. answer me augently, dont forget pls email me loveswaggs@gmail.com
I loved this post you made my week, at the end you showed how to take the other elements off of the forum page, can you do that with every page?
ReplyI can't see my forum! All I see is a link to the forum but I can't see the forum! Huhu what shall I do?
Reply--> http://thenursesencyclopedia.blogspot.com/p/chat.html
Thanks a lot for any help I can get!
Hello, Friend. I make a Entertainment Blog on Blogspot. Plz visit and advice me with your great comments.
ReplyHello, Friends.
ReplyI am from Bangladesh. I make a Entertainment blog on Blogspot. Plz visit and advice me with your great comments
www.box969.blogspot.com
I implemented the forum on my site Free Essay . I am thankful to this site. Really your process of implementation is great. It is working on my site nicely.
ReplyBut I want to put adsense ad on my forum page how will it be done.
Hi this good post
Replycomplete tutor mate.. you just insoired me..:)
ReplyThanks Bro!
ReplyI have done with my blog
Check it out! ( Forum Page )
http://freebloggertool.blogspot.com/
Hey Friend There Is Now Change Only Sidebar And Other post hided but forum is not here http://totalmaithilisongs.blogspot.com/p/upload-song_04.html
Reply2 beautiful template for Blogger
Reply*information Technology blog Tong hop 24 Theme
This one is second blogger template and the most good choice of Blogger users. Platinum theme covered same feature like Thesis have but its professional design attracted users. However, it have some more great feature like JQuery menu, JQuery Slider and so on.
Demo: http://tonghop24.blogspot.com/
View: http://i1201.photobucket.com/albums/bb341/thanhliem241/tonghop24.png
*Cloud Tech News Theme
Demo: http://cloudtechnews.blogspot.com/
View:http://i1201.photobucket.com/albums/bb341/thanhliem241/cloudtechnews.png
Download: http://www.mediafire.com/?2ktnm5j9fkud4mp
poles marmer poles granit poles teraso
Replythis didnt work for me I dont know why I did every thing as it said
Replyhttp://www.forex-aceplayer.com/p/forum.html
Replynot really good looking, how to fix it?
hi i'm using artisteer software make theme so i find blow code but not available there
Replydiv id='content-wrapper'
div class='columns fauxcolumns'
i have only blow code
div id='crosscol-wrapper' style='text-align:center'
so plz explain how to add all steps
http://newgamegear.com/
ReplyManny Pacquiao Vs Juan Manuel Marquez 3
Replywatch pacquiao vs marquez 3 online
pacquiao vs marquez 3
This was an easy tutorial and it only took me a couple of minutes to get my new forum on my blog's static page. Thanks for making this so simple!!!!
ReplyI have a problem embedding a forum in my blogger. The problem is that I'm using this template > http://btemplates.com/2011/blogger-template-wallbase/ and your tutorial doesn't seem to work for it.
ReplyWould you be able to help me somehow? PLS, if you'd help me e-mail me on evolots@abv.bg
Wonderful post. I am searching awesome news and idea. What I have found
Replyfrom your site, it is actually highly content. You have spent long time
for this post. It's a very useful and interesting site. Thanks!
Fournissez le code d'erreur suivant :
ReplybX-7x396y
I can't get #6 to work. It says I have missed something. Here it is
Reply< style type='text/css'>
#content-wrapper {
display:none !important;
}
.columns, .fauxcolumns {
display:none !important;
}
< /style>
< /b:if>
i can't find the code "div id='content-wrapper" in my blog so plz help me....
ReplyIts totally new to me thank you
Replythanks very helpful tutorial, I managed to apply it in my blog -> http://www.falsmaniaonline.co.cc/p/forum.html
Replytnxxxxxxxxxxxxxxxxxxxx dear
Replythanks a lot dude......i was searching for this for ages.
ReplyThanks a ton.
ReplyIt's live and kicking on my blog here - http://www.seleniumtests.com/p/testing-forum.html
Hello Sai,
ReplyAfter following your steps, my template shows error :"More than one widget was found with id: HTML7. Widget IDs should be unique."
Please help me.
Thanks and regards,
Ankit
Thanks, it worked great!!!!!
ReplyHelp! I did same thing but only one thing is disappeared from my blog .. i had add my facebook page in a widget using j query , what can i do to get it back in all pages even the forum page, please check it !http://importexportb.blogspot.com/
Replymany thanks for your kindly attention
Is there any blogspot template, that can be use in forum?
ReplyThanks i now have a forum on website, lets hope it does well http://forum.gamer4eva.com/
ReplySai, OK I did everything step by step using the (div class='columns fauxcolumns'>
ReplyWhen I go to the page I just get a blank page on my site...I know I must be the problem, I just don't know what I am doing wrong.
Would you mind helping me out?
Guess it would help if I gave you the url www.realityflash.com Thanks!
ReplyI can't figure out how to Highlight the codes to Blue and Red where necessary
Replythis didnt work for my blog, it si nit that the forum creation didnt work, but place the embeded code in my blog is it! am using blog.com not blogger .com, thanks for help
ReplyThanks for sharing that!
ReplyThe FOrum's not working :(
Replyi did everything you said.
"http://techytk.blogspot.in/p/techy-talk-forum.html"
Infact instead of doing all this, if i just paste that NABBLE code in my page, it works :) But then how should i remove my sidebar on my forum?
Thanks for the tutorial but I have everything that you are saying and still isn't working for me
Replyhttp://deperuaaustralia.blogspot.com.au/p/forum-community.html
Any ideas?
Cheeers
Victor
I've followed all the steps, and it doesn't work.
ReplyI can't see any forum, and post content, sidebar widgets etc are all still in there.
hello i did everything it but when i try to save it i comes up in red with XML error message: The element type "body" must be terminated by the matching end-tag "".
Replyignore my last problem hahahaha i got it to work! :) it works perfect, thank you so much for this tutorial, i wouldnt have been able to have done it without your amazing tutorial! :) you are just amazing thank you so much!!
Replysinisterly,
TheRitzyFlapper
Hi Sai
ReplyI followed all the steps as you mentioned, nothing happened actually. I am getting a blank forum page. Not sure what i did wrong.
Pleas advice (http://unix-school.blogspot.com)
It works but right after I enter the code below, it gave me a complete blank page in the forum page.
Reply< type='text/css'>
#content-wrapper {
display:none !important;
}
.columns, .fauxcolumns {
display:none !important;
}
You said that step will hide everything but the forum stay. However, this is not the case, everything hides in my the page including the forum
thanks a lot :)
ReplyOHH HELL!! I CAN'T GET IT WORKIN. I DID EVERY STEP PROPERLY 2 TIMES ALREADY. I CANT EMBED THE FORUM ON MY PAGE. THE PAGE IS BLANK. ~x( =(( :)]
Replyto heavy for me but i will try to learn more aboit it, thx Bro.
Replyhello @step 4 i paste it below the "footer"... because if i paste it below "fauxcolumns",when i go to my forum page on blog after all step done, it's not shown my forum.....
ReplyThis is Best Post ever I seen. Nicely Written. Have A grate thanks to you.
ReplyHello mate! i did all you said here, it work, but when i open my blog, nothing is click-able there in the forum. what is wrong?? please help me,. thanks.
ReplyHello mate! i did all you said here, it work, but when i open my blog, nothing is click-able there in the forum. http://globemadeeasy.blogspot.com/p/f.html please help me. thanks.
Replymerci bcp ! je vais appliquer tout ca sans mon bloh http://logiciels-gratuit0.blogspot.com
ReplyThank you for your valuable article. Go ahead... If anyone know about backlink on blogger, please share, i dont have ideas. Please if you know. Thank you
ReplyNice! Thank you so much. But can plz you show me how to hide the footer as well.
ReplyThankyou for the POst . :)
ReplyThanks it work so well for me here is my page http://www.trendynaija.com/p/blog-page.html . please i want my google adsense ads to be displaying on the forum, how do i go about it?
ReplyThat was great and sufficiently explained! Thank you very much Divya Sai! :)
ReplyI was finished with it yesterday night until eaaarly in the evening. Though, there is a problem and I would like some guidance. If you take a look at my one and only post (it's in Greek, unreadable for you, just click at the pinned one):
http://preludiance.blogspot.nl/p/blog-page_5.html
at the end of the page (left side) there's something "view more". Now, the embedded code itself doesn't have any height attribute to adjust the height. Somewhere I read :it's a problem with the table.." What table? Could someone help me please?
Thank you very much in advance! Again, that is a great post.
I must admit I have popped in a read a good number of your blogs but I have no idea how to post a response over there, so I'll tell you now how good you are at describing the stuff your at - I must admit I find it insightful to read your blogging. Keep the good work, please visit our website for more css templates
ReplyAmazing post dude.It will be very helpful for begginers like me.Thank you very much for this important post.Waiting for your next post.You can visit our site to get awesome free piugins
ReplyComments are moderated on this blog
Allowed HTML tags: <b>, <i> and <a>
Comment Like This! and Optimize your blog EmoticonEmoticon