Mar
2011
Cara membuat toggle show hide

memuat halaman
Cara membuat toggle show hide (expand collapse).
Ok, langsung aja lihat demonya dibawah ini:
Demo (klik):
Langkah-langkah membuat toggle show hide:
1) Pasang kode javascript berikut ini dibagian header. baca selanjutnya »

Cara membuat gambar melayang.
Berikut tips trik membuat gambar melayang pada halaman blog kamu.
Silahkan lihat demonya disini >>
Tips aneh ini bisa juga dipakai untuk memasang iklan banner blog kamu loh.
Untuk membuatnya, ikuti langkah-langkah dibawah ini:
1) Langkah pertama, pasang kode javascript berikut ini di bagian <head> blog kamu.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 | <script type="text/javascript"> var vmin=2; var vmax=5; var vr=2; var timer1; function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function Chip(chipname,width,height){ this.named=chipname; this.vx=vmin+vmax*Math.random(); this.vy=vmin+vmax*Math.random(); this.w=width+20; this.h=height; this.xx=0; this.yy=0; this.timer1=null; } function movechip(chipname){ if (document.getElementById){ eval("chip="+chipname); if (window.innerWidth || window.opera){ pageX=window.pageXOffset; pageW=window.innerWidth-40; pageY=window.pageYOffset; pageH=window.innerHeight-20; } else if (document.body){ pageX=iecompattest().scrollLeft; pageW=iecompattest().offsetWidth-40; pageY=iecompattest().scrollTop; pageH=iecompattest().offsetHeight-20; } chip.xx=chip.xx+chip.vx; chip.yy=chip.yy+chip.vy; chip.vx+=vr*(Math.random()-0.5); chip.vy+=vr*(Math.random()-0.5); if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx; if(chip.vx< (-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx; if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy; if(chip.vy< (-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy; if(chip.xx<=pageX){ chip.xx=pageX; chip.vx=vmin+vmax*Math.random(); } if(chip.xx>=pageX+pageW-chip.w){ chip.xx=pageX+pageW-chip.w; chip.vx=-vmin-vmax*Math.random(); } if(chip.yy< =pageY) {chip.yy=pageY; chip.vy=vmin+vmax*Math.random(); } if(chip.yy>=pageY+pageH-chip.h) {chip.yy=pageY+pageH-chip.h; chip.vy=-vmin-vmax*Math.random(); } document.getElementById(chip.named).style.left=chip.xx+"px"; document.getElementById(chip.named).style.top=chip.yy+"px"; chip.timer1=setTimeout("movechip('"+chip.named+"')",100); } } //Step 1: Define unique variable names depending on number of flying images (ie:3): var flyimage1, flyimage2, flyimage3 function pagestart(){ //Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image): flyimage1=new Chip("flyimage1",47,68); flyimage2=new Chip("flyimage2",47,68); flyimage3=new Chip("flyimage3",47,68); //Step 3: Using the same variable names as 1), add or delete more of the below lines: movechip("flyimage1"); movechip("flyimage2"); movechip("flyimage3"); } if (window.addEventListener) window.addEventListener("load", pagestart, false) else if (window.attachEvent) window.attachEvent("onload", pagestart) else if (document.getElementById) window.onload=pagestart function close_bar1() { //if done then close the progress bar pop-up window document.getElementById('flyimage1').style.visibility = 'hidden'; } function close_bar2() { //if done then close the progress bar pop-up window document.getElementById('flyimage2').style.visibility = 'hidden'; } function close_bar3() { //if done then close the progress bar pop-up window document.getElementById('flyimage3').style.visibility = 'hidden'; } </script> |
2) Kemudian pasang kode berikut ini pada bagian baca selanjutnya »

Cara mengganti gambar smiley / emoticon blog wordpress.
Pertama-tama, untuk mengganti gambar smiley / emoticonnya, siapkan gambar2 emoticon koleksi kamu.
Emoticon default wordpress ada 22 buah, jadi kamu harus menyiapkan gambar emoticon sebanyak 22 buah, rename file gambarnya sama persis dengan file bawaan wordpress.
Setelah selesai rename, buka folder /wp-includes/images/smilies, kemudian upload file gambarnya satu persatu menggantikan gambar sebelumnya (filenya di overwrite).
Nah, selesai deh..!!
Kalau kamu ingin menambah jumlah emoticonnya lagi, kamu baca selanjutnya »

Aku Punya dot com © 2009 - 2012
Powered by WordPress
Best viewed in Firefox, Opera, and Chrome at 1280 x 960 screen resolutions
Feed | Sitemap | Recent Posts
Tukar Link | Pasang Banner | Kontak
19 queries. 0,733 seconds
![]() | Toolbar | ![]() |
| Pencarian |
memuat ...