Create Ad box in Blogger With 2 Steps

Create a Blogger Ads Box

Create a Blogger Ad Box - I'll share blogging information with blogger creatives to boost their revenue by posting blogger ads. Writing articles for bloggers is no longer a hobby. While publishing their articles, they also try to earn income. Blogs that have become a livelihood for many bloggers are now more popular. In this way bloggers want to earn money by publishing more ads. 

You can post banner ads that can capture the interest of your regularly appearing advertisers in your blog. Follow the steps below to create an ad box that takes up less space in your blog.

Create a Blog Ad Box


By running multiple ads in both ad boxes and blogs, you can generate more revenue and make your blog more regular and engaging. 

1- Log in to your Blogger account and open the template codes page of your blog by following the instructions on the Theme> Edit HTML page in your blog's control panel. Add the following CSS codes (you can use CTRL + F to find the codes) ]]></b:skin>or </style>add the code on a line and save the template.

.ads_box {text-align: center;}
.ads_box  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #eee;}
.ads_box  img:hover {border:1px solid #ddd}
.ads_box  img.no-limit {border:0;}

2- From your blog's control panel, go to the Placement menu> Add Gadget> Create a widget with HTML / javaScript and add the following HTML code into the widget and save it. Blog ad box ready.

<div class="ads_box">
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a>
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a>
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a> 
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a> 
</div>

Editing the Blog Ads Box

You can edit the marked fields in the above HTML code as you like in the comments. The ad box is also compatible with mobile devices, so there's no need to add any extra code. We share with you a simple and handy ad box, keep following us.

No comments