{"id":4668,"date":"2020-12-08T22:21:00","date_gmt":"2020-12-08T22:21:00","guid":{"rendered":"http:\/\/techblogng.com\/?p=4668"},"modified":"2023-04-18T13:36:46","modified_gmt":"2023-04-18T12:36:46","slug":"adsense-ads-below-blog-posts-title","status":"publish","type":"post","link":"https:\/\/hiideemedia.com\/adsense-ads-below-blog-posts-title\/","title":{"rendered":"How to Add Adsense Ads below Blog Posts Title on Blogger Blogs"},"content":{"rendered":"
As already known that Adsense is now the best choice of bloggers to monetize their blogs because it is a contextual-based ad that shows relevance to the content. For you to increase the ad revenue, you should try adding the recommended ads on your blog to get maximum output from advertisement programs. You might have observed an ad below the post title in most of the big blogger blogs as also shown here.<\/p>\n
You would have been wondering why they prefer to put ads below the post title. It is just because they want to increase Click-Through-Rate (CTR). But you should not rely on what others follows. You should keep trying to add Adsense at various locations to check which spot works best for you.
\nHave already search for how this can be done but it took me some days before I got it done, so that's why I just wish like sharing how I got it done.
\nToday, I would be introducing to you how you can add Google Adsense Ad below post titles on your blogger blogs.<\/p>\n
1. Go to your Google Adsense Account<\/a>. You would be provided with Adsense Dashboard just click on Ads tab. 1. Point your browser to Blogger<\/a> > Blogger Dashboard > Template 8. Change Insert Parsed Adsense Ads Code with the Adsense Ads Code you kept earlier. Most ads are made to float either left or right below the post title while some also wrap it inside blog posts. <style><\/span> This will make the ads float on the right side of your post body. Change float:right to float:left<\/strong> to make it float to the left.<\/p>\n","protected":false},"excerpt":{"rendered":" As already known that Adsense is now the best choice of bloggers to monetize their blogs because it is a contextual-based ad that shows relevance to the content. For you to increase the ad revenue, you should try adding the recommended ads on your blog to get maximum output from advertisement programs. You might have […]<\/p>\n","protected":false},"author":2,"featured_media":12835,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[36],"tags":[],"class_list":{"0":"post-4668","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging"},"yoast_head":"\n
\n2. Click on \u201cby ads unit\u201d to Create a New Ad Unit.
\n3. For better results choose responsive ads units. You can also Preview to see how the ads would look like when it reached where you needed them.
\n4. Customize your ad colors and click on the save and get code button.
\n5. Select Synchronous in the code type and copy the ad code shown to you.
\n7. Now copy the ads code and save it somewhere i.e. you can save it in your notepad.<\/p>\nHow to Put Adsense Parsed Code into Blogger Template.<\/h3>\n
\n2. Back up your template before making any changes as it can be uploaded back if you made any mistake. You can read here on How to Backup Blogger Template before continuing.
\n3. After successfully backed up and downloaded. Click on “Edit HTML”
\n4. Click anywhere inside the template editor and press CTRL F on your keyboard. A search box is provided at the top right side of the template text area.<\/p>\n
\n5. Search for <b:includable id='post' var='post'><\/strong><\/em>
\n6. Inside it look for <div class='post- header-line-1′><\/strong><\/em> or <div class='post-body entry-content' ….><\/strong><\/em> you should find either both or one of the two.
\n7. Now paste the below code after <div class='post-header- line-1′><\/strong><\/em> or before <div class='post-body entry- content' ….><\/strong><\/em> in the template.
\n<div id=”hiideemediaads”>Insert Parsed Adsense Ads Code<\/div><\/strong><\/span><\/p>\n
\n9. Finally Click save the template and you are done.
\nNote: With this trick, your Ads would only show when your blog is visited in web\/PC view mode.
\nTo make Adsense show below Post Title on Mobile View Click Here<\/a>.<\/p>\nPositioning the Adsense Ads<\/h3>\n
\nIf you are using a rectangle ads unit like 250×250, 250×300, 336×280 it\u2019s advisable for you to float the ads to either right or left. Copy the below code and add it before <\/head><\/b><\/p>\n
\n#techblogngads{<\/span>
\nfloat:right;<\/span>
\npadding:5px;<\/span>
\n}<\/span>
\n\/* hiideemedia.com ads settings for responsive templates *\/<\/span>
\n@media only screen and (max-width: 767px){<\/span>
\n#hiideemediaads{<\/span>
\nfloat:none;<\/span>
\npadding:5px;<\/span>
\ntext-align:center;<\/span>
\n}<\/span>
\n}<\/span>
\n<\/style><\/span><\/p>\n