tarik mang...
Photobucket
gravatar

Cara Membuat Back to Top Melayang

Sekarang hampir jam 1an malam nih, mata dah mulai ngantuk, tapi berhubung ada permintaan dari sobatku yang baik "Yoyok" , akhirnya begadang dilanjutin dengan mengisi postingan ini tentang Cara membuat Back to Top melayang. Oh ya kenpa disebut melayang? apa gak ada nama lain tuh? saya juga tidak tau, mungkin karena icon tanda panah BtP-nya gak bisa diem kali hehehe....
Ya udah lang sung aja nih ye,,,



Silahkan sobat copy code yang ada di bawah ini, kemudian masuk ke Layout, klik add widget, trus klik HTML/Java script dan paste deh kode yang sudah sobat copy tadi:

<script type="text/JavaScript">
var topMargin = 300
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10)

function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}

function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}

}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();
}
animator();
}


}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY
}
}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"
}
}
//-->
</script>
<div id="floatLayer" style="position: absolute; height:20px; width:15; left:650px; top:400px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" width="15" src="http://i304.photobucket.com/albums/nn182/ebiets/up_out.gif" height="25"/></a></div>


<a name="top"></a>


setelah itu kemudian disimpan dan lihat hasilnya.
Semoga berhasil.........

Read More......
gravatar

Preview Gambar dengan Close otomatis

Membuat Preview gambar tampilan pop up dan akan close secara otomatis dalam jangka 10 detik, dan time out 10 detik ini bisa lo rubah sesuai keinginan..untuk contohnya silakan diklik gambar dibawah ini:










Caranya: copy script dibawah ini dan paste di add widget...

<script type="text/javascript"><!--

timeout =10; // Close window after __ number of seconds?
// 0 = do not close, anything else = number of seconds

function Start(URL, WIDTH, HEIGHT) {
windowprops = "left=150,top=150,width=" + (WIDTH+50) + ",height=" + (HEIGHT+50);

text = "<html><head><title>Preview</title></head><body bgcolor='white'";

if (timeout != 0) text +=" onLoad=\"setTimeout('window.close()', " + timeout*1000 + ");\"";

text += "><center><img src='" + URL + "'>";

if (timeout != 0) text +="<br><font face='arial, helvetica' size='-1'>Preview closes after " + timeout + " seconds.</font>";

text += "</center></body></html>";

preview = window.open("", "preview", windowprops);
preview.document.open();
preview.document.write(text);
preview.document.close();
}
//--></script>


kemudian; copy code dibawah ini dan masukan ketempat dimana anda akan meletakan gambar yg akan dipreview:

<a href="javascript:Start('http://i304.photobucket.com/albums/nn182/ebiets/daffa.jpg', 267, 103)";><img src="http://i304.photobucket.com/albums/nn182/ebiets/daffa.jpg" width=86 height=51></a>


code berwarna merah adalah code gambar yang akan dipreview itu.
selamat mencoba sajah...

Read More......
gravatar

resize page


Click a Button
untuk melihat Contohnya












Kalo lu pada mau, copy aja tuh script dibawah, trus paste deh di add widget, FAHAM!!

<script type="text/javascript"><!--

function resizeWindow(a,b){
resizeTo(a,b)
}

//--></script>





<center>
<b>Click a Button<br/>to Resize the Window</b><br/>
<form>
<input value="640 x 480" name="resize0" onclick="resizeWindow(640,480)" type="button"/>
<input value="400 x 200" name="resize1" onclick="resizeWindow(400,200)" type="button"/><br/>
<input value="400 x 300" name="resize2" onclick="resizeWindow(400,300)" type="button"/>
<input value="500 x 500" name="resize3" onclick="resizeWindow(500,500)" type="button"/><br/>
<input value="500 x 200" name="resize4" onclick="resizeWindow(500,200)" type="button"/>
<input value="100 x 300" name="resize5" onclick="resizeWindow(100,300)" type="button"/><br/>
<input value="200 x 400" name="resize6" onclick="resizeWindow(200,400)" type="button"/>
<input value="800 x 600" name="resize7" onclick="resizeWindow(800,600)" type="button"/>
</form></center>


Read More......
CUAP-CUAP diSINI


ShoutMix chat widget
Photobucket Photobucket
Photobucket Photobucket
Photobucket
Cidaun Blogger