Update Status Twitter via (buatan kita, semau-mau kita, sesuka hati)

Bosen ga sih tiap liat orang recent update di TimeLine pasti dibawahnya twitter via 'ubersocial, blackberry, web, iphone, ipad, mobile web, etc)?? pengen ga sih kepikiran via (nama kita)? pasti keliatannya unik. mau tau ga caranya ngerubah via via-an itu? okedeh disini gue mau berbagi ilmu sama kalian pembaca blog gue gimana update status via (nama kita/buatan kita). ikutin step by stepnya yaaa supaya sukses! :


Pertama yang kita perlukan adalah..

  1. API key untuk aplikasi Twitter
  2. Blogspot / Blogger atau layanan lain yang dapat memuat HTML (disinilah tempat diletakannya HTML script untuk update status via sendiri)
Kita bahas nomor pertama dulu yaa bagaimana mendapatkan API key aplikasi Twitter begininih caranyaa..

  • buka http://www.twitter.com/ lalu Sign In ke account kalian
  • scroll halaman sampai ke paling bawah, kemudian klik API. Atau biar langsung ini deh gue kasih linknya http://dev.twitter.com/
  • klik 'Your apps' yang ada di sebelah atas
  • klik 'Register a new app' yang ada disebelah kanan
  • nanti akan muncul form aplikasi yang harus diisi. oke gue kasih tau ya rinciannya supaya ga salah isi :
~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://alvin-masboy.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 CAPCAY macam biasa


  • kalau sudah terisi semua klik 'Register application', kemudian klik 'I Accept'
  • kalau berhasil, akan ada Setting aplikasinya. Disana juga tertera API key yang kita butuhkan. Catat baik-baik API key tersebut, di copy ya nanti kita akan paste-kan di langkah berikutnya.
Eits! jangan di close dulu ya jendela halamannya. Langkah selanjutnya buka tab baru di browser kalian. Kemudian kita akan ke nomor bagian kedua :
(Berhubung saya hanya mencobanya di Blogger / Blogspot, maka saya juga akan membahas utk pengguna Blogger / Blogspot aja :P)

  • log in ke blogger kalian, kemudian New post
  • isi judul postingannya, misal: Update Status via HP Maling Disini
  • (PENTING) pilih yang 'Edit HTML' yaa jangan 'Compose'
  • Copas Script berikut ke dalam isian post tersebut
Code:
<script src="http://platform.twitter.com/anywhere.js?id=YOURAPIKEYHERE&amp;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 yang ane buat, address nya adalah UPDATE STATUS TWITTER VIA 'LolitaKSM'
  • Setelah mendapatkan address nya, kita kembali ke Tab sebelumnya (nomor 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"

Finally!! Sekarang saatnya Uji Coba!! Silahkan buka Blog kamu 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. Selamat Mencobaaa!!! :D

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read Comments