1. HOME
  2. ブログ
  3. Blogger カスタム 404 ページ

Blogger カスタム 404 ページ

投稿日 2013/11/10

Bloggerの404ページは、標準だとほんとつまらんよね
何とかしたいなと前々から思っていた
けど、何もしないのが僕のクォリティーなんだよなあ

ちょっとだけ気が向いたので、やっつけ仕事で作りました
一応、スマホというか、モバイルテンプレートでも見られるようにしたつもりです

モバイルテンプレートの表示
スマートフォンで見た縦横の表示です
解像度：480×800
ブラウザ：標準ブラウザ

Blogger カスタム 404 ページ -1

Blogger カスタム 404 ページ -2

Nexus7(2013)で見た、モバイルテンプレートの表示
解像度：1920×1200
ブラウザ：Android版 Firefoxβ

Blogger カスタム 404 ページ -3

PCテンプレートの表示
Nexus7(2013)で見た縦横の表示ですが、PCでの表示も見え方はほぼ同じです
解像度：1920×1200
ブラウザ：Next Browser

Blogger カスタム 404 ページ -4

イメージ的には横向き画像が、PCで見た時と近いかな

Blogger カスタム 404 ページ -5

ホームにリダイレクトする
見に行ったサイトが移転してたりすると「○秒後に自動で飛びます。飛ばない場合は～」なんてのを見かけますよね
あれと同じことです

管理画面の設定 -> 検索設定 -> エラーとリダイレクト -> カスタム 404 ページ -> [設定] 編集

こんな感じでカスタム404ページを作りました

Blogger カスタム 404 ページ -6

リダイレクトのコードだけですが…
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>

５秒後にホームに飛ぶ設定になります

03行目でホーム "/" を指定
パスを指定すれば任意のページに飛ばせます
04行目で時間指定（5000 = 5s）

TOP