Rabu, 21 Maret 2012

Cara Membuat Aplikasi Game Sendiri Di Facebook



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 "

Apa komentar Anda tentang Cara Membuat Aplikasi Game Sendiri Di Facebook ini... ?


Comments
6 Comments

Komentar Facebooker

Terima kasih atas komentar Anda..!

Komentar Blogger

6 komentar:

Dena Arta Putra mengatakan...

000webhost emang support buat ngupload game kayak begitu

Eris Risyana mengatakan...

support sekali dong karena kita hanya menyimpan file saja di servernya....

Toni mengatakan...

boleh juga ni di praktekkan buat mengisi waktu luang biar lebih positif
terima kasih ilmunya, izin bookmark

Eris Risyana mengatakan...

sama-sama Toni smoga bisa bermanfaat....

Dandy Rizky mengatakan...

.Keren gan, Nice info. :)
.Kunbalnya yoo...

Eris Risyana mengatakan...

see you letter....

Terima kasih atas komentar Anda..!

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes