Post Game: 404

Showing posts with label 404. Show all posts

Thursday, December 1, 2016

Cara Membuat Error 404 Dengan Mengalihkan Url

Langsung Saja Caranya :D
Demo
1.Buka Blogger.com
2.Pilih Menu Template
3.Pilih Edit Html
4.Pilih Lanjutkan
5.Terus Cari Kode (Caranya Tekan Ctrl + F)

</body>

6. Letakkan Kode Berikut DiAtas Kode Tadi

<!-- Script By Lord Kaisar-->
<style>
#error-not-found {
display:none;
}
</style>
<div id=error-not-found>
<script>document.location.href="http://lordkaisar.tk/error.php"</script>
</div>
<!--end-->

Ok,Mohon Komentarnya Ya :D

Go to link Download

Cara Membuat tampilan 404 error

Error 404 Halaman Tidak Ditemukan atau Kesalahanyang dihasilkan oleh Blogger saat pengguna memasukkan URL yang tidak benar atau Error 404 adalah kode status HTTP yang berarti halaman Anda yang dicari di Blog Anda tidak bisa ditemukan atau Halaman tidak ada di Server.

menampilkan pesan Error halaman dalam kotak

Only Custom Message [No Style]

If you want to show only a custom message then First Go to updated Blogger Interface
Then Go to Setting->Search Preferences

Error 404 Images

If you want Colorful Stylish 404 page do the following.

Go to Design->Edit HTML
Find </head> and copy the below code just above it.

<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}</style>
</b:if>

Save the Template

Error Page Style 1

Go to Setting->Search Preferences
Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN-cDmJ27qouNFX99vCCp98XA7HTQwOtea4Y9Gdp-kxaR-WUa8HQDOpyLy2QVh6gRXoBBqagjmdVbJ41EaX_H8acDuTEx1Sj5DPl6_tvpvGffcEP59avDdqp3c_-8n1NnjsihprgWOJcg/s1600/404+error+page+1.jpg"/>

Error Page Style 2

Blogger custom Error page

Go to Setting->Search Preferences
Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisLwPPanqwrgoEvDkur7tlL7QxqyU9mNqh3UR44aqCa-Pc2Xir-xbloVVIkCwEj6hhHmsriaWQGJmdR0E2AMIyBy9Enwr1MuoitzVSq7j34IttgpB2HtZnGbXhmPPBaRAeYOHpMriN5iE/s1600/404+error+page+2.jpg"/>

Error Page Style 3

Go to Setting->Search Preferences
Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRrrNPPaSFOy7Se231c47wJjjmdv7uczeopqBGvsBveA9a_sNFvaq7tMToCRiGmQXC8k4-ECp2BV9bRDZ8NVs5qyhMt08Cytb6LQGAzi36KizzTxUjfWCQvAYwmRqIWi9_fQZTjuRm0o/s1600/404+error+page+4.jpg"/>

Error Page Style 4

blogger custom 404 error page

Go to Setting->Search Preferences
Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_XwEjaKzUNogMrqlBm2GU8tAL4rXTkXhIBx2PT_t1rGM8sdypLiHXhwlN87sYzriMGJUx41eDmMPos5WeXlk4_HRdirqk4kmjTj2J9oqUe1qmf9v1IR9PfpQwhldxk719KratFCV8R7g/s320/404+error+page+6.jpg"/>

Error Page Style 5

Go to Setting->Search Preferences
Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP8TZnRUzL2U5Gv2FwDIP2hOlYBRnQJ6oEPWL-LyML1ZobcPBwN8QjPT0LdooCCj6UeoLDt9JteZLnBk6qnR-l6nh18Be0sjyTGRA_7fZd5UMlg5QUhXBH1k9-0lD_sv1rQpknMDDOj3A/s1600/404+error+page+7.jpg"/>

Error Page Style 6

Go to Setting->Search Preferences
Copy below code in Custom Page Not Found section [as shown in fig. first]

<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXgaPN4qE34MUUs1pcUDhne9rUB3e4OB-FrMIfpFVYrFJkXPktt2rWkhdtG4YWb1HTR8b9y_4FRDMglQoFlbLF4xJnRJlDons1Mvea7yf8Hs1NLWTAuUN1tLIu2PnABRcEdsD2NT1BH0/s1600/404+error+page+3.jpg"/>

Dan klik Simpan

Go to link Download

Cara Membuat Halaman Error 404 Keren di Blog

Cara Membuat Halaman Error 404 Keren di Blog - Halaman error 404 meruapakan halaman yang dalam pengetikan url salah maupun artikel sudah di hapus maka timbulah halaman error . kali ini saya akan berbagi cara mendesign halaman error yang keren di blog anda . tutor ini saya ambil dari template mas sugeng fastest magz v3 . dan kemudian saya terapkan juga di blog saya ini . tapi karena ada yang request , saya akan bagikan tutorialnya membuat halaman error 404 . demonya seperi di bawah ini

Cara Membuat Halaman Error 404

Masuk dulu kebagian Template => Edit HTML
Sebelum kita pasang CSS nya kita pasang dulu tag kondisionalnya , silahkan anda pasang tag kondisional berikut dibawah kode ]]></b:skin>
```
<b:if cond=data:blog.pageType != &quot;error_page&quot;>

/* CSS ERROR DISINI */

</b:if>
```

Kemudian anda pasang kode css dibawah ini , diantara tag kondisionalnya tadi ( /* CSS ERROR DISINI */ )

#post-wrapper{max-width:100%;width:100%!important}
.status-msg-wrap{width:100%;background:#fff url(http://2.bp.blogspot.com/-GJqe_Mw3nCA/Udkt6st2LGI/AAAAAAAACFg/vnAqikDNzmQ/s1600/404.png) no-repeat center 10px;display:block;margin:0 auto;position:relative;min-height:150px;font-family:"Oswald",Verdana,Sans-Serif;text-shadow:1px 1px #fff,2px 2px #ccc,3px 3px #ddd,4px 4px #eee;font-size:2.2em;font-weight:400}
.status-msg-body{padding:150px 0 20px 0;max-width:100%!important;width:auto!important;position:relative!important;text-align:center;line-height:1.4em}
.status-msg-border,#blog-pager,#sidebar{display:none!important}

NOTE:
Sebelum anda menyimpanya silahkan sesuaikan dulu kode CSSnya
Keterangan kode di atas :
#post-wrapper = merupakan bagian post yang akan kita buat lebarnya 100%
.status-msg-border,#blog-pager,#sidebar = merupakan elemen yang akan disembunyikan

Jika sudah maka simpan template dan lihat hasilnya
Untuk mengecek halaman error tambahkan kode /error404 dibelakang url blog anda contoh http://ahmadsuyadi.blogspot.com/error404

Demikian dari saya tutoial tentang Cara Membuat Halaman Error 404 Keren di Blog , jika sobat butuh bantuan silahkan hubungi saya atau komen dibawah :)

Go to link Download

Post Game

Thursday, December 1, 2016

Cara Membuat Error 404 Dengan Mengalihkan Url

Cara Membuat Error 404 Dengan Mengalihkan Url

Friday, November 18, 2016

Cara Membuat tampilan 404 error

Cara Membuat tampilan 404 error

Wednesday, October 12, 2016

Cara Membuat Halaman Error 404 Keren di Blog

Cara Membuat Halaman Error 404 Keren di Blog

Cara Membuat Halaman Error 404