ブログの記事下に「関連記事」ウィジェットを表示
- まずは「Linkwithin」サイトへ
- 設置したいブログ情報を入力 Linkwithinサイトのトップページ右下に設置するブログ情報を設定するフォームがあります。必要情報を入力して「Get Widget!」をクリックします。
- 「Install Widget」をクリック 「Install Widget on Blogger」の画面が表示されます。手順1の「Install Widget」リンクボタンをクリックします。
- 「 ウィジェットを追加」ボタンをクリック Bloggerの「ページ要素を追加」画面が表示されたら、青い「ウィジェットを追加」ボタンをクリックします。
- ブログページを表示して確認 Bloggerの「レイアウト」画面が表示されます。「LinkWithin」のガジェットが追加されているのが確認できます。設置したい位置にガジェットを移動させます。上記では投稿ブログ記事下に配置しました。Linkwithinの「編集」ボタンをクリックしてスクリプトを表示させます。
Email:メールアドレスは何でもいいみたいです。取りあえず自分のブログに登録してあるアドレスを入力。
Blog Link:設置したいブログのアドレスを入力。
Platform:プラットフォームは「Blogger」を選択(他にWordPress、TypePad、Otherがあります)。
Width:表示する記事の数を選びます。3件、4件、5件の三択です。
このままプレビューで表示させるとタイトルが「You might also like:」と表示されるので、下記スクリプトの赤字部分を追加することで任意のタイトルを付けることができます。タイトル部分の「関連記事」は好きな文字を入れてください。
<script>
var linkwithin_site_id = xxxxxxx(ID);
var linkwithin_text = "関連記事";</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/">
<img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" />
</a>
ログの個別記事にのみ「関連記事」ウィジェットを表示
- 設置したいブログ情報を入力 上記と同様にLinkwithinのサイトにアクセスし、設置したいブログ情報を入力します。ただし、「Platform」選択欄で先ほどは「Blogger」をチョイスしましたが、今回は「Other」を選択します。
- スクリプトをカスタマイズ 「Install Widget on Other Platforms」のスクリプトが表示されます。
このスクリプトを下記のように変更します。追加・変更点は赤字部分です。
<!-- linkwithin code 開始 -->
<b:if cond='data:blog.isMobile'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = xxxxxxx;
var linkwithin_text = "関連記事(好きなタイトル)";
</script>
<script src='http://www.linkwithin.com/widget.js'/>
<a href='http://www.linkwithin.com/'><img alt='Related Posts Plugin for WordPress, Blogger...' src='http://www.linkwithin.com/pixel.png' style='border: 0'/></a>
</b:if>
</b:if>
<!-- linkwithin code 終了 -->
参考になりました!ありがとうございます!
返信削除おかげでかっかよくできました!ありがとうございます。
返信削除