Cara Membuat App Update Status Twitter Via Buatan Sendiri

assalamualaikum sobat blogger smua,,,di kesempatan kali ini saya akan membahas tentang pembuatan aplikasi update status twitter via buatan kita sendiri dengan menggunakan scrip HTML,,,mungkin teman2 dah pada tau kan tentang HTML,,silahkan simak cara yang di bawah ini step by step:

Kita membutuh kan beberapa unsur seperti berikut ini:

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:

step 1:

1. Buka http://www.twitter.com/ kemudian Sign In
2. Scroll halaman Twitter sampai bawah, kemudian klik API. Atau cara langsungnya silahkan buka http://dev.twitter.com/
3. Klik "Your apps" yang ada di sebelah atas.
4. Klik "Register a new app" yang ada di sebelah kanan.
5. 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 Nimbuzzholic Minangkabau, maka isikan Nimbuzzholic Minangkabau 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://www.nimbuzzholic-minangkabau.co.cc/


~Organization : Nama Organisasi ini akan muncul sebagai nama pembuat aplikasi tersebut, jika anda mengisikan Nama Anda pada kolom ini, maka aplikasi anda nantinya akan bernama Nimbuzzholic Minangkabau by Nama Anda


~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 CAPCAY macam biasa

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 Step 2, oleh karena itu, pada browser anda silahkan buka Tab baru dan lanjut ke Step 2

Step 2:

Disini saya hanya akan membahas tentang Blogger / Blogspot saja, karena saya membuat aplikasi tersebut juga di Blogspot, tapi saya berani jamin bahwa Selain di Blogspot juga tetap bisa dilakukan kok,!!

1. Login ke Blogger > New Post
2. Isikan judul posting anda, misalnya : Update Status via HP Maling Disini
3. (PENTING) pilih yang "Edit HTML", bukan yang Compose
3. 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><br /> <br /> <span id="login"></span><br /> <script type="text/javascript"> twttr.anywhere(function (T) { T("#login").connectButton(); }); </script><br /> <br /> <div id="tbox"></div><script type="text/javascript"> twttr.anywhere(function (T) { T("#tbox").tweetBox({ height: 100, width: 400, }); }); </script><br /> <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 yang saya buat, address nya adalah Update StatusTwitter Via Nimbuzzholic Minangkabau

Setelah mendapatkan address nya, kita kembali ke Tab sebelumnya (step 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.

Setelah berhasil di Connect, anda tinggal mengupdate status pada kotak yang tersedia di Blog anda.

Cukup sekian dulu keterangan dari saya mohon maaf atas segala kekurangan dari postingan saya karena tidak lengkap dengan gambar nya,lain kali akan saya posting tutorial gambar nya,,,selamat mencoba buat teman2 blogger smua,,semoga bermafaat buat tman2 smua,,,mari belajar dan berbagi bersama :)

You Might Also Like :