MoonNote

はてなブログテーマ / CSS / jQuery

あわせて読みたいGを導入した

サイドバーに『人気の投稿』を表示したせいで、記事とサイドバーの高さの違いがよりいっそう著しくなってしまったので対策として記事の下に関連記事を表示するスクリプトあわせて読みたいG』を導入した。多少はましになったかな。

<script src="https://www.google.com/jsapi"></script>
<script src="http://bulldra.github.io/commons.js" charset="utf-8"></script>
<script src="http://bulldra.github.io/gatcha.js" charset="utf-8"></script>

<script type="text/javascript">
writeGatcha(3,'related-posts','category','あわせて読みたい' ,false);
google.setOnLoadCallback(function(){ writeGatchaCategory('related-posts') } );
</script>

パーツIDはオリジナルのentryGatchaからrelated-postsに変更してある。理由は単に class 名に大文字を使いたくないから。また、購読ボタンもあちこちにあるとウザいだけなのでtrueからfalseに変更した。あとはボタンの文字が h3 のフォントサイズを継承しないように CSS を追加したくらい。

.hatena-module-foot h3 span {
    font-size: 15px;
    font-weight: 400;
}
#related-postsgachaSpan p{
    margin: 0;
}

出力されるはてなブログカードの仕様でリンクのtargetが強制的に_blankにされるのが少々不満。直帰率とページビュー数の改善はまだ様子見。