Rabu, 7 Mac 2007

Cara Bina Sign Data Feeds

SalamX..!!

Dalam masa aku ngadap WordPress di bahagian Comment tetiba aku terperasan ada satu celoteh yang kena Ban Spam. Tengok balik rupanya kiriman dari si Neutronics. Hehe… nak tergelakpun ader, sorry le lambat reply yek..!! Bukan salah aku.. yang pegi spam buat apa kat Celoteh tu. ;-)

Oh.. saudara nie dia tanya camner nak applykan Sign Data Feeds (entah apa jenis nama aku kasi kat benda alah nie.. hehe..) .

Sign Data Feeds

Fikir-fikir balik, meriah gak kalau Blog kau orangpun ader jugak mende nie, jadi kalau kau orang teringin… jom kita sama-sama bincang pasal tutorial nak buat benda nie dalam WordPress kau orang pulak.

Sebelum tu mari kita tengok bahan-bahan yang perlu untuk bina Sign Data Feeds nie:
  •     Photoshop (Nanti nak buat grafik)
  •     Notepad (Nak ngadap coding tambahan)
  •     Database Wordpress (Kena tahu perjalanan dia)
Yang lebih penting kau orang kena pasang dulu plugins:
  •     Counterize II (Oleh Steffen Forkmann)
Sebab segala maklumat data tentang counter, hits hari, bulan, mingguan, tahunan semua Sign Data Feeds yang kita akan bina nanti rujuk dari database Counterize. Jadi kau orang pasang dulu benda tu.

Ok.. jika dah siap pasang dan aktifkan mende tu, jom kita sama-sama lihat pulak apa nak kena kita lakukan dalam langkah seterusnya.

Langkah 1:

Oleh kerana nak mudahkan keje tutorial aku dan kau orang, Sign Data Feeds nie ader aku buatkan untuk MyPendidik. Daripada kita pening kepala nak buat segala image grafik, fail .htaccess, fail error_log.php, nak carik font-font yang diperlukan apa semua nanti, aku cadangkan lebih baik kau orang pegi join MyPendidik.net dan dapatkan Addon Sign Data Feeds untuk Portal berjenis PHPNuke di bahagian download sekarang. Senang sikit keje kita, rujuk mende tu je lepas tu ejas je coding yang aku kasi nanti.

Langkah 2:

Amacam..?!! Dah pegi download ke ?!! Ok kalau dah cuba kita unzipkan fail Addon Sign Data Feeds MyPendidik tu kita akan lihat ada berjenis-jenis fail:
  •     .htaccess (Perlu untuk baca image text)
  •     Fail image (bg, bg0, bg1, bg2, bg3 dan image)
  •     Fail TTF Font (verdana dan verdanab) Biasa dan Bold maksud dia.
  •     Fail index.htm (Fail penting untuk protect hacker blankers hehe…)
Fail yang tersenarai di atas nie merupakan fail-fail yang kita perlu untuk bina Sign Data Feeds untuk WordPress. Jadi aku cadangkan kau orang buatkan satu folder khas dan masukkan fail tersebut dalam folder khas tu. Namakan folder khas tu dengan nama “banner“.

Langkah 3:

Dah buat folder khas ke ?!! Kalau dah.. kau orang bukak Folder banner tu dan sila lihat ader ke idak fail yang bernama “image“. Pastikan fail nie ader… kalau takde tak guna kau ikuti tutorial nie sampai abis, lebih baik masuk bilik tido je.. ;-)

Ader ke ?!! Ader cakap le ader… iskk..!! Ok.. kau buka applikasi Notepad kau, lepas tu open fail yang bernama image tu dengan notepad, apa yang kau nampak ?!! Codingkan ?!! Itu coding untuk Database PHPNuke, kita kena ubah semua coding tu.. kecuali coding craedit aku yang ader dalam tu ahekekek..!!

Rujuk coding bawah nie dan masukkan ke dalam Fail image tadi melalui Notepad:
 

    = ‘$today’");
    $pengunjung = mysql_num_rows($sql);
     
    $today = date("Y-m-d");
    $sql = mysql_query("SELECT timestamp FROM wp_Counterize WHERE timestamp >= ‘$today’");
    $hari_ini = mysql_num_rows($sql);
     
    $satu_minggu = date("Y-m-d", strtotime("-1 week"));
    $sql = mysql_query("SELECT timestamp FROM wp_Counterize WHERE timestamp >= ‘$satu_minggu’");
    $seminggu = mysql_num_rows($sql);
     
    $sql = mysql_query("SELECT post_title FROM wp_posts ORDER BY post_date DESC limit 0,1");
    $coretan = mysql_fetch_array($sql);
    $coretan = $coretan[post_title];
     
    $text = $temablog;
    $text0 = "Pengunjung: $pengunjung";
     
    $text1 = "Hits Hari Ini: $hari_ini";
     
    $text2 = "Hits Seminggu: $seminggu";
     
    $text3 = "Hits Keseluruhan: $counterblog";
     
    $text4 = "Coretan Terbaru Diari:";
     
    $text5 = "$coretan";
     
    if (!$id) {
    $image = imagecreatefrompng("bg.png");
    } else if ($id == "1") {
    $image = imagecreatefrompng("bg0.png");
    } else if ($id == "2") {
    $image = imagecreatefrompng("bg1.png");
    } else if ($id == "3") {
    $image = imagecreatefrompng("bg2.png");
    }
     
    $font = "verdana.ttf";
    $fontbold = "verdanab.ttf";
     
    $clr_white = imagecolorallocate($image, 255, 255, 255);
     
    // kemasukan text
    imagettftext ($image, 9, 0, 5, 15, $clr_white, $fontbold, $text);
    imagettftext ($image, 8, 0, 5, 30, $clr_white, $font, $text0);
    imagettftext ($image, 8, 0, 5, 45, $clr_white, $font, $text1);
    imagettftext ($image, 8, 0, 5, 60, $clr_white, $font, $text2);
    imagettftext ($image, 8, 0, 160, 30, $clr_white, $font, $text3);
    imagettftext ($image, 8, 0, 160, 45, $clr_white, $font, $text4);
    imagettftext ($image, 8, 0, 160, 60, $clr_white, $fontbold, $text5);
     
    // papar image
    imagepng($image);
    imagedestroy($image);
    ?>
Kemudian save.

Langkah 4:

Langkah nie penting untuk kita bina fail config untuk bacaan maklumat Hosting dan Database WordPress kita. Kita perlu bina satu fail khas untuk membenarkan System fopen dan fwrite. Sekarang mari kita buka applikasi Notepade semula dan masukkan maklumat hosting kita seperti ini:
 

    

Save fail nie atas nama configbanner.php. Pastikan kau masukkan .etc php semasa save ok.

Langkah 5:

Jika semua dah siap. Sekarang tiba masanya kita nak apllykan mende nie dalam WordPress kita. Step kali nie kena rujuk bebetul sebab kita akan buat terus melalui ftp atau cpanel hosting.
  1. Upload fail configbanner.php yang kita bina sebentar tadi ke root. (Biar dia duduk seiringan dengan fail wp-config.. cewah~!!)
  2. Bina satu folder khas yang bernama “banner” dalam wp-content. (Kalau dirujuk dia akan jadi  camnie root/wp-content/banner)
  3. Upload segala fai-fail yang telah aku cerita di Langkah 2 tadi ke dalam Folder banner tu.
Siap bab mengupload dan setting apa kebenda semua nie. Kira selesailah semua…!!

Langkah Akhir:

Sekarang cara kita nak include image tu dah paparkan pada tetamu-tetamu, letak dekat Rangking Web, letak dekat Footer Web dan apa-apa lah kau suka.

Senang je… cuma scr image tu dengan sintak biasa seperti:
 
    Kalau Dalam Forum Portal:
     
    [url=http://www.mypendidik.net/webmaster][img]http://diari.mypendidik.net/wp-content/banner/image.png[/img][/url]
     
    Kalau Dalam HTML:
     
    
Akhir dan terakhirnya… jom la kita sama-sama memeriahkan forum di MyPendidik.net pulak ok…!! Apa salahnya support mensupport portal kekawan. ;-)
Celoteh
0 Celoteh

0 celoteh:

Catat Ulasan