「はてなブログ」の「記事下に関連記事」を掲載する簡単でオススメな方法!
「はてなブログ」の「記事下に関連記事」を掲載する簡単でオススメな方法は「あわせて読みたい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,'entryGatcha','category','あわせて読みたい' ,true);
google.setOnLoadCallback(function(){ writeGatchaCategory('entryGatcha') } );
</script>
上記をコピーして、先ほど紹介したペーストする場所(はてなブログ > デザイン> 記事 > 記事下)にペーストするだけで完成です。
カスタマイズ
「writeGatcha(3,'entryGatcha','category','あわせて読みたい' ,true);」の部分変更でカスタマイズをすることが簡単にできます。
表示数
「3」は表示数を表します。
「5」にすると5つ表示されます。
モード
「category」は同じカテゴリーの中から記事が選ばれます。
デフォルトのこちらが一番良いと思います。
タイトル
「あわせて読みたい」はタイトルを表します。
「こんな記事も読まれています」などに変更も可能です。
記事の参考にしたブログ
はてなブログデザインのカスタマイズ!記事下に関連記事編 - wepli.2
「あわせて読みたいG」を作成した方のブログ
はてなブログの記事下に関連記事を表示する「あわせて読みたいG」 - 太陽がまぶしかったから