404 Error Pages for Blogger

Not found
ページが存在しない場合の警告を変更する方法を紹介します。

photo credit: Steve Bowbrick via photopin cc



Bloggerの管理画面から 設定 > 検索設定 > カスタム 404 ページ と進むと、簡単に変更できるようです。

参考 :
30 Custom 404 Pages for Blogger


ただし、個人的には、 こちらのページを見て画像メインではなく、文字メインで 404 ページをカスタマイズしてみました。


Demo



まず、 </head>と検索し、その上に以下を追記します。


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404 Error.</title>
<h1><a href='/'>404 Not Found</a></h1><br/><br/>
<h2>指定したページは存在しません&#12290;お手数ですが&#12289;<a href='/'>こちら</a>をクリックしてホームページに移動してください&#12290;
</h2>

<style type='text/css'>
body {
background: #000000 url(&quot;画像URL&quot;);
background-repeat :no-repeat ;
margin:70px;
padding:20px;
}

h2 {
color: #666666;
}

.cap-top {
-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=80)&quot;; /* IE */
filter: alpha(opacity=80); /* IE */
-moz-opacity:0.8; /* Firefox(old) */
-khtml-opacity: 0.8; /* Safari(old) */
opacity: 0.8;
}

.sidebar, footer, .content, .header, .columns-inner, .footer-top {display:none;}
body {min-width: 0px !important;}
</style>

</b:if>