html + instructions for update bar

to find </style> or <body> in EDIT HTML, CTRL+F and type it in and it'll locate it for you.

1. paste this BEFORE </style>:

#notice
    #notice a{
    display:block
    }
    #notice .updates {
    margin-left:-100px;
    margin-top:0px;filter: alpha(opacity = 0);
    opacity:0;-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
    }

    #notice:hover .updates {
    margin-left:0px;
    margin-top:0px;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    filter: alpha(opacity = 100);
    filter: alpha(opacity = 100);
    opacity:100;
    }

#messaji {
    position:fixed;
    background-color:#fff;
    font-family:'Inconsolata';
    font-size:9px;
    width:130px;
    height:auto;
    padding-bottom:5px;
    border:1px solid #ddd;
    margin-left:175px;
    margin-top:-60px;
    text-align:center;
    }

#peach img{
    opacity:0.74;
    margin-top:-100px;
    margin-left:-10px;
    height:390px;
    position:fixed;
    -webkit-filter:grayscale(0%);
    }

#peach img:hover{
    opacity:0.70;
    -webkit-filter:grayscale(30%);
    }

2. paste this AFTER <body>, put image url + text where I typed in caps:

<div id="notice">
    <div id="peach"><img src="IMAGE URL GOES HERE"></div>
    <div class="updates">
    <div id="messaji">
<div style="background:#f5f5f5;padding:5px;padding-top:6px;margin-bottom:10px;border-bottom:1px double #ddd;text-align:center;font-size:8px;color:#888;font-family:Inconsolata;">UPDATES</div>
    TEXT GOES HERE
<p></p></center></div>
    </div></div>