2025年6月13日金曜日

Bloggerでオリジナルのカスタム 404ページを作成する

Blogger

まずは存在しないアドレス https://blogname.blogspot.com/404 等にアクセスしてページがどの様に見えるか確認します
(表示される要素を確認)

</body>タグの前に以下の様なコードを追加
(投稿セクション内で分岐させるのが本来であれば正しいと思いますが)
*サードパーティーのテンプレートでは既に404ページが用意されている場合があるので注意

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<h1>Not Found</h1>
<h2>Error 404</h2>

<style>
.* {
  display: none;
}
</style>
</b:if>

単純な404であればこんな感じですね
タイトルタグ(例: <title>Not Found</title>)は被ったりするかと思いますので抜いてあります。
(このブログの404は設定から設定したものです)

追記
サンプル例です
https://tt-order.blogspot.com/404

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
詳細プロフィールを表示

0 comments:

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

...

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."