Sejak logo YM di Tukarduid(dot)Com diubah menggunakan foto, sudah beberapa orang menanyakan bagaimana membuatya. Padahal dulu sebelumnya sudah diganti, tapi karena masih menggunakan logo YM guedhe mungkin orang ga terlalu perhatian. Setelah ada foto Joan, baru orang memperhatikan. Disini aku tuliskan tutorial dan codenya untuk mengubah tampilan YM kamu diwebsite. Code disini bukan hasil karyaku, lupa juga aku ambil darimana. Code ini aslinya terdiri dari 2 code berbeda fungsi dan aku gabungkan untuk kepentingan YM ini.

Tutorial

  1. Siapkan 2 gambar PNG untuk status offline dan online. Kenapa PNG ? Karena file PNG transparant lebih bagus dari pada GIF. Kenapa ga JPG ? Bisa aja sie, tapi script ini ga akan jalan, harus dimodifikasi dibeberapa bagian.
  2. Beri nama filenya offline.png dan online.png
  3. Buat file baru dan beri nama index.php
  4. Isi file index.php

<?
function get_content($url)
{
$ch = curl_init();
curl_setopt ($ch, CURLOPT_URL, $url);
curl_setopt ($ch, CURLOPT_HEADER, 0);
ob_start();
curl_exec ($ch);
curl_close ($ch);
$string = ob_get_contents();
ob_end_clean();
return $string;
}

$id = ‘tukarduid‘;
$online = images/online.jpg‘;
$offline = ‘images/offline.jpg’;

$status = get_content (‘http://opi.yahoo.com/online?u=’.$id.’&m=t’,'r’) or die (‘<img src=\”http://opi.yahoo.com/online?u=’.$id.’&m=g&t=2\”/>’);
if($status == $id.’ is ONLINE’){
$im = imagecreatefrompng(“online.png”);
} else {
$im = imagecreatefrompng(“offline.png”);
}

Header(‘Content-type: image/png’);
imagepng($im);
imagedestroy($im);
?>

  1. $id = ‘tukarduid’; < ubah tukarduid menjadi id YM kamu
  2. $online = dan $offline diisi dengan url image offline.png dan online.png kamu
  3. Setelah selesai diedit, simpan filenya

Ok, script selesai disitu. Cara menampilkannya ? Taruh code berikut dibagian kamu ingin menampilkan YM

<a href=”ymsgr:sendIM?tukarduid“><img border=”0″ src=”images/ym/index.php“></a>

tukarduid diubah menjadi id YM kamu dan images/ym/index.php disesuaikan dengan letak file php kamu.

Whoala .. nampil deh :)

Yang harus dicek, untuk menggunakan fungsi ini, server kamu harus support fungsi curl() untuk PHP. Kalau ga support ga akan jalan. Kerumah om Google, dan tanya dia “how to enable curl”. Sesuaikan dengan sistem operasi dan jenis server kamu. Selamat mencoba :)

16 Celetukan untuk “Mengganti Tampilan Logo YM”

  1. firmanNo Gravatar says:

    thks mas edy…aku coba ya…

  2. EddyNo Gravatar says:

    Sama sama :)

  3. PocanOnlyNo Gravatar says:

    sorry mas eddy, masih br bgt nih dlm dunia blogging…file index.php tuh ditaruh dmn sih klo bloggku di blogspot…ok, matur thank u ya mas…

  4. EddyNo Gravatar says:

    @Top
    Aku pribadi lom pernah pakai Blogspot secara serius. Jadi ga tau juga apakah blogspot memperbolehkan kita upload file. Jika tidak bisa, cari aja webhosting gratisan yang support PHP & Curl ( om google punya kenalan banyak soal ini ). Upload filenya kesana dan panggil dari blogspot themenya.

  5. desiNo Gravatar says:

    sekalian mas, contoh gambar png nya.. gw gak ada niih

  6. EddyNo Gravatar says:

    Wah kalau gambar aku nda pinter design
    Ambil aja gambar di blog ini atau dari web Tukarduid.com
    Kalau ga seach aja di http://images.google.com banyak kok contoh2 nya

  7. cah bagus jeNo Gravatar says:

    udah dak cuba bisa um, tapi dak pasang di fs ko ga isa ya?

  8. EddyNo Gravatar says:

    Mungkin setting servernya ga ngijinin file buat di tampilkan dari luar domain.
    Kalau pakai CPanel , setahuku ada setting di Cpanel untuk ini.
    Aku lupa juga, tar kalo ketemu aku info lagi disini

  9. cah bagus jeNo Gravatar says:

    udah isa ko’ um!, penginnya gambar gif yang animate, ko’ ga isa jalan animasinya alias ndak-bergerak? semua dah kuganti gif seperti imagecreatefromgif,headernya, juga imagegif>> kaga’ isa gerak animasinya? mohon penjelasannya, makasih. klu penjelasanny panjang boleh lewat email um!hehehe maap kalu bikin repot

  10. EddyNo Gravatar says:

    Lom pernah coba pakai Animated Gif.
    Kemungkinan karena fungsi imagecreatefromgif, aku coba search di google banyak yang mengalami hal sama.
    Sepertinya memang ada kekurangan fungsi.
    Coba gunakan fungsi tambahan, menggabungkan bbrp gambar gif untuk menjadi animated.
    Contoh dan penggunaan ada di : http://technobabbler.com/?p=12

  11. sassyNo Gravatar says:

    mas eddy,,,perintah nmr 3nya itu buat file barunya dmn yah?? di notepad ap dmn??
    saya udah ngejalanin yg nmr 1 dan 2,,saya buat di paint utk aturannya pke PNG..trs gmn lgi tuh???

  12. EddyNo Gravatar says:

    Nomor 3 Bikin aja pakai notepad :)
    Kalau punya editor lain untuk PHP ya lebih bagus , jadi kelihatan warna warni code nya sehingga kalo ada error lebih gampang nyarinya.

    Kalau pakai notepad, create new file, trus paste kan isi code itu disana, trus simpan dengan nama index.php di folder gambar png nya berada.

    Trus lanjutin aja nomor berikutnya

  13. hafizh29No Gravatar says:

    mkasih banyak ya atas ilmunya

  14. EddyNo Gravatar says:

    Sama-sama mas Hafizh

  15. jual beli liberty reserveNo Gravatar says:

    thanks yah

  16. IndovisionNo Gravatar says:

    di coba dulu. Thx

Bebas Nyeletuk

Bebas digunakan : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>