كنافذة دعائية متحركة داخل صفحات الموقع أو المنتدى أو المدونة بشكل جميل وجداب وبدون أن تسبب أي إزعاج لزائر وهدا هو الأهم
كود بلغة HTML:
<!-- URL: www.bloggerexp.com Fix -->
<style type="text/css"> #topbar { position:absolute; z-index: 100; padding: 8px; background: #eee; background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9)); background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9))); border: 1px solid #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: #600 0 2px 15px; -moz-box-shadow: #600 0 2px 10px; margin:0 auto 10px; float:left; color:rgba(0, 0, 0, 0.75); font-size: 12px; font-family: Verdana, serif; text-shadow:0 1px 0 #FFFFFF; } #topbar img { border:none; } #topbar .tombol { margin:0; padding-bottom:5px; text-align:right; } #topbar .tombol button { color:#FFFFFF; border: solid 1px #494949; margin:0; padding:0px 133px; cursor: pointer; text-shadow: 0 1px 1px rgba(0,0,0,.6); background: #5f5f5f; background: -webkit-gradient(linear, left top, left bottom, from(red), to(#454545)); background: -moz-linear-gradient(top, red, #454545); } #topbar .isi_iklan { background-color:#FFFFFF; margin:0; padding:4px; width: 300px; border: 1px solid #999; } </style> <script src="http://blogspotjeusef.googlecode.com/files/js_pop_up.js" type="text/javascript"></script> <script type="text/javascript"> var persistclose=1 var startX = 20 var startY = 20 var verticalpos="fromtop" </script> <div id="topbar"> <div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>إغلاق النافدة !</button></a></div> <div class="isi_iklan"> ضع هنا الصورة او الإعلان الدي سيظهر داخل النافدة </div> </div>