mitrabaraya online
Mitra Baraya Online Mode Using CSS3

Blogger jaringan pemberdayaan usaha sosial dan Pendidikan!
Geolkeun mouse alo-alo jeung sok..lah wilujeng!

Copyright 2010 mitrabarayaonline.blogspot.com - All rights reserved

Jumat, 11 Juli 2014

Cara ngajieun halaman 404 Error Page

Klik gambar dihandap ieu keur ningali dina ukuran normal!


Hiji hal anu jarang pisan katempo,malah sok kapopohokeun. Lamun eta ngait blog,salah sahiji diantarana nyaeta halaman error 404 (jarang manggihan) atawa anu langkung kkoncara " 404 Error Page " atawa " page not Found " . Halaman Error 404 kaluar tina hiji URL anu hanteu kapanggih alatan permalink. Ieu loba pisan lumangsung margi posting anu atos dihapus. Perkawis anu sami oge tiasa lumangsung alatan nuditeangan kalawan tulisanana URL anu henteu pas. Keur ngajieun halaman error 404 anu langkung someah,blogger iyeu tos nyadiakeun hiji fitur anu tiasa alo akses ngaliwatan halaman dasbor.

D E M O :

Demo Error 404

Kode CSS :
.status-msg-wrap{
      position:fixed;
      z-index:9999;
      top:0;
      left:0;
      width:100%;
      height:100%;
      padding:0;
      margin:0;
      background: #7d7e7d;
      background: -o-linear-gradient(-45deg, #7d7e7d 1%,#6d6d6d 17%,#303030 17%,#6d6d6d 21%,#444444 28%,#6d6d6d 28%,#2b2b2b 30%,#6d6d6d 31%,#333333 35%,#828282 35%,#828282 91%,#333333 91%,#828282 92%);
      background: -moz-linear-gradient(-45deg, #7d7e7d 1%, #6d6d6d 17%, #303030 17%, #6d6d6d 21%, #444444 28%, #6d6d6d 28%, #2b2b2b 30%, #6d6d6d 31%, #333333 35%, #828282 35%, #828282 91%, #333333 91%, #828282 92%);
      background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#7d7e7d), color-stop(17%,#6d6d6d), color-stop(17%,#303030), color-stop(21%,#6d6d6d), color-stop(28%,#444444), color-stop(28%,#6d6d6d), color-stop(30%,#2b2b2b), color-stop(31%,#6d6d6d), color-stop(35%,#333333), color-stop(35%,#828282), color-stop(91%,#828282), color-stop(91%,#333333), color-stop(92%,#828282));
      background: -webkit-linear-gradient(-45deg, #7d7e7d 1%,#6d6d6d 17%,#303030 17%,#6d6d6d 21%,#444444 28%,#6d6d6d 28%,#2b2b2b 30%,#6d6d6d 31%,#333333 35%,#828282 35%,#828282 91%,#333333 91%,#828282 92%);
      background: -ms-linear-gradient(-45deg, #7d7e7d 1%,#6d6d6d 17%,#303030 17%,#6d6d6d 21%,#444444 28%,#6d6d6d 28%,#2b2b2b 30%,#6d6d6d 31%,#333333 35%,#828282 35%,#828282 91%,#333333 91%,#828282 92%);
      background: linear-gradient(-45deg, #7d7e7d 1%,#6d6d6d 17%,#303030 17%,#6d6d6d 21%,#444444 28%,#6d6d6d 28%,#2b2b2b 30%,#6d6d6d 31%,#333333 35%,#828282 35%,#828282 91%,#333333 91%,#828282 92%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#828282',GradientType=1);}
.status-msg-body{
      font-size:24px;
      color:#eee;
      text-shadow:2px 2px 2px #000;
      margin:0 auto;
      padding:40px 100px;
      height:550px;
      width:800px;
}
.status-msg-body a{
      color:#FC0;
      text-decoration:none;
}
.status-msg-body a:hover{
      color:#6FF;
      text-decoration:none;
}
.status-msg-body img{
      display:block;
      margin:20px auto;
      text-align:center;
      opacity:0.7;
      filter:alpha(opacity=70);
      width:80%;
      height:400px;
      border-top-left-radius:45%;
      border-top-right-radius:45%;
      border-bottom-right-radius:90%;
      border-bottom-left-radius:90%;
      border:10px solid rgba(255,255,255,0.6);
      box-shadow:-2px -2px 2px #333,5px 5px 5px #000;
}
.status-msg-bg{
      background:transparent;
}
.status-msg-wrap:after{
      position:absolute;
      right:40px;
      top:92%;
      font-size:12px;
      font-family:arial;
      transform:rotate(-45deg);
      -o-transform:rotate(-45deg);
      -moz-transform:rotate(-45deg);
      -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
      color:#000;
      content:"mitrabarayaonline";
      text-shadow:0 0 0 #fff;
}

Cara ngajieun halaman 404 Error Page :

  1. Simpen kode css di luhur ]]></b:skin>
  2. Login ka Blogger.
  3. Dasbor (Dasboard).
  4. Keur anu masih ngagunakeun Antar Muka Blogger Lila (Old Blogger Interface) lakukeun Upgrade (Tingkatkeun Versi Anu Anyar.) jeung gunakeun New Blogger Interface (Try the updated Blogger interface).
  5. Sanggeus upgrade beres, klik "Settings/Setelan".
  6. Klik "Search preferences/Preferensi Penelusuran".
  7. Klik "Edit" dina "Kesalahan jeung Pengalihan | Pesen Ubahsuaian keur Laman Anu hante bisa kapanggih" atawa "Errors jeung redirections | Custom Page Not Found".
  8. Copy jeung pastekeunn xHTML di handap jerona box anu disadiakeun (sanggeusna klik Edit).
  9. Klik "Simpen perubahan eta (Save Changes)".
  10. terus keur nyimpen kode CSS teruskeun Klik "Template".
  11. Klik "Edit HTML".
  12. Klik "Proceed"
  13. Cari kode ]]></b:skin>
  14. Letakkan kode CSS di atas ]]></b:skin>.
  15. Klik Save Template".
  16. Beres lah!

xHTML :
Punteeen... EUy....naha kamarana urang sunda teh! Kecian, deh... Hu ... makana ari ulin teh kudu mawa awewe ulah sorangan, EUYYY! <a href="http://mitrabarayaonline.blogspot.com" title="Tuh ... liat ... si sono tuh jalannya. Hih... , dasar!">mitrabaraya : online & tutorials</a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY_113W2PSxdm9VWS30JIXVR8c9eAJ9gNENE00RG46lEZN9RdCyJGleAT1kpvjUToeihQOBYwUXB5nZpPn6A4i5zGwR9dzmAYOx-QLfymhXCOkjPQ8D7EUi_5d_rYCZoH3a4qNpVoK_TwN/s400/mitrabaraya_banyolansunda.jpg" />

Catetan/Kateranganana :

  1. Ganti "Punteeen... EUy....naha kamarana urang sunda teh! Kecian, deh... Hu ... makana ari ulin teh kudu mawa awewe ulah sorangan, EUYYY!"
  2. Ganti http://mitrabarayaonline.blogspot.com make URL blog maraneh.
  3. Ganti demos & tutorials make wae teks anu lian anu saluyu jeung materi postingna.

Cara mencoba :

  1. Pilih salah sahiji posting jeung copy URL posting eta.
  2. Rubah URL supa henteu sarua/robah tina alamat sabenerna.
    contoh
    http://mitrabarayaonline.blogspot.com/2014/07/css3-effects-jquery-ngagulung-to-top.html
    menjadi :
    http://mitrabarayaonline.blogspot.com/2014/07/palsu-css3-effects-jquery-ngagulung-to-top.html
  3. Sok teangan ngagunakeun alamat (URL) paslsu eta teanya cu.