読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

はてなブログのカスタマイズ - カテゴリをブログの下につけてみる。

ちょっとカスタマイズ熱に火がついて、いろいろいじってみている。今日はブログ下にカテゴリを追加してみた。 最初はタグ・クラウド風にしてみたが、なんかいまいちで、今はBootstrapのボタンとバッジというスタイルにしている。カテゴリを見てみるといい加…

はてなブログの自作テーマのメニューで不具合が発生 - とりあえず復旧

とりあえず復旧させた。ソースコードは下。きわどいが。 github.com ついでにjqueryベースだったのをd3ベースに書き換えた。そのおかげでInsider Build 14271のedgeではメニューが表示されなくなった。 カスタマイズスクリプトをできる限り最後に読み込ませ…

はてなブログの自作テーマのメニューで不具合が発生

まあこれは自業自得なのだが。 最近はてなブログの内部実装が変わったらしく、私のブログのナビゲーションバーのアーカイブメニューをクリックしても年・月別のアーカイブメニューが表示されなくなった。 そもそもこのテーマははてなブログ臭さを消去するた…

はてなブログのカスタマイズ - 月別アーカイブをBootstrap Navbar に加える

今日は引き続き、はてなブログのサイドバーモジュールをBootstrap Navbarに変換するコードを書いていた。 成果は以下の通り。実際の実行例はこのブログの上部にあるメニューがそうである。 はてなブログのカスタマイズスクリプト 基本的にはサイドバーモジュ…

はてなブログのカスタマイズ - Bootstrap Navbarの設置

今日はサイドバーのモジュールをBootstrapのNavbarに変換するコードを書いていた。NavbarはJSに依存しているのでCSSのカスタマイズだけでは対応できないので、フッター下にサイドバーメニューを変換し、Navbarを表示するコードを書いている。 Navbarの実装に…

はてなブログのカスタマイズ - Adsenseの配置

Adsenseコードを配置した はてなブログProでは広告コードの表示を非表示にすることができ、代わりに自分の広告コードを通常ではサイドバーなどに表示することができる。ただ自由度は低くて、記事と記事の間とかに広告コードは貼りつけられない。 Adsenseって…

Bootstrapによるはてなブログのカスタマイズ - なんとなく方向は固まったかな。

カスタマイズしたものに変更 昨日カスタマイズしたものを実際に反映した。今見えている「見てくれ」がそうである。 LESSファイルはここにある。ソースコード自体は「boilerplate」をベースにしている。 実際行った手順は下記の通りである。 Hatena-Blog-Them…

はてなブログをBootstrapベースでカスタマイズする

今日はBootstrapをおさらいしながら、「boilerplate」テーマのカスタマイズを行っていた。 どのようにカスタマイズするのかをもう少し具体的に言うと boilerplate.lessの@import部分をすべてリマークする。 代わりにbootstrap.lessを@importする。 boilerpla…