simplesso

インターネット、はてなブログ、サイト構築、アクセスアップなどにまつわる内容を自分的メモとして残していきます。

はてなブログカスタマイズ

メインブログ「ohanasiの simple life」にて行っているはてなブログのカスタマイズを記載しておきます。

パンくずリスト

Googleリッチスニペット対策です。 沢山の方が、対応してくださってますが、「ohanasiの simple life」は↓こちらの池田仮名さんの記事のブログパーツを使わせて頂いてます。

bulldra.hatenablog.com

その他にもパンくずリストの作り方がわかります。

↓こちらだと今まで作ったカテゴリの修正せずにいけそうなので、simplessoではこちらで設定しようかと思います。

psn.hatenablog.jp

sprint-life.hatenablog.com

リッチスニペット対策は、はてなブログ全体でやってもらえると余計なJavascriptがブログに増えずに済むのになー。

文中にAdsenseを入れる

uxlayman.hatenablog.com

記事の文中のAdsenseの効果はヘッダーの次に高いと言われております。

WordPressには文中プラグインとかあるんですが、はてなブログではそういうものがないので↑こちらの記事を元に取り付けました。

グローバルナビの設置

ground-sesame.hatenablog.jp

グロナビの設定でおすすめされてるCSS MenuMaker | HTML, CSS, & jQuery Menusですが、有料化されています。

余計なお世話ですが、無料で設定する方法を記載しておきます。

1. まずは、サイトから自分の好みのグローバルナビを選択してください。 CSS%20MenuMaker%20%7C%20HTML,%20CSS,%20&%20jQuery%20Menus

2. 各グローバルナビの詳細ページで、内容確認して問題なければ、下にあるsource.zipをダウンロードしてください。

有料化されたのは、CSSのみなので、source.zipを解凍してCSSを取得してください。

Stitched%20Menu%20%7C%20CSS%20MenuMaker

3. source.zipでCSSを取得したら、Build Onlineへ移動してください。

Stitched%20Menu%20%7C%20CSS%20MenuMaker

4. グローバルナビのリンクなどを設定する。

設定が終わって、HTMLを見るとコピペできるようになっています。

New%20Menu%20%7C%20CSS%20MenuMaker

5.HTMLとCSSはてなブログに設定する。

HTMLはヘッダに、CSSはデザインCSSの項目にコピペしてください。

%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E8%A8%AD%E5%AE%9A%20-%20%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0

以上で、CSS MenuMaker | HTML, CSS, & jQuery Menusを実質フリーで使うことができます。

が、jQueryなどを使うグロナビなどの場合は、サポートが必要かもしれませんので、きちんとお金を払って対応した方がよいかもしれません。

補足

言うまでもないことですが、Adsenseは1ページ内に3個までになるようにしましょう。

このブログでは広告が4つ表示ますが、それは実験的にいれてる忍者AdMaxです。

photo by Norio.NAKAYAMA