How to Make a cool message on the blog

POETRA PAKUMIS | In this tutorial we will see how Adds Notifications tab Blogger Shut the box. This box can be used as a notification message to the reader can be any information that you want.

How to Make it :

• Login to your blogger account,
• Entering Template - Edit HTML and search for the code code <data:post.body/> usually no more than one please put the following code just above the second code.

<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.close&quot;).click(function(){
$(&quot;#makingdifferent_widget2012&quot;).animate({left:&quot;+=10px&quot;}).animate({left:&quot;-5000px&quot;});
});
$(&quot;#info&quot;).fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});
</script><style>
#makingdifferent_widget2012{
font-family: &quot;Consolas&quot;, &quot;Courier New&quot;, 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: #fff;
background-color: #0186f6;
background-image: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsLo-JsHeCV2vcUtfxySL1AUQ-jyTUoLzQl0mtFmWaUIGCcCMXIALp28TO0iixug_gehMQ92VmxeBLaiPNIA_AVPvJ1rXEI1LSXlzhAksQfAAO51cMcAxULhAY8iso78NlfxwEJM-qXEo/s48/Critical.png&#39;);
}
</style>
<div id='makingdifferent_widget2012'>
  <a class='close' href='#close' style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img src=''/></a>TEKS ANDA DISINI/YOUR TEXT</div>

Note:- Please change the red code with the text you want, while the blue code that can be changed with the IMAGE URL you want.

• Last just click save.

Jika anda menyukai artikel How to Make a cool message on the blog dan ingin memosting artikel ini.

Bila Anda menjumpai BROKEN LINK atau LINK YANG RUSAK, silahkan berkomentar di bawah postingan pada kotak komentar yang disediakan.