 |
| Page Not Found Igniel.com |
Siapa yang tidak tahu blog igniel, salah satu blog yang sangat populer di kalangan para blogger dan menjadi patokan para blogger, terutama fitur fitur yang di miliki pada template nya, bahkan template seperti yang di gunakan sangat di buru oleh para blogger, dan salah satu nya di bagian Page Not Found, banyak para blogger yang mencari tahu tentang Cara Membuat Page Not Found Seperti Igniel.com.
Pada postingan di artikel kali ini kami kan membahas tentang Cara Membuat Page Not Found Seperti Igniel.com namun sudah kami modifikasi dan mengalami sedikit perubahan namun cara kerja nya masih sama dengan yang ada di igniel.com. Cara Membuat Page Not Found Seperti Igniel.com sebenar nya tidaklah sulit selagi sobat mengikuti langkah-langkah nya dengan teliti, dan kami menjamin akan script ini akan work 100%
Berikut Tampilan Nya :
 |
| Page Not Found Igniel.com |
Jika sobat mengalami kesulitan dalam menginstal atau memasang script ini, kami menyediakan file untuk installasi + editing + gambar.
Instalasi Download
Langkah - Langkah :
1. Buka Dashboard Blog Sobat.
2. Pilih Tema.
3. Pilih Edit HTML.
4. Find Tag </head> Dan Paste Script Tepat Di Atas Tag </head>.
Berikut adalah Script Page Not Found Seperti Igniel.com :
<b:if cond='data:view.isError'><style>
@import url('https://fonts.googleapis.com/css?family=Staatliches');
#header, #outer-wrapper, #post-wrapper, #sidebar-wrapper, #content-wrapper, #footer-wrapper, #wrapper, .xidnaxToTop {display:none}
body,html {overflow:hidden; margin:0; padding:0; width:100%; min-height:100vh}
body {background:#fff; color:#1d2129}
#xidnax404 {background:#eceeee; text-align:center; margin:auto; font-weight:700; font-size:45px; font-family:'Ruda',sans-serif; position:fixed; width:100%; height:100%; line-height:1.25em; z-index:9999;}
#xidnax404 #error-text {position:relative; font-size:40px; color:#666; top:50%; right:50%; transform:translate(50%,-50%);}
#xidnax404 #error-text a {color:#888; text-decoration:none}
#xidnax404 #error-text p {margin:0!important; letter-spacing:.5px;}
#xidnax404 #error-text span {color:#00ACD6; font-size:200px;}
#xidnax404 #error-text a.back {background:#00ACD6;color:#fff;padding:10px 20px;font-size:20px;border:double #fff;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all 0.5s ease-out;}
#xidnax404 #error-text a.back:hover {background:#444;color:#fff;border:double #eceeee;}
#xidnax404 #error-text a.back:active {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9);background:#333;color:#fff;border:double #eceeee;}
#xidnax404 #error-text #copyright {font-size:16px}
#xidnax404 #error-text #copyright a {color:#00ACD6}
@media only screen and (max-width:640px){
#xidnax404 #error-text {font-size:20px;}
#xidnax404 #error-text span {font-size:60px;}
#xidnax404 #error-text a.back {padding:5px 10px;font-size:15px;}
#xidnax404 #error-text a.back:hover, #igniel404 #error-text a.back:active {border:0;}
}
</style></b:if>5. Find Tag </body> Dan Pastekan Script Tepat Di Atas Tag </body>
<b:if cond='data:view.isError'>
<div id='xidnax404'>
<div id='error-text'>
<span>404</span>
<p>HALAMAN TIDAK DITEMUKAN!</p>
<p><a class='back' expr:title='data:blog.title' href='/'>Kembali Ke Halaman Awal</a></p>
<div id='copyright'>
<a expr:title='data:blog.title' href='/'><data:blog.title/></a> © 2002 - <script>document.write(new Date().getFullYear())</script>. All Rights Reserved<p>Script <a href='https://www.xidnax.com/'>XIDNAX</a></p>
</div>
</div>
</div>
</b:if> Script paling atas / pertama di atas tag </head>
Script ke dua di atas tag </body>
Demikian artikel kami yang membahas tentang Cara Membuat Page Not Found Seperti Igniel.com, dan jika terjadi kesalahan dalam pemasangan dan link download, sobat bisa meninggalkan komentar, dan jangan lupa untuk selalu mengunjungi XIDNAX.COM untuk mengetahui dan mendapatkan informasi terbaru.