18
Apr
09

Menampilkan Ikon Messanger di Blog

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://www.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 www.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 www.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

Source : http://budiman2zone.wordpress.com/2009/03/06/pembuka/#more-298


2 Responses to “Menampilkan Ikon Messanger di Blog”


  1. 1 Andriy
    10 Mei 2009 pukul 6:23 AM

    di tempat saya kok ga bisa buka http://www.osi.techno-st.net, mBak?


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s


Nyang Ngurus

YM Status

Yahoo Online Status Indicator

My Facebook


Sri Novi Fitriyani

My Twitter

  • RT @infowatir: Naha nu geus gawe ngeluh wae nya? Salah saha atuh beut gawe. Enakan jd pengangguran positif terus pikirannya :(My Twitter 1 year ago
  • Yeay, bisa tewiteran lagi. #lebayMode :DMy Twitter 1 year ago
  • Hp dua2nya lowbat, gak ada sinyal. Listrik mati dari jam 9. Bales orderannya terhambat. Maaf ya cust..My Twitter 2 years ago
  • RT @MotivaTweet: Ya Tuhan kami, janganlah Engkau pikulkan kepada kami apa yang tak sanggup kami memikulnya. Maaflah dan rahmatilah kami… (A…My Twitter 2 years ago
  • RT @FaktaGoogle: Rasa cinta bs membangun emosi positif yg memberikn dorongan trhdp sistem kekebalan tubuh shg org lebih jarang sakit. [Carn…My Twitter 2 years ago

My Banner

Link Exchange

    <a href="https://srinovifitriyani.wordpress.com/" target="_blank"> <img border="0" alt="Srinovifitriyani" src="https://srinovifitriyani.files.wordpress.com/2009/04/banner_wordpress_novi.gif" height="150" alt="visit myblog"> </a>

Tulisan Teratas

Secret Admirer

  • 27,827 Korban

Visitor

free counters

%d blogger menyukai ini: