Cara Membuat Kotak Muncul tiba-tiba

cara membuat kotak muncul tiba-tiba atau sering disebut dengan kotak melayang karena keberadaannya selalu melayang kemana-mana mengikuti 
layar seperti pada blog ini terdapat kotak melayang yang isinya saya masukan kotak like seperti gambar disamping kanan berikut :

king-copas/Cara Membuat Kotak Muncul tiba-tiba












widget kotak ini bisa muncul secara tiba-tiba pada tampilan blog agan, tanpa panjang lebar saya akan memberikan langkah-langkah yang harus dilakukan pertama copy paste widget berikut :

<style type="text/css">
#topbar{
position:absolute;
visibility: hidden;
width: 300px;
z-index: 100;
padding:2px;
background-color: #24B6FF;
border: 3px solid #333333;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin:0 auto 10px;
float:left;
color: #505050;
text-align: justify;
font-size: 12px;
font-family: Verdana, serif;
filter:alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;}
</style>
<script src="http://ekosusanto.googlecode.com/files/ads_pop_up.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=0
var startX = 680
var startY = 6
var verticalpos="fromtop"
</script>
<div id="topbar">
<div align="right"><a href="" onclick="closebar(); return false"><button>Exit</button></a></div>
MASUKAN WIDGET YANG INGIN AGAN MASUKAN PADA KOTAK MELAYANG
<font face="arial,sans-serif" color="#83878c" style="line-height: 8px; font-size: 10px; text-decoration:;">Widget by:<a href="http://uplearning-sixty.blogspot.com/" target="_blank">Uplearning</a></font></div>

Terus buatlah elemen baru pilih HTML java/script dan masukan kode diatas tadi pada elemen yang baru agan buat tadi setelah itu simpan liat hasilnya,
mungkin hanya itu penjelasan dari saya semoga membantu dan selamat mencoba.

0 komentar:

Posting Komentar

coment