11 Dec 2009

New Pagination Settings: customize the number of comments per page

We’ve added a new setting for your layout: now you change the number of comments displayed per page in your IntenseDebate comment section. This has been a popular request, so we’re happy to deliver on it.

While the default setting is 25 comments per page, you can choose to display 10, 25, 50, or 100 comments per page. Please keep in mind that displaying more than 25 comments may result in an increase in load time since we will be loading more data. We are continuing our work to optimize this and improve load times for larger volumes of comments on a single page.

Currently comment threads collapse by default when there are 25 threads on the page.  Changing to the number of comments per page will also change the thread collapse number.  So setting 50 comments per page will set the thread collapse at 50 threads.  Currently this setting cannot be disabled completely, but we hope this will help improve your commenting experience.

You can customize this setting in your Layout Settings page at http://intensedebate.com/edit-site-layout. Thanks again for your feedback!

Posted by Michael Koenig in features

2 Dec 2009

New Plugin: Google Translate for Comments (51 languages!)

This is super-cool!  We’re excited to introduce a new IntenseDebate plugin developed by Sam Walters: Comment Translate.  Built using Google Translate, Comment Translate gives your readers the option to translate all comments and trackbacks on your post into their language of choice.

Languages available for comment translation:

Afrikaans Danish Greek Korean Portuguese Thai
Albanian Dutch Hebrew Latvian Romanian Turkish
Arabic English Hindi Lithuanian Russian Ukrainian
Belarusian Estonian Hungarian Macedonian Serbian Vietnamese
Bulgarian Filipino Icelandic Malay Slovak Welsh
Catalan Finnish Indonesian Maltese Slovenian Yiddish
Chinese French Irish Norwegian Spanish
Croatian Galician Italian Persian Swahili
Czech German Japanese Polish Swedish

Sam’s plugin couldn’t have come at a better time as we continue to expand our localization project to make IntenseDebate more accessible for everyone. Thanks to our fantastic group of volunteers, the IntenseDebate comment section is now available in 20 languages with more on the way!

To activate the Translate Comments plugin, visit your Plugins Page in your IntenseDebate account at http://intensedebate.com/plugins. Locate the Translate Comments plugin and select “Activate”. That’s it! It’s just that one simple click and your comments can now be translated to 51 languages!

Interested in flexing your own coding muscles and developing a super-slick plugin? Check out our Plugin Resources and documentation. You can also check out our Plugins blog post for more information.

Hat’s off to Sam for his contribution!

Posted by Michael Koenig in features

12 Nov 2009

Give a little luv to your comments with the IntenseDebate CommentLuv Plugin

Andy Bailey, the code ninja behind CommentLuv, has been working to get CommentLuv integrated with IntenseDebate, and we’re pumped to let you know that the shiny new ID CommentLuv plugin is ready for primetime! CommentLuv has been always been a widely requested feature, and with good reason – it’s the perfect fit for IntenseDebate, and will go a long way in helping strengthen your community. You can check out Andy’s post here.

So what’s CommentLuv?

CommentLuv rewards your readers and helps you discover new and interesting posts by automatically adding a titled link to the comment authors last blog post when they comment.

Just like all of our plugins, activating is one simple click of the mouse and you’re done. When you’re logged in, go to http://intensedebate.com/plugins, find the CommentLuv plugin, and hit “Activate”. That’s it! Make sure you check out our other plugins like PollDaddy Polls, After the Deadline spelling and grammar checker, and loads more.
commentluv

Using the CommentLuv plugin is a piece of cake. Just select the CommentLuv checkbox, enter your site URL, and select the post that you’d like to link to. Type your comment, hit submit, and voilà – you’re done! We’ve activated the plugin on our blog, so give a try below.

using commentluv

Interested in flexing your own coding muscles and developing a super-slick plugin? Check out our Plugin Resources and documentation. You can also check out our Plugins blog post for more information.

Hats off to Andy for his work to bring CommentLuv to IntenseDebate!

Posted by Michael Koenig in features

24 Oct 2009

Styling Tip: Simplify Comment Design

This is the first in a series of articles which will hopefully inspire and help you style the IntenseDebate comment system so it fits better with your blog. We’ve reached a point in IntenseDebate’s history where the basic HTML and CSS classes the comment system is built on is solid, so now you should be able to style it more than ever, without fear of your new styles breaking in future updates.

Styling IntenseDebate: Simplify comment design

If you have a really clean and simple blog, you might find IntenseDebate’s pretty glossy comment headers and rounded corners a bit too much. With just a few simple CSS rules, you can alter the comment header to your own liking. In this tutorial we’ll be modifying the .idc-c-h element, which is “ID language” for “.IntenseDebateComments-Comment-Header”.

How to use this guide
All styles can be added either to your “Custom CSS” box in your IntenseDebate admin panel (recommended, go to Settings>Custom CSS) or directly to your blogs/sites stylesheet.

  1. First, we’ll remove the normal background from the comment headers, apply a top border and make sure the padding and margins look good.
    #idc-container-parent #idc-container .idc-c-h {
    background: none;
    border-top: 1px solid #ddd;
    padding: 3px 0 0;
    }

    Background: none; means we’ve removed the normal background image. If you instead want a light gray background, you could try background: #f6f6f6;!

  2. Next, we’ll remove the spacing around the comment elements that make it not align with our new pretty top border. If you add in these CSS elements, you should know how all of the comment contents perfectly aligned with the top border:
    #idc-container-parent #idc-container .idc-c-h-inner {
    margin: 0;
    }

    #idc-container-parent #idc-container .idc-c-t,
    #idc-container-parent #idc-container .idc-c-b {
    margin-left: 0;
    margin-right: 0;
    }

    #idc-container-parent #idc-container .idc-c-b .idc-btn_s {
    margin-left: 0 !important;
    }

  3. Lastly, if you still want a special look for the comments posted by an admin, we can apply a special styling to admin comments by using the class .idc-c.idc-admin this class is used for all admin comments posted on your blog.

    #idc-container-parent #idc-container .idc-c.idc-admin .idc-c-h {
    border-top-color: #c00;
    }

    This style will exchange the light gray border we just added for a very fashionable dark red shade.

Tips on styling IntenseDebate:

  • When you want to start styling IntenseDebate, and need to know what the elements in the comment system are called, we highly recommend FireBug, a developer extension for Firefox. Using the Inspect feature, you can just click the element you want to style, and it will bring up all the CSS associated by it, including what the element’s CSS class is. Pretty handy!
  • Look up the element you want to style, for instance .idc-c-h and then apply #idc-container-parent to the rule when you write the CSS. In this example, you would write #idc-container-parent #idc-container .idc-c-h to style .idc-c-h, the comment header.
  • Put your new CSS rules in the Custom CSS box in your IntenseDebate admin panel, located at Settings>Custom CSS.

Make sure you check out our CSS Documentation for a complete list of elements you can style in IntenseDebate with tips on how to modify them, and feel free to let us know if you have any questions.  Until next time!

Posted by Isaac Keyet in features

30 Sep 2009

Translations for Everyone!

By now you’re all aware that we’ve been working on allowing you to display your comment section in different languages, and today we’d like to make that available to everyone! Thanks to a fantastic effort from 24 volunteers collaborating across 5 continents, we’re able to offer 12 new languages to you right off the bat, with more languages hopefully coming soon. Here are the new languages that we’re releasing, along with the awesome folks who contributed to each translation:

To change the language used in the comments area on your site, just go into the fancy new Settings & Layout section of intensedebate.com and the pick the Layout option on the left. At the bottom of that page you can pick from the list of supported languages.

pick-a-language

These are first runs of the translations, so please take a look and see what you think. If there are any words you think might make more sense as something different, then please drop us a line at labs@intensedebate.com, letting us know what language you’re looking at and where the text you’re talking about appears. It might be easiest if you send us a screenshot showing exactly which bit of text you’re talking about.

Thanks for all of your patience, and another huge thank you to the wonderful volunteers who have made this possible.

If you don’t see your language and you’re interested in translating, please email us at the address above. We would love your help!

Posted by Beau Lebens in features

« Previous PageNext Page »
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License. | IntenseDebate – Official Blog