DOC & Help Center

Article & Knowledge Base

Memasang Chatting YM dengan posisi Fixed on Corner dan Merubah gambar icon sendiri!

Memasang chatting YM ( yahoo messanger) pada website dengan posisi fixed area pada bottom corner (pojok bawah kanan/kiri) cukup mudah hanya menggunakan code html sebagai berikut:

<div style=”display:scroll;position:fixed;bottom:10px;left:10px;”>
<a href="ymsgr:sendIM?ID_YM_ANDA">
<img src="http://opi.yahoo.com/online?u=ID_YM_ANDA&amp;m=g&amp;t=2" border="0"></a></a></div>

Untuk mengganti  gambar daripada tampilan icon offline maupun online cukup merubah t=1 atau 2, dengan pilihan bisa sampai 25 dan untuk melihat hasilnya anda bisa langsung mencoba pada waktu memasang widget ini dan onlne.

Dan kalau anda tidak cocok pada pilihan gambar icon yang sudah ada dari pilihan 1 sampai 25 dan ingin merubah sendiri tampilan gambar yang sesui dengan keinginan anda juga bisa, dengan merubah dan menambahkan sedikit perintah pada baris code html yang ada seperti diatas, berikut contohnya:

<?php
$image_on = 'http://websiteanda.com/images/online.png';
$image_off = 'http://websiteanda.com/images/offline.png';
$yahoo_id = 'ID YM ANDA';
$status = intval(file_get_contents('http://opi.yahoo.com/online?u='.$yahoo_id.'&m=t&t=1'));
if($status) {
$ymstatus = $image_on;
} else {
$ymstatus = $image_off;
}
header('Location:'.$ymstatus);
?>

Keterangan perintah/ code pada baris kedua

$image_on = 'http://websiteanda.com/images/online.png';

merupakan perintah untuk load/ mengambil gambar/ dan display gambar pada url yang ada dan seterusnya, dalam artian berarti anda harus menyiapkan 2 gambar/ icon yang sama tapi dengan warna yang berbeda yang menerangkan bahwa user dalam keadaan online maupun sedang offline. Untuk ukuran maupun tata letak bisa anda atur sendiri dan jelasnya anda sebelumnya harus upload gambar tersebut pada site anda pribadi maupun menggunakan site orang lain yang anda pilih. Contoh:

<?php
$image_on = 'http://static.gb.co.id/images/ym_icon/offline_gb.png';
$image_off = 'http://static.gb.co.id/images/ym_icon/online_gb.png';
$yahoo_id = 'ID YM Anda';
$status = intval(file_get_contents('http://opi.yahoo.com/online?u='.$yahoo_id.'&m=t&t=1'));
if($status) {
$ymstatus = $image_on;
} else {
$ymstatus = $image_off;
}
header('Location:'.$ymstatus);
?>

Lalu anda simpan dalam ekstensi .php misalnya myahoo.php.

Upload ke hosting tempat anda membuat website misalnya anda upload di public_html , selesai sudah sekarang tinggal membuat file HTML untuk anda pasang di website atau situs anda.

<a href="ymsgr:sendIM?ID YM Anda"><img src="http://websiteanda.com/myahoo.php" alt="Online Status" /></a>

Copy code diatas dan pasang pada website anda sesuai dengan keinginan anda baik tata letaknya.

Untuk praktisnya kalau anda mau memasang seperti contoh pada site ini cukup copy pastekan code berikut dibawah:

<div style=”display:scroll;position:fixed;bottom:10px;left:10px;”> &nbsp; <pre>
<a href="ymsgr:sendIM?ID yahoo anda"> </a><a href="ymsgr:sendIM?ID yahoo anda"><img src="http://arya.onlen.web.id/myahoo.php" border="0" alt="" /> &nbsp;</a> <a href="ymsgr:sendIM?ID yahoo anda"><br /> </a></div>

Anda hanya cukup mengganti ID yahoo anda saja dan tampilan icon seperti contoh dibawah dan untuk detail versi onlinenya seperti yang ada pada blog ini sekarang dipakai.

Related Content

Export WordPress Posts To Custom Post Type

Introduction Different types of content should be organized, whether that be by taxonomies, custom post types, or both. Older websites tend to use the standard

Scroll to Top
Scroll to Top