Salah satu tempat hosting gratis
Masuk ke www.freewebhostingarea.com buat nge-daftar hosting gratis. Sampe di sana ntar elo di suguhin gorengan form isian yang mirip tampilannya kaya di bawah..
Kalo ngikutin conto di atas, berarti entarnya alamat web lo jadi http://aingcreations.xp3.biz. Sedikit catetan buat hosting gratis, ada beberapa domain yang gak dibolehin sama pesbuk, diantaranya yang pernah gw coba 0fees.net sama noads.biz, gak tau juga kalo yang lainnya.., elo coba² aja dah sendiri.. yagak*
Habis nekan tombol PROCEED elo di ajak ke halaman berikutnya. Kalo di situ ada tulisan misal aingcreations.xp3.biz is available on Noads.biz server. Tapi kalo already created berarti elo mesti ganti pake nama subdomain laen.
Oke anggap lo sukses terus isi apa yang suruh di isi di situ jangan lupa check I have read the Service Agreement and agree to its terms.
- Your address is http://aingcreations.xp3.biz
- Account Manager is located at http://noadsbiz.freewebhostingarea.com/.
- Web based FTP client: http://noadsbiz.freewebhostingarea.com/ftp/
- FTP Server/Host: noads.biz
- Username: aingcreations.xp3.biz
- Password: haha.. mauTauAjaLo
Kick Some Ass for free
Sekarang kita coba bikin halaman perdana di hostingan lo.
- Masuk ke Web based FTP client: misal http://noadsbiz.freewebhostingarea.com/ftp/
- Login pake data yang udah lo catet tadi di atas
- Click buat nge-bikin File baru kasih nama index.php
- Isi suka² elo atau lo bisa pake code di bawah sebagai acuan..
<html> <body style="background-color:black; color:grey; width:99%; height:99%; overflow:hidden; font-family:Calligraph421 BT;"> <script language="JavaScript"> <!-- var left="["; var right="]"; var msg=" Kirain teh Apaan atuh, pas di baca-baca taunya KAMPREEETTTT haha.. - "; var speed=200; function scroll_title() { document.title=left+msg+right; msg=msg.substring(1,msg.length)+msg.charAt(0); setTimeout("scroll_title()",speed); } scroll_title(); // End // --> </script> <script language="JavaScript"> var numraindrops="150"; var speed="30"; var rainsize="2"; var wind="left"; var genxgallery=""; </script> <script> if ((document.getElementById) && window.addEventListener || window.attachEvent){ (function(){ var num = 77; var timer = 50;//Ganti var enableinNS6 = 1 var y = []; var x = []; var fall = []; var theFlakes = []; var sfs = []; var step = []; var currStep = []; var h,w,r; var d = document; var pix = "px"; var domWw = (typeof window.innerWidth == "number"); var domSy = (typeof window.pageYOffset == "number"); var idx = d.getElementsByTagName('div').length; if (d.documentElement.style && typeof d.documentElement.style.MozOpacity == "string") num = 20;//Ganti for (i = 0; i < num; i++){ sfs[i] = Math.round(1 + Math.random() * 1);//Ganti document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:' +sfs[i]+'px;height:'+sfs[i]+'px;background-color:grey;font-size:'+sfs[i]+'px"><\/div>');//Ganti currStep[i] = 0; fall[i] = (sfs[i] == 1)? Math.round(2 + Math.random() * 2): Math.round(900 + Math.random() * 2); step[i] = (sfs[i] == 1)? 0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; } if (domWw) r = window; else{ if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0) r = d.documentElement; else{ if (d.body && typeof d.body.clientWidth == "number") r = d.body; } } function winsize(){ var oh,sy,ow,sx,rh,rw; if (domWw){ if (d.documentElement && d.defaultView && typeof d.defaultView.scrollMaxY == "number"){ oh = d.documentElement.offsetHeight; sy = d.defaultView.scrollMaxY; ow = d.documentElement.offsetWidth; sx = d.defaultView.scrollMaxX; rh = oh-sy; rw = ow-sx; } else{ rh = r.innerHeight; rw = r.innerWidth; } h = rh - 2; w = rw - 2; } else{ h = r.clientHeight - 2; w = r.clientWidth - 2; } } function scrl(yx){ var y,x; if (domSy){ y = r.pageYOffset; x = r.pageXOffset; } else{ y = r.scrollTop; x = r.scrollLeft; } return (yx == 0)?y:x; } function snow(){ var dy,dx; for (i = 0; i < num; i++){ dy = fall[i]; dx = fall[i] * Math.cos(currStep[i]); y[i]+=dy; x[i]+=dx; if (x[i] >= w || y[i] >= h){ y[i] = -10; x[i] = Math.round(Math.random() * w); fall[i] = (sfs[i] == 1)? Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); step[i] = (sfs[i] == 1)? 0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; } theFlakes[i].top = y[i] + scrl(0) + pix; theFlakes[i].left = x[i] + scrl(1) + pix; currStep[i]+=step[i]; } setTimeout(snow,timer); } function init(){ winsize(); for (i = 0; i < num; i++){ theFlakes[i] = document.getElementById("flake"+(idx+i)).style; y[i] = Math.round(Math.random()*h); x[i] = Math.round(Math.random()*w); } snow(); } if (window.addEventListener && enableinNS6){ window.addEventListener("resize",winsize,false); window.addEventListener("load",init,false); } else if (window.attachEvent){ window.attachEvent("onresize",winsize); window.attachEvent("onload",init); } })(); }//End. </script> <script> sx=screen.availWidth*5/6 sy=screen.availHeight*5/6 window.resizeTo(sx,sy) </script> <style type="text/css"> /* Text Muter Styles */ #TextMuterTerrr { /* Optional - JANGAN NYETING UKURAN FONT DI SINUH, SETING AJE NTAR DI SCRIPT */ font-style: normal; font-weight: bold; font-family: 'comic sans ms', verdana, arial; color: #556666; /* End Optional */ /* Start Required - Jangan di Edit kalo gak tau */ position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #TextMuterTerrr div {position: relative;} #TextMuterTerrr div div {position: absolute;top: 0;left: 0;text-align: center;} /* End Required */ /* End Text Muter Styles */ </style> <script type="text/javascript"> //<![CDATA[ /* Text Muter Ngikutin tiin- Nama PanjaaaanG.. Aing@hackermail.com Gini-gini juga cape mas ngetiknya */ ;(function(){ // TULIS TEXT LO DI SINUH (PAKE TANDA KUTIP) // BOLEH JUGA KALO MAU NYOBA PAKE TULISAN TERBALIK.. HAHA.. var tulisan = "Dapet CoPas Dari Blog AingCreations.. wkwkwkkkkk.."; /* VALUES YANG DIBAWAH INI SEMUA GAK PAKE TANDA KUTIP */ // ngatur ukuran huruf // Set berapa pixel ukuran font yang loe mau (nomber decimal sama minus dilarang sama agama) var ukuran = 15; // Set x sama y nya 1 biar bentuknya bulet, set set salah satu dari x ato y jadi 2 biar bentuknye oval // Coba-coba aja lah endiri yang laeneh, tapi inget decimal bukan pake koma, tapi titik var lingkarY = -1.5; var lingkarX = -4; // Semakin gede angkanya, semakin kecil spasinya // (decimals boleh, tapi gak boleh minus, kalo 0 yang loe masukin polisi jadi sibuk alias lampu merah mati) var spasi_huruf = 9.35; // Ngatur diameter lingkaran // (decimals boleh, tapi gak boleh minus) var diameter = 20; // Kecepatan putaran, set ke minus biar muter kebalikan arah jarum jam (coba aja, hehe malah kayak cacing kepanasan)(decimals boleh) var putaran = 0.3; // kecepatan reaksi, coba aja endiri, enakan pelan sih kalo menurut gw // Set ke 1 ato nol koma (gak boleh minus) var ngaciiiR = 0.4; //////////// enaknye sambil di peraktekin neh gan kayanye //////////// if (!window.addEventListener && !window.attachEvent || !document.createElement) return; tulisan = tulisan.split(''); var n = tulisan.length - 1, a = Math.round(ukuran * diameter * 0.208333), currStep = 20, ymouse = a * lingkarY + 20, xmouse = a * lingkarX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){ e = e || window.event; ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // ini posisi y xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // ini posisi x }, bikinlingkaran = function(){ // putaran/pemposisian if(init.nopy){ o.style.top = (b || document.body).scrollTop + 'px'; o.style.left = (b || document.body).scrollLeft + 'px'; }; currStep -= putaran; for (var d, i = n; i > -1; --i){ // bikin bentuk lingkaran d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / spasi_huruf) * lingkarY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / spasi_huruf) * lingkarX) + 'px'; }; }, drag = function(){ // jarak antara/pembatasan y[0] = Y[0] += (ymouse - Y[0]) * ngaciiiR; x[0] = X[0] += (xmouse - 20 - X[0]) * ngaciiiR; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * ngaciiiR; x[i] = X[i] += (x[i-1] - X[i]) * ngaciiiR; }; bikinlingkaran(); }, init = function(){ // posisi awal arrays sama tulisan andha if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(tulisan[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'TextMuterTerrr'; o.style.fontSize = ukuran + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })(); //]]> </script> <center> <div style="display:table;height:100%;width:auto;"> <div style="display:table-cell;vertical-align:middle;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY3KLFo056-BPYwd9OHwfcTAnJFnB7X_doE4yRPz3vaqdJV6gZwInZ6a0V-OqmYRoST6B0Ud41-MVJ0JrM6n4gVRUkROe-A_Rnhzr_A-sg955hsNXdJoGZexV2CJmPtc0G1Zd-RJGZgkJI/s220/jack+kaskus.jpg" style="float:left;margin-right:8px;"/> <h2 style="display:inline-block;">Welcome to umm.. umm.. (what was this site name?)</h2> </div></div> </center> </body> </html>
Setelah selesai save terus coba buka masuk ke link Your address misal http://aingcreations.xp3.biz yang udah lo catet di atas tadi.
Referensi:
- Bikin Aplikasi Pesbuk Sendiri (On This Blog)
- Bikin Aplikasi Pesbuk Sendiri (Facebook Application) http://apps.facebook.com/bikinapp/
- How to Create Websites www.w3schools.com