how to alert notification in to your blog?

<!***********alert****************!>
how to show alert in your blogger just copy and past this code in your blogger

<style>
.alert {
  padding: 8px;
 // background-color: #f44331;
  background:#00CCFF;
width:400px;
height:70px;

  opacity:0.3;
  transition: opacity 0.6s;
  margin-bottom:25px;
  text-align:center;
  letter-spacing:2px;
  word-spacing:4px;
      border-radius: 0px 0px 80px 80px;
  color:red;
  font-size:16px;
      box-shadow: 0px 1px 1px 0px black;
    text-shadow: 1px -1px 1px black;
background-image:url(naraj.jpg);background-repeat: no-repeat;



}

.alert.warning {background-color:silver; opacity:0.3;}

.closebtn {
  margin-left:25px;
  color: white;
  height:30px;
  font-weight: bolder;
  float: right;
  font-size: 40px;
  line-height: 30px;
  cursor: pointer;
  transition: 10.3s;
}

.closebtn:hover {
  color: black;
}
.contactl{text-decoration:none;overflow:hidden;background:#eee;}
.contact:hover{color:aqua}
.contactl:hover{color:lightgreen;}
</style>




<div class="alert warning">

<strong><marquee width="320px;">For Webpage design,Bogger xml page design and more work... </marquee></strong><br />
  <span class="closebtn">&times;</span>
<span class="contact">
  <br />If you have any question then<br><strong ><a href="https://programmingflow.blogspot.com"class="contactl">Contact us</a></strong></span></div>

<script type="text/javascript">
var close = document.getElementsByClassName("closebtn");
var i;

for (i = 0; i < close.length; i++) {
  close[i].onmouseenter = function(){
    var div = this.parentElement;
    div.style.opacity = "0";
    setTimeout(function(){ div.style.display = "none"; }, 600);
  }
}
</script>


</!***********alert****************!>