Adding a Covid-19 banner to your website

The epidemic that is sweeping across the world is not only life-threating it is scary and one that it seems a lot of people are still misinformed about and are not taking seriously that’s why I believe, according to this article, all Internet sites operating within .zaDNA top-level domain name must have a landing page with a visible link to www.sacoronavirus.co.za

By having access to REAL news people will be kept in the know and we’ll flatten the curve before it flattens us!

So if you have a domain that ends in .za I encourage you to play your part and implement a simple banner on your website to help heal this world!

With the help of my video tutorial guide and coding, it will take you no longer than 5 minutes for you to implement this on your website. AND once this is all over, all you’ll need to do is delete the plugin!

Should you have any issues please feel free to drop me an email – nicolatweed@gmail.com

PS Shout out to Lazy Developer for the coding!

This is the plugin we’ll be using…

This is the colour for the background – #004020

This is the message text….

<div id="sacoronavirus-banner">
    <center>
        <div id="sacoronavirus-content">
            <p><a href="https://sacoronavirus.co.za/" target="_blank" rel="external nofollow"
                    title="COVID-19 Corona Virus South African Resource Portal">Emergency Hotline: 0800 029
                    999<br />WhatsApp Support Line: 0600-123456</a></p>
            <a href="https://sacoronavirus.co.za/" target="_blank" rel="external nofollow"
                title="COVID-19 Corona Virus South African Resource Portal"><img src="https://nicolatweed.com/wp-content/uploads/2020/03/SA-Covid-19.png"
                    border="0" /></a>
        </div>
    </center>
</div>

This is the CSS coding…

    #sacoronavirus-banner {
        left: 0;
        right: 0;
        top: 10;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif!important;
        z-index: 99;
        font-size: 16px;
    }

    #sacoronavirus-banner #sacoronavirus-content a {
        color: white;
        text-decoration: none;
        font-style: normal;
        line-height: 1.4em;
    }
    
#sacoronavirus-banner #sacoronavirus-content p {
        margin: 8px auto;
        float: left;
    }

    #sacoronavirus-banner #sacoronavirus-content img {
        width: 275px;
        height: 60px;
        float: right;
    }

@media only screen and (max-width: 768px) {
      #sacoronavirus-banner #sacoronavirus-content img, 
      #sacoronavirus-banner #sacoronavirus-content p  {
      float: none;
  }
}

Leave a Comment