MenuBar

Friday, July 21, 2017

TutorialBlog: 'Popup' Close Button for Floating Ads

Assalamualaikum and hi,

You're most adviced to go through previous tutorial HERE.

1. First, go to previous html/javascript for the floating ads. Then copy this code:
<div class='widget-content'>
<div id="polskadoor"><div style='display:scroll; position:fixed;
top:30px;
right:5px;'><a href="#" onclick="document.getElementById('polskadoor').style.display = 'none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFIZpGDi_cLgkUm-8gTUsBW2YyyzVhZLCLhzlGPz29S5C8sOCaUSCD217IPt-kPYKgfYObepkDAlX0JZU_rMki6b_FpkkL9y_Pd41KiDeOCSGwaN3kNTRuueUJO7EZ5y9JUB8XRrsBHzg/s1600/close-button.png" alt="Close" /></a>

2. Paste the code above previous code. Change the red with your desired position.

3. Set right or left position with 0px to position the ads to the end of the section.

<div style="position: fixed; top: 50px; right:0px;">

and set the close button:

position:fixed;
top:30px; right:5px;'>

4. Save then enjoy!

Source: Lyssa
Share your experience down below!

No comments:

Post a Comment