はてなブログ 無料でもトップページを一覧形式にする方法

はてなブログカスタマイズ備忘録①

 個人的な備忘録として、無料はてなブログのカスタマイズを残しておきます。

トップページ一覧表示

はてなブログPro

トップページを表示する方法として、はてなブログProであればワンクリックで一覧形式にできるのですが、無料でほそぼそやっている人向けのやり方です。

はてなブログ

設定→詳細設定→headに要素を追加に以下を記載

<script type="text/javascript">
if( location.href == 'http://tetocoin.hatenablog.com/'){
location.href='http://tetocoin.hatenablog.com/archive';
}
</script>
<noscript>
<p><a href="http://tetocoin.hatenablog.com/archive">僕のビットコイン通帳</a></p>
</noscript>

<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=0.5,user-scalable=yes,initial-scale=1.0" />

*1

 htmlは全然勉強していないのですが、わかる範囲を解説をします。

if( location.href == 'http://tetocoin.hatenablog.com/')

 ▲ここのページを表示したら

{
location.href='http://tetocoin.hatenablog.com/archive';
}

 ▲このURLを表示する

つまり、トップページに行けばアーカイブに行き一覧形式で見れるということです。

そのため、上のURLを自分のブログに変える必要があります。

唯一の欠点としては、ブラウザのタブ名やブックマーク名が「記事一覧 - 僕のビットコイン通帳」と表示されてしまうことくらいです。

*1:上のURLを自分のブログに変える必要があります。