アメブロカスタマイズ　アメブロにLinkWithinを設置する方法|ブログ|ホームページ制作集客｜SEO対策

BLOG CATEGORY

Monthly Archives

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

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

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

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

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

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

では、レッツトライ！

LinkWithinのコードを入手する

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

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

これで準備オーケー！「Get Widget!」をクリックします。

↑こんなページが表示されるので、コードをコピペしておきます。
これでLinkWithinサイトでの作業は終わりです。

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

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

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

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

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

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

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

ブログを確認すると↓はい、この通り。

記事の下に他の記事への画像リンクが表示されています。

まとめ

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

では、また〜＾＾

ホームページ制作・SEO対策を通じて集客向上↑売上UP↑ならCyberAccel-Advisors

BLOG CATEGORY

Monthly Archives