Share article dari website to facebook

Ada berbagai cara untuk mengshare headline dari kontent suatu article kedalam wall facebook status kita, misal dengan tools share button milik addthis atau web-web lain yang menyediakan fiture share button.
namun kita juga dapat membuatnya sendiri dengan menggunakan API dari facebok itu sendiri yang disebut dengan dialog. untuk detailnya dapat dilihat di http://developers.facebook.com/docs/reference/dialogs/.

Berikut contoh sederhanan penggunaan dari API dialog ini dalam PHP language:
$auth_url = “http://www.facebook.com/dialog/feed?app_id=id_aplikasi&link=link_website&picture=gambar_yang akan_tampil”&name=muncul _dibawah_title&caption=judul&description=description_yang_muncul&redirect_uri=urlback_ketika_share_diclick”;
echo(” top.location.href=’”.$auth_url.”‘”);

Penjelasan singkat:
1. app_id didapat setelah kita membuat sebuah aplikasi baru di facebook melalui https://developers.facebook.com/apps
2. untuk link, picture, dn redirect url gunakan url fix dengan http:// dan gunakan fungsi php yang bernama urlencode.
3. untuk pengisian name,caption dan description juga menggunakan fungsi PHP urlencode

*urlencode di gunakan untuk mengconvert string kedalam character yang dapat di baca browser.

Contoh Pic :

Google Bisa Translate Bahasa Hewan

Makin kurang waras atau mungkin semakin canggihnya bahasa pemrograman yang ada membuat para developer-developer berlomba-lomba untuk mengembangkan pemrogramman mereka, Coba simak video di bawah ini dimana google mencoba untuk mentranslate bahas hewan,hehehehehe

Customize Fan Page Facebook denga Static FBML

Untuk membuat FBML static tidak terlalu sulit, silahkan ikuti langkah-langkah berikut:

1. Log in Facebook kemudian masuk ke halaman fan page kita.

2. Pilih edit page yang berada di sebelah kiri, di bawah foto.

3. Lihat di Applications cari FBML jika tidak ada pilih More Application -> Browse more

4. Ketikan static fbml pada field search Apps pada kiri atas setelah tulisan all Application kemudian enter.

5. Pilih static  fbml maka kita akan menuju halaman static FBML.

6. Pilih Add to my page pada kiri atas page setelah logo dari FBML.

7. Pilih Fan page kita dengan memilih add to page yang terletak disebelah kanan judul dari fan page kita,Setelah itu masuk kembali ke halaman fan page kita dan ikuti langkah 1 dan 2 diatas kemudian pada applications akan terlihat aplicasi yang bertuliskan FBML, lalu Pilih edit.

8. Berikutnya kita diminta memasukan Box Title => Digunakan untuk judul dari FBML kita yang akan muncul di tab yang terdapat di awal fan page kita Misal isikan Portfolio, dan FBML => digunakan untuk memasukan script FBML kita untuk sementara masukan,, saya masuk FBML fan page saya,,

9. Publish FBML kita : Lihat langkah no 8 pilih Apllication setting lalu buat seperti ini:

10. Kemudian Pilih wall setting dan setting seperti ini:

Terakhir kembali ke Fan page anda dan taraaaaaaaaaaa liat di tab anda akan muncul tab dengan judul Portfolio dan silahkan buka.

What Is FBML ?

Semakin maraknya penggunakan facebook di seluruh dunia, membuat para creator-creator facebook semakin mengembangkan ide-ide mereka agar dapat membuat facebook dapat lebih berguna, maka munculah salah satunya FBML (Facebook Markup Language).

FBML secara garis besar adalah suatu tehnik pemrograman yang dapat digunakan bagi programmer untuk berinteraksi dengan facebook mereka.

FBML banyak sekali digunakan para pengguna facebook untuk menampilkan produk-produk, membuat tampilan facebook menarik atau mungkin menampilkan sesuatu yang dapat membuat seseorang mengunjungi website mereka ke dalam Facebook Fan mereka.

Berikut contoh hasil penggunaan FBML Static Bisa Di klik disini,

Untuk sample page FBML saya tampilin halaman page blog saya hehehehe, gapapa ya sekalian Promosi,

Berikut nya Cara pembuatannya, Selamat menikmati.

Namespace And Jquery

Pada penulisan sebelumnya sudah dijelaskan secara singkat mengenai Jquery dan juga Namespace nah sekarang gmn ya kalo Kedua nya kta gabungin,, mari dicoba,, kita akan membuat sebuah input type yang user dan password dimana jika user dan password kita isikan dengan kata yang sama maka setelah klick submit akan muncul sebuah alert dengan kata-kata user dan password benar, dan begitu pula sebaliknya.

pertama kita bikin core.js nya:

//Create Namespace
var test = {}
//Declare variable global Jika ada kalo ngak ada kosongin aja;
{test.utils=function(){
return {
attach:function (){
$(document).ready(function(){
//taruh semua yang berhubungan action disini

$(“#submit”).click(function(){test.utils.save();})
$(“#clear”).click(function(){test.utils.clear();})
});
},
save:function(){
var nama    = $(“#nama”).val();
var pass    = $(“#pass”).val();

if (nama == pass){
alert (“Data Yang anda Isikan sama”);
}else{
alert (“Data Yang anda Isikan berbeda”);
}
},
clear:function(){
$(“#nama”).val(“”);
$(“#pass”).val(“”);
}
}
}()}

Trus Buat File index.htmlnya

<html>
<head>
<script src=”jquery.min.js” language=”javascript” type=”text/javascript”></script>
<script src=”core.js” language=”javascript” type=”text/javascript”></script>
<script language=”javascript”>
window.onLoad = test.utils.attach();
</script>
</head>
<body>
<input type=”text” name=”nama” id=”nama” size=”20″>
<input type=”password” name=”pass” id=”pass” size=”20″> <br />
<input type=”button” name=”submit” id=”submit” value=”save”>
<input type=”button” name=”clear” id=”clear” Value=”clear”>
</body>
</html>

Jangan lupa File Jquery.jsnya ya silah kan pilih de www.jquery.com kalo saya pake yang .min

dan jalankan

kalo mau download file lengkapany silahkan unduh di :

http://www.ziddu.com/download/9852103/namespace.zip.html

Kalo ada yang punya cara berbeda please sharing ya,,hehehehhe

//Create Namespace
var test = {}
//Declare variable global Jika ada kalo ngak ada kosongin aja;
{test.utils=function(){
return {
attach:function (){
$(document).ready(function(){
//taruh semua yang berhubungan action disini

$(“#submit”).click(function(){test.utils.save();})
$(“#clear”).click(function(){test.utils.clear();})
});
},
save:function(){
var nama    = $(“#nama”).val();
var pass    = $(“#pass”).val();

if (nama == pass){
alert (“Data Yang anda Isikan sama”);
}else{
alert (“Data Yang anda Isikan berbeda”);
}
},
clear:function(){
$(“#nama”).val(“”);
$(“#pass”).val(“”);
}
}
}()}