pakeri in da' house

30Mar/1041

(Tutorial) Jom Buat Page 404 Error

سْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم

*untuk pengguna self-hosting sahaja.Blogspot tarak T_T

Korang tau 404 error tu ape? 404 error akan keluar apabila kandungan laman web yang korang nak buka tu dah takde.Error ni jarang keluar melainkan korang ade delete entri lame-lame atau blog korang ade problem. Biasenye ramai blogger tak menitik beratkan design 404 error ni pasal jarang terjadi.Tapi, blog korang boleh jadi sangat cute kalau 404 error page korang unik dan lain dari yang lain.

Ok, jom start mengedit 404 error page korang.Simple je benda yang nak kena buat.Apa yang diperlukan ialah

  • Gambar 404 error page

Gambar ni korang boleh design sendiri atau amik je dari internet.Tapi kalau nak unik design sendiri la.Tangkap gambar pelik-pelik korang pastu edit kat Photoshop atau ape-ape je software korang nak gune.Letak kat gambar tu mesej yang korang nak sampaikan.Terpulang korang nak membebel ke ape ke tak kisah.

  • Pengetahuan

Korang cuma perlukan beberapa code sahaja untuk mengedit 404 error ni.Tak payah nak bace buku coding yang tebal-tebal tu.

*sebelum mengedit backup dulu file 404.php korang gune ftp software.

Setelah korang edit gambar 404 error page korang, upload ke hosting korang.kemudian pergi ke Appearance-->Editor. Dekat list sebelah kanan ade tulis 404 Template(404.php), klik link tu.Nanti code untuk 404 error akan keluar.

<?php get_header(); ?>
<div id="content">  class="narrowcolumn">
<h2>Error 404 - Not Found</h2>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

peringatan: kod korang mungkin lain dari ni bergantung kepada tema yang korang gunakan

Korang buang kod ni:

<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

tinggalkan kod ni je

<div id="content"> >
<h2>Error 404 - Not Found</h2>
</div>

Tujuan kite buang kod tu ialah untuk membuatkan page 404 korang simple dan ringkas je, kalau tak nak buang pun tak pe, cuma nanti lambat la page tu loading.Kemudian bawah </div> korang paste kod kat bawah ni dan edit ikut url korang:

<link rel="shortcut icon" href="url favicon kalau ada" type="image/x-icon" />
<title>Title page korang<title/>

<p style="text-align: center;">
<br/><br/><br/><br/><br/>

<img src="letak url gambar 404 yang korang dah upload kat sini" /><br/><br/>

nak tambah mesej lagi?taip kat sini<br/><br/><br/>

<input type="button" value="Bring me back!!"
onClick="window.location.href='url blog korang';" target="_self"/><br/>

<!--button back ke blog korang-->

</p>
</div>

Taraaa.Kalau korang ikut step-by-step yang aku tulis kat atas confirm jadi punye.Kalau ade badi salah je tak jadi.Ni screenshot aku punye 404 page

Semoga berjaya mengedit okay, kalau ade masalah roger kat aku.Aku akan cube tolong.

Posted by mohd fakhri

Filed under: Tutorial, Web Leave a comment
Comments (41) Trackbacks (1)
  1. annadzirah
    Id Twitter:

    March 29th, 2010 - 16:57

    hoh.
    comeyla design kau..
    aku amek design kau je la..
    wahahaha.
    jadahnye nak wat mende ni??.
    kang org masok xleh plak.
    T_T

    dahla blogspot xad!.

    ( REPLY )
  2. @maisyara
    March 29th, 2010 - 17:13

    alaaaaaa. aku tak reti nak buat. ko buat kn utk aq leh? xP

    ( REPLY )
  3. apiih
    Id Twitter:

    March 29th, 2010 - 17:57

    ahahaha..code tu berbeza ngan kod pada theme aku,tp rasenyer aku dh pndai skit.nnti aku cari gmbr comey2 buat page 404 nih…hahaha…
    My recent post Touchscreen Guitar!!

    ( REPLY )
  4. @penyubiru
    March 29th, 2010 - 23:39

    wah! aku baru nak cari tutor ni, sekali jupe kat GB. thanks! nice info! :D

    ( REPLY )
  5. TMUkmkd
    March 30th, 2010 - 04:46

    huh tiba2 isu ni glamour lak.
    My recent post Bangunan UMT Runtuh

    ( REPLY )
  6. shafiq
    March 30th, 2010 - 13:16

    nasib baek kat blogger tak leh buat :D

    ( REPLY )
  7. eiyda
    Id Twitter:

    March 30th, 2010 - 05:56

    waa..blogspot tadak!! kejam jek bunyiknyer tu..huh..nyampah…hehheh T_T
    My recent post eiyDa:: Best ke ada Blog dan bergelar Blogger::

    ( REPLY )
  8. nizam6281
    March 30th, 2010 - 17:04

    huhu alahai keciknye ~macam mana nak kasi full page bro?

    ( REPLY )
  9. Anarm
    Id Twitter:

    March 30th, 2010 - 19:25

    mcm nk lawan zombie404 aku je ni.. hahaha
    My recent post Buang Widgeo.. Elakkan benda tak perlu di blog

    ( REPLY )
  10. ayudeadwish
    March 31st, 2010 - 11:36

    akhirnyer aku jumpa gak blog ko~

    ( REPLY )
  13. x-po
    April 2nd, 2010 - 01:34

    xpa, nnt aku watkan utk blogspot gak..ekekeh

    ( REPLY )
  14. Frantz-Senpai
    April 8th, 2010 - 15:07

    bro pakeri.. nak tnye sket. sye pun ader pakai gak intense debat nie.. camne nak integrate dengan comment luv ye?

    ( REPLY )
  15. syahirul
    April 10th, 2010 - 16:28

    erm leh tolong buatkan untuk aku tak 404 error page ni? skodeng aku nya coding dulu then gtaw aku mcm ne.. mcm best aje..
    My recent post Bilakah tibanya Hari Kiamat?

    ( REPLY )
  17. ChuyRy
    Id Twitter:

    May 2nd, 2010 - 12:14

    woooo..x brani aku nak buat..x paham sgt..wakaka T___T

    ( REPLY )
  18. ayudeathwish
    May 4th, 2010 - 12:26

    ajo aku nak wat .com ni camne

    ( REPLY )
    • pakeri
      Id Twitter:

      May 7th, 2010 - 01:10

      klu nak buat .com ni kena beli domain.kau ade nampak tak banner kat bawah tajuk entri aku?kau klik nanti kuar tab baru.kau pilih kat atas tu domain.pastu ade 1 kotak tu untuk letak name domain.kau pilih la domain ape yg kau nak.klu xde orang beli kau boleh beli,kalau da ade orang beli kau pilih la domain lain.

      ( REPLY )

Leave a comment


Ade Twitter?Masukkan dalam kotak ni,boleh orang lain follow >_<.Jangan lupa follow aku kat twitter..->mohd_fakhri
Hanya masukkan sekali sahaja (kecuali mahu menukar ID). Tanpa http atau @ Twitter
Tutorial Membina Page 404 di WordPress | Anarm.Net
» «

Seuntai Kata Untuk Dirasa

Selamat datang ke blog aku. Di sini aku tulis macam-macam benda,dari isu semasa,tutorial, info-info dan benda-benda lain yang bermanfaat.
Sekiranya korang menjumpai post yang dapat membantu korang, diharapkan dapatla komen dipost tersebut atau pun tinggalkan mesej di kotak mesej dibawah. Setiap komen korang amat berharga.
Sekiranya korang ada cadangan atau permintaan tutorial atau guide untuk aku tuliskan diblog ini, emailkan ke mohd_fakhri[@]ymail.com.
Akhir kata dari aku, sila nikmati semua post yang aku tulis disini.Sekian...

Kami di Facebook



Siapa Disini?

Mengikut ramalan aku, ada orang tengah main-main kat sini.Kalau boleh tinggalkan mesej dekat shoutbox atau pun tinggalkan komen korang ek.Senang aku nak trace korang.Terima kasih sebab berkunjung ke blog aku.

Entri Terbaru

Entri Paling Popular

Tinggalkan Mesej