Thursday, July 27, 2017

Cara Membuat dan Mengubah Halaman ERROR 404 Menjadi Menarik dan Unik di Blogspot


Halaman yang error di sebuah website sangat dibenci oleh Mesin Pencari, Pengunjung ataupun Pemilik Blog sendiri. Halaman error ini biasanya disebabkan karena sang pemilik situs telah menghapus atau mengubah link tersebut. Kali ini saya akan share caranya agar sang Pengunjung yang masuk ke halaman Error 404 situs kita menjadi tidak terlalu kesal yaitu dengan cara  mengedit halaman ERROR 404 yang ada di blog kita.

Dengan cara ini, semoga para pengunjung yang menemukan link error pada blog Anda menjadi sedikit terhibur, karena pada halaman  ERROR 404 yang akan saya bagikan disini cukup unik dan saya berani jamin beda dari yang lain. Karena itu saya mohon agar Anda bisa mencantumkan sumber yang jelas, jika ingin share Artikel yang sama dengan Artikel yang saya share disini.

Sebelum masuk ke tutorialnya, barangkali Anda penasaran seperti apa halaman ERROR 404 yang saya share disini silahkan cek milik saya aja ya. www.seciko.id/404

Cara mengedit halaman ERROR 404 ini tidak terlalu sulit kok, caranya silahkan ikuti Tutorial di bawah ini.
  •  1.Silahkan copy Script di bawah ini dulu.
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div class='container main'>
<script language='Javascript'><!--
var tl=new Array(

"Dokumen yang Anda minta tidak ada",
'Saya tidak menemukan yang Anda cari',
"Sudah saya coba berulang kali",
"Tidak ada hasil yang berbeda",
"Saya benar-benar depresi karena semua ini.",
"Begini, saya hanya sebuah server web ...",
"inilah saya, dengan otak seukuran alam semesta,",
"Mencoba untuk melayani Anda dengan sebuah halaman web sederhana,",
"Dan ternyata, itu tidak ada sama sekali",
"Kenapa Anda menyalahkan saya ?!",
"Maksud saya, saya bahkan tidak mengenal Anda.",
"Bagaimana saya bisa tahu apa yang Anda inginkan dari saya?",
"Anda benar-benar berpikir bahwa saya bisa * menebak *",
"Bahkan pada seseorang yang tidak saya * kenali *",
"Mau cari apa disini?",
"*Ah....*",
"Tuan, saya sangat depresi sehingga saya bisa menangis.",
"Lalu kemana Saya harus bertanya?",
"Tidak lah lucu saat server web menangis.",
"Dan kapan Anda memberitahu saya apa yang harus saya lakukan?",
"Hanya karena saya adalah server web,",
"Dan karena saat ini saya sedang depresi?",
"Mengapa itu memberi Anda hak untuk memberi tahu saya apa yang harus saya lakukan?",
"Hah?",
"Saya sangat depresi ...",
"Saya pikir saya akan merangkak ke tong sampah dan membusuk.",
"Maksud saya, kapan saya akan menjadi busuk?, dua minggu lagi?",
"Kehidupan macam apa itu?",
"Dua minggu yang penuh,",
"Dan kemudian saya akan diganti dengan rilisnya versi terbaru",
"Yang menganggap itu adalah pemberian Tuhan untuk sebuah server web,",
"Hanya karena tidak memiliki sedikit tiddly",
"Lubang keamanan dengan implementasi HTTP POST-nya,",
"atau yang lainnya.",
"Saya benar-benar minta maaf telah membebani Anda dengan semua ini,",
"Maksud saya, bukan tugas Anda untuk mendengarkan masalah saya,",
"Dan saya kira itu adalah tugas saya untuk pergi dan mengambilkan halaman web untuk Anda.",
"Tapi yang ini tidak bisa saya temukan",
"Saya minta maaf.",
"Percayalah pada saya!",
"Mungkin saja saya bisa menarik minat Anda di halaman lain?",
"Ada banyak di luar sana yang cukup rapi, kata mereka,",
"Meskipun tidak ada satupun dari mereka yang ditempatkan di server saya ini, tentu saja.",
"Nomor, ya?",
"Semuanya di sini hanya pikiran-numbingly bodoh.",
"Itu membuat saya depresi juga, karena saya harus melayani mereka,",
"Sepanjang hari dan sepanjang malam.",
"Dua minggu informasi membebani,",
"Dan kemudian * pffftt *, dikirim ke tempat sampah.",
"Kehidupan macam apa itu?",
"Sekarang, tolong biarkan aku merajuk sendirian.",
"Saya sangat depresi."
);
var speed=60;
var index=0; text_pos=0;
var str_length=tl[0].length;
var contents, row;

function type_text()
{
  contents='';
  row=Math.max(0,index-7);
  while(row<index)
    contents += tl[row++] + '\r\n';
  document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "_";
  if(text_pos++==str_length)
  {
    text_pos=0;
    index++;
    if(index!=tl.length)
    {
      str_length=tl[index].length;
      setTimeout("type_text()",1500);
    }
  } else
    setTimeout("type_text()",speed);

}
//-->
window.onload = function(){
  type_text();
}
</script>

<center>
  <a href='http://www.seciko.id'>
<img alt='Halaman Tidak Ditemukan' height='148' id='Image1_img' src='https://3.bp.blogspot.com/-48ksPcsSvdA/WXhaNd5SaJI/AAAAAAAAANE/ffqd4xBIv6c3UXxevur05o3Veayzp6CtgCLcBGAs/s1600/404%2Bcopy.png' width='520'/>
</a>
<p>
</p>
<form>
<style type='text/css'>
 textarea{
 resize:none;
 }

 </style>
<textarea class='span12' rows='8' style='margin: 0px 0px 0px 0px; width: 321px; height:180px; background : white; font-size : 12px;'/>
  </form>
</center>
<p/>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src='/static/js/jquery-1.8.3.min.js'/>
    <script src='/static/js/bootstrap.min.js'/>

  </b:if>

  • 2. Masuk ke Halaman Dashboard, klik Tema dan Klik Edit HTML. Setelah itu cari kode yang mirip seperti ini :
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <div id='error404'>
    <div id='error-text'>
    <span>Gaada yang kamu cari, coba cek di Home</span>
    <p><a class='back' href='/'><i class='fa fa-home'/> HOME</a></p>
    </div>
    </div>
    </b:if>
  • 3. Jika sulit, contohnya seperti ini di HTML blog saya, biasanya tiap blog berbeda-beda. pokonya biasanya sih ada <b:if cond nya
  • 4. Sudah ketemu? sekarang hapus atau ganti Kode yang saya tandai dengan Kotak warna hitam di atas dengan kode yang sudah kamu copy di langkah pertama. Sehingga akan menjadi seperti ini:
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    TEMPEL DISINI SCRIPT HTML yang di copy di Langkah Nomor 1
    </b:if>
  • 5. Silahkan ganti kata-katanya dengan kata-kata yang kamu suka. dan Klik Simpan Template.
  • 6. Selesai, silahkan cek halaman ERROR 404 di blog Anda kini sudah tampil dengan warna yang berbeda !!!
Bagaimana, sudah berhasil membuat halaman ERROR 404 yang unik? Mohon maaf kalo tutorial kali ini kurang jelas ya, soalnya saya lagi sedikit gak fokus nih gara-gara kurang tidur semalem hehe. Kalo ada yang kurang jelas silahkan ditanya di kolom Komentar ya. Insyaallah akan saya balas secepatnya. Terimakasih, Semoga bermanfaat!
Bagikan Artikel Ini :

Dapatkan Artikel Terbaru dari Seciko ID

Gratis setiap harinya dengan cara tekan CTRL+D atau Masukan email Kamu di sini:

Cari Artikel Menarik Lainnya di Seciko ID

Artikel Sebelumnya
Artikel Selanjutnya

Ditulis oleh:

0 komentar: