Loading...


Wednesday, March 21, 2012

Cara Membuat Aplikasi Game Sendiri Di Facebook





U P D A T E  TERBARU..!!

Pada kesempatan ini kita akan coba membuat / menyimpan game flash kesayangan kita di Facebook sehingga berupa aplikasi facebook milik kita sendiri seperti game Foker di facebook yang bisa dimainkan oleh orang lain juga selain kita pemilik apliksi game tersebut.

Ok langsung saja kita ikuti aturan mainnya tanpa banyak berfikir lagi :


1. Siapkan file game flash kesayangan Anda atau bila belum punya bisa anda dapatkan dari situs game online dengan cara yang pernah saya bahas di postigan yang berjudul Cara Menyimpan Game Flash Dari Game Online Ke Komputer Tanpa Download.

2. - Sebagai contoh kita telah mendapatkan file game flash yang bernama bmx-master.swf.
- bukalah notepad dan kopikan kode html berikut ke notepad :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>BMX MASTER ONLINE</title>
</head>
<body>

<object width="550" height="400" ><param name="movie" value="
bmx-master.swf"></param><embed src="bmx-master.swf" type="application/x-shockwave-flash" width="550" height="400" ></embed></object>

</body>
</html>

keterangan : tulisan yang berwarna merah gantilah dengan nama game flash Anda.

Setelah kode HTML pertama di atas tadi dikopikan ke notepad pilih menu File kemudian Save As beri nama index.html pada Save As Type pilih All Files ...simpanlah index.html ini bersama bmx-master.swf di manapun sobat mau.

3. Kemudian tes dahulu dengan cara mengklik 2x file index.html dan apakah game flashnya bekerja atau tidak..?

4. Mendaftar dahulu ke webhosting yang berbayar atau yang gratisan supaya kita bisa menyimpan game flash kesayangan kita yang nantinya bisa di panggil di facebook secara online. Untuk webhosting gratisan ikutilah caranya pada postingan saya yang berjudul CARA MEMBUAT WEBSITE DI HOSTING GRATISAN 

 5. Bila game Anda telah bekerja pada browser terus simpanlah / uploadlah file index.html dan file bmx-master.swf ke server hosting Anda (lihatlah cara mengupload file ke server hosting gratisan di postingan saya yang berudul Upload File Menggunakan FileZilla Client)

6. Kemudian cobalah Anda panggil alamat url game Anda di browser misalnya http://www.DomainAnda.com/index.html, index html bisa juga tidak diketik menjadi http://www.DomainAnda.com/ saja. Apakah sudah bisa dikses game online Anda tersebut..??

7. Membuat Aplikasi di Facebook

Masuk ke alamat Developer Facebook --> https://developers.facebook.com/apps
















Sisipkan kode Facebook Javascript SDK berikut ini ke file index.html yang telah dibuat di atas dan kopykan setelah tag <body> :

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '592904350820280',
      xfbml      : true,
      version    : 'v2.1'
    });

    // ADD ADDITIONAL FACEBOOK CODE HERE
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

Sisipkan kembali kode untuk LOGIN FACEBOOK berikut setelah kode Javascript SDK di atas tadi :


<h1 id="fb-welcome"></h1>

<script>
// Place following code after FB.init call.

function onLogin(response) {
  if (response.status == 'connected') {
    FB.api('/me?fields=first_name', function(data) {
      var welcomeBlock = document.getElementById('fb-welcome');
      welcomeBlock.innerHTML = 'Hello, ' + data.first_name + '!';
    });
  }
}

FB.getLoginStatus(function(response) {
  // Check login status on load, and if the user is
  // already logged in, go directly to the welcome message.
  if (response.status == 'connected') {
    onLogin(response);
  } else {
    // Otherwise, show Login dialog first.
    FB.login(function(response) {
      onLogin(response);
    }, {scope: 'user_friends, email'});
  }
});
</script>
Sehingga file index.html Anda akan berubah menjadi sebagai berikut :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>BMX MASTER ONLINE</title>
</head>
<body>

//<----kode dari facebook------>//
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '592904350820280',
      xfbml      : true,
      version    : 'v2.1'
    });

    // ADD ADDITIONAL FACEBOOK CODE HERE
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<h1 id="fb-welcome"></h1>
<script>
// Place following code after FB.init call.

function onLogin(response) {
  if (response.status == 'connected') {
    FB.api('/me?fields=first_name', function(data) {
      var welcomeBlock = document.getElementById('fb-welcome');
      welcomeBlock.innerHTML = 'Hello, ' + data.first_name + '!';
    });
  }
}

FB.getLoginStatus(function(response) {
  // Check login status on load, and if the user is
  // already logged in, go directly to the welcome message.
  if (response.status == 'connected') {
    onLogin(response);
  } else {
    // Otherwise, show Login dialog first.
    FB.login(function(response) {
      onLogin(response);
    }, {scope: 'user_friends, email'});
  }
});
</script>
//<----kode dari facebook------>//
<object width="550" height="400" ><param name="movie" value="bmx-master.swf"></param><embed src="bmx-master.swf" type="application/x-shockwave-flash" width="550" height="400" ></embed></object>
</body>
</html>

8. Coba panggil halaman url Aplikasi Game Facebook anda yang baru anda ciptakan ini (lihatlah contoh punya saya pada Canvas Pages : http://apps.facebook.com/bmxmaster/ pada gambar di atas) ...!!

9. Selamat kini Anda telah memiliki Aplikasi Game Facebook sendiri dan beritahukan pada teman-teman Anda alamat Game Facebook Anda tersebut....!!

UPDATE TERBARU : domain gratisan sudah tidak  support lagi untuk pembuatan aplikasi facebook !!

==============================
Bila artikel ini sedikit berguna untuk Sobat silahkan klik LIKE/SUKA untuk menyukai halaman.
Anda sedang mengunjungi halaman yang berjudul :
Cara Membuat Aplikasi Game Sendiri Di Facebook

" Satu KLIK Sahabatku pada iklan ini adalah 1000 semangat saya untuk terus menulis di blog ini "

6 komentar:

Post a Comment

 
Toggle Footer
TOP