How to Add Floating Sidebar Ads in Blogger

Hi to all, in this article I am going to tell you all about how to add floating sticky side bar ads in blogger website easily in just few minutes.

Sticky ads helps to increase the CTR (Click Through rate) and provides better impression and earning in AdSense.

This floating sticky sidebar ads will not effect the page speed or SEO or any other, so you can use this code in your website without any issue or error.

So, read the below provided steps carefully and completely to get clear understanding about adding floating sticky sidebar ads in blogger website without any issue error.

Steps to Add Floating Sidebar Ads in Blogger

Login to Blogger Website

First of all you need to visit official blogger website.

First of all you all need to login to blogger website dashboard by using your login credentials safely.

Backup Blogger Theme

After login to blogger website dashboard, now you need to backup your blogger website theme, because when any error or issue occurs while saving the code in blogger theme editor then you can restore the backup theme and run your website as usual and to backup your website follow the below provided path.

Path: Blogger website dashboard -> Click on theme section -> Click on arrow icon -> Click on on backup -> Click on download -> Verify captcha -> Save the downloaded file in a safe place for future use.

Open Blogger Theme Editor

After successful backup of your blogger theme, now you need to open blogger theme editor to add the floating sticky sidebar ads code, to open blogger theme editor you need to follow the below provided path.

Path: Blogger website dashboard ->Click on theme section -> Click on arrow icon -> Click on Edit HTML -> Blogger theme editor section.

Adding Code

• Open blogger theme editor.

• Search for closing body tag or </body>.

• Now copy below provided code.

• Paste the copied code just above </body> tag.

• Save the theme.

 <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>    
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style scoped='' type='text/css'>
.fixed-leftSd,.fixed-rightSd{position:fixed;top:80px;width:160px;height:600px; margin: 35px; z-index:9999;transform:translateZ(0)}
.fixed-leftSd{left:0}
.fixed-rightSd{right:0}
.close-fixedSd{position:absolute;width:160px;height:21px;line-height:15px;font-size:11px;font-weight:400;top:-20px;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' onclick='this.parentElement.style.display=&quot;none&quot;' role='button' tabindex='0'>
<b>CLOSE ADS</b>
</div>
<!-- 1st Ad code here -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxx' data-ad-format='auto' data-ad-slot='xxxxxxxx' data-full-width-responsive='true' style='display:block'/>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class='fixed-rightSd'>
<div aria-label='Close Ads' class='close-fixedSd' onclick='this.parentElement.style.display=&quot;none&quot;' role='button' tabindex='0'>
<b>CLOSE ADS</b>
</div>
<!-- 2nd Ad code here -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxx' data-ad-format='auto' data-ad-slot='xxxxxxxx' data-full-width-responsive='true' style='display:block'/>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</b:if>
  </b:if> 
  

Here you need to change two values. 1st is your AdSense publisher Id and the 2nd is the Ads slot code of your responsive display ad unit.

In the above code two ad code added, so you need to change the values in both the ad code and then save the theme.

Note

If you get any issue while saving the code in your blogger theme editor, then you need to restore your blogger theme and then need to follow the steps above provided

Conclusion

I hope that you all have understood about adding floating sticky sidebar ads in your blogger website easily in just few minutes without any error or issue.