「はてなブログ」の「記事下に関連記事」を掲載する簡単でオススメな方法!

f:id:tangoenskai18:20161214124219p:plain

はてなブログ「記事下に関連記事」を掲載する簡単でオススメな方法あわせて読みたいG」のコードを「コピペ」するだけです。

超簡単なのでめっちゃオススメです!!

 

あわせて読みたいG

ペーストする場所

f:id:tangoenskai18:20161214120258p:plain

はてなブログ > デザイン> 記事

 

f:id:tangoenskai18:20161214120341p:plain

記事下をクリック

 

コピーするコード

下記コードをコピーして下さい。

<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);」の部分変更でカスタマイズをすることが簡単にできます。

表示数

」は表示数を表します。

「5」にすると5つ表示されます。

モード

category」は同じカテゴリーの中から記事が選ばれます。

デフォルトのこちらが一番良いと思います。

タイトル

あわせて読みたい」はタイトルを表します。

「こんな記事も読まれています」などに変更も可能です。

 

記事の参考にしたブログ

はてなブログデザインのカスタマイズ!記事下に関連記事編 - wepli.2

あわせて読みたいG」を作成した方のブログ

はてなブログの記事下に関連記事を表示する「あわせて読みたいG」 - 太陽がまぶしかったから