How to Create Floating Ads (Floating Ads) on the Right and Left of the Blog

How to Create Floating Ads (Floating Ads) on the Right and Left of the Blog
How to Create Floating Ads (Floating Ads) on the Right and Left of the Blog




How to Create Floating Ads (Floating Ads) on the Right and Left Side of the Blog - There are many tricks to increase your AdSense ad revenue, one of which is to place the position of the AdSense ad unit on a strategic part seen by visitors.

The position of floating or floating Adsense ads to the right and left of the blog is considered strategic because it has the potential to attract ad clicks, besides that it doesn't disturb the user when reading content.

Then how do you apply the position of the adsense ad floating on the right and left side of the blog? The method is quite easy, you can follow the following tutorial.

Implementing Floating Ads on the Left Side of the Blog

  1. Open Blogger Dashboard
  2. Go to Theme > select Layout
  3. Add a Gadget > Select HTML/Java Script
  4. Then copy and paste the code below on the gadget
  5. If so then Save
<!-- Floating Ads -->
<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 Here
</div>
<!-- Ad code slot here -->
</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 Here
</div>
<!-- Ad code slot here --> 
</div>

Use a 160x600 pixel dynamic ad unit or a vertical ad unit in AdSense.

In addition to being used to display AdSense ads. The script can also be used for standalone ad banners or for affiliate banners.

Floating Adsense Ads Demo

This type of floating ad or Floating Ads on the right and left side of the blog is suitable to be applied to blogs that have a minimalist appearance, but if your blog has a wide or full view to the side, it is certainly not recommended because it can hinder readers.

Demos

Closing

So, that was How to Create Floating Ads on the Left Side of the Blog . If this article is useful, you can share and recommend it to friends who need it, if you have other questions, you can ask via comments.

Post a Comment

Welcome to Jehangir Khan's Tech Blog! We're thrilled to have you join the conversation. Your comments and feedback are valuable to us and help us create a community of tech enthusiasts who share ideas and insights. We encourage you to share your thoughts related to the post and engage in a respectful and meaningful conversation with others. Please refrain from spamming or promoting your own content in the comments section. We also ask that you avoid using inappropriate language or attacking others. Please note that all comments will be reviewed before they are posted, and we reserve the right to remove any comments that violate our policies. Let's explore the world of technology together and inspire each other to achieve our goals!

Previous Post Next Post