Cara Membuat Error Page Blogger

cara membuat error page blogger

Membuat "error page" atau "404 - Page Not Found" ternyata mudah karena Blogger sudah menyertakan fitur ini di setting-an dashboard. Tapi jika Anda ingin halamannya disesuaikan dengan keinginan Anda maka perlu melakukan beberapa penyesuaian tentunya. Membuat gaya atau style error 404 ini menggunakan Conditional Tag juga (kata orang sudah jago desain template), contoh tag adalah seperti berikut ini,

== "error_page"'>

lengkap nya conditional tag untuk menampilkan halaman error 404 penulisan nya seperti ini,

<b:if cond='data:blog.pageType == "error_page"'>

Conditional tag itu diletakkan dalam tubuh template. Selanjutnya kita perlu membuat style halaman error 404, maksudnya tampilan halaman error 404 itu akan seperti apa. Apakah latar belakangnya merah, hijau, biru, dst. kemudian bagaimana model tulisan yang tampak dst.

Bagaimana penerapannya? Pertama cari kode </body> , setelah itu masukin baris kode berikut tepat di atas nya.

<!-- Start-->  
<b:if cond='data:blog.pageType == "error_page"'>
<style>
#error-not-found {
background: #ff0000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMgszP1S3MID0DoFDvjqkLLdQnBCwMu4dZFdtm4S6EWYzmYDnZ5L2eSJ-W2pdmC8v6A0EebnauLZ-ZbVQqHuwg9P9A9RPrmkk6GFmJub99D0vraYve36_cg87pSeYCGE28jQwQ2R8ANfk/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #ff0000 0%, #880000 100%);
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMgszP1S3MID0DoFDvjqkLLdQnBCwMu4dZFdtm4S6EWYzmYDnZ5L2eSJ-W2pdmC8v6A0EebnauLZ-ZbVQqHuwg9P9A9RPrmkk6GFmJub99D0vraYve36_cg87pSeYCGE28jQwQ2R8ANfk/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#ff0000), to(#880000) );  
text-align:center;
position:fixed;
top:0px;
right:0px;
bottom:0px;
left:0px;
padding-top:270px;
z-index:999999;
}
#error-not-found  h1 {
font-size:640px!important;
position:absolute;
font-family:impact,sans serif!important;
top:70px;
left:50%;
letter-spacing: -8px;
margin-left:-502px!important;
width:960px;
z-index:-2;
color:rgba(0,0,0,.09)!important;
}
#error-not-found  h2 {
font-family:arial black,sans serif!important;
text-transform:uppercase;
font-size:81px;
line-height:66px!important;
letter-spacing: -3px;
color:#fff!important;
margin:0!important;
padding:0!important;
}
#error-not-found p a,
#error-not-found p a:visited,
#error-not-found p a:hover{
font-family:arial black,sans serif!important;
text-transform:uppercase;
font-size:56px;
line-height:40px!important;
border:none;
font-weight: bold;
color:rgba(0,0,0,.5)!important;
margin:0!important;
padding:0!important;
text-decoration:none!important;
}
</style>
<div id='error-not-found'>
<h1>404</h1> <h2>Ups..sorry</h2>
<h2>Page Not Found</h2>
<p> <a expr:href='data:blog.homepageUrl' title='home page'> Back Home page</a></p>
</div>
</b:if><!-- end-->

Hasilnya seperti gambar di bawah ini,


Cara di atas Credit to Andre Pandet.

Cara kedua yang lebih mudah adalah sebagai berikut,
  1. Pergi ke Dashboard Anda, klik Setelan.
  2. Pilih  Preferensi penelusuran
  3. Lihat Kesalahan dan Pengalihan - lalu klik Edit
  4. Isikan pesan Anda pada form yang terbuka.

  5. Klik Simpan perubahan. Selesai.
  6. Ingin melihat hasilnya? Coba lakukan pengujian dengan cara mengetikkan alamat yang salah di browser, misalnya http://modtemplate.blogspot.com/goyang-monyet.
Selamat belajar.

COMMENTS

BLOGGER: 1

Name

Adsense,2,Blockquote,1,Blogger,17,Blogger Tool,1,Blogspot,1,Contact Form,3,CSS,23,CSS3,1,Domain,1,Font,2,Halaman,3,HTML,5,JavaScript,17,jQuery,6,Komentar,2,Page Loading,1,SEO,1,Share Button,1,Sidebar,1,Tag Kondisional,1,Tema,11,Trik,1,Website,1,WordPress,2,
ltr
item
Jelas in Blog: Cara Membuat Error Page Blogger
Cara Membuat Error Page Blogger
cara membuat error page blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPL3DO7FbXbL_D3Xs5Qn-BADYv8mQhfvL3ezKNgD-lV5uN6GRlMmSCLMgFgwjaBs6MdE3L7QA8PN8hyphenhyphen0SrpnCujQjYNNFiA3Sy_Pzh2iP5cEhWhukLcu6T3hd3eIhipL2GtZMXjUaW9A/s1600/error+page+blogger.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPL3DO7FbXbL_D3Xs5Qn-BADYv8mQhfvL3ezKNgD-lV5uN6GRlMmSCLMgFgwjaBs6MdE3L7QA8PN8hyphenhyphen0SrpnCujQjYNNFiA3Sy_Pzh2iP5cEhWhukLcu6T3hd3eIhipL2GtZMXjUaW9A/s72-c/error+page+blogger.jpg
Jelas in Blog
https://jelasinblog.blogspot.com/2013/07/cara-membuat-error-page-blogger_22.html
https://jelasinblog.blogspot.com/
https://jelasinblog.blogspot.com/
https://jelasinblog.blogspot.com/2013/07/cara-membuat-error-page-blogger_22.html
true
2350744749749285503
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content