Bloggerで独自の404ページをカスタマイズする方法

ブログ内に無いページURLを検索した時、または、以前あったけれども、何らかの理由で削除された時は、そのページに対して404を返すようになっています。

その404ページを、自分独自のデザインにカスタマイズすることができます。

作成方法

設定　→　検索設定　→　カスタマイズ404ページに作成したHTMLコードを貼り付ける。なお、当ブログにおいては下記のコードを貼り付けています。

<div style="font-size:300%">
404 Page not found.
</div>
<br>
<div align="left" style="padding-left:1em;">
<div style="font-size:150%;">
<b>お探しのページは見つかりません</b>
</div>
<br>
このブログ内でお探しのページは一時的にアクセスできない状態にあるか、移動または削除された可能性があります。<br>
<br>
URLをご確認いただき、上のメニューおよびサイドバーのカテゴリー・アーカイブ・ブログ内検索を活用してみてください。
</div>
<style>
.status-msg-border {
opacity:0; //ステータスメッセージの枠線を透明にする
}
.status-msg-bg {
opacity:0; //ステータスメッセージの背景を透明にする
}
</style>

下記のリンクで上記のコードの確認ができます。

　http://holidaybuggy.blogspot.com/ndex.html

あくまでも一例ですので、デザインは独自に良いものを作っていただけたらよいのではないでしょうか。


以上、参考にしていただけたら幸いです。

• 
• list ツイート