gtalk icon

pada sidebar kanan pada kolom “Need help?” ada beberapa icon status IM (instant messenger). pada kesempatan kali ini saya ingin membagi kode pembuatan status gtalk dulu ya.

sebelum membuat tampilan gambar status online sendiri, kita harus mendapatkan contact hash dari google talk badge, disini = http://www.google.com/talk/service/badge/New.

Pilih style standar kemudian klik “update badge” setelah itu copy kode yang di blok seperti gambar dibawah ini :

Kemudian kalian buat file online.php dengan kode berikut :

<?php 
$url = "http://www.google.com/talk/service/badge/Show?tk=z01q6amlqfs3o0625otu3nphhd5qmho04aol62ret24mdqkjb02na9rqek1djhcdiorl6qng6j1r5e49s76m89cglsps0bilmbv0v2lg98uhnkeh0mna97vq5sllfc87a2r5s9ml95k9m3sbv3je5bh27mq54jieqoj08r1k6";
$ch = curl_init($url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$data = curl_exec($ch); 
preg_match('/<div class="r"><img id="b" src="(.*)" alt="" height="9" width="9"><img id="f"/i', $data,$match);
$status = substr($match[1],24,2);
if($status == 'on'){
    echo "<a href='xmpp:fostrocker@gmail.com'><img src='img/im/gtalkOnline.png' style='border=0' alt='online'></a>";
}
elseif($status=='of'){
    echo "<a href='xmpp:fostrocker@gmail.com'><img src='img/im/gtalkOffline.png' style='border=0' alt='offline'></a>";
}
else{
    echo "<a href='xmpp:fostrocker@gmail.com'><img src='img/im/jabberunknown.gif' style='border=0' alt='away'></a>";
}
?>                
;

Yang perlu kalian ganti adalah kode yang berwarna orange pada baris kedua dengan kode yang ada copy tadi di google badge.

silahkan kalian ganti gambar status online, offline , away dengan cara mengganti url gambar pada 3 kode berwarna orange setelah kode echo.

Related Article
Komentar