Placement of Ads

First log in to Blogger.com -> Layout-> Edit Html tab and Check Expand Widget Template.

Search for the following line of code:

<div class='post-body entry-content'>

If you haven't found above code, search for the following:

<div class='post-body'>

Got it? ok. Now you can add the widget (ads) code just below the above code. See the below example:

<div class='post-body entry-content'>
You ads Code Goes Here....

                         OR

<div class='post-body'>
You ads Code Goes Here....

Replace the red colored text with your ad or widget code. If you get some problem like the ads or widget are show in home page also, you have to put some line of the code to show the widget in only one post page ( inside the page).

Replace the code which you have found above with:

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:15px;'>
You ads Code Goes Here....(first ad)
</div>
</b:if>

                             OR

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:15px;'>
You ads Code Goes Here....(first ad)
</div>
</b:if> 

Now, you will see your ads or widget are only inside the page. But don't forget to replace red text with your code.

Placement for second ad
The above one is first ad (left in position) . Now you can put second ad (Right in position). See the following example for details:

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:23px;'>
You ads Code Goes Here....(second ad)
</div>
</b:if>

                        Or

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:23px;'>
You ads Code Goes Here....(second ad)
</div>
</b:if>

It may not work if you copy the ad code directly form adsense. You have to encode that html ads code. Do the following:
Copy & paste your ad code to following form and click Convert. Then copy the code after converting it & replace red text with the code which you have converted.

Remove "Show all posts"

Log in to your Blogger account, Back-up your template, then go to:

Dashboard > Layout > Edit HTML > check Expand Widget Templates box

Find the following part of code:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Then REPLACE it with:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Click Save.

Now open your blog and view any label.

Remove Newer Post/Home/Older Post Links

In almost all Blogger Templates, you can find the Newer Post – Home – Older Post Links below the blog posts. If you want to remove or hide these links, just do the following simple steps:

Go to Blogger Layout page and click Edit HTML link, 
then Search(Ctrl+F) your template to find the following codes:

#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}
Now Replace the above code as given below:
 
#blog-pager-newer-link {
float: left;
display: none;
}
#blog-pager-older-link {
float: right;
display: none;
}

#blog-pager {
text-align: center;
display: none;
}

Save the Template. Finished!

Remove bottom link Posts (Atom)

1. Go to dashboard/ template/ edit HTML
2. Click the 'Expand Widgets Templates' box

Find:

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

Remove this line:

<b:include data='feedLinks' name='feedLinksBody'/>

That should remove bottom link Subscribe to: Posts (Atom).

Remove the HOME link

1. Click "Edit html" under "design" tab.
2. Check the box "Expand Widget Templates"
3. Find the follwoing line in the html code and delete it:

<a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/></a>

Remove Attribution

One way of removing "powered by Blogger" from your blog is to hide it.   To do so, simply add this rule to your template:

#Attribution1 {display: none;}


Mobile template blogs:
If you have enabled a custom mobile template, you can either use the standard way of removing your attribution from your mobile blog, or by adding a 2nd rule:

.mobile #Attribution1 {display: none;}


If this rule doesn't work and you have tried several other approaches on the same template, your gadget may now be called  Attribution2 or even Attribution3.   Look at your template (Design > Edit HTML) and search for "attribution" to find out what the correct digit is, and modify the rule to use it.

BloggerTips

Get Help, Tips, Tricks and Tools to improve your Blogger Design and Performance, right from your Mac OS X Dashboard.
↓ Download