How to make Popup banner or google AdSense ads in blogger

1- Log in to your Blogger account

2- Go to Theme and click on Edit HTML

3- Find the </body> tag and copy the code below and paste it above the </body> tag

<script type = 'text / javascript'>

$ (document) .ready (function () {$ ('img # closed'). click (function () {$ ('# bl_banner'). hide (90);});});

</script>

<div id = 'fixedban' style = 'width: 100%; margin: auto; text-align: center; float: none; overflow: hidden; display: scroll; position: fixed; bottom: 0; z-index: 999; -webkit-transform: translateZ (0);'>

<div> <a id = 'close-fixedban' onclick = 'document.getElementById ("fixedban"). style.display = "none";' style = 'cursor: pointer;'> <img alt = 'close' src = 'https: //blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSmGv-KLYe0cVrPNvphDkbHWtxSqIP8EoRlOTfAqCqnnZ1_l BME1Z_G6LQcUHmy8yRc5s-3h6QWm1rDIffP0gexxCjc3CkTwXbdHo7GFnVHXGMps0k_6YabNtMNjY1N0FV7nKQTXueufw / s1600 / btn_close.gif ' title = 'close button' style = 'vertical-align: middle;' /> </a> </div>

<div style = 'text-align: center; display: block; max-width: 728px; height: auto; overflow: hidden; margin: auto'>

Paste your AdSense AD Code here

</div>

</div>

+ The modification point is to paste the Google AdSense code at Paste your AdSense AD Code here. This type of Ads must have the size The Leaderboard (728×90).

- On the other hand, for those who put it as an image, we need to change the code to:

<script type = 'text / javascript'>

$ (document) .ready (function () {$ ('img # closed'). click (function () {$ ('# bl_banner'). hide (90);});});

</script>

<div id = 'fixedban' style = 'width: 100%; margin: auto; text-align: center; float: none; overflow: hidden; display: scroll; position: fixed; bottom: 0; z-index: 999; -webkit-transform: translateZ (0);'>

<div> <a id = 'close-fixedban' onclick = 'document.getElementById ("fixedban"). style.display = "none";' style = 'cursor: pointer;'> <img alt = 'close' src = 'https: //blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSmGv-KLYe0cVrPNvphDkbHWtxSqIP8EoRlOTfAqCqnnZ1_l BME1Z_G6LQcUHmy8yRc5s-3h6QWm1rDIffP0gexxCjc3CkTwXbdHo7GFnVHXGMps0k_6YabNtMNjY1N0FV7nKQTXueufw / s1600 / btn_close.gif ' title = 'close button' style = 'vertical-align: middle;' /> </a> </div>

<div style = 'text-align: center; display: block; max-width: 728px; height: auto; overflow: hidden; margin: auto'>

<a href = "URL LINK" target = "_ blank"> <img alt = "https://samnangtype.blogspot.com/" border = "0" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHbGTTDs3GEk3ZapDl_eNj-kjBbpbcqWHuX3j9B20RpEiFPn8LqukUmU8q2f5NrwZYn0ZYY JmIvvruspocEStii6wvKB3Qa3WiKvdLBcuBNf69d2riHH13R9tJrYG_9BwGb9k4m2ptEuAviINBv4m3SlEdEvUdIN38bikbmsi0-XgVdcux4j / s1600 / Ads% 20bbomom title = "" /> </a>

</div>

</div>

The code edit points are:

- URL LINK to be the URL to be placed

- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHbGTTDs3GEk3ZapDl_eNj-kjBbpbcqWHuX3j9B20RpEiFPn8LqukUmU8q2f5NrwZZMO2RbYfnAJ0BAZYJmIvvruspocEStii6wvKB3Qa3WiKvdLBcuBNf69d2riHH13R9tJrYG_9BwGb9k4m2ptEuAviINBv4m3SlEdEvUdIN38bikbmsi0-XgVdcux4j/s1600/Ads%20AKbalthom%20buttom.png to be the image URL. The image size must be horizontal, I would like to set the size to The Leaderboard (728×90).

Finally, if you want to expand the image length, please modify the max-width:728px, you can set it as you wish.