
お知らせ!
この記事は情報が古いため、記事の閲覧を制限しています。
「Related Posts Widget for Google Blogger」の掲載サイトは閲覧可能なので、スクリプトを修正できる方は旧記事を展開してお読みください。(公開スクリプトは修正しないと正しく動作しません!)
このブログは、ページ上部または右側の検索ボックスからキーワード検索が可能なのでご利用ください。
旧記事は、当時の技術資料として残しています。
,
(旧記事)
まえがき
この記事は、Related Posts Widget for Google Blogger v2.0について書いています。文末の外部リンクからスクリプトを入手することができます。
このブログでは ”同じカテゴリーの記事” として右ペインに表示しています。
テンプレートを変えたのでRelated Posts Widgetは不要になりました。
Related Posts Widget for Google Blogger v2.0をBloggerに設置する時は、スクリプトを修正する必要があります。
Bloggerに関連記事を表示したい時の選択肢になると思います。
スクリプトが生成するリストはCSSで見た目を変えることができます。

生成されるスクリプトは修正が必要
公式サイト:Related Posts Widget for Google Blogger v2.0 - Setup上記サイトが出力するスクリプトはそのままでは動作しないので、以下の修正が必要です。
修正前
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="../js/jquery.related-posts-widget-2.0.min.js"></script>
修正後
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="https://rpw.moretechtips.net/js/jquery.related-posts-widget-2.0.min.js"></script>
新着順にもできる
同じカテゴリーの記事だけでなく、新着記事をリストアップすることができます。設置場所は、ガジェットだけでなく文末などにも設置できますがテンプレートHTMLを編集する必要があります。
2018/05/19
出力結果は <strong>タグが付加されているため太文字になります。太文字をノーマル文字に変更したかったので、スタイルシートに以下のコードを追記しました。
.related-posts-widget li strong {
font-weight: normal;
}
:SC2
このサイトを検索 | Search this site






0 コメント
質問はご遠慮ください。不適切なコメントは公開しません。コメントに自サイトの宣伝を書くのはお控えください。