#!/usr/bin/ruby puts

SunDi3yansyah

;
puts

App Server, Database App, Web App

;

Cara Membuat Custom 404 Pages Di GitHub

| Comments | Cahyadi Triyansyah Cahyadi Triyansyah

Berbagi ilmu itu indah, betul? Jos…smileya. Kesekian kalinya saya membuat postingan disini, mungkin ini adalah postingan yang singkat untuk pengguna Github (Social Coding) sesuai judul “Cara Membuat Custom 404 Pages di GitHub” secara default Page 404 Not Found untuk GitHub adalah seperti gambar di bawah.

A: Lantas bisa di rubah? Dan bagaimana caranya?


B: Oh bisa…

Seperti yang di katakan dalam artikel Help GitHub

You can provide custom 404 error pages when people try to access non-existent pages on your site.

Berikut ini caranya

Asumsikan anda sudah mempunyai repositori GitHub Pages, jika anda belum mempunyai silakan cari di blog saya ini untuk memperlajari bagaimana kita berkerja di GitHub Pages, baik itu menggunakan Static Manual Pages, menggunakan Jekyll Ruby, atau menggunakan Framework lainnya seperti Octopress dan masih banyak Framework Jekyll lainnya. Saya mempunyai beberapa refrensi untuk anda di bawah ini.

Oke… langsung saja, disini saya tidak akan menjelaskan secara rinci tetapi saya akan menjelaskan dengan LOGIKA

  • Buat 1 file bernama 404.html.
  • Isi script/codenya berupa syntax HMTL, silakan anda design sendiri sesuka kalian mau seperti apa.
  • Kemudian simpan file 404.html di dalam folder repositori GitHub Pages kalian.
  • Silakan di push/deploy repositori kalian.
  • Yang pada akhirnya akan ter upload/push ke directori root repositori GitHub Pages kalian.
  • Sebagai contoh https://github.com/username/username.github.io/blob/master/404.html.

Note:

Jika menggunakan Octopress atau Jekyll anda bisa juga membuat dengan Generator Markdown.

Demo:

SunDi3yansyah - 404 Not Found

Source Code

404404.html
1
2
3
4
5
6
7
<html>
<head><title>404 Not Found</title><meta http-equiv="refresh" content="5;url=http://sundi3yansyah.com"></head>
<body bgcolor="white">
<center><h1>404 Not Found</h1></center>
<hr><center>nginx</center>
</body>
</html>
Comments