Berikut Tutorial lengkapnya ikuti petunjuk di bawah ini :
1. Login Blogger
2. Tata Letak
3. Tambah Gadget
4. HTML/JavaScript
5. Copy Kode Dibawah, Paste Di Form HTML/JavaScript
<style type='text/css'>
/* Message Box by Monster Zila */
#box-message{
position:fixed;
left: 35%;
padding: 10px;
background:
white;
box-shadow: 0px 1px 3px
rgba(0, 0, 0, 0.4);
right: 30%;
width: 300px;
top: 35%;
z-index: 9999;
}
#box-message:after {background: rgba(0, 0, 0, 0.77);content: '';position: absolute;top: -500%;bottom: 0;right: 0;left: -500%;z-index: -1;width: 1000%;height: 1000%;}
#box-message a.close{
position:absolute;
top: 0;
right: 0;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
border-radius:22px;
cursor:pointer;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animasikan Nilai Top Saat Halaman Telah Selesai Dimuat
$('#box-message').animate({top:"190px"}, 1000, "easeOutBounce");
// Hilangkan Message Box Saat Tombol (x) Diklik
$('a.close').click(function() {
$(this).parent().slideUp(800, "easeOutBounce");
return false;
});
});
</script>
<div id='box-message'>
<!-- Kode Yang Ingin Di Tampilkan Disini -->
<a class='close' href='#'>×</a></div>
Judul: CARA MEMBUAT IKLAN MELAYANG DENGAN BACKGROUND HITAM TOMBOL CLOSE
Rating: 100% out of 100% based on 100000 ratings. 100000 user reviews.
Ditulis Oleh Seo Blogger
Terima Kasih Atas Kunjungan Anda...
Rating: 100% out of 100% based on 100000 ratings. 100000 user reviews.
Ditulis Oleh Seo Blogger
Terima Kasih Atas Kunjungan Anda...
Artikel Terkait :
