Pages

Showing posts with label Tips. Show all posts
Showing posts with label Tips. Show all posts

Adsense Ads Below to the Blogger Post Title

Your blog earnings depend mainly on your blog's traffic and on your ad placement. One important place to place the ads is below the Post title. It will give more importance to the ads and there is more possibility to get clicks. This is in accordance with the Google Adsense TOS 

I am personally using the same hack on this blog. You can see adsense ads below the post title on all my  pages.Ok now let us get into the details of how to set it up. 

First of all login to your adsense account and generate ad code of optimum size.. 
Now copy that adsense code into the following box and parse it(you may not see the parser if you are reading my feed) 


Copy off the parsed code.. 
Now login to your blogger account. 
Go to Layout > Edit Html and expand the widget templates. 
Find this piece of code 
<data:post.body/>

Now add the following code just above that line. 
<!-- BloggerPlugins.ORG Adsense Above Posts start --> 
<b:if cond='data:post.isFirstPost'> 
Put your parsed adsense code here 
<br/> 
</b:if> 
<!-- BloggerPlugins.ORG Adsense Above Posts End -->

How to Add Google +1(plus) Button to your Blogger with Share Buttons

Step 1: First enable share buttons for blogger editing the Blog Posts widget from Page Elements section.



Step 2 : Go to "Edit HTML". Click on "Expand Widget Template"

Step 3 : Find this and remove it:

<b:include data='post' name='shareButtons'/>

Note : If you can not find above code, then skip that step.

Step 4 : Now add below code just above the </head> tag.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>

Step 5 : Scroll down to where you see below code:



<div class='post-header-line-1'/>


Step 6 : Now Copy below "Blogger Sharing Buttons" code and paste it Just below the above code.


NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste "Blogger Sharing buttons" code just before <data:post.body/> .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;margin-right:10px;'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>

This will show blogger sharing buttons below post header in blogger post pages..But if you want to show share buttons below blogger post,then paste your code just after <data:post.body/>.

Also if you want to show share button in every page, then remove form above code.

Step 7 : Now save your template and you are done.
2 blue lines.