Wednesday, August 21, 2013

How To Add Google Adsence Below Post Title In Post And After Post In Blogger

How To Add Google Adsence Below Post Title In Post And After Post. You can now add Google Adsence inside post below post title or after each post. Most bloggers now prefer to add Google Adsence below title and after post on there blogspot blogger post, so as to optimize there Adsence views and profits. Positioning Adsence in your blogger blog post is not achievable without editing your blogger blog templates, widgets and ordinary html code pasting is also not accepted to achieve adsence placement in blog post.


In a very simple and short tutorial i will take my timeout to explain how you can place your Google adsence below blogger blog post title and after post.


How To Place Adsence Below Blog Title, Inside Post And After Post
Create New Adsence Unit
Step 1. Sign In To Your Account : www.google.com/adsence
==     Click On My Ads Tab at the upper left corner
        Select New Ad Unit icon
        From The Drop Down list Choose 300X250 Medium Rectangle Ad
        Choose Prefer Link Colours, Url Colours And Others
        Save And Get Your New Ad Code.


Step 2. Your Code as to be parsed before you can think of pasting in your HTML templates

New Ad Code Parse
To Parse The New Code Goto http://www.blogcrowds.com/resources/parse_html.php





Paste Your New Code Inside The Empty Space and Click Parse

Now Your Ads Code as been parsed and can be used in your blogger template, but before you actually

use it you have to make sure it  is with appropriate positioning so you need little additional codes below

=====> To Make Your Ad display Aligned To The Left in Your Post Right Beneath your Post Title Use This

Below

   <b:if cond='data:blog.pageType == "item"'>
    <div style="float:left;">
    Paste your new parsed ads code here </div>
    </b:if> 


=====> To Make Your Ad display Aligned To The Right in Your Post Right after your Post Title Use This

Below

<b:if cond='data:blog.pageType == "item"'>
    <div style="float:left;">
    Paste your new parsed ads code here </div>
    </b:if>


The New Added Codes are called conditional tags they are important and help restrict your new Ads to

post pages.

After Inserting your newly parsed code properly into the Alignment codes as stated above.

Proceed To Final Step: Inserting Adsence Code Inside Blogger Blogs Template.

===> Log On To Your Blogger Account :  www.blogger.com
===> Click Template at the Left Corner >> Click Edit HTML
===>  Now Click Inside The HTML BOX and Press CTRL F 



Find This <data:post.body/> in the html codes.   Simply copy and paste it in the search bar just as shown above to find it  <data:post.body/>

Please Note <data:post.body/> Usually appears more than once on most template so you need to identify the right one for correct placement of your adsence ad in your blog post.

The appropriate <data:post.body/> most have  <div class='post-title entry-title'> a line or two just above <data:post.body/>


Finally To Display Your Adsence Below Tile Page And Inside Post .

Paste The Code You've Saved In Note Pad (parsed And condition code) just before <data:post.body/> in your template

To Display Your Adsence Exactly After The Last Word in Your Blog Post .

Paste The Code You've Saved In Note Pad (parsed And condition code) just After <data:post.body/>

Your Google Adsence Will Finally Appear Just exactly The way you wanted it .. Good luck

No comments:

Post a Comment