Notification bar Apne BLog me Kaise insert karenge. Isko Hum appko is Post me Bata Rahe hai. Notification bar ek aisa widget hai jiski madad se aap kisi ko apne blog aur website ke through wish , koi message etc de sakte hai. Notification bar wigdet ko aap apne blog me asani se laga sakte hai. 



Chaliye sidhe se apne post ke topic par aate hai. Aap blogger par notification bar ko kaise add karenge. 

Hot Notification Widget for Blogger

1. sabse pahle aap apne theme ka backup le lijiye ( yadi aapko tempalte ke backup lene ki jankari chahiye to hamari ye post parhiye ki blogger template ka backup kaise liye jata hai )

2. Ab Blogger Dashboard Ko open kijiye Aur Theme Pat click kijiye Phir Aap Edit Html par click kijiye. Aapka Theme Editor Open Ho jayega.

3. Ab aap <body> tag search kijiye aur niche ka diya gaya code insert kar dijiye

<!-- Notification Start -->

<style type='text/css'>
#ut-sticky
{
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 6%, #7d7e7d 9%, #0e0e0e 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#7d7e7d), color-stop(9%,#7d7e7d), color-stop(99%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* IE10+ */
background: linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#7d7e7d&#39;, endColorstr=&#39;#0e0e0e&#39;,GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #999;
color:#fff;
text-align: center;
margin:-12px auto;
padding-bottom:1px;
border-top: 1px solid #333;
height:38px;
font-size:13px;
position:fixed;
vertical-align: baseline; overflow:hidden;
z-index:999;
width:100%;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
display:block;
font-weight: bold;
font-family: arial,&quot;Helvetica&quot;;
font-color:#fff;
 -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
 -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
}
#ut-sticky:hover
{
background-color:#1bc11b;background-image:-moz-linear-gradient(top,#555555,#434343);background-image:-ms-linear-gradient(top,#555555,#434343);background-image:-webkit-gradient(linear,0 0,0 100%,from(#555555),to(#434343));background-image:-webkit-linear-gradient(top,#555555,#434343);background-image:-o-linear-gradient(top,#555555,#434343);background-image:linear-gradient(top,#555555,#434343);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#555555&#39;,endColorstr=&#39;#434343&#39;,GradientType=0)
-webkit-transition:all 1.3s ease-in-out;-moz-transition:all 1.3s ease-in-out;-o-transition-duration:all 1.3s ease-in-out;transition:all 1.3s ease-in-out;
 -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
 -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
}
#ut-button {background:#fff; padding:4px; color:black;text-shadow:0 -1px 0 rgba(255,255,255,0.25);background-color:white}
#ut-sticky p{line-height:5px; font-size:25px; text-align:center; width:95%; float:left;}
#ut-sticky p a{ text-decoration:underline; padding:4px; color:#FFFF33;}
.ut-cross{display:block; position:relative; right:15px; top:4px;float:right;}
.ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;}
.ut-cross, a:hover{color:#DDD; text-decoration:none;}

</style>
<div id='ut-sticky'>
<p style='padding-top:17px;'> Wish you a happy new Year <a class='ut-button' href='sabhow.blogspot.com' target='_blank'>Click Here!</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>
<br/><br/>
<br/><br/>


<!-- Notification bar by sabhow.blogspot.com -->

Code Source - Allbloggingtips.com

4. Aap Code ko <body> ke niche Copy paste kar dijiye aur Theme ko save kar dijiye. Ab aap demo ke liye apna Blog Open kar ke dekh sakte hai. 

Edit : Aap Black Colour Me Likhe Gaye Wish ke sthan par aap Apna Text Link etc Dal Sakte hai. Yadi Aap Redisign karna chahte hai to aap css Code ko Edit kare. 

I hope aapko ye Notification blogger widget pasand aaya hoga . Post ko share kijiye aur aapko kisi bhi tarah ki pareshani aati hai hume comment ke jariye bataiye hum aapki problem ko solve karne ki koshish karenge.