Home
blogger widgets
Tips and tricks

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

How to Create Floating Adsense Ads or Floating Ads on the Right and Left Sides 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