How to Add Floating Ads in Blogger Sidebar

0
124

What is Floating Ads? How to add floating Ads? Is this Good for my site? – There are various types of floating Ads on the Internet. But today in this article I will tell you about how to Add floating Ads in the blogger sidebar.

How to Add Floating Ads in Blogger Sidebar

Because in WordPress adding Floating Ads is very easy by using plugins but in blogger, there is a whole different story here you don’t have plugin options. So you need to use Script & Codes to add the Floating Ads. I will mention all the answers to the question given above at the starting of the article.

What is Floating Ads?

A floating Ads is a type of Ads shown on a website like a balloon and used by various websites on the Internet. Floating Ads is similar to pop-up Ads but typically offer a more unique viewing experience.

This type of Ad will usually appear when a website is loaded and will appear “over” the website itself, and some type of floating Ad is likely to disappear on its own in a set period of time. A floating Ad can include the ability for a user to close it if desired. Floating Ads also boost the earning and make you rich.

How To Change The Permalink Structure In WordPress?

Floating Ads on Blogger sidebar

Adding Floating Ads on the blogger sidebar is very easy that make your site look attractive and boost your earnings. People also want to add this type of Floating Ads on their site and if you are one of them then this article is for you I will Mention everything about how to Add a Floating sidebar on blogger. So Reading every step very carefully.

How to Add Floating Ads in Blogger sidebar?

So Let me tell guide you step by step on how to implement Floating Ads:-

Step 1:- First Open Text note or Notepad ++ and copy the code given down below

<style scoped='' type='text/css'>
.fixed-leftSd,.fixed-rightSd{position:fixed;top:60px;width:160px;height:600px;z-index:9999;transform:translateZ(0)}
.fixed-leftSd{left:0}
.fixed-rightSd{right:0}
.close-fixedSd{position:absolute;width:160px;height:15px;line-height:15px;font-size:11px;font-weight:400;top:-15px;left:0;text-align:center;background:#e0e0e0;color:#666;padding:5px 0;cursor:pointer}
@media screen and (max-width:800px){.fixed-leftSd,.fixed-rightSd{display:none;visibility:hidden;}}
</style>
<div class="fixed-leftSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
CLOSE ADS
</div>
----Enter Ads Code----
</div>
<div class="fixed-rightSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
CLOSE ADS
</div>
----Enter Ads Code----
</div>

Step 2:- After that paste your AdSense ads code in the place of ‘ENTER ADS CODE ‘.

Step 3:- Then Copy The Whole code and Login into your Blogger dashboard.

Step 4:- After that GO Dashboard➤Layout➤Sidebar➤Add a Gadget➤HTML/JavaScript.

Img: 1

Step 4:- After that GO Dashboard➤Layout➤Sidebar➤Add a Gadget➤HTML/JavaScript.

Img: 2

How to Add Floating Ads in Blogger Sidebar 2

Img: 3

How to Add Floating Ads in Blogger Sidebar 3

Step 5:- Paste your code here in the content section and Save it.

Finally, the sidebar Floating Ads is added to your blogger site and the Ads are shown soon. But these ads only show on the Desktop. The Ads are not going to show on mobile.

I hope, You like this article and you understand how to add sidebar floating ads in Blogger. If you are facing any problem then comment down I will try to help you. 😁

LEAVE A REPLY

Please enter your comment!
Please enter your name here