Customizing Yahoo! Messenger Icon

Memulai sulit.
Berhenti pun sulit.

Apakah itu?


Apa pun jawabanmu, jawabanku, utak-atik template blog! Baru dua hari lalu mengeluarkan pernyataan "selesai juga tampilan baru", tapi sampai sekarang masih aja ada yang diutak-atik. Ckckck..

Hasil "sibuk" hari ini adalah, customized Yahoo! Messenger Icon. Ada beberapa istilah berbeda untuk apa yang saya maksud ini. Beberapa situs menyebutnya sebagai YM Status, YM Icon atau YM Button. Semua menunjukan satu fungsi yang sama, yaitu icon YM yang diembbed ke blog atau website.

Dengan adanya kata customized menjadikannya mengandung arti dibuat khusus. Dan, berikut adalah hasil karya saya. Meski sederhana, tapi ga ada kembarannya! Uhuyy..
 
Caranya susah-susah gampang. Susah saat belum tau caranya. Kalau sudah berhasil, tentunya jadi gampang ^^ Eh, dibilang susah aja deh. Dan, karena saya berhasil, maka saya termasuk yang lihai untuk urusan yang satu ini! Hahahaha..

Jika ada yang mau membuat juga, yang perlu dipastikan ada adalah server untuk upload file. Bisa memanfaatkan free hosting yang ada atau punya sendiri. Lalu, ikuti tahap-tahap berikut *learn from Achnet Blog

Pertama. 
Siapkan dua image untuk dijadikan icon atau button alias tombol. Satu untuk keterangan online dan satu lagi offline. Save dalam format png dengan nama "on.png" dan "off.png".

Kedua. 
Copas kode-kode berikut ke notepad:

header("Content-Type: image/png");
$curl = curl_init();
curl_setopt($curl, curlopt_url, "http://opi.yahoo.com/online?u=
yahooID&m=s");
curl_setopt(
$curl, curlopt_returntransfer, 1);
$strpage = curl_exec($curl);
curl_close($curl);

if ($strpage=="
yahooID is not online")
{$gambar="off.png";}
else
{$gambar="on.png";}

$buatgambar = imagecreatefrompng($gambar);
imagepng($buatgambar);
imagedestroy($buatgambar);
?>


Ganti semua kata "yahooID" dengan ID YM kamu. 

Ketiga. 
Save file menjadi format file php dengan nama ym. Caranya, ketik langsung "ym.php" dibagian penamaan lalu ubah file type menjadi "all files", kemudian save.

Empat.
Upload ketiga file (on.png, off.png dan ym.php) ke server yang telah disiapkan. Buat folder khusus dengan nama "ym"

Lima.
Test URL link di browser. Kalo kata si Kamu, alamat URL publik biasanya adalah: namasitus/nama file. Kalo ada folder lagi didalamnya maka menjadi, namasitus/namafolder/namafile. Saya upload ke hosting sendiri dan memasukannya dalam folder sendiri, kalo sama untuk test, pada browser, ketik:  

www.alamatwebsite.com/ym/ym.php

Enam.
Login blog. Masuk ke bagian Design > Page Element, lalu klik add a gadget. Pilih yang HTML/JavaScript, atau untuk yang udah ada sebelumnya, cukup edit aja. Lalu copas kode berikut: 

<a href="ymsgr:sendIM?yahooID"> <img src="http://alamatwebsite/ym/ym.php" />
</a>


Ganti kata "yahooID" dengan ID YM kamu. Sesuaikan http://alamatwebsite/ym/ym.php dengan lokasi upload file

Tujuh.
Save gadget. Refresh halaman blog untuk melihat hasilnya. Selesai.

Sebelum menggunakan customized Yahoo! Messenger Style di atas, pilihan saya jatuh pada:

Standar memang, namun mudah untuk mendapatkannya. Tak perlu melakukan langkah 1-5, cukup mulai dari langkah Enam dan copas kode berikut:

<a href="ymsgr:sendIM?yahooID"> <img src="http://opi.yahoo.com/online?u=yahooID&t=2" border="0" />

Ganti kata "yahooID" dengan ID YM kamu. Untuk mendapatkan icon standar lainnya bisa dilihat di sini dan di sana.

Oops! Udah panjang benar ketikan kali ini. Semoga bermanfaat ^^


-Ling-

0 comments

Post a Comment