transparent bar for site for notifications for blog or site

This transparent bar is
used for notify special information to users
1 sign in your blog
2 edit html
3 expand widgets


4 sear this code </body>
5 paste below code </body> above or below

<!-- Notification code start --> <style type='text/css'> #ut-sticky { background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgf0X0FZ5Fz1hcopi5Qbog6HTpkNf7r_WAdN5NcWeEtDuCm_trwtKltnA6iah-8VHzy0H-7UP-cAuHaD6Vy-YfmuCwQtzzRMyH3XTuTPv6SPghUGZuAGQGN7O1Vb-CKYApDuv5yBJkxYm/s1600/ut-bg.png&#39;) repeat; color:#fff; text-align: center; margin:0 auto; border-top: 1px solid #fff; height:28px; font-size:13px; position:fixed; bottom:0; z-index:999; width:95%; border-top-left-radius:15px; border-top-right-radius:15px; display:block; font-weight: bold; font-family: arial,&quot;Helvetica&quot;; font-color:#fff; } #ut-sticky:hover {background:#333;} #ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;} #ut-sticky p a{ text-decoration:underline; color:#FFFF33;} .ut-cross{display:block; position:relative; right:15px; float:right;} .ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;} </style> <div id='ut-sticky'> <p>Add This Transparent Notification Bar To Your Blog <a href='http://www.htmlcode4site.blogspot.com' target='_blank'>Transparent Notification Bar</a></p> <div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div> </div> <script language='JavaScript'> function hide_cross() { crosstbox = document.getElementById(&quot;ut-sticky&quot;); crosstbox.style.visibility = &#39;hidden&#39;; } </script> <!-- End of Notification code, info - http://www.htmlcode4site.blogspot.com -->