Learn How to Add RSS Feeds To your Categories

Now this is a very useful tool . If you want to increase traffic to your blog this hack in be a useful tip for you.Just follow the steps below
1. Go to HTML tab in your template layout.
2. Backup your template.
3. Tick the box of "Expand the widgets".
4. Find this code (shown in Red) in your template:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<aexpr:href='"http://beta.blogger.com/feeds/
YOURBLOGID/posts/full/-/" + data:label.name'><img src='http://img304.imageshack.us/img304/3518/
rect18st2.png'/></a>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. Add the above code colored in Blue in the specified place.
6. Change YOURBLOGID (Shown in bold, blue) to Your own Blog ID.
7. Save your template and you are done.

Learn How to Add Additional Page Elements or Gadgets on Blogger

How to add Additonal page Element or Gadgets on Blogger blogspot

Here?s another nifty features addition to Beta Blogger: you can now add aditional page elements or Google gadgets on blogger.

For that, go to draft.blogger.com, and modify your Layout. There?s several new Page Elements you can try out, among which you?ll find Google Gadgets, select it, search for Warcraft and pick whatever you like.

Important note, there are some quirks around all these which require some settings for the time being, so make sure you try several options to save your settings, whether it is in the gadget?s configure or the overall layout.

If nothing is currently wrong with the connection, you should have a sample by going to the very bottom of Altitis and seeing my current main pallie?s armoury in there.

Don't forget to save

Also Read How to Add Embedded Comment Box under Every post for Blogger

How to Post tweakable Images in your blogger

It is very interesting to the readers and The Bloggers to have their Blog post Images Tweak when they Rollover the post pointer on the Post images. It is very easy to Create images Tweak on Roll over.Click on the picure below DEMO see the result yourself.



To create Your Blog Post images tweak on Roll over
Click on Dashboard and click on Layout Blogger Edit Html Page ,
Expand Widget Template and Add Follow the Steps Below

Search for the Following Code in Your Template:

.post img {
padding: 4px;
border: 0px solid $borderColor;
}

Now Paste The following Code Just Below the above code in your template .

.post img:hover {
position: relative;
top: 1px;
left: 1px;
}

And thats all there is to it! its very simple adjusment and it provides great results.

Create Expandable Post or Read more Hack

In this method first paragraph will be used as post summary. You will view the full post after clicking "Read More..." link. Note, you must enable post pages in order to using this feature. Also backup your template html before editing it.

Now follow these instructions:

1. Go to your blogger setting panel -> Template -> Edit HTML

2. Check on "Expand Widget Templates

3. Search for </head> & replace it with following javascript code:

<script type='text/javascript'>
function truncate_body (postid) {
var id = document.getElementById(postid);
var postbody = id.innerHTML;
var len = postbody.toLowerCase().indexOf("<br");

if(len>0)
postbody = postbody.substring(0, len);

id.innerHTML = "<p>" + postbody + "</p>";
id.style.display="block";
}
</script>
</head>

Search For <p><data:post.body/></p> And Replace it with following Code:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"postid_" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'> truncate_body("postid_<data:post.id/>"); </script>
<p>
<a class='read_more' expr:href='data:post.url'><b>Read More...</b></a>
</p>
<b:else/>
<p><data:post.body/></p>
</b:if>

4. I have tested this code and it works! If you have any questions comment on it.

How to have label Cloud on your Blog

Optimize your Blogger title with Meta Tag for better SEO

Title's and meta tag's effect on serp is incredible , so what can we do to improve serp and seo for blogger blogs? Meta tags makes it easy for search engines to find your your blog so its an important step to have. The codes below will display the name of a particular entry without bringing the name of the blog in first position and this will affect our serp since titles are important for google spiders.

Log in Blogger and click Layout
then Go to Edit HTML
click the code below to find and replace it with new:

Click here to get the Code:

Don't Forget To Save

Thats it ! and now wait for results.

Also Read Best Way To Install XML Template

Best Way To Install XML Template

1. Backup your current Template just in case you make a mistake. This is very important so you can always go back
Go to "Layout? => ?Edit HTML? section of Blogger and then look for the ?Before editing your template, you may want to save a copy of it. Download Full Template?. Click on the ?Download Full Template? and save it somewhere easy to find later on your computer

2. Now it?s time to upload the new Blogger template from your computer. You?ll want to navigate to the ?Template? => ?Edit HTML? section of Blogger and then look for the ?Upload a template from a file on your hard drive:? text. To the right of that you?ll see two buttons. First, you?ll click on ?Browse? and navigate to the new .xml Blogger template on your computer and click ?Open?. Then you click on the ?Upload? button and cross your fingers.


At this point Blogger is attempting to apply the new .xml Blogger template to your blog. After it?s done, you?ll get a message stating that the upload and new template was applied successfully (in that case you?re done!) or more likely in my case, you?ll get a red error message that states something like:

Widgets are about to be deleted
Please confirm that the following widgets should be deleted. All the widgets? configuration data will be lost.

• Text1
• BloggerButton1
• Poll1
• Profile1

Now if you?re like me, you don?t want to lose all those widgets (Page Elements) you spent lots of time configuring and arranging on your blog. If you don?t care and really don?t have anything you?ll be upset losing, then go ahead and click on the ?Confirm and Save?.

Learn How to Display List of Posts on your Sidebar

How to Add Embedded Comment Box on Beta Blogger.

Beta Blogger now have an option to add a comment right in the end of your post. This is a most awating feature and many blogspot blogger are waiting for this feature .If you are Interestd in activating this feature in yours blogs simply follow below Guidelines.

First step is to log in http://draft.blogger.com/ in order to get the comment box working you must log in your blogger draft account.

Go to Settings > Comments for your blog. You?ll see that the ?Show Comment Form Placement? setting. Just click ?Embedded below post? save your settings, comments in a popup window? setting has been replaced with the new settings.

Unfortunately This feature is not enabled for customized or third party template, To make this trick enable in customize template you will need to make a small change to your template code for displaying comment below blogger post.

Go to Layout>Edit HTML in your blog?s dashboard and check the ?Expand widget templates? box. Then search for below code in yours templates :

Click Here To Get The Code:

Now whenever you visit yours post page in your blog, you will see the new comment form displayed in below yours post remember this feature is only work when you log in your blogger Via http://draft.blogger.com/.

Tips For Attracting More Comments And Traffic to your Blog

Embedded Adding A Comment Box on Beta Blogger.

Beta Blogger now have an option to add a comment right in the end of your post. This is a most awating feature and many blogspot blogger are waiting for this feature .If you are Interestd in activating this feature in yours blogs simply follow below Guidelines.

First step is to log in http://draft.blogger.com/ in order to get the comment box working you must log in your blogger draft account.

Go to Settings > Comments for your blog. You?ll see that the ?Show Comment Form Placement? setting. Just click ?Embedded below post? save your settings, comments in a popup window? setting has been replaced with the new settings.

Unfortunately This feature is not enabled for customized or third party template, To make this trick enable in customize template you will need to make a small change to your template code for displaying comment below blogger post.

Go to Layout>Edit HTML in your blog?s dashboard and check the ?Expand widget templates? box. Then search for below code in yours templates :

Click Here To Get The Code:

Now whenever you visit yours post page in your blog, you will see the new comment form displayed in below yours post remember this feature is only work when you log in your blogger Via http://draft.blogger.com/.

How To Remove the Navigation Blogging Bar

I've always been bothered with the Bloggers navigation bar and it felt really complicated in the beginning but fortunately i have found an easier way to remove blogger blogspot navigation bar. Consider it a gift from me to you. Poor old Blogger gets a bad wrap, namely because people do not know how to manipulate it. I hope this article helps you guys out and if you have any others please let me know in the comments? So this is How i did it

On your Dashboard, select Layout. . All you need to do is add the following CSS to your template under edit HTML.

Click here to get the code:

This code is real simple and gives your blog a professional look. If you don't understand feel free to let me and i am willling to help you through the process.

How To Add Digg Button In Every Post on your Blogger Blogspot

We are all familiar with the fact that digg is one of the most popular website help you spread your stories! I?d been wondering on how to put digg button right after the posting, or right beneath post title. And then I decided to sign up to Digg.com and studied to add the button around my posting from the tutorial Digg gives. And I found a tip there did not help me much, then I started to make my own try and finally I was successful to add it just like anybody else?s digg. Here?s what I did:Here are the steps:

Log in your BLOGGER and click on EDIT Templete

Click and Expand your Templete


Click here To Find The Code:




The button should look something like this..its a very simple code adjusment.
leave me a comment if you have a problem.