How To Change default Blogger Commenting System

How to modify default Blogger commenting system?
How to adapt Wordpress commenting system?
How to improve Blogger commenting system?
How to enable reply on Blogger commenting system?

Here's how. All you need is just to install or implement an external commenting system. After installing, commenters will be required to enter their name, email and optional website when commenting, just like default Wordpress commenting style.

Reason to change? It's more interactive and you can well manage all your comments on a particular website. External commenting system provides more feature - with custom top commenters widget, popular posts widget and recent comments widget.

Furthermore, you are able to reply on a particular comment and your reply will appear right under the replied comment - one feature that Blogger has yet to implement - which is very important to blogs these days.

Here are some recommended external commenting system - preferably try it out on a test blog before implementing on your intended blog.


1) Disqus


They offer:

• A powerful comment system that easily enhances the discussion on websites.
• In minutes, connect your community with those of thousands of other websites.
• Threaded replies reveal the conversations in your comments.
• And now it's easier to keep the discussion alive with email and mobile replying.
• Features such as ratings and video comments make comments interactive and expressive.
• An intuitive admin section makes it easy to moderate the discussions from one or multiple websites.
• Disqus is easy to customize, with widgets that lets your audience become your community.
• With search engine-friendly plugins and complete data sync, Disqus is as safe to use as it is easy.
• And many more...
  

2) JS-Kit


They offer:

• Feature rich services backed by enterprise-class reliability and performance;
• "Cut and paste" deployment - no coding or other technical expertise required;
• Integrated RSS feeds for search engine visibility and data backup;
• Spam protection, moderation capability and other administrative controls;
• Knowledgeable and responsive support.
• And many more...
  

3) Intense Debate


They offer:

• Comment Threading - Improve the conversation within the comment section and reply directly to an individual comment. Indented replies make following various conversations manageable.
• Reply-By-Email - Respond to and moderate comments with ease via email, even if you're on the go. Just because you're away from your computer doesn't mean the conversation stops.
• Commenter Profiles - Commenter profiles let you and your readers learn more about each other. Watch the conversation go to new levels once you and your readers are able to get to know each other. Don't forget, their universal profiles can be used on any site with IntenseDebate.
• Moderation/Blacklistin - IntenseDebate offers some truly hardcore moderation options. Customize your settings to moderate by keywords, number of links, commenter email, and/or IP addresses.
• OpenID - Your readers can post comments easily using their OpenID. They can tie their OpenID to their IntenseDebate profile so they won't have to worry about remembering another set of login credentials.
• And many more...

Every commenting system are quite different from each other. You have to try all 3 to determine your best choice. Enjoy!

HOw to Change Blogger Background

How to change blogger background?
How to change the colour of the background?
How to put image as background?
How to repeat the single image on the background?

Here's how.

First, go to your Edit HTML Template page.

Dashboard > Layout > Edit HTML
Then look for the body { ... } section, usually appear after the Variable Definitions.

body { background:$bgcolor; margin:0; color:$textcolor; font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-size: small; text-align: center; }

It doesn't have to look exactly like that. As long as you found the body { } section.

Now to change the background, all you need to do is play around with the background: line.


Change Background Colour

background: #FFFFFF;

Just change the #FFFFFF to other hexadecimal colour value. #FFFFFF is white. For more colours, check them out here here.

Also, you can put the colour name if you want.

background: white;

However, for more variety of colours, you are recommended to use the hexadecimal colour code.


Add Background Image

First upload your background to the Internet - ImageShack, Photobucket or any of your favourite photo uploading sites. Then obtain the direct link to the picture.

background: url(LINK);

Just add the image URL to LINK and you're done. Also you can modify the positioning and location of the image.

Just add these code after the URL part.

Repeat the image horizontally (left to right):

repeat-x

Repeat the image vertically (top to bottom):

repeat-y

No image repeat:

no-repeat

Position image to the left or right:

left (for left side) or right (for right side)

Position image to center of screen:

center

Fix image on background (to prevent image from moving when scrolling):

fixed

Now your complete background code may look like this:

background: #FFFFFF url(http://abc.com/image.jpg) repeat-x fixed;

So just play around and you'll understand it. Enjoy!

How to Change Blogger Blog Width

To adjust the width size of your blog according to your preference, you can do so at the HTML section:

Dashboard > Layout > Edit HTML
Then you can change the width size to the size that you prefer.


#header-wrapper {
width: 750px;
}

#outer-wrapper {
width: 750px;
}

#main-wrapper {
width: 490px;
}

#sidebar-wrapper {
width: 230px;
}


Header-wrapper and outer-wrapper determines the maximum width of your blog.

Main-wrapper determines the width of your blog content and sidebar-wrapper determines the width of your sidebar.

Make sure that the total pixel (px) allocation for the main-wrapper and sidebar-wrapper is not more than the outer-wrapper's size.