How to Create Ad Space in free blogger templates - Techfint

Tuesday, October 30, 2018

How to Create Ad Space in free blogger templates

How to Create Ad Space in free blogger templates

How to Create Ad Space in free blogger templates

Create Ad Unit In Blogger Templates | Hello Guys..., Would you like to increase your adsense earning by creating more ad apaces in free blogger template. By creating more adspace you can earn more.

I know that, most of the bloggers who started their blog in and just got their adsense account approved are suffering to earn money.its very hard to make good money from adsense for a new blog. But i think we can earn a little more money If we can show more ads. it will increase the impressions. More impressions means more money.

But how, If there is no ad space or just one adspace. How can we show more ads.

Dont worry ! I have a solution for this problem. Now You can create new adspaces in bottom section (just above the footer), Above or below featured post section, and above the Recent posts section. what you need to do is just copy & paste some codes in your free blogger template.

How to Create New Ad Units in Blogger Templates

Free blogger template

                                               This the template layout iam going to edit

Add CSS Code

We can create any widgets in a blogger template with the help of some CSS, HTML, Javascript codes. So, here we are going to add some CSS and HTML codes into the template.

Now go to Theme > Edit HTML  And click inside the code box and press " ctrl + f ". Now search for ]]></b:skin> and past this code just above the ]]></b:skin>.

#ads-blog-bottom .widget {
width: 728px;
max-height: 90px;
margin: 0px auto 15px !important;
max-width: 100%;
box-sizing: border-box;

You can change the width and height (970*90) and the name (ads-blog-bottom) if you want.
google recommended ad unit is 728*90.

Add HTML Code

Now you need to add the HTML code. Here iam creating an Adspace in the bottom section,

So now search for end content-wrapper and paste the given code below that

How to ad adsense ads between posts

<div id='ads-blog-bottom'>
<b:section class='home-ad-bot' id='ads-home-bot' maxwidgets='1' name='Home ADS Bottom' showaddelement='yes'/>

If you've completed the above steps,  go to blogger ' Layout '. Now you can see a new Add a Gadget Section is created,

Click on Add a Gadget And select the HTML/JavaScript widget, and paste your Adsense ad unit code.

only one gadget can be added with this code. change "1" to  "3"  ' maxwidgets='1' ' if you want to add three widgets, also you can change the name Home ADS to any.

create new ad units in blogger templates

                                       Now you can see the new section created in the template layout 


now we have created a new adspace in our blogger template in the bottom section and you can create more adspaces with the help of this code, and i hope you found this article usefull. If you have any doubts regarding this article please mention it in the article. Also share this article with your friends.

Also read

A professional content writer and tech savy. He love to explore new stuff and explain it in a simple way. No matter what and how complicated it is

Disclaimer: This post may contain affiliate links that earn me a small commission, at no additional cost to you. I only recommend products I personally use and love, or think my readers will find useful.
Read other related articles
© Copyright 2019 Techfint | All Rights Reserved