Pada kali ini saya akan menjelaskan bagaimana caranya membuat update status Twitter via yang kita inginkan, Sebagai contoh, saya telah membuat halaman untuk update status via ÜberTwítter™ disini. Caranya sangat mudah, anda hanya memerlukan 2 hal berikut :
1. API key untuk aplikasi Twitter
2. Blogspot / layanan lain yang dapat memuat HTML (disinilah tempat diletakannya HTML script untuk update status via sendiri)
Ok, saya akan membahas poin pertama dulu, yaitu cara untuk mendapatkan API key aplikasi Twitter. Ikuti langkah-langkah berikut :
Poin 1
- Buka http://www.twitter.com/ kemudian Sign In
- Scroll halaman Twitter sampai bawah, kemudian klik API. Atau cara langsungnya silahkan buka http://dev.twitter.com/
- Klik "Your apps" yang ada di sebelah atas.
- Klik "Register a new app" yang ada di sebelah kanan.
- Muncul formulir aplikasi yang harus anda isi. Mari kita bahas satu-satu mengenai formulir tersebut :
- Application Name : Nama aplikasi / nama update status via yang anda inginkan, misalnya anda ingin update status via HP Maling, maka isikan HP Maling di kolom tersebut.
- Description : Sedikit penjelasan tentang aplikasi tersebut, bebas mau anda isi dengan apa.
- Application Website : Isikan alamat Blogspot / alamat yang diperlukan pada Poin 2, misalnya pada aplikasi yang saya buat, saya mengisikan http://jokerstone.blogspot.com/
- Organization : Nama Organisasi ini akan muncul sebagai nama pembuat aplikasi tersebut, jika anda mengisikan Maling Professional pada kolom ini, maka aplikasi anda nantinya akan bernama HP Maling by Maling Professional
- Application Type : pilih "Browser"
- Callback URL : Isikan sama dengan Application Website
- Default Access type : pilih "Read & Write"
- Application Icon : upload gambar dari komputer anda yang akan dijadikan logo dari aplikasi tersebut.
- Isi CAPTCHA (Itu yang huruf-huruf nggak jelas itu)
- Kalau sudah, klik "Register application", kemudian klik "I Accept" untuk menyetujui pembuatan aplikasi anda.
- Apabila berhasil, maka disitu terlihat Settings aplikasi anda. Disitu juga tertera API Key yang kita butuhkan dari tadi. Catat baik-baik API Key tersebut, kalau perlu simpan dalam bentuk Notepad.
- Jangan di close dulu halaman ini, karena kita membutuhkan sedikit setting lagi setelah melakukan poin 2, oleh karena itu, pada browser anda silahkan buka Tab baru dan lanjut ke Poin 2
Poin 2
(Disini saya hanya akan membahas Blogger / Blogspot saja, karena saya membuat aplikasi ÜberTwítter™ tersebut juga di Blogspot, tapi saya berani jamin bahwa Selain di Blogspot juga tetap bisa dilakukan)
- Login ke Blogger > New Post
- Isikan judul posting anda, misalnya : Update Status via HP Maling Disini
- (PENTING) pilih yang "Edit HTML", bukan yang Compose 
- Copy dan paste kan script berikut ke isi post tersebut :
<script src="http://platform.twitter.com/anywhere.js?id=YOURAPIKEYHERE&v=1" type="text/javascript">
</script>
<span id="login"></span>
<script type="text/javascript">
twttr.anywhere(function (T) {
T("#login").connectButton();
});
</script>
<div id="tbox">
</div>
<script type="text/javascript">
twttr.anywhere(function (T) {
T("#tbox").tweetBox({
height: 100,
width: 400,
});
});
</script>
<div_prefs id="div_prefs"></div_prefs>
- Pada script diatas, ganti kata YOURAPIKEYHERE dengan API Key yang telah anda dapatkan sebelumnya.
- Klik "Publish Page"
- Setelah klik Publish Page, anda akan mendapatkan tampilan seperti ini :
Your blog post published successfully! View Post
- Klik View Post tersebut
- Apabila script tadi berjalan sukses, maka anda akan melihat sebuah tombol "Connect With Twitter" dan kotak untuk mengupdate status seperti yang ada di Twitter.
- Nah, jangan pergi dari halaman itu dulu, sebelumnya Copy Address dari postingan tersebut, misalnya dari aplikasi ÜberTwítter™ yang saya buat, address nya adalah http://jokerstone.blogspot.com/p/twitter-project.html
- Setelah mendapatkan address nya, kita kembali ke Tab sebelumnya (Poin 1) untuk melakukan sedikit setting lagi.
- Pada halaman aplikasi Settings anda, klik "Edit Application Settings" yang ada di sebelah kanan.
- Nah, Address yang kita dapatkan tadi kita copy paste kan ke Application Website dan Callback URL
- Klik "Save Application"
Dan sekarang, saatnya Uji Coba !! silahkan buka Blog anda yang telah dipostingkan Script tersebut, kemudian klik Connect With Twitter, apabila berhasil maka akan muncul tampilan seperti ini :
Setelah berhasil di Connect, anda tinggal mengupdate status pada kotak yang tersedia di Blog anda.
Selesai .
Sumber:
http://kask.us/5471318
http://www.joker-stone.co.cc/2010/08/update-twitter-via-sendiri.html
0 komentar: