Custom Halaman 404

Wednesday, June 27, 2018
Custom Halaman 404

404 NOT FOUND
Image result for logo 404 not found

Kembali Pada Postingan Kali Ini,Saya akan Membagikan Cara membuat Error 404 Not Found Yang Tentunya sering kalian temukan pada Blog,blog yang memanng di sediakan untuk memberi tahu bahwa halaman yang anda cari memang tidak ada.

Tentunya script ini Berasal dari  Bloggerku yang saya edit dengan Gaya saya sendiri. 

Untuk Screenshootnya Bisa Di Bawah :


Untuk Pemasangan Bisa Ikuti Langkah berikut :

Buka  Halaman Tataletak > Template > Edit HTML 

Setelah Itu Cari Kode <b:skin> dan pasang Script ini di atasnya 

<style type="text/css">#Page404{background:url(https://images2.alphacoders.com/743/743487.jpg);text-align:center;padding:15% 0;background-size:cover;}h1 {font-family:'Markazi Text',serif;color:#fff;font-size:90px;text-shadow: 1px 1px 3px #0d47a1;}h2{font-family:'Encode Sans Condensed', sans-serif;color:#fff;text-shadow:1px 1px 3px #42a5f5;}p{font-family: 'Oswald',sans-serif;color:#fff;font-size:23px;text-shadow:1px 1px 3px #00897b}</style>
Untuk Mengganti Tulisanya Gunakan Font Berikut

<link href="https://fonts.googleapis.com/css?family=Markazi+Text" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Encode+Sans+Condensed" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">

Setelah Sudah Cari Kode Berikut <body> Pasang Script ini di atasnya 
<b:if cond='data:blog.pageType == "error_page"'>
<div id='Page404'>
<h1>404 NOT FOUND</h1>
<p>Maaf Halaman Yang Ada Cari Tidak Di Temukan :</p>
<h2>Maybe This Page Move Permantely Or Deleted,Please Back To Home Page :<br/><a href='/'>BACK TO HOME</a></h2>
</div>
</b:if>

Untuk Melihat Hasilnya Simpan Template dan Lihat Hasilnya :

Terimakasih. :)

Share It :

Your Description



sentiment_satisfied Emoticon