 |
Sticky Bottom Ads Code for Blogger |
HOW TO ADD CSS CODE:
two ways to add your css
Step-1 :
1.Then log in your blogger dashboard
2.Your Blogger's edit HTML
add on <b:skin><![CDATA[
add by style tag
First method go to your blogger's edit HTML, then search <b: skin> <! [CDATA [ . And put your CSS code after this code.
.CODE:
.sticky-ads{position:fixed;bottom:0;left:0;width:100%;min-height:70px;max-height:200px;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}.sticky-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)}.sticky-ads .sticky-ads-close svg{width:22px;height:22px;fill:#000}.sticky-ads .sticky-ads-content{overflow:hidden;display:block;position:relative;height:70px;width:100%;margin-right:10px;margin-left:10px}
Step-2:
1.Go to your Adsense account
2.Create a new ad unit
3.Then copy and replace HTML code
4.Then log in your blogger dashboard
5.Click on the layout section
6. Add new widget
7.Click on HTML/javascript
8. Past and save this code
2.CODE:
<div class='sticky-ads' id='sticky-ads'><div class='sticky-ads-close' onclick='document.getElementById("sticky-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='sticky-ads-content'><ins class="adsbygoogle" style="display:inline-block;height:70px;width:100%;line-height:70px;" data-ad-client="ca-pub-xxxxxxxxxxx" data-ad-slot="xxxxxxxxxxx"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script></div></div>
bottom sticky ads,sticky ads,how to add floating sticky ads,how to add sticky floating bottom ads in blogger,how to add sticky ads,sticky floating bottom ads in blogger,sticky floating bottom ads,sticky ads google adsense,sticky ads wordpress plugin,sticky floating bottom ads for blogger,how to add popup & sticky floating bottom ads in blog website,how add sticky ads,add responsive footer sticky ads,sticky footer ads,sticky ads in blogger,sticky ads example,Sticky Bottom Ads Code for Blogger masud computer bd,floating sticky sidebar ads for blogger,sticky floating bottom ads for blogger,how to add sticky floating bottom ads in blogger,sticky floating bottom ads in blogger,sticky ads for blogger,add floating bottom ads for blogger,floating sticky footer ads for blogger,sticky ads in blogger,sticky sidebar blogger,how to add sticky ads in blogger,sticky footer blogger,how to add floating sticky ads,bottom sticky ads,how to add sticky ads,
ডোমেইন হোস্টিং সার্ভিস এই লিংকে চাপ দিন ।
ওয়েব ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।
গ্রাফিক্স ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।
ডোমেইন চেকার এই লিংকে চাপ দিন ।
