[blogger]シンプルな関連記事表示がしたい！「Smarter Related Posts Widget for Google Blogger - v2.0」！

設置してから、少し経ってしまっているんですが、

Smarter Related Posts Widget for Google Blogger - v2.0

をご紹介。

投稿の下に関連記事を付けるのは、是非ともしたいところですが、シンプルなのがいいと言う方に向けて。

関連記事の表示というと、Linkwihtinやzenbackなどがお手軽ですが、こちらも負けず劣らずです。
サムネイル表示も出来ますが、正直ちょっと使いづらそうな見た目だったので、サムネイル表示なしの、シンプルリスト形式表示にしています。

設定

トップページの冒頭、ハイライトで囲った部分をクリックします。

設定画面です。

• Blog URL=ブログのURL
• Mode=関連記事か、最近の記事かの表示を選択
• Fixed Tags=上の設定で「Related Posts by Fixed Tags」を選んだ時に、タグを指定

などがあります、大体わかるところだけでも問題なさそうです。
サムネイル表示は「Show Thumbs?」なので、必要ない人はここを「No」に。

また、「Related Title」「Recent Title」で、「関連記事」や「オススメ記事」など、好きな見出しを付けることが出来ます。
トップページには表示しない場合には「Post Pages Only?」を「Yes」に変更。

コードをコピー

設定ができたら、「Update Demo& Code」をクリック。
Code欄にコピー用のコードが表示されるので、そのコードを、HTMLの編集から、好きな位置にペーストすれば完了です。

大体は記事の下につけると思うので、

<div class='post-footer'>

を探して、その下にペーストすればいいと思います。

追記（06/25）
コードの貼り付けですが、ガジェット「HTML/Javascript」に貼り付ける場合は、コピペでいいのですが、テンプレートHTMLの編集から貼り付ける場合、コードの書き換えが必要な箇所がありました。

コピー用に出されるコードは、

<!--~~~~~~~~~~~~~~~~~ Include these JS files once: jQuery then plugin -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js"></script>
<!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

<!--~~~~~~~~~~~~~~~~~~~~~~~ required HTML -->
<div class="related-posts-widget">
<!-- {
 blog_url:'http://www.sunabox.net'
 ,related_title:'関連する記事'
 ,recent_title:'最近の記事'
 ,thumbs:0
} -->
loading..
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

一例としてこんか感じなのですが、bloggerのテンプレートHTMLに貼る場合は、

<!--~~~~~~~~~~~~~~~~~ Include these JS files once: jQuery then plugin -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js"></script>
<!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

<!--~~~~~~~~~~~~~~~~~~~~~~~ required HTML -->
<div class="related-posts-widget">
&lt;!-- {
 blog_url:'http://www.sunabox.net'
 ,related_title:'関連する記事'
 ,recent_title:'最近の記事'
 ,thumbs:0
} --&gt;
loading..
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

というように、8行目と13行目に変更を加える必要があります。

@okissta_さん、ありがとうございました。

ブロガーの本文にSmarter Related Posts Widget for Google Blogger - v2.0 | おきすたこむ｜Okissta

blogger用のクリックボタンがあるのですが、どこに挿入されるのか不安だったので、自分でコピペするほうが私に合っていました。

Linkwidhinと共に・・・

私がそうしてますが、リスト表示だけにすると本当にシンプルになるので、Linkwithinと併用しても、うるさくならない程度だと思っています。
さすがに、zenbackはサイドバーに移動させましたがｗ

シンプルな関連記事表示が欲しい人はどうぞ！
見ていると、同じタグの関連記事をけっこう表示してくれているようです。

ではまた！

追記(06/10)

後日、リストの表示の仕方を変更したので、その方法も紹介しました。

■【[blogger]シンプルな関連記事をつけた後に、スタイルを選ぶ！「Smarter Related Posts Widget for Google Blogger - v2.0」 - sunabox】