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

Hey, I’m Bharat Makwana, A Full Time Blogger & Youtuber, Founder of InfinityGyan, WPMesh, Veewom and BM Tech Tips YouTube Channel.

You may also like this!