ガジェレポ!

京都在住の中年サラリーマンブロガー。 Mac、iPhone、ゲームにアプリなどなど興味をもったガジェットの情報をなんでもレポート。

はてなブログのテーマを「DUDE(デュード)」に変更してみた。

f:id:gadgerepo:20160122000213j:plain

どうなるSMAP!?ガジェレポ!@gadgerepoです。

久しぶりの更新ですが、今回は「はてなブログ」に引っ越して以来はじめてブログテーマを変更してみました。

カスタマイズしやすいオシャレなテーマ

というわけでインストールしたのがコチラのテーマ、「DUDE(デュード)」

 

DUDE - テーマ ストア

 

作者であるCatKnows@blogliterallyさんの「DUDE」紹介記事を拝見し、一目惚れ&ソッコーでインストール。

カスタマイズ方法も詳しく解説されていてオススメです。

tsukuruiroiro.hatenablog.com

 

筆者はGoogle AdSenseの「336 x 280 レクタングル」を記事下に2つ横並びに配置しているので、デザインCSSに

#main { width: 708px; margin-right: 10pt; }

#box2 { width: 210px; }

.doublerec ul { padding: 0; margin: 0; list-style: none; font-size: 0; } .doublerec li{ padding: 0; margin: 0; display: inline-block; }

と追記しています。

追記

336 x 280 でのダブルレクタングルは表示がおかしくなるので「300 x 250 レクタングル」に変更、デザインCSSのカスタムは無しにしました。

ダブルレクタングルの設定方法はコチラを参照。

 

chipspd.hatenadiary.jp

 

できたてホヤホヤのテーマ「DUDE(デュード)」、はてなブロガーの方はお試しあれ。

インストール前には各種設定

  • ダッシュボード→設定→詳細設定→各項目(“headに要素を追加”や“解析ツール”の各項目など)
  • ダッシュボード→デザイン→カスタマイズ→“ヘッダ”、“記事上下のカスタマイズ”や“フッタ”、“デザインCSS”
  • ダッシュボード→デザイン→スマートフォン→“ヘッダ”、“記事上下のカスタマイズ”や“フッタ”

あたりはバックアップしておくことをオススメします。