Subscribe Our YouTube Channel Subscribe Now

How to Add Floating Ads in Blogger Sidebar

In today’s article, we are going to talk about How to Add Floating Ads to Blogger’s Sidebar. And what is this & how can we use them

In today’s article, we are going to talk about  How to Add Floating Ads to Blogger’s SidebarAnd what is this & how can we use them. So we will know all these things in this article. So stay tuned to this article and know in full detail.



What is Floating Ads?

So friends, if you are a blogger then you must be well aware of Ads. Whether it is Adsense Ads or anyone else Platform Take Ads | So if you have made your own blog and have put ads in your blog, then let me tell you that we start ads by going to the blogger’s layout.

But many times you must have seen on other sites that Ads are Float i.e. keep floating on the display. While the whole page scrolls as well. We know this floating ad as  Floating Ads.

Floating Ads in Blogger Sidebar

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

How to Add Floating Ads in Blogger Sidebar

So friends, now we will know how we can do Floating Ads Implementation 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 in to the dashboard of Blogger.

<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="none"">
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="none"">
CLOSE ADS
</div>
----Enter Ads Code----
</div>

Step 2  – Now you will get the HTML code in the box below, copy it.

Step 3 – Now in the copied code you have to paste your Ad Code instead of entering Ad Code.

Step 4 – Go to DashboardLayoutAdd a GadgetHTML/JavaScript

Step 5  – Now you have to 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.

Video Tutorial

Stay connected With itsutkarshk And Follow Us On Instagram & Facebook Subscribe Our YouTube Channel

About the Author

Best place to get information and about tech, youtube, facebook, whatsapp, online earning, blogging & SEO, gadgets, sarkari result, sarkari naukari.

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.