Floating Message Top With jquery

Setelah kemarin saya telah memberikan trik untuk memasang Floating Message Bottom With jquery, sekarang saya akan memberikan trik yang sama namun beda peletakkannya. trik sebelumnya terletak di bawah browser kalau trik yang saat ini saya buat letakknya berada di atas. Demo berada di postingan ini, untuk cara memasangnya sama persis dengan trik sebelumnya hanya beda pada script saja. oke deh biar lebih mudah cara memasangnya kamu ikuti langkah di bawah ini.

Login ke Blogger
Masuk ke Rancangan >> Elemen Halaman
lalu tambahkan sebuah gadget (untuk tempat pilih di mana saja) lalu pilih yang HTML/javascript
setelah itu masukan kode di bawah ini kedalamnya

<script type="text/javascript" language="javascript">
// Developed by Roshan Bhattarai
// Visit http://roshanbh.com.np for this script and more.
// This notice MUST stay intact for legal use
$(document).ready(function()
{
//scroll the message box to the top offset of browser's scrool bar
$(window).scroll(function()
{
$('#message_box').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350});
});
//when the close button at right corner of the message box is clicked
$('#close_message').click(function()
{
//the messagebox gets scrool down with top property and gets hidden with zero opacity
$('#message_box').animate({ top:"+=15px",opacity:0 }, "slow");
});
});
</script>

<style type="text/css">
#message_box {
position: absolute;
top: 0; left: 0;
z-index: 10;
background:#ffc;
padding:5px;
border:1px solid #CCCCCC;
text-align:center;
font-weight:bold;
width:99%;
}

</style>

<div id="message_box"><img id="close_message" style="float:right;cursor:pointer" src="12-em-cross.png" />PESAN/LINK IKLAN KAMU DISINI</div>
setelah semua di lakukan dengan benar, Klik tombol Simpan