Cara membuat hidden window

   

hai...berikut cara cepat belajar membuat hiden window. Ketika kamu mencoba jalan-jalan ke blog orang ada banyak contoh dimana blogger menaruh window yang muncul dari side browser (kanan ataupun kiri) ketika diklick thumbnail nya.

apakah kamu tahu cara nya? kalau belum tau dan ingin belajar caranya. Begini,
mudah saja..kita contohkan kamu mau buat buku tamu yang ada shoutbox nya sehingga bisa ditulis disitu...maka hal yang diperlukan adalah embed shoutbox nya kamu buat dulu...untuk membuat shoutbox bisa klik http://www.shoutmix.com/main/">disini..nah udah jadi kode nya sekaran ke drag blogger kamu.

Dibawah ini ada script kode yang bisa kamu copy paste ke gadget html/javascript di blogger draft kamu.

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

MASUKAN KODE HTML atau isi dari content script disini

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>

nah..itu kode nya diatas...dicoba dulu.
yang bagian kode html nya masukan kode embed shoutbox disitu. Lalu save....jadi deh...buku tamu dengan shotbox

contoh nya ada pada blog ini juga...kalau kamu telusuri side sebelah kanan browser kamu pada blog saya..maka ada yang bisa kamu klik tapi tak kelihatan thumbnail nya...

disitu saya modifikasi kode nya dengan menaruh menu login admin...bukan dengan shout box...dan thumbnail nya juga saya ilangkan url nya...(kamu akan melihar kode background url di kode script diatas)..backgroun url nya itu bisa berupa apa saja kalo kamu ingin ganti gambarnya..

begitu pula dengan kreasi idemu...kamu bisa memodifikasi isi contet nya sesuai dengan keinginan mu..

bagaimana??cara mudah membuat hiden window telah kamu pelajari...

Related Posts

Posted in: blogging,Dunia Komputer,mechanic,squall