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

続続・サラリーマンブログ

アラサーサラリーマンが思うままに呟きます。

MENU

コピペで簡単!はてなブログで関連記事を記事下に表示する方法

ブログ
スポンサーリンク

f:id:naninunee:20160922133201j:plain

はてなブログで関連記事を記事下に表示させる、つまりサイドバーから記事下へ移動させる方法です。コピペで簡単3ステップで簡単に移動できますのでぜひお試しください。

はてなブログで関連記事を記事下に表示させる方法

1.サイドバーに関連記事を表示。

2.以下をCSSへコピペ。

 

/* サイドバーの関連記事を非表示に */
.hatena-module-related-entries {
display: none;
}

 

3.以下を記事下へコピペ。

 

/* サイドバーの関連記事を記事下に表示 */
<div id="relateArticle"></div>

<script>
var timer = setInterval(function() {
if (typeof jQuery != 'undefined') {
$("#relateArticle").html($(".hatena-module-related-entries").html());
clearInterval(timer);
}
}, 1000)
</script>

 

これでOKです。関連記事の表示は色々試してみましたが、これが一番シンプルで気に入っています。ぜひ試してみてください。