この記事は、
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;
}
External link
：SC2
このサイトを検索 | Search this site
ブロトピ：今日のブログ更新
0 コメント