Blogger Tricks,Blogger Templates, Free Blogger Templates, Blogger XML Templates

Search Engine Optimization is one of the most important steps when developing your blog. An important step in search engine optimization is developing relevant keywords that draw traffic to your blog from search engines like Google, Yahoo, MSN, Alta-vista, etc. Now most bloggers simply assign assign a few keywords to their blog when they first start our put fail to take the time to track their blogs search engine rankings for those keywords. Most do not track their performance simply, because it would normally just take to much time. However, I have came across a program called Web-CEO, which allows you to track your blogs search engines rankings by keywords with just the click of a button. Web-CEO has a free addition that anyone can download and use. They do also have a professional version, which you have to purchase. I use the free version and it has worked just fine for me.

Web-CEO is simple to use

Step 1: Download and install Web-CEO

Step 2: Click Add New Site on the Control Panel

Step 3: Click Check Rankings under Analyze Site

Step 4: Click Configure and Select the Search Engines you wish to track your rankings on and also assign the keywords that you wish to track.

Step 5: Click Start and you done.

Adding Widgets, Add-Ons & tools to your blog is not just a lot of fun for your blog readers, but can also be very useful and help you to create a community for your blog or even a loyal reader base.

Here's a collection of best and most useful blog widgets or add-ons that can be easily integrated with any website/blog. All these below add-ons are 100% Free and they are very easy to install.

Outbrain Star Ratings Widget: Very eager to know what your readers think about your posts?
Here is a cool star rating widget by Outbrain. The insttallation is very simple,
just follow the step by step instructions on their site.

ShareThis or AddThis : Sharethis or Addthis social bookmarking buttons makes it easy for your visitors to share your content with others. It is a good way to increase your link popularity and publicity. Their nice css dropdown icons reduces the clutter on your pages and eliminates the need to add a different button for each social bookmarking service.

whos.amung.us : This is a real time visitor tracking widget and displays
the number of people currently on your site and what pages they are
reading. You don't need any sign-up's to grab this widget.

Web2PDF Online : With this widget installed, your visitors can easily download
your articles in PDF format with just a click. The downloaded PDF's are
free of any advertising and you can get full access to download stats,etc.

ZOHO Creator: With Zoho Creator, you can create professional online
contact forms/web forums in minutes. The good things about this is
there are no data limits and readers can also upload attachments while
submitting the form.

Google Talk Badge: Google Talk Badge will let your visitors to
chat with you.The badge will active whenever you sign in to
Googletalk. The nice thing is your visitors can chat with you even
if they don't have a google account.

Yahoo Media Player: With this very useful widget, you caneasily add a simple media player to your blog which can auto detect mp3 links and create an embedded player. This tool is very useful for especially audio,music blogs.


Cbox: Cbox or Chatbox is a chat widget which can be easily embedded
in any web page. It is free and have many features including message
history, spam blocking,etc. It can be easily customizable to fit your
blog layout.

Google Translate: This widget lets your non-English speaking
visitors to quickly translate your webpage in their native
language with just a single click.

Some people prefer not to display the label count in their blogs as it looks a bit unprofessional. Lets say if you have a label 'Funny sms' with 50 label count and another one ' Good morning sms' with 2 as label count... less people will show interest on clicking the second one.

So, lets see how to hide or remove the Label count in your blogger blog(s)...

1. Sign into Blogger dashboard » Layout » Edit html

Tick the expand widget templates and remove this line from the template..


()



2. Save the Changes and done!

This post explains how to post extra large images in blogger posts:-

This is one of the most wanted blogger hacks, which makes it possible to post big size pictures in blogger posts.
Normally, If you upload a large image to blogger(with large thumb size selected), it will automatically resize it and then post it as thumbnail . But, the image quality of the resized image is very poor. So, to make the image look more clean and sharper, this trick will come handy.

Normally Uploaded Image: (with large thumbnail selected)


Image after applying the hack:



So, lets learn how to do this..

1.First, calculate how much image size(large) you want to display ( normally, its just a bit less than your main body width). Suppose, take this blog as an example, the main body width is about 570px. So, the maximum width to post a large image is 570px. But, to make the image looks nice, we have to give some padding to it.so,choose the width which is a bit less than the post body width.. like 560px.

Now, Go to Layout » Edit html

Find this

]]>

Add this before that line:


img {
max-width: 560px;
width: expression(this.width > 560 ? 560: true);
}


Change the value in red depending on the previous step.

Note: Do check if you have the img{ tag already in your template. If its there, just add the additional couple of lines to it.


max-width: 560px;
width: expression(this.width > 560 ? 560: true);




Save the changes.

2. Now, while doing your posts, upload the images normally like you did previously. Once the image is uploaded, go to Edit html tab, and the image code will look something like this


width: 280px; height: 400px;" src="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s400/megan+fox.jpg" alt="Normal Picture without the hack" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" />


All you have to do is Just remove that bolded text (width and height attributes) and replace s400 to s800.

So, the final code looks like this


s800/megan+fox.jpg" alt="Normal Picture without the hack" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" />


Done! Now, your uploaded image will look big in the post.