Love, Life and Remedies

"Twitter = Facebook yang bisa ditempel di halaman Blogger"

Buat yang having multi-dimensional faces, Twitter bisa menjadi our facebook-alternative to be shared in the cong blog... On a separate server, kemungkinan salah tulis menjadi makin keciiiillllll... :p Keep the Facebook account (real "us") for the "normal" world :)

Langsung aja deh ke Step by Step:
1. Buka account baru di: https://twitter.com/
Kalo tujuannya seperti akyu, cuma untuk mejeng updated status di blog, skip aja opsi mencari friends and network (dua step ini, IMHO is very OK to be skipped).

2. Setelah log-in dan berada di menu Home, lihat ke barisan paling bawah, klik Apps --> (akan pindah ke halaman download) --> klik Widgets.
Atau gampangnya, langsung aja ke halaman ini: https://twitter.com/widgets
Make sure udah log-in lohh yaa...

3. Di halaman Widgets tersebut, ada opsi untuk memasang update di MySpace, Blogger, Facebook, TypePad, etc. Kita memilih Blogger dunk :) Klik Continue...

4. Di halaman itu ada opsi untuk:
- Masang berapa updates (lines), defaultnya 5
- Mau pake tittle atau tidak
My suggestion is nggak perlu pake title kalau akan dipasang di side Gadget-nya blogger, and keep the posted items small (reduce loading time).

5. Berikutnya, bisa pilih dua opsi:
- Opsi mudah: klik di "Add to Blogger" button
Tapi ini hanya berlaku bagi mereka yang pake default template-nya blogger...
FINISH: Twitter udah terpasang di blogger :)
- Opsi perlu mikir sedikit: klik "grab the code"
Copy code yang di display... Paste-nya ke notepad dulu aja yaa...
untuk yang milih opsi ini, LANJUT...

6. Modifikasi code yang diperoleh. Misalnya ingin mengganti "follow me on Twitter" dengan "ikuti aku", yaa silakan ganti aja :p.
Tapi yang WAJIB di pisahkan adalah dua line terakhir yang ada <script> nya.
Contoh untuk twitter gw:

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/boewatchat.json?callback=twitterCallback2&count=5"></script>

Dua line script tersebut (yang sebetulnya berfungsi sebagai connector ke Twitter) akan menghambat page loading, jika ditempatkan di tempat yang salah. Seandainya server Twitter down, page kita juga akan ikutan down (baca: stuck di widget-nya Twitter) :(

7. Sekarang buka account Blogger-nya. Seperti biasa, langsyung tancap ke Dashboard, masuk ke menu: Layout --> Page Elements

8. Klik Add Gadget untuk yang sidebar, kemudian pilih/add gadget: "HTML:/JavaScript".
You need to scroll down a little bit to find this gadget.

9. Copy kan code-nya Twitter tadi, minus dua line dengan awalan <script> yang memang akan dipisahkan. Klik Save, pagenya akan otomatis menutup.

10. Silakan re-arrange posisi gadget Twitter tadi (defaultnya akan ada di bagian paling atas)

11. Masih di halaman "Layout", klik tab "Edit HTML" (kalo yang sebelumnya kan, kita ada di tab "Page Elements")

12. Scroll down html code yang di-display, sampai hampir bottom, dan temukan line ini:
</body></html>

13. Sisipkan dua line sisa-nya Twitter tadi (yang script), persis diatas </body></html>. Punya ku juga sekalian ditambahin comment for the sake of clarity and ease of maintenance, menjadi sbb.:

<!-- Start of Twitter Script -->
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/boewatchat.json?callback=twitterCallback2&count=5' type='text/javascript'/>
<!-- End of Twitter Script -->

</body></html>

14. Save template-nya dan VOILAAA... Updated status Twitter udah terpasang di blog.. Siap - siap menyalakan mode Narsis :)
Narsis mode: ON

15. Seperti halnya Facebook ,Twitter juga bisa di-update dari handphone... :)

Selamat ber-Twitter ria... Sampai jumpa di edisi Tutorial berikutnya :p