How to Add Floating Ads in  Sidebar on Blogger

Hi friends! Today in this article we are going to talk about adding the Floating Ads in Blogger Sidebar. And how you can add floating ads in sidebar on blogger website? We will know all these things in this article. So keep stay with this article and know more details about it.


What is Floating Ads?

Friends, if you are a blogger or do blogging then you definitely know about Ads very well. Whether it is Adsense Ads or any other platform Ads. If you have created your own blog in blogger and you put ads in your blog, you will go to the Layout section of Blogger.


How many times you have seen float ads in other websites, it floats on the display? You can see the entire page is also scrollable. We know these ads by the name of Floating Ads.


Floating Ads in Blogger Sidebar

There are many types of Floating Ads. Floating Ads are float on both sides of the display. We also know it as Floating Ads in Blogger Sidebar.

$ads={2}

How to Add Floating Ads in Blogger Sidebar

Now we will know how we can implement these Floating Ads in the Sidebar of Blogger Blog. So below explained all the steps in detail follow these steps.


Step 1 - First of all you have to log in to your Blogger.com Dashboard.

Step 2 - Now copy the HTML code in the box 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 3 - After copy this above code you have to paste your Ad Code instead of "Enter Ad Code" place.


Step 4 - Then, Go to Dashboard >> Layout >> Add a Gadget >> HTML/JavaScript

$ads={2}

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


Now your site has displayed Floating Ads in the Sidebar of your Blogger Blog.


Conclusion

How did you like this article about How to Add Floating Ads in Sidebar on Blogger? You must give your feedback in the comment box below. Or if you have any suggestion, you can share with us in the comment box below.


Post a Comment

Please do not enter any spam link in the comment box.

Previous Post Next Post
close