CSS

Friday, November 12, 2010

Web Hosting Gratis

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.

Di halaman berikutnya yang perlu di catet:

Kalo enggak, elo save aja satu halaman mendingan haha..

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

Thursday, November 4, 2010

Bikin Aplikasi Pesbuk Sendiri

Bahan-bahan yang di perlukan:

- 10kg Web Hosting
- Satu sendok makan kemauan
- dan Kopi secukupnya (dilarang ngeroko buat yang belum cukup umur)

Cara Memasak

Pertama kita buat dulu adonan Web Hosting dengan cara.. untuk sementara bisa di baca dulu di Forum Diskusi Group tempat anak² NamaPanjang di Facebook, tar kalo ada waktu insya Allah gw apdet lagi dah disini :P



Web Hosting Gratis
http://aingcreations.blogspot.com/2010/11/web-hosting-geratis.html



Langkah yang kesembilan yaitu ikut pendaftaran aplikasi di pesbuk. Caranya masuk ke www.facebook.com/developers/createapp.php. Tar di sono elo paling di kasih formulir isian yang kira-kira tampilannya kaya dibawah noh..

Essential Information
Application Name Cannot contain Facebook trademarks or have a name that can be confused with an application built by Facebook.
Terms Do you agree to the Facebook Terms?


Isi dah tuh suka-suka. Terus masuk ke halaman berikutnya..


Hehe, tempat.hosting.nih itu maksud gw bukan hoting,, salah ketik sorry..

Udah, jadi dah tuh kan adonan applikasi lo.., yang penting buat di catet..

- Application ID
- API Key
- Application Secret
- Canvas Page http://apps.facebook.com/aplikasi-elo/
- Canvas URL http://tempat.hosting.elo/folder-aplikasi-elo/
- Canvas FBML/iframe pake FBML

Ada yang Salah Paham soal Canvas URL
http://tempat.hosting.elo/folder-aplikasi-elo/

kalo misalkan di contoin kaya gini..
[misal alamat hostingan gw, http://aingcreations.xp3.biz]
[terus gw bikin Folder buat Application gw di situ namanya, aplikasi-pesbuk-gw]

jadi yang gw isiin di Canvas URL adalah..
http://aingcreations.xp3.biz/aplikasi-pesbuk-gw/

okay..?

Saatnya kita mulai beraksi..


- Login ke FTP server tempat Hostingan elo
- Upload file Facebook Platform yang ini nih http://pearhub.org/get/facebook-0.1.0.tgz
Uploadnya ke Root Directory aja, terus pake mode Upload Archives (zip, tar, tgz, gz) bukan mode Upload file biasa OK?!
- Bikin Folder baru namanya sama seperti yang tadi lo isi di Canvas URL ../folder-aplikasi-elo/

- Bikin File baru di dalem Folder tadi namanya appdata.php
- Edit File appdata.php tadi isiin data-data aplikasi elo di situ..

<?php
//File name appdata.php

require_once '../facebook-0.1.0/facebook.php';

$appapikey = 'isi pake API Key aplikasi elo';
$appsecret = 'isi pake Application Secret aplikasi elo';
$facebook = new Facebook($appapikey, $appsecret);

$uid = $facebook->require_login('read_stream,publish_stream,user_groups');

$grpid = '180749582873'; //Group NamaPanjang
$appid = 'isi pake Application ID aplikasi elo';
$href = 'isi pake Canvas Page aplikasi elo';

$app_admin = $facebook->api_client->pages_isAdmin($appid);
$app_page = $facebook->api_client->pages_isFan($appid);
?>
- Bikin lagi File baru namanya index.php
- Edit File index.php tadi isiin kode-kode aplikasi elo di situ dah..

<?php
//File name index.php

require_once 'appdata.php';
?>


<!--// nah, disini tempat lo ngisiin scrip², code² ajaib lo.. //-->

<!--// misal nih.. //-->
<div style="float:left; margin-right:8px;">
<fb:profile-pic uid="loggedinuser" size="normal"/>
</div>

<b style="font-size:16px;">
<fb:application-name/> <br/>
<fb:name uid="loggedinuser" useyou="false"/>
</b> <br/> <br/>

ID elo = <?php echo $uid; ?> <br/>
ID Group NamaPanjang = <?php echo $grpid; ?> <br/>
ID Application ini = <?php echo $appid; ?> <br/>
Canvas Page Application ini = <?php echo $href; ?> <br/>

<?php
if($app_admin==true){
echo "Hay Admin.. ";
}else{
echo "Tidak Hay karna elo bukan Admin.. haha.. ";
}

if($app_page==true){
echo "Tengkiw udah nge-Like Application ini..";
}else{
echo "Like Application Profile Page ini dong cuy..";
}
?>
Orange = PHP Code
Biru = FBML Code
Hijau = Comment

- Tinggal di cicipi deh Applikasinya.. go to http://apps.facebook.com/aingcreations/test.php

Referensi


Facebook Old REST API Data Retrieval Methods
Group NamaPanjang Disscussion Topic -> Application Developers (not Only :P)
[̲̅̅N̲̲̅̅̅a̲̅m̲̅̅a̲̅] [̲̅̅Panj̲̅̅a̲̲̅̅̅n̲̲̅̅̅g̲̅] Disscussion Topic -> boleh minta souce code
Situs resmi PHP -> www.php.net/
Blog Grup Pengguna PHP Indonesia -> http://phpug.or.id/category/tutorial/
Tutorial PHP Dasar -> http://prothelon.com/mambo/tutorial-45.html
Kumpulan Contoh Program PHP -> http://contohprogram.info/category/php
My PHP Tutorials -> www.myphptutorials.com/