3 Maret 2010
Menjelang pertengahan Februari kemarin, Facebook mengumumkan bahwa Facebook chat sekarang bisa diakses melalui XMPP/Jabber client. Dengan protokol yang lebih terbuka ini, maka kita bisa mengakses Facebook Chat dari berbagai aplikasi IM client tanpa harus login dari web Facebook.
XMPP/Jabber adalah protokol terbuka untuk instant messaging (IM). Aplikasi populer yang menggunakan protokol ini adalah Gtalk, kemudian sekarang disusul oleh Facebook. Pengaplikasiannya sangat luas, bahkan bisa juga digunakan dilingkungan internal dengan menggunakan domain sendiri.
Kembali ke Facebook Chat, untuk mengetahui bagaimana pengaturan IM client agar bisa mengakses Facebook Chat, bisa dilihat disini. Pada halaman tersebut disebutkan konfigurasi untuk macam-macam IM client seperti Pidgin, Adium, iChat, dll. secara umum, konfigurasi account-nya seperti ini:
1
2
3
4
5
| Protocol: XMPP or Jabber
Username: username
Domain: chat.facebook.com
Jabber ID: username@chat.facebook.com
Password:<password anda> |
Ganti username dan password dengan username dan password yang anda gunakan. Apabila belum membuat username untuk account Facebook anda, silakan membuatnya dulu dengan mengakses halaman berikut.Sedangkan untuk server info-nya dengan konfigurasi sebagai berikut:
1
2
3
4
| Port: 5222
Server: chat.facebook.com
Use SSL/TLS: no
Allow Plaintext Authentication: no |
Silakan sesuaikan pengaturan diatas dengan IM client yang anda gunakan. apabila mengalami kesulitan atau pertanyaan, anda bisa mengakses Facebook Help Center untuk chat disini.
Dengan menggunakan protokol terbuka seperti XMPP ini, sekarang kita lebih bebas memilih aplikasi yang digunakan untuk chat di Facebook, tidak terpatok harus dari web (yang menurut saya sangat tidak nyaman). Selamat Mencoba.
Tulisan lain yang mungkin berkaitan:
18 Januari 2010
Saat ini mesin blog WordPress telah tersedia dalam berbagai bahasa, termasuk Bahasa Indonesia, namun secara umum instalasi WordPress biasanya menggunakan Bahasa Inggris, termasuk apabila anda menginstallnya melalui aplikasi autoinstaller yang ada pada fasilitas web hosting. Nah bagaimana caranya menambahkan/merubah instalasi WordPress agar menjadi berbahasa Indonesia? berikut akan saya jelaskan langkah-langkahnya.
Ada dua cara untuk menjadikan WordPress berbahasa Indonesia, yang pertama adalah dengan menginstall ulang WordPress dengan instalasi baru yang berbahasa Indonesia, berkasnya bisa diunduh disini. untuk cara instalasinya bisa ditemukan pula pada web yang sama.
Cara kedua adalah menambahkan paket (berkas) bahasa Indonesia pada instalasi WordPress yang sudah ada (berbahasa Inggris), cara ini terhitung lebih aman dan mudah dibanding dengan menginstall kembali aplikasi WordPress yang baru.
Langkah pertama adalah mengunduh berkas id_ID.mo (paket bahasa) untuk bahasa Indonesia disini. Kemudian buat sebuah direktori baru bernama /languages dalam direktori /wp-contents pada instalasi WordPress anda, unggah berkas id_ID.mo tadi ke dalam direktori /wp-contents/languages yang telah anda buat sebelumnya. Untuk mengatur berkas dan direktori pada server bisa melakukannya melalui klien FTP seperti FileZilla maupun melalui pengelola berkas berbasis web.
Setelah berkas selesai diunggah, langkah berikutnya adalah membuka dan mengedit berkas wp-config.php yang ada di root instalasi WordPress, kemudian cari baris berikut:
Setelah itu, rubah baris tadi menjadi:
1
| define ('WPLANG', 'id_ID'); |
nama id_ID adalah identifikasi untuk Bahasa Indonesia, bagian ini bisa diganti sesuai kebutuhan dengan bahasa lain, tentu saja dengan menyertakan berkas .mo sesuai bahasa yang akan digunakan.
Seteleah selesai mengubah berkas wp-config.php tadi, simpanlah perubahannya, selesai! sekarang instalasi WordPress anda telah berubah menjadi Bahasa Indonesia, perubahan bahasa ini berpengaruh pula pada penamaan hari, tanggal dan bulan pada blog, juga untuk beberapa komponen lain menjadi tersesuaikan menjadi berbahasa Indonesia. cukup mudah bukan? selamat mencoba.
Tulisan lain yang mungkin berkaitan:
14 Januari 2010
Facebook sekarang telah menjadi layanan jejaring terbesar di dunia, sudah ratusan juta orang telah terdaftar sebagai anggotanya dari seantero bumi. ‘main’ Facebook memang mengasyikan, kita bisa saling terhubung dengan teman-teman, salah satu bentuk interaksinya adalah komentar pada post yang kita kirim, misall wall, foto, video, dll.
Ketika kita mengomentari suatu post atau post yang kita kirimkan ada yang mengomentari, biasanya Facebook memberikan notifikasi berupa email kepada kita, hal ini sebenarnya cukup berguna sekaligus juga menganggu. berguna karena kita diberi tahu bahwa post kita ada yang menanggapi sehingga kita bisa dengan segera mengeceknya, namun disisi lain notifikasi ini cukup menganggu, apalagi jika post kita dikomentari oleh banyak orang, bisa-bisa inbox di email kita penuh oleh notifikasi ini dan akhirnya kita merasa kalau email notifikasi ini tidak lebih dari sampah (spam), lagipula kita masih bisa melihat notifikasi dari statusbar di bagian kanan bawah halaman situs Facebook. Namun jika anda sekarang masih menganggap email tersebut sampah dan tidak berguna, coba pikirkan lagi, karena facebook punya fitur baru yang akan membuat email notifikasi tersebut lebih “berguna”.
Kemarin (13/01/2010) Facebook mengumumkan suatu fitur baru dari layanan jejaring sosial ini, yaitu membalas komentar melalui email. bagaimana caranya? cukup mudah, setiap notifikasi pasti dikirim berupa satu email tunggal, untuk membalas komentar dari notifikasi itu cukup tekan tombol “reply” pada aplikasi pengelola email anda layaknya membalas email biasa, setelah itu anda tinggal menuliskan balasan anda disitu dan kirim “send”. yah… memang semudah itu, semudah membalas email biasa saja, tidak ada format khusus untuk membalasnya, Facebook akan otomatis memasukannya ke post yang sedang dikomentari. untuk gambarannya bisa dilihat pada ilustrasi dibawah ini:
Nah, dengan adanya fitur baru ini, setidaknya email yang kita terima dari Facebook akan sedikit lebih berguna, kita bisa menggunakannya untuk membalas komentar tanpa harus masuk ke situs facebooknya sendiri, apalagi jika situs facebook di blokir di tempat anda namun masih bisa berinteraksi dengan teman-teman melalui email ini, fitur ini juga sangat terasa gunanya bagi anda pengguna layanan push mail, karena lebih mudah membalasnya melalui email. Jika anda sebelumnya mematikan fasilitas notifikasi email, tidak ada salahnya mengaktifkannya kembali dan mencoba fitur ini. selamat mencoba.
Tulisan lain yang mungkin berkaitan:
21 November 2009
Mumpung lagi semangat bikin tutorial nih, sekalian saja sekarang saya lanjutkan tutorial singkat CSS-nya. kali ini kita akan belajar membuat text effect sederhana dengan CSS. text effect yang akan kita coba adalah text shadow, dengan menambahkan properti text-shadow pada selector, maka text yang terpilih akan ditambahkan efek berupa bayang2 di bagian belakangnya.
Simple Shadow Effect
Untuk tutorial pertama kita akan membuat efek bayangan sederhana, anggap saja text yang ingin kita beri bayangan adalah text “Hielmy Zaenun Nafsi” dengan format h1, bayangan yang diinginkan berupa bayangan sebesar 2 pixel ke kanan bawah berwarna abu-abu. caranya cukup menambahkan kode CSS sebagai berikut:
1
2
3
| h1 {
text-shadow: 2px 2px grey;
} |
Angka 2px pertama merupakan pergeseran bayangan sebanyak 2 pixel ke kanan, jika ingin bergeser ke kiri anda tinggal memasukan angka negatif, misal -2px. sedangkan 2px kedua menunjukan pergeseran 2 pixel kebawah, jika ingin merubah arahnya tinggal tambahkan angka negatif juga. grey sendiri adalah keterangan warna bayangan, warna bayangan bisa ditulis dengan nama warna seperti grey, blue, red, dll. atau dengan kode hex misal #a3a3a3. Intinya format penulisannya seperti ini {text-shadow: (koordinat-X) (koordinat-Y) (radius blur) (warna)}. Ketika dirender di browser maka hasilnya akan seperti berikut:
Hielmy Zaenun Nafsi
Neon Light Effect
Dengan sedikit variasi, shadow effect bisa dikreasikan menjadi efek lain, misal efek lampu neon pada text. contohnya seperti berikut:
Hielmy Zaenun Nafsi
Untuk membuat efek seperti itu, cukup membuat kode CSS sebagai berikut:
1
2
3
| h1 {
text-shadow: 0px 0px 7px #FF0000;
} |
untuk membuat efek lampu neon, bayangan harus berada sejajar dengan text utama, oleh karena itu kedua angka pertama biarkan dalam posisi 0px, kemudian untuk angka ketiga yaitu 7px merupakan angka tingkat kekaburan bayangan (blur radius). kode #FF0000 adalah kode hex untuk warna merah.
Emboss Effect
Efek ketiga yang akan kita coba adalah efek emboss atau seperti huruf timbul. namun untuk menerapkan efek ini, kita harus bermain dengan 3 unsur yaitu warna huruf, bayangan dan latar belakang. ketiga bagian tersebut harus disesuaikan warnanya agar tercipta efek emboss yang diinginkan. contoh efek emboss pada huruf sebagai berikut:
Hielmy Zaenun Nafsi
Untuk membuat efek seperti diatas, buatlah kode CSS seperti berikut:
1
2
3
4
5
6
7
| body {
background: #ccc;
}
h1 {
color:#ccc;
text-shadow: -1px -1px #fffff, 1px 1px #333;
} |
karena harus menyesuaikan dengan warna background juga maka warna pada body ataupun bagian lain yang menjadi tempat text itu berada harus ditentukan pula warnanya, pada contoh ini warna background pada body adalah #ccc, kemudian warna text h1 pun harus disamakan yaitu #ccc, nah sekarang agar efek timbul itu bisa tercipta dibutuhkan dua buah bayangan, oleh karena itu pada properties text-shadow diatas, value untuk shadow dibuat dua buah yang dipisahkan dengan tanda koma, keduanya mengarah ke arah yang berbeda, yang satu di set -1px -1px dengan warna #ffffff (putih), sedangkan yang satu 1px 1px dengan warna #333, dengan kombinasi tersebut maka akan tercipta efek emboss atau text timbul.
Shadow effect ini mulai diimplementasikan pada CSS3, oleh karena itu, efek ini hanya akan bisa ditampilkan dengan baik oleh browser yang mendukung CSS3 secara penuh, apabila anda membukanya dengan browser yang sudah “uzur” kemungkinan besar tampilannya akan berantakan.
Akhir kata, semoga tutorial ini bisa bermanfaat bagi anda, mohon maaf kalau banyak kekurangan, namanya juga masih belajar 
Selamat Mencoba…
Tulisan lain yang mungkin berkaitan:
21 November 2009
Jika anda menggunakan browser Mozilla Firefox, Safari, atau Google Chrome, ketika anda melewatkan kursor pada salahsatu menu navigasi yang ada diatas (home, about, dll) pasti tombol pada menu tersebut akan menampilkan background kotak merah dengan sudut yang agak membulat. kotak warna merah tersebut bukanlah sebuah image, melainkan hasil render dari style yang sudah ditentukan dari stylesheet theme blog ini. untuk membuatnya cukup dengan menuliskan beberapa baris kode pada stylesheet (CSS) dari halaman web.
Saya bukan web designer dan pengetahuan saya tentang HTML+CSS masih sangat minim, tp saya hanya ingin berbagi sedikit tips untuk membuat hover button dengan rounded box (kotak dengan pinggiran membulat). kita asumsikan kita akan membuat sebuah link yang ketika dilewati kursor (hover) akan berubah menjadi bentuk tombol dengan rounded corner. kode HTML untuk linknya misal sebagai berikut:
<a href="http://blog.hielmy.web.id">Mie's Notes</a>
Nah sekarang mari kita buat stylesheet untuk hover button-nya, dalam syntax HTML tag untuk link adalah antara <a> maka kita harus membuat selektor untuk tag <a> ini, kemudian diberi properties untuk jenis huruf dan warna text. secara default, sebuah link akan diberi garis bawah, untuk menghilangkannya bisa ditambahkan properties text-decoration:none;, berikut kode lengkapnya: baca selengkapnya »
Tulisan lain yang mungkin berkaitan:
