Saturday, February 28, 2009

Blogspot Tutorial: Add Comment Posting Guidelines in Blogger

This tutorial will explain how you can add some guidelines right above the comment form. These guidelines could be helpful to encourage users to post constructive comments and also stop spamming.


For example, check out this image taken from Smashing Magazine [See Image].

Let's Add Some Guidelines in Blogger


You can also add some text above the comment form in Blogger. To do that, follow these steps:

1- Log in to your Blogger account.

2- Go to Layout then Edit HTML tab.

3- Check Expand Widget Templates, the page will automatically reload.

4- Find the following line of code:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

5- Place your guidelines right after the above code but make sure you follow some tips given later in this tutorial.

Some Useful Tips!


1- Use polite and kind words in these guidelines.

2- If you've enabled comment moderation (?) then you must mention to users that their comments won't appear immediately.

3- You can also place a warning message to spammers.

4- If you're using more than one line than you must add <br/> tag after every line. This tag will insert a line-break, for example if you've added some lines like:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Posting Guidelines:

1- This is the first line.
2- This is the second line.
3- This is the third line.


When you'll view your blog, you'll see this result:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>Posting Guidelines:1- This is the first line.2- This is the second line.3- This is the third line.

So, for correct placement you must add <br/> tags like this:

<h4 id='comment-post-message'><data:postCommentMsg/></h4><br/>

Posting Guidelines:<br/>

1- This is the first line.<br/>
2- This is the second line.<br/>
3- This is the third line.<br/>


I hope that this tutorial would be helpful for you in some way. If you've any suggestion, request or advice, feel free to post a comment, thanks :-)

Friday, February 27, 2009

Some Simple Tricks to Reduce Blog Size

Improve Site Performance by Reducing Load Time

Google has officially stated that website speed will soon be considered as a ranking factor so make sure your blog loads fast. Slow loading websites or blogs are very annoying to the user. I've seen a lot of sites which have great content but they take awfully long time to load. In this article, I'll give you some very simple tips to reduce your blog loading time.

Tips to Improve Site Performance


Most of the tips are my own experience and if you want to add more please feel free to leave a comment with your suggestion.

1- Choosing a Template


Please don't use templates with heavy images in the background. Blogger/Blogspot users should avoid using big background images. Instead, you can use patterns which are small images but they repeat and look awesome as background.

2- Using Images


Don't use images in your blog unless required. Image format is also very important, always use .JPEG images because they have relatively small size.

3- Checking Site Performance


It is very important to regularly check your site loading time. I recommend a free tool Webpage Analyzer for this purpose.

4- Adding Widgets


It is not necessary to use every available Blogger/Blogspot widget. Each widget adds some more bytes to your blog size so don't use widgets which are not necessary.

5- JavaScript Code


JavaScript is an essential component of any blog but it also takes some time to load. For example, recently I installed Google Translation Widget in my blog and my blog load time significantly increased because it was a heavy JavaScript widget.

Before You Leave


Loading time will play a role in SEO (Search Engine Optimization) so keep an eye on it. Many people still use low-speed internet and many more are moving towards mobile internet. Use light colors as background and use resources wisely.
Image Credit: http://www.flickr.com/photos/tamarapatzer/galleries/

Wednesday, February 25, 2009

Blogger Templates: Violet Rays

Violet Rays Fast Loading Dark Blogger XML Template

Violet Rays is another dark Blogger template. It has a shiny violet-colored background and a glossy top menu which makes this template stand out of crowd.

Features: dark, two columns, fixed width, top menu, violet, search, CSS, light-weight, left sidebar.



Saturday, February 21, 2009

Blogger Templates: Excess

Excess Simple Minimal Green 2 Column Blogger XML Template


Excess is a really simple and minimal Blogger template. It has a very light color scheme with only green and white colors.

Features: white, green, two columns, fixed width, top menu, minimal, CSS, light-weight.



Thursday, February 19, 2009

Blogger Templates: Gumball Special

Gumball Special Premium Quality 4 Columns Blogger XML Template

Gumball Special is originally a 4 columns Blogger template. Due to it's incompatibility with Blogger and a lot of issues, it is no longer available to download.
Features: white, pink, 4 columns, fixed width, search box, RSS feed.

Blogger Templates: ZinePress





Hey guys, check out my latest template. Took too much time to covert it but the end result was just awesome.


Preview

OR

Download



Please comment and share it with the world on Social Networking Sites like Digg & StumbleUpon!

Saturday, February 7, 2009

Blogger Templates: Precision





Another classical CSS template which loads with lightning fast speed.

Features:

> light weight

> fast loading

> very small images

> neat and clean look

> integrated google custom search

> menu

> CSS based design


-------------------------
Preview
-------------------------

OR

----------------------------
Download
----------------------------


Please comment and share it with the world on Social Networking Sites like Digg & StumbleUpon!

Friday, February 6, 2009

Blogger Templates: Commission



This is my 1st ever Blogger template conversion. I've been playing with Vintage Blogger theme for a long time but couldn't convert that one completely.

Features:

--> Very Light Weight

--> Totally CSS Based Design

--> Widget Ready

--> Google Custom Search Engine

--> Adsense Ready

--> Excellent for all kind of Blogs


-------------------------
Preview
-------------------------

OR

----------------------------
Download
----------------------------


Please comment and share it with the world on Social Networking Sites like Digg & StumbleUpon!