1. Go to your Blogger Dashboard.
2. Click on 'Theme' -> 'Edit HTML'.
3. Search for the `</body>` tag.
4. Just before the `</body>` tag, paste the following code:
{codeBox}<!-- Popup Ads -->
<div id="popupAd" style="display:none;position:fixed;bottom:0;width:100%;background-color:#f9edbe;padding:10px;text-align:center;z-index:1000;">
<span><a href="https://bit.ly/m/G88" target="_blank"><img style="border:0px" src="https://i.imgur.com/RaddUu8.gif" width="1024" height="100" alt=""></img></a>
</span>
<button style="float:right;background-color:red;color:white;padding:5px;position: fixed;" onclick="document.getElementById('popupAd').style.display='none'">X</button>
</div>
<script>
window.onload = function(){
setTimeout(function(){
document.getElementById('popupAd').style.display='block';
}, 5000); // This will display the ad 5 seconds after the page loads
}
</script><!-- End Popup Ads-->
In this script:
- The "popupAd" div contains the ad content.
- The "style" attribute is used to specify the position and look of the pop-up.
- The "button" element provides a way to close the pop-up.
- The JavaScript function "window.onload" is used to display the ad a certain amount of time after the page loads. In this example, it's set to 5 seconds.
Remember to replace "Your Advertisement Here" with your advertisement content. You can also add an image or a link if you want.
5. Save the changes.
Please be aware that many users find pop-up ads intrusive, and some may even use adblocker software to prevent them from appearing. Use them sparingly and consider your audience's experience when deciding to use pop-up ads.
Also, make sure that your ads comply with Google's policies and guidelines if you are using Google AdSense.
0Comments