<style type=”text/css”>
#bn-bar {
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-transition: all 0.5s ease;
position: fixed;
-webkit-transform: translateZ(0);
width: 100%;
height: 25px;
line-height:25px;
top: -35px;
font-size:14px;
z-index: 10000;
background-color:#FF9900;
font-family: “Helvetica Neue”, “Arial”, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.2);
box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.2);
text-align:center;
}
#hider {
height:100%;
width:30px;
z-index:10001;
float:right;
background-color:#efefef;
background-image:url(‘close_small.png’);
background-position: 7px 5px;
background-repeat:no-repeat;
}

#hider:hover {
background-color:#fff;
cursor:pointer;
}
</style>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script>
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script>
<script>
var autohide;
$(‘body’).prepend(‘<div id=”bn-bar”><b>DON\’T MISS OUT!</b> Send customized offer letters automatically by using our Google Sheets Add-On like hundreds of other businesses.<a href=”https://www.mangoblogger.com/onboarding-app/”>Try it for free today!</a><div id=”hider”> </div></div>’);
$(document).ready(function(){
$(“#hider”).click(function(){
$(“#bn-bar”).animate({
top: “-50”
}, “fast”,”linear”, function(){});
})
$(“#bn-bar”).mouseover(function(){clearTimeout(autohide);});
setTimeout(function(){$(“#bn-bar”).animate({top: “0”}, “slow”,”linear”, function(){});},2500);
autohide = setTimeout(function(){$(“#bn-bar”).animate({top: “-30”}, “fast”,”linear”, function(){});},10000);
})
</script>