I Have Secret Tricks To Double Your Website Earning!

Subscribe our YouTube Channel    

I Have Secret Tricks To Double Your Website Earning |हेल्लो दोस्तों अपका स्वागत है आज के एस फ्रेश आर्टिकल्स में ,sसब से पहले आप डायरेक्ट एस आर्टिकल पे आये है तो पहले वीडियो देखना जरुरी है ,एस के बाद आपको समाज में आएगा.

Require Code

Copy below code and paste into your wordpress theme header.php and footer.php file and done.

CSS Code

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;


<button id="myBtn">Open Modal</button>
<div id="myModal" class="modal">

  <div class="modal-content">
    <span class="close">×</span>
    <p>Some text in the Modal..</p>


JavaScript Code

var modal = document.getElementById('myModal');

var btn = document.getElementById("myBtn");

var span = document.getElementsByClassName("close")[0];

btn.onclick = function() {
    modal.style.display = "block";

span.onclick = function() {
    modal.style.display = "none";

window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
Share Share on Facebook Share on Twitter Share on LinkedIn Pin on Pinterest Share on Stumbleupon Share on Tumblr Share on Reddit Share on Diggit

Bharat Makwana is a Founder & Owner of Veewom. He is Content creator and Web Developer from past three years. He loves to read and get in touch with the latest technology, he also have YouTube Channel BMTechTips ,for more info contact - hi@bharatmakwana.com.

You may also like this!