BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» アメブロカスタマイズ アメブロにLinkWithinを設置する方法

このエントリーをはてなブックマークに追加

アメブロカスタマイズ アメブロにLinkWithinを設置する方法

   投稿日: 2015/03/09    投稿者:webコラム

m6-1.jpg

こんにちは、駆け出しライターのMAKIです。

今日のテーマは、アメブロにLinkWithinを設置する方法、です。

LinkWithinは、ブログの関連記事を自動で表示してくれる、とっても便利なブログパーツです。
大人気であちこちで使われているので、ご存知の方は多いでしょう。
設置はとても簡単なので、ブログにプラスα、しちゃいましょう。

では、レッツトライ!

LinkWithinのコードを入手する

まずはLinkWithinのサイトへ。赤丸で囲ったところを記入します。

m6-2.jpg

Email:メールアドレス
Blog Link:アメブロのURL
Platform:「Other」
Width:表示される個数を選択
「My blog light text on a dark backgroud」は、暗い背景のブログの場合にチェックします。

これで準備オーケー!「Get Widget!」をクリックします。
m6-3.jpg
↑こんなページが表示されるので、コードをコピペしておきます。
これでLinkWithinサイトでの作業は終わりです。

プラグインの追加を開きます

右上にある四角の右側をクリック、続いて「プラグインの追加」をクリックします。

m3-3.jpg

フリープラグインにコードを入力します

「フリープラグイン」をクリックして、さっき入手したコードを入力してください。
m6-4.jpg

これでお終い、と言いたいのですが、アメブロはこれだけだときちんと表示されないので、以下のスクリプトも追加します。

m6-5.jpg

<script src="http://p.wazameba.com/njs/ent.js"></script>
<script>
$(function(){
  wzmbAfter('<div class="linkwithin_div"></div>');
});
</script>

「保存」をクリックして下さい。

ブログを確認すると↓はい、この通り。
m6-6.jpg
記事の下に他の記事への画像リンクが表示されています。

まとめ

LinkWithinはメールアドレスの記入はありますが、登録は不要、これでブログがパッと華やかになります。
ぜひトライしてみてください!

では、また〜^^

カテゴリ:

TOPへ