how to alert notification in to your blog?

February 19, 2020

<!***********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">×</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****************!>