Pada kesempatan kali ini admin Zkrip akan memberikan tutorial Cara Buat Halaman 404 Keren . Halaman 404 merupakan halaman penukung untuk mendaftar Google Adsense. Fungsi halaman 404 adalah untuk memberi tanda bahwa postingan yang akan dituju pada situs tersebut sudah tidak ada ataupun visitor salah menuliskan alamat dengan benar.Semua URL halaman atau postingan yang tidak ada atau salah menuliskan akan langsung menuju ke halaman tersebut.Untuk lenih jelasnya silahkan simak langkah membuatnya.
- Login ke Blogger
- Pilih Template >> klik Edit HTML
- Selanjutnya cari kode ]]></b:skin>
- Lalu Anda salin kode dibawah ini dan pastekan diatasnya :
#error-page {background-color:#e9e9e9;position:fixed !important;position:absolute;text-align:center;top:0;right:0;bottom:0;
left:0;z-index:99999;}
#error-page #search-box {margin: 2% 41%}#error-inner {margin:11% auto;}
#error-inner .box-404 {width:200px;height:200px;background:#21afa4;color:#fff;font-size:80px;line-height:200px;border-radius:10px;margin:0 auto 50px;position:relative;}
#error-inner .box-404::after {content:" ";width:0;height:0;bottom:-8px;border-color:#21afa4 transparent transparent;
border-style:solid;border-width:9px 9px 0;position:absolute;left:47%;}
#error-inner h1 {text-transform:uppercase;}
#error-inner p {line-height:0.em;font-size:15px;}
- Kemudian anda cari kode <body> kemudian letakkan kode dibawah ini diatasnya
<b:if cond='data:blog.pageType == "error_page"'>
- Masih pada letak yang sama, letakkan juga kode berikut ini dibawah kode diatas
<div id='error-page'>
<div id='error-inner'>
<div class='box-404'>404</div>
<h1>Halaman tidak ditemukan</h1>
<p>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL</p>
<p>Kembali ke <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
<div id='search-box'>
<form action='/search' id='cse-search-box' method='get'>
<input id='search-text' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Cari di sini ...'/>
<button id='search-button' type='submit'/>
</form>
</div>
</div>
</div>
</b:if>
- Simpan Template
Belum ada tanggapan untuk "Cara Buat Halaman 404 Keren"
Posting Komentar