Membuat gambar counter

Untuk membuat counter dengan background gambar atau picture maka akan kita gunakan GD and image functions.

1.Nah pertama kita buat dulu backgroundnya, siapkan sebuah file gambar jenis PNG. misal: bg.png
2.Buat sebuah file php menggunakan notepad berinama counter.php
3.Isi file counter.php dengan script berikut:

<?php
 $img = @imagecreatefrompng('bg.png');
 header('Content-Type: image/png');
 
 imagepng($img);
 imagedestroy($img);
?>

Nah dari script tersebut kita telah merubah gambar PNG biasa menjadi gambar PNG yang bisa disisipi script php.
4.Berikutnya adalah menambahkan script counter text yang pernah saya ulas pada artikel sebelumnya yaitu membuat counter text, ke gambar PNG tersebut. Perhatikan perubahan script diatas pada script berikut:

<?php
//membaca file data counter -- step1
$con=@fopen('counter.txt','r');
$c=@fread($con,filesize('counter.txt'));
@fclose($con);
if($c==''){$c=0;}
//menambahkan nilai 1 pada variabel counter -- step2
$c++;
//menyimpan (overwrite) ke file data counter -- step3
$con=fopen('counter.txt','w');
fwrite($con,$c);
fclose($con);


 $img = @imagecreatefrompng('bg.png');
 header('Content-Type: image/png');
 
 imagepng($img);
 imagedestroy($img);
?>

Masih ingat kan dengan script yang tercetak tebal tersebut? yup itu script counter text.

5.Selanjutnya adalah mencetak variabel counter $c kedalam image background PNG tersebut dengan menggunakan imagestring() namun sebelumnya jangan lupa mendefinisikan warna textnya dengan menggunakan imagecolorallocate() dan kita gabung dengan imagecopymerge()

<?php
//membaca file data counter -- step1
$con=@fopen('counter.txt','r');
$c=@fread($con,filesize('counter.txt'));
@fclose($con);
if($c==''){$c=0;}
//menambahkan nilai 1 pada variabel counter -- step2
$c++;
//menyimpan (overwrite) ke file data counter -- step3
$con=fopen('counter.txt','w');
fwrite($con,$c);
fclose($con);
//mengambil background
 $img = imagecreatefrompng('bg.png');
//membuat gambar tuk counter
 $im = imagecreatetruecolor(100,20);
 $color=imagecolorallocate($im,255,255,255);
//menuliskan counter
 imagestring($im,5,2,2,'view:'.$c,$color);

$x_stamp=0;
$y_stamp=0;
//posisi counter pada bg
//$x_im=imagesx($img)-imagesx($im);
$x_im=0;
$y_im=imagesy($img)-imagesy($im);
$h_im=50;
$w_im=100;


//MengGabungkan bg dengan counter
imagecopymerge($img, $im, $x_im, $y_im, $x_stamp, $y_stamp, $w_im, $h_im , 40);

 header('Content-Type: image/png');
 imagepng($img);
 imagedestroy($img);
?>

nah gambar image counternya udah jadi tinggal upload deh ke webhosting, trus kalo mau masang seperti masang image biasa <img src='http://blabla.com/counter.php' /> misalnya seperti ini hasilnya