How to add responsive Banner Ad Widget in Footer with close button


How to add responsive Banner Ad Widget in Footer with close button

Recently we publish a Random Affiliate Banner ads Widget for blogs and website’s.this tutorial we are going to Release a responsive Banner Ad Widget Display a responsive Banner Ad Widget in Footer area with Close button option.

Feature’s

  • 100% responsive
  • banner with close Button
  • Easy Installation


Just Follow our Below steps to add this Footer Banner widget on your blog’s and website

  • Copy the below Banner widget code and paste in your website
<script type='text/javascript'>
$(document).ready(function() {
$( & #39;img# closed & #39;).click(function(){$(&# 39;# bl_banner & #39;).hide(90);});});
</script>

<div id='fixedbanner' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div>
<a id='close-fixedbanner' onclick='document.getElementById(&apos;fixedbanner&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close button' src='https://www.mskian.com/test/widgets/msk-close.gif' title='close button' style='vertical-align:middle;' /></a>
</div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='YOUR AFFILIATE BANNER LINK' title='YOUR TITLE TEXT'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='YOUR ALT TEXT' src='YOUR AFFILIATE BANNER IMAGE LINK' /></a>
</div>
</div>

Installation

WordPress user’s

  • if your theme having a built-in header and footer script option means paste it banner code on footer box or install Insert header and Footer WordPresss plugin

Blogger platform use’s

  • Open Template editor use CTRL + F for search the </body> tag paste this responsive Banner Ad Widget code above </body> tag.

Others

  • Just paste this banner widget code above </body> tag.

From the Editor’s Desk

Use Canva Photo editor for developing a stunning affiliate banner’s widget’s and Banner recommended size 728 x 90

If you have Doubts Please Feel comment here I will help you.

 


Was this article helpful?
Thanks!

Your feedback helps us improve Allwebtuts.com



13 Shares
+11
Tweet
Share11
Pin1
Stumble