さくらインターネットで管理する独自ドメインを設定は以下のブログを参照。
1.さくらインターネットのレンタルサーバーにドメイン「itokoichi.com」を設定しておく。
2.さくらインターネットのドメイン管理画面にて、「itokoichi.com」の「ゾーン編集」にて、エントリ名「blog.itokoichi.com」に「別名CNAME」「hatenablog.com.」(最後のドットに注意)を設定。
3.はてなブログの設定にて、独自ドメインに「blog.itokoichi.com」を設定。
itokoichi.com→さくらインターネットサーバー、blog.itokoichi.com→はてなブログを参照する状態に。
※ポイントとしては、さくらインターネットのレンタルサーバーに、独自ドメインを設定した状態で、サブドメインをはてなブログに設定する。
トップページを記事一覧にする方法。
Googleアドセンスの設定方法。
affiliate-hatekun.hatenablog.com
スマホ用デザインのカスタイマイズ。
カウンター設置方法。
はてなブログにはてなカウンターを貼り付ける方法 - 没個性テーマパーク:EXTRA
メニューバーの追加方法。
スマホ版の下部にメニューを挿入。
サイドバーにFlickr。
はてなダイヤリーに貼っていたコードを流用。
Twitterタイムラインをサイドバーに追加。
アマゾンアソシエイトのIDを設定。ダッシュボードのアカウント設定にて。
Amazon商品紹介機能を追加しました - はてなブログ開発ブログ
(2017/4/20追記)
記事下に関連記事を追加。
(2017/4/26追記)
トップページのアーカイブ記事数を制御。
(2017/5/23追記)
フッターに関連記事を追加。
(2017/6/14追記)
はてなブログの標準機能で「関連記事」の表示が可能になったので、フッター整理中。
はてなカウンターのサービスが終了するため、Googleアナリティクスを導入。
(追記2017/6/16)
はてなブログにトップページの一覧表示機能が付いたので、HEADの一覧表示Java scriptを外して、はてなブログの一覧表示機能に変更。
(2017/6/22追記)
Googleアドセンスのバナーをヘッダーに追加。スマホにて、全画面広告、または、フッター広告を表示。追加場所は、デザインのヘッダーではなく、設定→詳細設定のヘッダー。
(2017/7/2追記)
トップページの記事一覧を2列に。ヘッダーとCSSを以下のページを参考に追加。