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

লিখেছেনঃ
প্রকাশিতঃ

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

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>
<!-- Footer Ads -->
<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
পোস্ট রেটিং করুন
ট্যাগঃ
About Author


টিউটোরিয়ালটি কেমন লেগেছে মন্তব্য করুন!