How To Place 4in1 125 x 125 Ad Space on Blogger Sidebar - Fancybloggertricks

How To Place 4in1 125 x 125 Ad Space on Blogger Sidebar

- 4:56:00 PM
How-to-place-4in1-125-x-125-ad-space-on-blogger-sidebar
One of the main aim of every blogger is making money online and there are many different ways of monetizing a blog. One of them is selling ad space. I previously shared how to place ads below post title and in blogpost footer, but today I'm sharing how to create and place 4in1 125 × 125 Ad Space on blogger sidebar.

Having total control on ad placement and getting more ad conversion rate has been one of the advantages of wordpress over blogger. Creating a 125 × 125 ad spaces on WordPress can be done in just one click but we can easily do this too on blogger by following the below steps. But before we dig into that, lets get to know the advantages of placing multiple ads space on blogger sidebar

Advantages of 4in1 125×125 Ad Space 

Here are the advantages you will enjoy by placing four 125*125 ad banner on your blogger sidebar. 

1. Selling Ad Space on Website

Using a 4in1 ads space on a blog can greatly increase your blog income by selling ad space or placing your personal small affiliate banner ads in the four ads spaces available.

Though, earning huge income through ads space selling solely depends on high traffic, engagement, quality content and the conversion rate of a blog, but you can still earn some additional income by using this bonus ad spaces.

There are naturally lower bid for 125×125 ad space compared to bigger ad space like 300 × 250. But nevertheless, there are still some advertisers out there that targets lower ad space just to save money so they don't run out of budget.

2. Promoting Affiliate and Referral Links

Promote affiliate and referral link with 125 × 125 ad banner
You can also use these free ad spaces to promote up to four different affiliate marketing products and referral banners ads at once. You can earn some referral bonus and sales share as well.

3. Beauty 

Add beauty to blogger blog with 4in1 ads banner
Using this stylish ad spaces on your blogger blog helps beautify your blog and make it look more professional like some WordPress sites out there.

So let's get to why we are here. Just below are the basic do it yourself steps to create ad spaces on blogger without much stress.

How to Create 4in1 Ad Space on Blogger Sidebar

1. Login to your blogger dashboard
2. Goto the layout section
3. Add a New Html/JavaScript Gadget on Sidebar and paste the below CSS&HTML codes in it

For Image Ads and Personal Ads Banner


<style>
.gridad_fbt{-webkit-box-sizing:border-box}
a.button1:hover{background-color:#ddd;color:#000;text-shadow:none}
.clear{clear:both;display:block}
.gridad_fbt{text-align:center;margin:0 auto;padding:16px 0 0;background:#fff;border:1px solid #dedede;width:300px;height:auto;-moz-box-sizing:border-box;box-sizing:border-box}
.gridad{margin:0 0 17px 17px;padding:0;background:#aaa;height:125px;width:125px;display:inline;float:left}
</style>
<div class="gridad_fbt">
    <div class="gridad grayscale">
 <a href="#" rel="nofollow" target="_blank" title="LINK-TITLE"><img src="IMAGE1-URL" alt="IMAGE-ALT-TEXT" title="IMAGE-TITLE-TEXT" height="125" width="125" /></a></div>
    <div class="gridad grayscale">
<a href="#" rel="nofollow" target="_blank" title="LINK-TITLE"><img src="IMAGE1-URL" alt="IMAGE-ALT-TEXT" title="IMAGE-TITLE-TEXT" height="125" width="125" /></a></div>
    <div class="gridad grayscale">
 <a href="#" rel="nofollow" target="_blank" title="LINK-TITLE"><img src="IMAGE1-URL" alt="IMAGE-ALT-TEXT" title="IMAGE-TITLE-TEXT" height="125" width="125" /></a></div>
    <div class="gridad grayscale">
 <a href="#" rel="nofollow" target="_blank" title="LINK-TITLE"><img src="IMAGE1-URL" alt="IMAGE-ALT-TEXT" title="IMAGE-TITLE-TEXT" height="125" width="125" /></a></div>
    <div class="clear"></div>
</div>

For Adnetwork ADS (E.g Google ads, Chikita, Popads....)

<style>
.gridad_fbt{-webkit-box-sizing:border-box}
a.button1:hover{background-color:#ddd;color:#000;text-shadow:none}
.clear{clear:both;display:block}
.gridad_fbt{text-align:center;margin:0 auto;padding:16px 0 0;background:#fff;border:1px solid #dedede;width:300px;height:auto;-moz-box-sizing:border-box;box-sizing:border-box}
.gridad{margin:0 0 17px 17px;padding:0;background:#aaa;height:125px;width:125px;display:inline;float:left}
</style>
<div class="gridad_fbt">
    <div class="gridad grayscale">
PLACE AD CODE 1 HERE
 </div>
    <div class="gridad grayscale">
PLACE AD CODE 2 HERE
</div>
    <div class="gridad grayscale">
PLACE AD CODE 3 HERE
 </div>
    <div class="gridad grayscale">
PLACE AD CODE 4 HERE
 </div>
    <div class="clear"></div>
</div>

Customization

- Replace "#" with the link
- Replace "LINK-TITLE" with your link title and replace "IMAGE1-URL" with your banner ad url.
- Also change "IMAGE-ALT-TEXT" with your banner alt text and "IMAGE-TITLE-TEXT" with title text respectively.

4. Finally, Click Save and View your blog to see the ad space running.

I hope you are able to add this stylish 4in1 ad space in  your blogger sidebar? Don't forget to drop a comment below if you encounter any problem executing this trick on your blog and keep sharing with your friends

We love comments but spam or irrelevant comment with lots of links will be removed immediately.
EmoticonEmoticon

 

Quick Help!

Having issues? Need quick fix? simply email me or call me

Learn more

Write For Us

Submit a guest post and see it get published real quick

Learn more

Advertise Here

Place relevant banners, links, and sponsored posts at affordable rate.

Learn more

NEWSLETTER SIGNUP

Start typing and press Enter to search