Adsense Below Blogger post title

Many bloggers are wondering and trying to find that How to add Adsense below the blogger post title???
So i am now showing you the easiest way on how to add Adsense below post title in Blogger....


As you know that Google earnings depends upon your blog traffic and ad placement. One important place for adding adsense is below the post title.... There is more possibility to get clicks.

First of all login to your google adsense account and generate ad code

Now copy that code and put it in the box below and parse it..

By Blogger Widgets

Now Copy the parsed code
Login to blogger
-> Layout->>Edit HTML ->> expand the widget template
and find this code

<data:post.body/>

Replace it with the following

 <!-- http://blogger-new-widgets.blogspot.com Adsense Above Posts start -->
<b:if cond='data:blog.pageType == "item"'>
Put your parsed adsense code here
<br/>
</b:if>
<!-- http://blogger-new-widgets.blogspot.com Adsense Above Posts End -->
<data:post.body/>

You will see your ad appearing below the post title... ( this ad wont on Homepage and label pages )

happy earnings while enjoying blogging

If you like this post or you want to ask any question then please leave a comment
Thanks

Highlight Author's Comment in Blogger

This is a nice way to make your ( author's ) Comment different from all other comment that your readers left. Its is a very Interesting and useful Blogger tip..

1. Login to blogger, then choose "Layout --> Edit HTML". Don't forget to backup your template first.

2. Check the "Expand Widget Templates" box.
3. Copy this script and put it before ]]></b:skin> or copy to your CSS area.

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}

4. Then find this code:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. The orange color text is the code that you have to add to your script. The position must be right.
6. And then save your template

More about blogger tips

Blogger

Blogger for Dummies

Blogger Guide

Blogger Tricks

Adding Related post widget to blogger

With adding "Related Posts" at the end of each and every post in your blog is the best way to let your readers remain on your blog for some extra period of time...

I will show you how to add these related posts

Steps for Adding:

1. Go to Layout >Edit HTML in your Blogger Dashboard.
2. Back up your existing Template before making any changes!
3. Make sure to check the "Expand Widget Templates" box.
4. Search for the <head/> tag.
5. Add the following code just before the <head/> tag.
   

   <style>
   #related-posts {
   float : left;
   width : 540px;
   margin-top:20px;
   margin-left : 5px;
   margin-bottom:20px;
   font : 11px Verdana;
   margin-bottom:10px;
   }
   #related-posts .widget {
   list-style-type : none;
   margin : 5px 0 5px 0;
   padding : 0;
   }
   #related-posts .widget h2, #related-posts h2 {
   color : #940f04;
   font-size : 20px;
   font-weight : normal;
   margin : 5px 7px 0;
   padding : 0 0 5px;
   }
   #related-posts a {
   color : #054474;
   font-size : 11px;
   text-decoration : none;
   }
   #related-posts a:hover {
   color : #054474;
   text-decoration : none;
   }
   #related-posts ul {
   border : medium none;
   margin : 10px;
   padding : 0;
   }
   #related-posts ul li {
   display : block;
   background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
   margin : 0;
   padding-top : 0;
   padding-right : 0;
   padding-bottom : 1px;
   padding-left : 16px;
   margin-bottom : 5px;
   line-height : 2em;
   border-bottom:1px dotted #cccccc;
   }
   </style>
   <script src='http://torrentmoon.com/javascripts/Related_posts_hack.js' type='text/javascript'/>

   
   
6. Now search for <p><data:post.body/></p>. In some of the templates this code may look like this
   <div class='post-body>
   or
   <p><data:post.body/></p>
7. Add the following code just beneath the code you just searched for.
   

   <b:if cond='data:blog.pageType == "item"'>
   <div id="related-posts">
   <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
   <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
   <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
   </script>
   </div></b:if>

   
   
8. Now Save your Template and you're done!
   

Editing/Customization:

In order to change the number of maximum related posts being displayed for each label, search for the code below (within the code given in step 7) and change the number "5" to any desired number.

max-results=5