A simple banner that can be hidden and creates a cookie to stay hidden
<div class="featured-banner-wrapper">
<a id="featured-banner" title="<?=$Title; ?>" target="_blank" href="<?=$Link;?>">
<div class="feat-banner-content">
<div class="feat-banner-item">
Enter your banner content here
</div>
<div class="feat-banner-button-wrapper">
<div class="feat-banner-button">close</div>
</div>
</div>
</a>
</div>
<script>
$(document).ready(function checkCookie(){
var fbCookie=getCookie("cookieFB");
if (fbCookie!="Hide Banner") {
$('.featured-banner-wrapper').show();
$('#fb-tab').click(function(){
$('.featured-banner-wrapper').hide('','',setCookie('cookieFB'));
});
}
});
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function setCookie(cname) {
var expTime = new Date();
expTime.setTime(expTime.getTime() + (6*60*60*1000)); //add 6 hours to current time
var expires = "expires="+ expTime.toUTCString();
document.cookie = cname + "=Hide Banner;" + expires;
}
</script>