Please install it on Blogspot or WordPress. This is Sticky footer for ads and method is the simplest way to add Responsive Sticky Footer Ads in WordPress and Sticky Footer Ads on your Blogger Website.
<style>
.Bianity-ads {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 70px;
max-height: 90px; /* www.bianity.me */
padding: 5px 0;
box-shadow: 0 -6px 18px 0 rgba(9,32,76,.1);
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
display: flex;
align-items: center;
justify-content: center;
background-color: #fefefe;
z-index: 20;
}
.Bianity-ads-close {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px 0 0;
position: absolute;
right: 0;
top: -30px;
background-color: #fefefe;
box-shadow: 0 -6px 18px 0 rgba(9,32,76,.08);
}
.Bianity-ads .Bianity-ads-close svg {
width: 22px;
height: 22px;
fill: #000;
}
.Bianity-ads .Bianity-ads-content {
overflow: hidden;
display: block;
position: relative;
text-align:center;
height: 70px;
width: 100%;
margin-right: 10px;
margin-left: 10px;
}
</style>
<div class='Bianity-ads' id='Bianity-ads'>
<div class='Bianity-ads-close' onclick='document.getElementById("Bianity-ads").style.display="none"'>
<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'>
<path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z' />
</svg>
</div>
<div class='Bianity-ads-content'> Place your Ad Code </div>
</div>
Top comments (0)