HOW TO PUT ADS IN LEFT AND RIGHT CORNERS OF OUR BLOG TO INCREASE BLOG REVENUE IN BLOGGER TEMPLATE FREE TO USE SCRIPT

vào

If you are looking for code to insert ads in the left and right corners of the screen, this is the article for you. Follow the article to see how we had inserted ads in the left and right corners!



Simply put, it is a piece of code to fix or animate an ad code or a banner. There are many different ad insertion codes, each used for a specific location or purpose. In this article, We will share with you the code to display banner ads in the lower left and right corners of the screen!

Banner ads often have a fixed image or video, so when it appears many times, it will be boring for viewers. To overcome this,We  had written a random image code, ie, after each page reload the banner image will change (unlimited number of banners).



Code to insert ads in the left corner

Copy the code below:


<!-- Start advertising the left corner of the screen by Anand Nawal -->
<style>#anandnawal-ads-bottom-left-corner{position:fixed;bottom:0;left:0;z-index:9999}.exit-anandnawal-ads-bottom-left-corner{position:fixed;display:flex;align-items:center;justify-content:center;background:linear-gradient(179.83deg,rgb(255,75,91) 0.15%,rgb(255,148,158) 92.02%);height:30px;width:30px;z-index:100;border-radius:100%;bottom:230px;left:230px}.exit-anandnawal-ads-bottom-left-corner i{font-size:15px;margin:0;color:#fff}@media(max-width:1024px){#anandnawal-ads-bottom-left-corner{display:none!important}}.anandnawal-ads-bottom-left-corner-hover:hover{opacity:.9}#anandnawal-setAds-left{width:250px;height:250px;border-radius:10px;background-position:center center;background-size:cover;background-repeat:no-repeat}</style>
<div id='anandnawal-ads-bottom-left-corner'>
    <div class='exit-anandnawal-ads-bottom-left-corner'>
        <a href='javascript:;' onclick='hideitem()'><i aria-hidden='true' class='fa fa-times'/></a>
    </div>
    <a href='https://www.anandnawal.com/' target='_blank' title='Anand Nawal'>
        <div class='anandnawal-ads-bottom-left-corner-hover' id='anandnawal-setAds-left'/>
    </a>
</div>
<script language='JavaScript'>
    function hideitem() {
        document.getElementById("anandnawal-ads-bottom-left-corner").style.display = "none";
    }
</script>
<script>
    //<![CDATA[
        var random = Math.floor(Math.random() * 4) + 0;
        var imagearray = [
            "url('https://cdni.iconscout.com/illustration/premium/thumb/marketing-employee-posting-ads-2985916-2490961.png')",
            "url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTWz76gGHG-q0yY-C-sboUEaGWzRkLkKoSf0Q&usqp=CAU')",
            "url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTJrMkNN9dzloZ9Q_kjAQmTP9odu4QvUElZcg&usqp=CAU')",
            "url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQW-sg3hB7cJtKPu25V-XLTA8ZxfGSNFqxiww&usqp=CAU')"
        ];
        document.getElementById("anandnawal-setAds-left").style.backgroundImage = imagearray[random];
    //]]>
</script>
<!-- End advertising the left corner of the screen by Anand Nawal -->
  • Change banner image link
  • Add as many photos as you like
  • Paste all the edited code before the </body> . tag
  • Save and done!

Code to insert ads in the right corner

Copy the code below:


<!-- Start advertising the right corner of the screen by Anand Nawal-->
<style>#anandnawal-ads-bottom-right-corner{position:fixed;bottom:0;right:0;z-index:9999}.exit-anandnawal-ads-bottom-right-corner{position:fixed;display:flex;align-items:center;justify-content:center;background:linear-gradient(179.83deg,rgb(255,75,91) 0.15%,rgb(255,148,158) 92.02%);height:30px;width:30px;z-index:100;border-radius:100%;bottom:230px;right:230px}.exit-anandnawal-ads-bottom-right-corner i{font-size:15px;margin:0;color:#fff}@media(max-width:1024px){#anandnawal-ads-bottom-right-corner{display:none!important}}.anandnawal-ads-bottom-right-corner-hover:hover{opacity:.9}#anandnawal-setAds-right{width:250px;height:250px;border-radius:10px;background-position:center center;background-size:cover;background-repeat:no-repeat}</style>
<div id='anandnawal-ads-bottom-right-corner'>
    <div class='exit-anandnawal-ads-bottom-right-corner'>
        <a href='javascript:;' onclick='hideitem()'><i aria-hidden='true' class='fa fa-times'/></a>
    </div>
    <a href='https://www.code.pro.vn/' target='_blank' title='Chia sẻ kiến thức, tư duy sáng tạo!'>
        <div class='anandnawal-ads-bottom-right-corner-hover' id='anandnawal-setAds-right'/>
    </a>
</div>
<script language='JavaScript'>
    function hideitem() {
        document.getElementById("anandnawal-ads-bottom-right-corner").style.display = "none";
    }
</script>
<script>
    //<![CDATA[
        var random = Math.floor(Math.random() * 4) + 0;
        var imagearray = [
            "url('https://cdni.iconscout.com/illustration/premium/thumb/marketing-employee-posting-ads-2985916-2490961.png')",
            "url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTWz76gGHG-q0yY-C-sboUEaGWzRkLkKoSf0Q&usqp=CAU')",
            "url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTJrMkNN9dzloZ9Q_kjAQmTP9odu4QvUElZcg&usqp=CAU')",
            "url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQW-sg3hB7cJtKPu25V-XLTA8ZxfGSNFqxiww&usqp=CAU')"
        ];
        document.getElementById("anandnawal-setAds-right").style.backgroundImage = imagearray[random];
    //]]>
</script>
<!-- End advertising the right corner of the screen by Anand Nawal -->
  • Change banner image link
  • Add as many photos as you like
  • Paste all the edited code before the </body> . tag
  • Save and done!

NOTE THAT THIS CODE WILL NOT WORK ON MOBILE DEVICES PROPERLY AS IT IS SPECIALLY MADE FOR DESKTOP USERS.