Blogger Sticky Bottom Adds Code।। Adsense Sticky Bottom Adds Code

Hellow Guys,

How Are You ? I Hope You Are Well. I Am Also Well Too.

Today I am Sharing How To Create Adsense Sticky Buttom Adds Section.

I Hope Todays Tune Is Help You.

Many Of Blogger Or Others Searching In Google , How To Create It.

...Lets Start...

Dear Blogger, Please Follow My All Step And Create Your Adsense Sticky Bottom Adds Section.

Its Very nice And Atractive For Your Website. Its Responcive For All Device.

I Mean Mobile Or Laptop Or Pc Or Desktop Screan Size.

Adsense Sticky Bottom Adds Code

First Of All Going To Your Blogger Site.

Then Go To Layout Section.

Add A New Html/Javascript Widget Section.

Loot At Under The Html And Javascript Code. Copy This Code And PasteThis Code Html/Javascript

Content Box.

<! --Css Code By SMsudipBD.Com Start-- >
<style type="text/css">
#sticky-ads {
position: fixed;
bottom: 0; left: 0;
width: 100%;
height:70px;
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;
}
.closeads {
position: fixed;
background: #fff;
font-size: 20px;
text-align: center;
left: 0;
bottom: 55px;
color: #000;
width: 40px;
height: 40px;
text-decoration: none;
border-radius: 100%;
z-index:21;
}
#openads {
display:none;
position: fixed;
background: #fff;
font-size: 20px;
text-align: center;
left: 0;
bottom: 55px;
color: #000;
width: 40px;
height: 40px;
text-decoration: none;
border-radius:100%;
z-index:21;
}
</style>

<a class='closeads' href='javascript:void(0)' onclick='closeAds()' type='close'><i class='fas fa-angle-down' style='margin-top:10px;'></i></a>
<a id='openads' href='javascript:void(0)' onclick='openAds()' type='close'><i class='fas fa-angle-up' style='margin-top:10px;'></i></a>

<div id="sticky-ads">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4026743502050592"
crossorigin="anonymous"></script>

<ins class="adsbygoogle"
style="display:block;height:70px;min-height:70px;max-height:70px;width:100%;line-height:70px;"
data-ad-client="ca-pub-xxxxxx"
data-ad-slot="yyyyyy">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<! --bottom sticky ads js start-- >
<script async='async' type='text/javascript'>
function openAds() {
document.getElementById("sticky-ads").style.display = "block";
document.getElementById("openads").style.display = "none";
}
function closeAds() {
document.getElementById("sticky-ads").style.display = "none";
document.getElementById("openads").style.display = "block";
}
</script>
<! --bottom sticky ads js end-- >

Just Change Your Google Adsense -

data-ad-client id

data-ad-slot id

I Am Shown You And Selected In Code , xxxxxx And yyyyyy.

At Last Save Html/Javascript Widget.

Visit Your Website. Sticky Bottom Adds Section Added Your Website.

Dear Guys , Give Your Right Feedback In Comment Section. I Will Try To Solve Your Problem.

No, More Today. Thanks All. Stay Save.

Credit By SMsudipBD.Com

Tags:- Blogger Sticky Bottom Adds Code।। Adsense Sticky Bottom Adds Code.,wapkiz all code,wapka theme download,dj mp3 songs,mp4 videos,love songs,sad songs,code and css,javascript teach,blogger tips,html template,wordpress theme design,wapkiz theme all code,wapkiz forum last update code,wapkiz adsense help,adsense setup