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

【紹介兼備忘録・随時更新】当ブログカスタマイズ集(PC版)

ブログ運営

f:id:yamazaki-takashi:20161013132721j:plain

 

こんにちは。「やりなおしのマインドマップ」やまざきたかし( @yamazaki_1205 )です。

 

当ブログカスタマイズ集

今回は、はてなブログでどんなカスタマイズをしているかの紹介をぼく自身の備忘録を兼ねて書いていきます。 

 

ブログデザイン「Brooklyn」

ブログデザインはかなりメジャーな「Brooklyn」です。

 

shiromatakumi.hatenablog.com

 

こちらのページを参照してやったことは下記の通り。

 

  • 「グローバルナビ」の設置
  • 「シェアボタン」(カラー版)の設置
  • 「読者登録ボタン」(レッド)の設置

 

【注意!】シェアボタン設置に際して

 

shiromatakumi.hatenablog.com

 

グルグルする不具合はずっと気になっていたので、これを見つけた時はすぐに修正しました。

 

シェア数をカウントするコードをこちらのページのバージョンに修正する必要があります。ぼくの場合は記事上と記事下の両方に設置したので、記事下のみにコピペしています。

 

なお、修正版のコードは元のページにあった以下の注意書きを考慮する必要がありません。そもそもこの部分が入っていないためです。

 

始めに紹介したグローバルナビ(Pro向けの方)を入れる場合、下記のコードはすでに記述されているのでここのコードからは消して下さい。消さなくても動きますが、消さないとページの読み込みが遅くなってしまいます。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

 

「Milliard」の設置

関連ページを表示してくれる「Milliard」を設置しています。

 

Milliard関連ページプラグインについて | シスウ株式会社

 

はてなブログの設置方法はコチラです。書いてあるままに操作して無事に表示させることができました。

 

corp.shisuh.com

 

随時更新予定 

タイトルにもあるように、新たに何かを導入したり逆に外した場合は随時この記事も修正します。

 

なお、スマートフォンに関しては、これまでPC版と同様の表示になる「レスポンシブデザイン」を採用していましたが、現在は悩み中。

 

それではまた!