Add Animated Notice Box Widget On Blogger

E

ver wanted to greet your visitor with something important message or want to have your visitor a look at the most important content of your website. Than a Animated Notice Box blogger widget is the one you are looking for.

How To Add This Widget To Blogger?

• Login To Blogger Go To >> Layout. 
• Simply add a Gadget of HTML/JavaScript type.
• add this code in to it:

<script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>
<script src="https://making-different.googlecode.com/svn/trunk/makingdifferent_widget2012.js" type="text/javascript">
</script>
<style>
#makingdifferent_widget2012{
font-family: "Consolas", "Courier New", Courier, mono, serif;
border: 1px solid;
margin: 10px 0px;
padding:15px 15px 15px 50px;
background-repeat: no-repeat;
background-position: 5px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4j0aOoCnQ_SIwrxVVeOnXE7ANtVQhvEXsDHmLq_aTy3AHpF34Ew-xysDcMvMXMnyvRK4ijFX8mNuJCFuPTkJhebzEgrfppa7L7NSzQoH79OmgM1t1z9BARSf70V16FGsabDRLDM80wo0t/s1600/icon-info.png');
}
</style>
<div id="makingdifferent_widget2012">
<a class="close"  href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVkAWTl5L_dF8XNsxKAOoDJNC84l0qXM6Hl3eVsMhAWnlag3QabvuyCjk1a94vOWYlG9_2CQKn0YtGOA-qjUCGHrsJmnShA2_gBctmHaJottLYYzkM_OPp-7mvBvuha-Yi8oVhRfTObKDD/s1600/popover-close-button.gif" /></a>This Is Your Message .You can change it to Your need. Click on close button on right to exit this box.
</div>

Now click Save.

If You Enjoyed This Post Please Take 5 Seconds To Share It.