ブログパーツの張り方

livedoor blog(ライブドアブログ)でのBlogToyの設置方法

  • ライブドアブログの編集画面1

    (1)ライブドアブログトップページ右上の「ブログを作成 / 管理ページにログイン」からログインしてください。

  • ライブドアブログの編集画面2

    (2)ログインしたら、ブログメインメニューから「カスタマイズ/管理」メニューを押してください。

  • ライブドアブログの編集画面3

    (3)「ブログの設定/管理」サブメニューから「プラグインの設定 / 新規追加」の部分で「新規追加」のリンクを押してください。

  • ライブドアブログの編集画面4

    (4)追加プラグインが一覧で表示されますが、一覧の一番下にある「上級者向けプラグイン」を押してください。

  • ライブドアブログの編集画面5

    (5)追加リストの中から「Javascript」を選んで「追加する」ボタンを押してください。

  • ライブドアブログの編集画面6

    (6)するとJavascriptの入力欄が表示されます。この部分に、BlogToyの設置に必要なJavascriptコードを貼り付けます。
    ただし、BlogToyから配布しているJavascriptは下記(サンプルです)になりますが、下記の赤い文字の部分だけを貼り付けてください。

  • <script language="JavaScript" type="text/javascript" src="http://www.blogtoy.net/js/23jhg23jh4g23987kjdf20.js" charset="UTF-8"></script>

    上のコードは人によって変わりますので、あくまでサンプルです。あなたの専用のコードから赤い文字の部分だけを抜き出して、貼り付けてください。
    貼り付けたら「この内容で設定する」ボタンを押してください。

  • ライブドアブログの編集画面7

    (7)完了画面が表示されます。
    今度はブログ上で表示させるので、サブメニューから「プラグインの設定 / 新規追加」から「プラグインの設定」を選んでください。

  • ライブドアブログの編集画面8

    (8)一覧にJavascriptという項目が追加されています。
    せっかくなのでタイトルと順番を設定しましょう。
    タイトルに「BlogToy」順番に「1」と入力して、下の「順序/タイトルを変更する」ボタンを押してください。

  • ライブドアブログの編集画面9

    (9)あとは再構築を行えば完了です。左メニュー上の「ブログに設定を反映(再構築)」を押し、反映メニューの一番下のメニューから「全てのページ」を選び、「ブログを再構築する」ボタンを押してください。

  • ライブドアブログの編集画面9

  • アメブロの編集画面10

    (10)そしてご自身のブログを確認していただきますと、左図のようにBlogToyが表示されます。

Check it Out!

  • Chek it Out!へのリンク掲載について