How to Add Floating Ads in Blogger Sidebar (New in 2023) Floating Ads For Blogger

Hello friends! Welcome to your onlinewebbeast.com blog. So in this article today we are going to talk about How to Add Floating Ads to Blogger Sidebar with the Latest Html code. And what is this & how can we use them? So we will know all these things in this article. So stay in this article and know more in full detail.

How to Add Floating Ads in Blogger Sidebar in 2023 | Latest Html code

What is Floating Ads and How to implement

So friends, if you are a blogger then you must know about Ads very well. Whether he Adsense Ads or anyone else Platform Take Ads | So if you have made your own blog and put ads in your blog, then let me tell you that we go to the layout of the blogger.

But how many times have you seen in another site that there are ads float, that is, it floats on the display? While the entire page is also scrollable. We know this floating ad by the name of Floating Ads.

Floating Ads in Blogger Sidebar

So let me tell you that there are many types of these Floating Ads. Like some of the Floating Ads are below. But the Floating Ads are float on both sides of the display. We also know it as Floating Ads in Blogger Sidebar.

How to Add Floating Ads in Blogger Sidebar [Full Guide]

So friends, now we will know how we can implement Floating Ads in the Sidebar of our Blogger Blog. So below I have explained all the steps in detail. Read carefully and apply.

Step 1 - First of all you have to log into Blogger's Dashboard.

Step 2 - Now you will get the HTML code in the box below and copy it.

<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 3 - Now in the copied code you have to paste your Ad Code instead of Enter Ad Code.

Step 4 – Go to Dashboard➤Layout➤Add a Gadget➤HTML/JavaScript

Step 5 - Now paste your copied code into HTML / JavaScript and save it.

Now your Floating Ads have been successfully saved in the Sidebar of your Blogger Blog.

Conclusion - How did you like this article of Add Floating Ads in Blogger Sidebar. You must tell us by commenting in the comment box below. Or if you want to give some kind of suggestion, you can share your opinion with us in the comment box below.