This featured tutorial by Mohammad Mustafa Ahmedzai of MyBloggerTricks will show you how to add Adsense after the <!—more — > Tag. It’s one way to boost your online earnings.
Using simple jQuery, this will tell the browser to add an Ad zone before the more tag. For browsers with disabled Javascript, the Ad zone will be shown at the end of the post.
Below are the steps:
- Go to the Blogger Dashboard > Templates.
- Tick the Expand Widget Templates box.
- Using Ctrl+F, search for <head>
- If you’re not yet using jQuery script in your blog, copy and paste the following code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/> - See more at: http://www.mybloggertricks.com/2013/02/positioning-adsense-ads.html#sthash.2bZZtk24.dpuf- Paste this code below <head>
<script type='text/javascript'>
$(document).ready(function(){
$('a[name="more"]').before($('#MBT-google-ad').html());
$('#MBT-google-ad').html('');
});
</script>
- Search for <data:post.body/>
- Paste this code:
<b:if cond='data:blog.pageType == "item"'>
<div id='MBT-google-ad'>
<br/>
<center>
ADD ENCODED ADSENSE CODE HERE </center>
<br/>
</div>
</b:if> - See more at: http://www.mybloggertricks.com/2013/02/positioning-adsense-ads.html#sthash.2bZZtk24.dpuf
- Change the bolded text (ADD ENCODED ADSENSE CODE HERE) with your Adsense code. Keep in mind that your Google Adsense Account must first be encoded so it will work with Blogger.
- Save.
0 comments:
Post a Comment