27/03/2010

Tutorial Buat Code Banner


Tutorial Buat Code Banner


Banner adalah antara item penting yang perlu dimiliki oleh seorang blogger dan sebuah blog. Dalam tutorial ini, saya ingin berkongsi cara untuk membuat code banner. Tutorial kita kali ini adalah untuk buat code banner yang akan digunakan untuk diletakkan di blog kita atau di mana-mana tempat di dunia internet. Dalam tutorial ini kita tidak belajar membuat banner. Buat banner dan buat code banner adalah dua perkara berbeza. Insya Allah di kesempatan lain saya akan menyediakan tutorial membuat banner pula.

Bahan-bahan yang diperlukan:

  1. Gambar/ image/ grafik  untuk banner. Boleh buat sendiri atau upah designer.









  2. Code banner di bawah:






  3. Image hosting.

    Anda boleh gunakan image hosting percuma di Photobucket.

LANGKAH DEMI LANGKAH BUAT CODE BANNER SENDIRI

1. Upload imej banner anda ke Photobucket atau hosting anda sendiri. Jika anda guna Photobucket, sila ambil direct link imej tersebut. Jika anda upload ke hosting sendiri, saya yakin anda tahu nak ambil link imej itu kan;-)

2. Pada code di bawah, perhatikan bahagian yang saya highlight:


Tukarkan bahagian yang bertanda kuning dengan alamat blog anda. Ini bermaksud, jika orang klik pada imej banner anda, laman blog anda akan terbuka.
3. Sekali lagi, pada code di bawah, perhatikan bahagian yang saya highlight:


Bahagian bertanda biru adalah link gambar untuk banner saya. Tukarkan bahagian yang bertanda biru ini dengan link gambar banner anda (yang anda upload tadi).

4. Paste kan code banner anda ke mana-mana bahagian blog anda.

Alhamdulillah. Itulah sedikit perkongsian ilmu kita petang ini. Segala kemusykilan atau maskalah, jangan segan-segan bertanya saya. Jika ada nak tempah imej banner pun boleh. Insya Allah, pada kesempatan lain kita akan belajar buat (design) banner cara mudah pula.

6 ulasan:

  1. salam ustaz..
    info yang berguna..
    terima kasih..
    jazakallah...

    BalasPadam
  2. salam Ustaz
    thank you

    BalasPadam
  3. Salam ustaz...

    Boleh juak coba tok..:)

    BalasPadam
  4. zulkbo:

    Salam Bang Zul.

    Alhamdulillah. Afwan;-)

    Terima kasih Bang Zul;-)

    BalasPadam
  5. Fid:

    Salam Kak Fid.

    Ok, same-same kak..

    Thank You Kak Fid;-)

    BalasPadam
  6. Abd Razak:

    Salam Razak.

    Auk. Coba ya lak ok.

    Terima kasih Abd Razak;-)

    BalasPadam