• X

    How To Add a Forum To Your Blogspot Blog?

    By in Blogging

    Bluehost hosting

    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 blog 550x276 How To Add a Forum To Your Blogspot Blog?The 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.

    Get Free Blogging updates in your Email

    Find more Topics based on Keywords

    Article by

    Mukund has written 33 articles.

    If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.

    { 22 comments… read them below or add one }

    shan ali

    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??

    Reply

    fazal mayar

    nice tut mukund, i never thought we could add a forum to blogspot

    Reply

    Siju George

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

    Reply

    Fifa

    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

    Reply

    [email protected]

    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 :-)

    Reply

    Tara

    TEMPLATE ERROR: LHS of numeric is null before 74 in data:blog.url == http://faithconfessions.blogspot.com/p/conversations.html

    This is the error i get when trying to add it. Any suggestions?

    Reply

    Mukund

    @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.

    Reply

    Danish Farid

    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.

    Reply

    JINESH

    I CANT FIND THIS CODE ON MY BLOG

    WHT SHOULD I DO??

    Reply

    Aashish

    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.

    Reply

    Tsujan

    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

    Reply

    Michael

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

    Thanks Sir i really appreciate the help.

    Reply

    Ms Mary H

    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

    Reply

    Lawrence Eagles

    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…

    Reply

    fuzz

    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?

    Reply

    African Naturalista

    I did not find this code in the edit html

    Has blogger changed the code or what?

    Reply

    paul

    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.

    Reply

    bhargav krish

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

    Reply

    Sue

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

    Reply

    Julia

    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 :)

    Reply

    AnKu

    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

    Reply

    benny

    I did not find this code in the edit html

    Reply

    Leave a Comment

    Previous post:

    Next post:

    `