Cara membuat halaman 404 menjadi keren - selamat ketemu lagi dengan saya admin Mahadewa pulsa dan ppob , pada kesempatan ini saya akan memberikan tips dan trik untuk membuat halaman blog yang telah di ganti ataupun di hapus sehingga pada halaman tersebut bisa menemukan panduan untuk bisa tersambung dengan halaman yang masih aktif atau halaman berikutnya dan lebih menarik tentunya
halaman / page yang telah di ganti urlnya otomatis jika di klik oleh pengunjung siapapun akan menjadi halaman blank yang disitu akan muncul tulisan 404.
hal tersebut bisa di sebabkan juga jika pengunjung salah memasukan url, salah menulis satu hurup saja akan menyebabkan halaman tidak bisa ditemukan.
untuk memanfaatkan halaman yang sudah rusak atau sudah di ganti urlnya supaya menjadi halaman yang keren dan sekaligus sebagai halaman penunjuk untuk menuju halaman selanjutya.
caranya pembuatanya ada dua langkah yang pertama memasukan kode kedalam template / HTML dan yang kedua memasukan kode kedalam setingan blog, untuk langkah-langkah pembuatanya silakan simak panduan di bawah ini
caranya pembuatanya ada dua langkah yang pertama memasukan kode kedalam template / HTML dan yang kedua memasukan kode kedalam setingan blog, untuk langkah-langkah pembuatanya silakan simak panduan di bawah ini
langkah ke satu ( 1 )
1.login ke www.blogger.com untuk membuka blog kalian
2.lalu klik desain dan ke dashboard
3.pilih template
4.lalu klik edit HTML
5.dan cari kode ini }} </b:skin> di dalam templat HTML kalian
6. selanjutnya kopi kode di bawah ini
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
.status-msg-wrap {
font-size: 100%;
margin: none;
position: static;
width: 100%;
}
.status-msg-border {
display:none
}
.status-msg-body {
padding: none;
position: static;
text-align: inherit;
width: 100%;
z-index: auto;
}
.status-msg-wrap a {
padding: none;
text-decoration: inherit;
}
.MP-404-box {
background:#FFFFFF;
width:98%;
margin:10px 0px;
padding:20px 10px;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
}
</style>
</b:if>
<style type='text/css'>
.status-msg-wrap {
font-size: 100%;
margin: none;
position: static;
width: 100%;
}
.status-msg-border {
display:none
}
.status-msg-body {
padding: none;
position: static;
text-align: inherit;
width: 100%;
z-index: auto;
}
.status-msg-wrap a {
padding: none;
text-decoration: inherit;
}
.MP-404-box {
background:#FFFFFF;
width:98%;
margin:10px 0px;
padding:20px 10px;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
}
</style>
</b:if>
7.masukan kode di atas tepat di atas kode ini }} </b:skin>
8.lalu klik pratinjau dulu untuk memastikan template tidak eror
9.lalu simpan template anda
9.lalu simpan template anda
langkah ke dua ( 2 )
1.buka blog kalian atau segarkan bisa dengan cara tekan tombol f5 pada keboard komputer anda ( catatan langkah pertama sudah berhasil di simpan )
2.klik dashboar atau desain
3.klik setelan atau seting
4.di bawah setelan klik preferensi penelusuran
5.di sebelah kanan nya cari tulisan pesan khusus untuk laman tidak di temukan dan klik edit
6. lalu masukan kode di bawah ni
<!-- MP Template -->
<div class='MP-404-box'>
<p style='line-height: 30px'><strong>
<font color='#ff0000' size='5'>
Oops!
</font> <font color='#666666'>
Sepertinya Anda mengklik link yang rusak atau Halaman yang sudah di hapus. Lakukan salah satu langkah di bawah ini:
</font></strong></p>
<ol style='line-height: 25px'>
<li><a href='javascript:history.go(-1)'>« Go Back</a> </li>
<li>Laporkan Problem Kepada Kami <a href='https://jatisronopule.blogspot.com/p/hubungi-kami.html'>Klik di Sini</a>    (<em>Ini akan membantu kami untuk memperbaikinya</em>) </li>
<div class='MP-404-box'>
<p style='line-height: 30px'><strong>
<font color='#ff0000' size='5'>
Oops!
</font> <font color='#666666'>
Sepertinya Anda mengklik link yang rusak atau Halaman yang sudah di hapus. Lakukan salah satu langkah di bawah ini:
</font></strong></p>
<ol style='line-height: 25px'>
<li><a href='javascript:history.go(-1)'>« Go Back</a> </li>
<li>Laporkan Problem Kepada Kami <a href='https://jatisronopule.blogspot.com/p/hubungi-kami.html'>Klik di Sini</a>    (<em>Ini akan membantu kami untuk memperbaikinya</em>) </li>
<li>Kembali ke Homepage <a href='https://jatisronopule.blogspot.com/2014/10/jasa-ganti-domain.html'>Klik di Sini</a>
<br/></li>
</ol>
<p>
<br/>
<br/>
<br/></p>
<p align='center'><font color='#989898' style='font-size: 150px'><strong>404</strong></font></p>
<p> </p>
<p align='center'/>
<p align='center'><font size='5'>Page Not Found!</font></p>
</div>
</ol>
<p>
<br/>
<br/>
<br/></p>
<p align='center'><font color='#989898' style='font-size: 150px'><strong>404</strong></font></p>
<p> </p>
<p align='center'/>
<p align='center'><font size='5'>Page Not Found!</font></p>
</div>
7. ganti kode yang berwarna merah
- yang bagian atas ganti dengan url kontak kalian
- yang warna merah kedua ganti dengan url beranda kalian
8. lalu simpan
9.selesai
untuk mencoba hasil pembuatanya silahkan misalnya masukan alamat ini pada browser anda http://jasabikin-website.blogspot.com/2014/xxxxxx lalu tekan enter dan hasilnya jika kalian tidak salah memasukan kode hasilnya akan keren sesuai judul postingan ini halaman 404 menjadei keren
sampai disini panduan blogger wonogiri untuk mengatasi halaman blog yang telah usang / halaman 404 menjadi keren dan bermanfaat, sampai disini semoga ini bermanfaat buat yang membutuhkan nya
No comments:
Post a Comment