Membuat Text Melayang di Blog

etiap orang yang mempunyai sebuah blog pasti berlomba-lomba untuk memperindah blognya dengan gedget yang keren agar pembaca menarik, pada triks kali ini saya akan coba membuat text yang melayang-layang mengikuti arah gerak mouse anda, anda bisa memilih script berikut textnya:





Selamat menikmati blog ini

<script src="http://www.geocities.com/yono_pati/nikmat.js" type="text/javascript"> /*********************************************** * Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/ * Please keep this notice intact ***********************************************/ </script>

welcome

<script src="http://www.geocities.com/yono_pati/welcome.js" type="text/javascript"> /*********************************************** * Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/ * Please keep this notice intact ***********************************************/ </script>

silahkan di coba dan selamat berkreasi yaa,...

Membuat Kursor Bertabur Bintang

Tanpa berbasa-basi ria yaa
1. Yang pertama kalian kudu Log-in dengan akun kalian masing-masing

2. Lalu masuk ke “Rancangan/Tata Letak” Trus “Elemen Laman”

3. Kemudian “Tambah Gadget” dan pilih “HTML/JavaScrip”

4. Kalo sudah masukkan kode dibawah ini :

<script type='text/javascript'> // <![CDATA[ var colour="#99ff00"; var sparkles=65; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]></script>

udah apa belom?, kalo udh simpen n lihat hasilnya ok,....

Membuat Adresbar Keren

Bagaimana cara membuat judul addressbar menjadi tambah keren langsung aja di simak dan tidak usah panjang lebar lagsung aja . .
langkah yang pertama anda harus login terlebih dahulu pastinya

2. masuk ke tata leta (layout) edit HTML
3. cari code (head)tanpa tanda kurung, kalo udah ketemu copy code berikut dan letakan di atasnya

<br /> <script type="text/javascript"> //<![CDATA[ function tb9_makeArray(n){ this.length = n; return this.length; } tb9_messages = new tb9_makeArray(1); tb9_messages[0] = "++ [[> Dhedy - Blog <]] ++ [[> SMK <]] ++ [[> Muhammadiyah 01 <]] ++"; tb9_rptType = 'infinite'; tb9_rptNbr = 5; tb9_speed = 100; tb9_delay = 2000; var tb9_counter=1; var tb9_currMsg=0; var tb9_timerID = null var tb9_bannerRunning = false var tb9_state = "" tb9_clearState() function tb9_stopBanner() { if (tb9_bannerRunning) clearTimeout(tb9_timerID) tb9_timerRunning = false } function tb9_startBanner() { tb9_stopBanner() tb9_showBanner() } function tb9_clearState() { tb9_state = "" for (var i = 0; i < tb9_messages[tb9_currMsg].length; ++i) { tb9_state += "0" } } function tb9_showBanner() { if (tb9_getString()) { tb9_currMsg++ if (tb9_messages.length <= tb9_currMsg) { if ((tb9_rptType == 'finite') && (tb9_counter==tb9_rptNbr)){ tb9_stopBanner(); return; } tb9_counter++; tb9_currMsg=0; } tb9_clearState() tb9_timerID = setTimeout("tb9_showBanner()", tb9_delay) } else { var tb9_str = "" for (var j = 0; j < tb9_state.length; ++j) { tb9_str += (tb9_state.charAt(j) == "1") ? tb9_messages[tb9_currMsg].charAt(j) : "____" } document.title = tb9_str tb9_timerID = setTimeout("tb9_showBanner()", tb9_speed) } } function tb9_getString() { var full = true for (var j = 0; j < tb9_state.length; ++j) { if (tb9_state.charAt(j) == 0) full = false } if (full) return true while (1) { var num = tb9_getRandom(tb9_messages[tb9_currMsg].length) if (tb9_state.charAt(num) == "0") break } tb9_state = tb9_state.substring(0, num) + "1" + tb9_state.substring(num + 1, tb9_state.length) return false } function tb9_getRandom(max) { var now = new Date() var num = now.getTime() * now.getSeconds() * Math.random() return num % max } tb9_startBanner() //]]> </script>

Simpan dan lihat hasilnya, selamat berbloging ria,....

Menganti Icon di Adres Bar

1. Yang pertama kalian kudu Log-in dengan Id kalian masing-masing.

2. Lalu “Rancangan/Tataletak” kemudian “Edit HTML”

3. Setelah itu “Download Template Lengkap”

* Namanya juga manusia kadang bisa aja keliru, wlw hal sepele kadang bisa menjadi masalah besar.

4. Centang (V) “Expand Template Widget”

5. Kemudian cari kode (/head" )tanpa tanda kurung

* Untuk lebih mudahnya tekan CTRL + f

6. Dan copy paste kode dibawah ini tepat diatas (/head)

<link href='http://i1185.photobucket.com/albums/z342/ndorae/BINTANG/xmas.gif' rel='SHORTCUT ICON'/>

7. Lalu “Simpan Template” dan liat hasilnya,...

Animasi terbang Menggelilingi Blog

pernah liat belom ya blog yang dihiasi dengan kupu² atau burung terbang mengelilingi blog wahh pasti seru tuhh kalo gitu langsung aja dech gmn cara buatnya

Langkah²nya:

1. Masih seperti biasa Log-In dulu dengan ID masing-masing

2. Lalu masuk ke “Rancangan/Tata Letak” Trus “Elemen Laman”

3. Kemudian “Tambah Gadget” dan pilih “HTML/JavaScrip”

4. Kalo sudah masukkan kode dibawah ini :

<script type='text/javascript'> //<![CDATA[ var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES //FLOATING IMAGE UNTUK SETIAP URL GAMBAR. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !! var floatimages=new Array(); floatimages[0]='http://i1185.photobucket.com/albums/z342/ndorae/BINTANG/kupuq.gif'; floatimages[1]='http://i1185.photobucket.com/albums/z342/ndorae/BINTANG/nguyu.gif'; floatimages[2]='http://i1185.photobucket.com/albums/z342/ndorae/BINTANG/flyingeaglemotion1.gif'; floatimages[3]='http://i1185.photobucket.com/albums/z342/ndorae/BINTANG/flyingeaglemotionkecil2.gif'; //*********JANGAN EDIT KODE DIBAWAH INI(ndorae)*********** var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false; var IE4 = (document.all)? true : false; var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false; var wind_w, wind_h, t='', IDs=new Array(); for(i=0; i<floatimages.length; i++){ t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">'; t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">'; t+=(NS4)? '</a></layer>':'</a></div>'; } document.write(t); function moveimage(num){ if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false; if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true; if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false; if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true; moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep); } function getnewprops(num){ IDs[num].Ydir=Math.floor(Math.random()*2)>0; IDs[num].Xdir=Math.floor(Math.random()*2)>0; IDs[num].Ystep=Math.ceil(Math.random()*Ymax); IDs[num].Xstep=Math.ceil(Math.random()*Xmax) setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax)); } function getscrollx(){ if(NS4 || NS6)return window.pageXOffset; if(IE4)return document.body.scrollLeft; } function getscrolly(){ if(NS4 || NS6)return window.pageYOffset; if(IE4)return document.body.scrollTop; } function getid(name){ if(NS4)return document.layers[name]; if(IE4)return document.all[name]; if(NS6)return document.getElementById(name); } function moveidto(num,x,y){ if(NS4)IDs[num].moveTo(x,y); if(IE4 || NS6){ IDs[num].style.left=x+'px'; IDs[num].style.top=y+'px'; }} function getidleft(num){ if(NS4)return IDs[num].left; if(IE4 || NS6)return parseInt(IDs[num].style.left); } function getidtop(num){ if(NS4)return IDs[num].top; if(IE4 || NS6)return parseInt(IDs[num].style.top); } function moveidby(num,dx,dy){ if(NS4)IDs[num].moveBy(dx, dy); if(IE4 || NS6){ IDs[num].style.left=(getidleft(num)+dx)+'px'; IDs[num].style.top=(getidtop(num)+dy)+'px'; }} function getwindowwidth(){ if(NS4 || NS6)return window.innerWidth; if(IE4)return document.body.clientWidth; } function getwindowheight(){ if(NS4 || NS6)return window.innerHeight; if(IE4)return document.body.clientHeight; } function init(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); for(i=0; i<floatimages.length; i++){ IDs[i]=getid('pic'+i); if(NS4){ IDs[i].W=IDs[i].document.images["p"+i].width; IDs[i].H=IDs[i].document.images["p"+i].height; } if(NS6 || IE4){ IDs[i].W=document.images["p"+i].width; IDs[i].H=document.images["p"+i].height; } getnewprops(i); moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H))); if(NS4)IDs[i].visibility = "show"; if(IE4 || NS6)IDs[i].style.visibility = "visible"; startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100); }} function hidebutterfly(){ for(i=0; i<floatimages.length; i++){ if (IE4) eval("document.all.pic"+i+".style.visibility='hidden'") else if (NS6) document.getElementById("pic"+i).style.visibility='hidden' else if (NS4) eval("document.pic"+i+".visibility='hide'") clearInterval(startfly) } } if (NS4||NS6||IE4){ window.onload=init; window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); } } //]]> </script>

nahh silahkan di coba dan dirasakan mantabsnya hehehehe

Membuat Blog Bertabur Bintang

"Pasti lebih seru jika di blog kita seperti tiap hyari musim salju hohoho, pasti enk lahh kalo gitu gmn kalo tak kasih Cara Membuat Efek Hujan Salju Turun Di Blog Anda" dan "Cara Membuat Efek Daun Kering Berguguran Di Blog Anda hemzzz pasti mau yaa kalo gitu simak dan duduk yang maniezz yaaa....

1. Masih seperti biasa Log-In dulu dengan ID masing-masing

2. Lalu masuk ke “Rancangan/Tata Letak” Trus “Elemen Laman”

3. Kemudian “Tambah Gadget” dan pilih “HTML/JavaScrip”

4. Kalo sudah masukkan kode dibawah ini :
".

<script type='text/javascript'> // <![CDATA[ /****************************************** * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code * Last updated Nov 9th, 05 by DD. This notice must stay intact for use ******************************************/ //Configure below to change URL path to the snow image var snowsrc="http://i1185.photobucket.com/albums/z342/ndorae/BINTANG/b_star02.gif"; // Configure below to change number of snow to render var no = 25; // Configure whether snow should disappear after x seconds (0=never): var hidesnowtime = "0"; // Configure how much snow should drop down before fading ("windowheight" or "pageheight") var snowdistance = "pageheight"; //*******Ratna says: JANGAN EDIT YANG DIBAWAH INI*** var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns6up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = iecompattest().clientWidth; doc_height = iecompattest().clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://wpplugins.info\"><img src="+snowsrc+" border=\"0\"><\/a><\/div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"> <img src="+snowsrc+" border=\"0\"><\/div>"); } } } function snowIE_NS6() { // IE and NS6 main animation function doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10; doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight; for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); } dx[i] += stx[i]; document.getElementById("dot"+i).style.top=yp[i]+"px"; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; } snowtimer=setTimeout("snowIE_NS6()", 10); } function hidesnow(){ if (window.snowtimer) clearTimeout(snowtimer) for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden" } if (ie4up||ns6up){ snowIE_NS6(); if (hidesnowtime>0) setTimeout("hidesnow()", hidesnowtime*1000) } // ]]></script><br />

5. Kemudian “Simpan” dan silahkan lihat hasilnya.
oh ya untuk Url image yang warna merah ntu bisa kamu ganti dengan Url image kamu sendiri, nih ada sekedar contoh :
http://i1185.photobucket.com/albums/z342/ndorae/BINTANG/b_star02.gif
http://i1185.photobucket.com/albums/z342/ndorae/BINTANG/xmas.gif
http://i1185.photobucket.com/albums/z342/ndorae/BINTANG/semiclearstarswirl.gif

kamu bisa cari yang lain sesuka kamu ok,...

Menu Keren Di Blog

Anda pasti bertanya menu blog seperti apa ? bentuknya seperti pada blog saya di sebelah kanan yang berwarna coklat kalau mousenya di dekatkan maka menu blognya akan keluar, mau tau bagaiman cara membuatnya , langsung aja :
1. pastinya login terlebih dahulu
masuk ke tata letak (layout) >> elemen halaman

2. tambah gedget >> html/java script
3. masukkan code berikut:

<script src='http://dhedyfaste.xp3.biz/script/menukeren.js' type='text/javascript'></script><br /> <script> YOffset=150; XOffset=0; staticYOffset=30; slideSpeed=20 waitTime=100; menuBGColor="green"; menuIsStatic="yes"; menuWidth=150; menuCols=2; hdrFontFamily="verdana"; hdrFontSize="2"; hdrFontColor="black"; hdrBGColor="#ffffff"; hdrAlign="left"; hdrVAlign="center"; hdrHeight="15"; linkFontFamily="Verdana"; linkFontSize="2"; linkBGColor="black"; linkOverBGColor="#000000 "; linkTarget="_top"; linkAlign="Left"; barBGColor="green"; barFontFamily="Verdana"; barFontSize="2"; barFontColor="red"; barVAlign="center"; barWidth=20; // no quotes!! barText="CATEGORIES"; // ----- Mulai Edit Menu ssmItems[0]=["Daftar Menu"] //Header Menu ssmItems[1]=["Home", "http://ndorae.blogspot.com",""] ssmItems[2]=["About me", "http://www.blogger.com/profile/",""] ssmItems[3]=["My Facebook", "http://facebook.com/pelangi.itu.indah.kiarena.perbedaan",""] ssmItems[4]=["My Twitter", "http://twitter/ndoraee",""] ssmItems[5]=["Room Ku", "http://indoforum.org",""] ssmItems[6]=["Tips N Triks", "http://ndorae.blogspot.com",""] buildMenu(); //----- Selesai Edit Menu </script>

4. ubahlah text yang berwarna merah dengan link yang akan anda tuju . .
5. simpan perubahan . lihat hasilnya . . .

Menganti Kursor Di Blog

hemzz bosen ya kalo Kalau biasanya cursor pada blog kita hanya berbentuk icon tanda panah ya, mau tau bagaimana cara mengganti cursor pada blog,ikuti trus setelah yang satu ini he he he . . langsung aja

pertama login dulu
2. masuk ke tata letak >> edit html
3. beri tanda centang pada expand template widget
4. cari code ]]> copas code berikut dan letakkan di atas nya:

<br /> /* CURSOR CSS GENERATOR - FRIENDSTER-TWEAKERS.COM */<br /> body { cursor:url("http://myspace-html-layout.com/cursors/black_skull.cur"),default;}

anda bisa mengganti cursornya dengan yang di bawah ini:
http://cursor.com/images/10a.gif
http://cursor.com/images/11a.gif
http://cursor.com/images/12a.gif
http://cursor.com/index_07.gif
http://cursor.com/images/19a.gif
http://cursor.com/images/20a.gif
http://cursor.com/images/25a.gif
http://cursor.com/images/33a.gif
http://cursor.com/images/40a.gif
http://cursor.com/images/85a.gif
http://cursor.com/images/103a.gif
http://cursor.com/images/199a.gif
http://cursor.com/images/6385a.gif
http://cursor.com/images/6459a.gif
http://cursor.com/images/8150a.gif
caranya ganti text yang berwana merah dengan alamat cursor tersebut
5. simpan template , lihat hasilnya . .