
Related Posts Widget for Google Blogger v2.0 設置のポイント|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;
}
External link
Blogger の記事 (Articles about the Blogger)
- 【Blogger】指定したラベルの記事を新着順で抽出して一覧表示する(ことに成功)
- Google Bloggerブログがマルウェア検出で公開停止に!原因は?復旧は?
- IFTTT 使用レポート(使い方)
- Blogger: ブログのページ幅を最適化(アドセンス対策)
- Bloggerの管理画面が英語表記になる時の緩和策
- moreタグの動作をカスタマイズする方法|Blogger
- アドセンスコードをmoreタグの位置に挿入する方法(同期コード)
- more タグの位置にアドセンスコードを挿入する方法
- モバイルユーザビリティエラーの対処方法 (Blogger)
- Google Search Consoleに記録された構造化データエラーとは?(対策あり)
- Blogger ラベルの記事(要約付)
- 設定 が含まれる記事(要約付)
新着順 (New arrival order)
- 【緊急】KB5063060配信開始:Easy Anti-Cheat搭載PC向け自動適用の理由とは
- 【考察】藤井聡太との死闘が残したもの──タイトル戦はトップ棋士の試金石(トラウマ)
- 【VAIO】BIOS R0500K9リリース:Windows 11 24H2対応と脆弱性修正の詳細(2025年06月11日)
- 【Pixel/2025年6月】Android 16と指紋認証、Bluetooth、カメラ、システムの改善と修正
- 【盛者必衰】四段経験なしで全棋士を統括?清水市代新会長誕生が将棋界にもたらす衝撃と期待
- 【Windows 11】24H2 アップデート後のトラブルシューティング(DISM, SFC, コンポーネントサービス)
- Intel(R) ME Firmware Ver.11.8.97.4739(2025年6月3日)【vaio】
- 【Clibor】行頭に連番を挿入する方法【New!】
- 【ブログ執筆者必見】Cliborでテキスト整形をマスター!コピペ効率を劇的に上げる方法
- 吉田栄作と織田裕二:キャリアパスの分岐と戦略的選択の分析
タイトル:Related Posts Widget for Google Blogger v2.0 設置のポイント|Blogger:SC2
このサイトを検索 | Search this site
0 コメント