How to Add Sticky Ads on Website

What are Sticky Ads and How to Apply on the website?

A sticky ad is an ad that remains fixed in place as the user scrolls through a webpage. The ad "sticks" to a specific position on the screen, typically at the top or bottom of the page, and remains visible even as the user scrolls up or down. Sticky ads are designed to be highly visible and hard to miss, which makes them an effective way to attract the attention of website visitors.

There are a few different ways that sticky ads can be implemented on a website. One common method is to use JavaScript to fix the ad in place at a specific position on the page. Another option is to use CSS to style the ad as a fixed element, which will also keep it in place as the user scrolls.

Sticky ads can be used to promote a variety of products or services, and they can be placed on almost any type of website. However, it's important to use them judiciously, as overuse or improper placement of sticky ads can be annoying to users and may negatively impact the user experience.

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

Copy the above code and Place it on Your website. Use Add to the widget on blogger and paste the code. Replace <----Enter Ads Code----> with your ads code.

Comments

Advertisement Here
Advertisement Here

QNA Blogger

QNA Blogger
QNA Blogger Template is Designed Theme for Giving Enhanced look Various Features.

Footer Credits

© 2024 MyWebsite All rights reserved.
Made by DEEPAK SAINI