Tampilan ikon messenger seperti Yahoo Messenger, MSN (IM), Skype, AIM, ICQ, IRC dapat ditampilkan pada blog anda. Tampilan ikon untuk masing-masing messenger tersebut sudah ada, namun buat anda yang memiliki kreatifitas biasanya menginginkan tampilan yang berbeda atau dengan kata lain menginginkan ikon hasil kreasi sendiri.

Hal ini bisa dilakukan, langkah-langkahnya :

1. Buat gambar (yang akan dijadikan ikon)

a. Ukuran misalnya : 175 pixel x 44 pixel (lebih kecil ukuran lebih cepat dalam loading nya)

b. Buat 3 gambar untuk status online, offline dan unknown (bisa juga 2 gambar, untuk status unknown diisi oleh gambar status offline)

c. Gunakan software pengolah grafis seperti CorelDraw atau Photoshop atau sejenisnya.

d. Simpan atau Export gambar tersebut sehingga bertype JPG, GIF atau PNG atau sejenisnya

2. Upload gambar tersebut, pada blog atau website anda sendiri, atau pada web penyedia layanan penyimpanan file.

3. Catat alamat file dari website atau blog atau web penyedia layanan tersebut.

4. Kalau langkah di atas sudah siap, kunjungi web penyedia code nya. Contohnya : http://osi.techno-st.net . bila yang aktif page japanese, klik English…

5. Pada tampilan web tersebut, isilah bagian-bagian :

Messenger : <pilih messenger> contohnya : Yahoo

User Id : <isi dengan id YM anda> contohnya : budiman_zone (tanpa @yahoo.co.id atau @yahoo.com)

Address to online icon : <isi dengan alamat gambar status online>

Address to offline icon : <isi dengan alamat gambar status offline>

Address to unknown icon : <isi dengan alamat gambar status unknown atau status offline>

IRC Channel : <khusus pengguna IRC>, biarkan kosong

6. Klik Get HTML Code

7. Bila berhasil, maka gambar ikon status akan tampil sesuai dengan kondisi messenger anda (online atau offline)

8. Copy code di bawah tulisan HTML code to put on your web page:

9. Paste pada website anda, atau paste pada widget text untuk http://www.wordpress.com dan pada gadget HTML/Javascript untuk http://blogspot.com

Menambah widget text pada blog wordpress.com

1. Login ke Account anda pada WordPress

2. Klik Tampilan

3. Klik Widget

4. Cari Widget TEXT dan klik Tambah

5. Akan muncul Widget Text baru disamping kanan

6. Klik Simpan Perubahan

7. Klik Sunting pada Widget Text baru tersebut, berikan judul misalnya : YM! Status

8. Paste code HTML yang sudah didapat dari http://osi.techno-st.net pada bagian bawah judul.

9. Klik Selesai

10. Klik Simpan Perubahan

11. Silahkan lihat blog anda

Menambah gadget HTML/Javascript pada blog blogspot.com

1. Login ke Account anda pada blogspot.com

2. Klik Tata Letak

3. Klik Tambah Gadget

4. Cari Gadget HTML/Javascrip dan klik symbol + untuk menambah Gadget tersebut

5. Akan muncul Mengkonfigurasi HTML/JavaScript

6. Klik berikan judul misalnya : YM! Status

7. Paste code HTML yang sudah didapat dari http://osi.techno-st.net pada bagian bawah judul.

8. Klik Simpan pada Gadget tersebut

9. Klik Simpan pada Tata Letak

10. Silahkan lihat blog anda

Sebagai bahan latihan atau coba-coba, silahkan gunakan alamat file status ikon berikut ini untuk anda isikan pada website http://osi.techno-st.net . sebagai alternative pengganti ikon status messenger (copy dan paste untuk menghindari kesalahan pengetikan). Gambar yang ada memiliki format PNG dan bernuansa symbol 12 bintang, urutannya berdasarkan alphabet.

http://www.budiman2zone.files.wordpress.com/2009/02/aquarius_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/aquarius_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/aries_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/aries_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/cancer_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/cancer_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/capricorn_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/capricorn_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/gemini_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/gemini_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/leo_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/leo_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/libra_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/libra_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/pisces_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/pisces_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/sagitarius_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/sagitarius_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/scorpio_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/scorpio_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/taurus_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/taurus_off.png

 

http://www.budiman2zone.files.wordpress.com/2009/02/virgo_on.png

http://www.budiman2zone.files.wordpress.com/2009/02/virgo_off.png

 

 

Selamat Ber…KREASI…

 

 

==============================================