W3Schools Learner's Blog

W3Schools Programming knowledge summary website

div

3/18/2018

How to Put Adsense Ads Below Post Title and After Content

How to Put Adsense Ads Below Post Title and After Content?

Here are the steps to complete in order to place Google adsense,For example, the Adsense ad on my website is below post title and after content.

Step 1: Log in to your ads management dashboard, create an ad unit (300*250 or 728*90 recommended) and copy the JavaScript or HTML code to a blank notepad document file.

Step2: Modify the ads code pasted in the notepad document with this CSS code.
  1. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2. <div style='float:center;padding:5px;'>
  3.            Paste Your ads code (from step1) here
  4. </div>
  5. </b:if>
Step 3: Copy the new modified ads code and covert it to ASCII by using the free tool here. Copy the converted ads back to the notepad doc. to be used for all the positions you’d like the ads to show on blogger.

Step 4: Log in to your blogger dashboard, ==> From the left menu items ==> click on Theme and then Edit HTML.

Step 5: Click inside the blogger template codes and ==> press CTRL+F to activate search. Search for <data:post.body/> and place the ads (copied from step 3) just above it to display ads below post title and below it to display ads after post, before comments/social share buttons.
Complete!

No comments:

Post a Comment

Note: only a member of this blog may post a comment.