Sunday, 12 August 2012

How to add stylish related post widget with adsense to blogger

Now add this stylish related post widget with adsense unit below your blogspot post. this related post give more impression for your adsense unit. if you want to earn more add this related post widget now.

Follow simple easy step to add this widget in your blogger blog----->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template now.

* Now find this code ]]></b:skin> with CTRL+F key.

* Now copy below code and paste before  ]]></b:skin>
 

.cps {
background:none repeat scroll 0 0 #ddd;
border-top:3px solid #000;
margin-top:5px;
padding:10px;
width:570px;
}
#end {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #f9f9f9;
border-bottom:3px solid #000;
border-top:3px solid #000;
float:left;
font-family:arial;
font-size:12.2px;
margin:0 0 40px;
padding:14px 0 12px 25px;
width:565px;
}
.actions {
float:left;
margin:0 20px 0 0;
padding-left:0;
padding-top:0;
text-align:left;
width:23%;
}
.tips {
float:left;
margin:0;
padding-left:0px;
padding-top:0;
text-align:left;
width:65%;
}
#end ul.tips li {
-moz-background-inline-policy:continuous;
background:url() no-repeat scroll 0 3px transparent;
margin:0 0 9px;
padding-left:14px;
margin-left:-34px;
}
a.digg {
-moz-background-inline-policy:continuous;
background:url("http://4.bp.blogspot.com/_Zt-MFCckzsc/Sq981K22-FI/AAAAAAAACNA/qP54J_2HcMQ/s400/digg-1.png") no-repeat scroll 0 1px transparent;
padding:2px 0 2px 20px;
}
#end ul.actions li {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
margin:0 0 9px;
}
#end ul li {
}
#end ul {
list-style-type:none;
}
a.delicious {
-moz-background-inline-policy:continuous;
background:url("http://3.bp.blogspot.com/_Zt-MFCckzsc/Sq98mokfzuI/AAAAAAAACM4/_L_0wKNZ2TE/s400/delicious-1.png") no-repeat scroll 0 2px transparent;
padding:2px 0 2px 20px;
}
a.subscribemini {
-moz-background-inline-policy:continuous;
background:url("http://2.bp.blogspot.com/_Zt-MFCckzsc/Sq98T8eFqGI/AAAAAAAACMw/1gwnE8qOoIQ/s400/feed.png") no-repeat scroll 0 1px transparent;
padding:2px 0 2px 20px;
}
a.comment {
-moz-background-inline-policy:continuous;
background:url("http://2.bp.blogspot.com/_Zt-MFCckzsc/Sq97-VIfenI/AAAAAAAACMo/3IkSWN0C0OU/s400/comment.gif") no-repeat scroll 0 0 transparent;
padding-left:20px;
}
a.stumble {
-moz-background-inline-policy:continuous;
background:url("http://2.bp.blogspot.com/_Zt-MFCckzsc/Sq97vV2vdYI/AAAAAAAACMg/phL4ZUZgwPA/s400/stumble.png") no-repeat scroll 0 1px transparent;
padding:2px 0 2px 20px;
}
a.twit {
-moz-background-inline-policy:continuous;
background:url("http://1.bp.blogspot.com/_Zt-MFCckzsc/SyPT-xa8c5I/AAAAAAAACtQ/UOzJVxUlFTQ/s400/twitter_16.png") no-repeat scroll 0 0 transparent;
padding-left:20px;
}
#end h3 {
color:#000000;
font-size:13px;
margin-bottom:11px;
margin-top:4px;
font-weight:bold;
}
.hidden {
display:none;
} 


* Now again find this code --->>>>
<data:post.body/>
<div style='clear: both;'/>
</div>
* Now copy below code and paste after above line.
<div class='cps'>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-1169679658259735&quot;;
google_ad_host = &quot;pub-1556223355139109&quot;;
/* 468x15, created 12/03/11 */
google_ad_slot = &quot;0907748093&quot;;
google_ad_width = 468;
google_ad_height = 15;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;</div>
<div id='end'>
<ul class='actions'>
<h3>What&#39;s Next?</h3>
<li><a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Digg it</a></li>
<li><a class='stumble' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>StumbleUpon</a></li>
<li><a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Save on Del.icio.us</a></li>
<li><a class='subscribemini' href='YOUR FEEDBURNER ADDRESS' rel='nofollow'>Subscribe via RSS</a></li>
<li><a class='comment' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' rel='nofollow'>Leave a comment</a></li>
</ul>
<ul class='tips'>
<h3>Other Recommended Posts</h3>
<li><div style='display:none;'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name +   &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop></div>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></li></ul>
</div>

Note:- Now change adsense code which is show by red color by your adsense code , your adsense code must encode by html encoder. and change feedburner url with your feed url.

* Now save your blogger template now you are done.

1 comment:

emon sristy said...

First, the last name did not start with the letter M as in Moon. I want to make sure that is crystal clear to these people, and that is being polite. South Beach

SJ Network Live Stream

SJ Network Daily Motion Live Stream