How You Can Put Floating Sidebar Ads in Blogger?

June 9, 2023

20094

Hello friends, King’s Here We welcome to our blog Nano Tech – Today In This Blog am going to tell you How You Can Put Install Floating Sidebar Ads in Blogger?

Before Starting How to put Floating Sidebar , let us know what are Floating Sidebars in Blogger?

Table of Contents

What Are The Floating Sidebar Ads in Blogger?

floating sidebar ads in Blogger are ads that appear on the side of a blog post and “float” as the user scrolls down the page. These ads can be customized by the blogger to include text, images, or links to other websites.

They are a common way for bloggers to monetize their blogs by earning revenue from clicks or impressions on the ads.

What Are Benefits of Floating Sidebar Ads in Blogger ?

Benefits of floating sidebar ads in Blogger:

1. Increased visibility: Floating sidebar ads are always visible on the page, even as the user scrolls down. This means that they are more likely to be noticed by visitors to your blog.

2. Higher click-through rates: Because floating sidebar ads are always visible, they are more likely to be clicked on by users who are interested in the product or service being advertised.

3. Better engagement: Floating sidebar ads can be used to promote specific content or products, which can help to increase engagement with your blog.

4. Additional revenue stream: By displaying floating sidebar ads on your blog, you can earn additional revenue through advertising fees or commissions from sales generated by your ads.

However, it is important to use floating sidebar ads in moderation and to ensure that they do not interfere with the user experience or make the website difficult to navigate.

How to Put floating sidebar ads in Blogger?

General steps to put floating sidebar ads in Blogger:

1. Sign in to your Blogger account and go to the “Layout” section of your blog.

2. Click on the “Add a Gadget” link in the sidebar.

3. Select “HTML/JavaScript” gadget from the layout.

4. Paste the code or Use Our Code Given Below for your floating sidebar ad into the content box of the gadget.

5. Customize the settings for your ad, such as its size, position, and duration of display.

6. Save the changes to your layout and preview your blog to ensure that the floating sidebar ad is displaying correctly.

Note that the specific steps to add a floating sidebar ad may vary depending on the ad network or platform you are using. You may need to refer to the documentation or support resources provided by your ad network to get detailed instructions on how to add a floating sidebar ad to your blog.

Required Code

  <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 Your Own 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 YOUR OwnAds Code----
</div>

Conclude

So friends, hope you have likes this article of ours, if you have or faces any problems in applying the code or if any problem is found in the content , then you must tell us by commenting below so that we can solve your problem on time. . Thank you for Giving Our Precious time by reading This Blog

Any problem contact us

ThanK You