ShareThis' Bloggerにツールをインストールする方法

In order for ShareThis tools to work on your Blogger site, follow the steps below to add your unique ShareThis code to the <head> section of your website: 

  1. ログイン または 登録する を、ShareThis プラットフォームに追加しました。
  2. 使用したいShareThis ツールを選択し、[Enable tool] ボタンをクリックして有効にします。
  3. 右上の「コードを有効にする」ボタンを選択します。ポップアップで、「コードをコピーする」ボタンをクリックします。
  4. Bloggerのアカウントにログインします。
  5. Bloggerのアカウントで、左サイドバーから「テーマ」を選択します。
  6. カスタマイズの 隣にあるドロップダウンを選択し、「HTMLの編集」をクリックします。
  7. Paste the placement code that you copied from the ShareThis platform, inside the <head> section of the code, preferable before the </head> tag (Hint: You can press <strong>CTRL+F</strong> and search for “</head>” to locate it easily).
  8. 変更内容を保存します。

<strong>Important note: </strong>you will need to replace “&product” with “&amp;product” within your unique installation <script> tag. This is because of the way Blogger handles the “&” character in the backend.

インラインShareThis ツールの追加

インラインツールは、あなたのサイトで動作するようにコードの余分なスニペットを必要とします。インライン共有ボタン、フォローボタン、反応ボタン、ソーシャルフィードツールをウェブサイトにインストールしたい場合は、ツールを表示したい場所に配置コードを追加する必要があります。

のどちらかを選択することができます。

ガジェットを使ってBloggerテーマにインラインShareThis ツールを追加する方法

  1. ログイン または 登録する を、ShareThis プラットフォームに追加しました。
  2. ShareThis プラットフォームで、使用するShareThis ツールを選択し、配置コードをコピーします。インストールするツールによっては、以下のようなコードになるはずです。
    <div class=”sharethis-inline-share-buttons”></div>
  3. Bloggerのアカウントにログインします。
  4. 左側のナビゲーションバーで、「レイアウト」をクリックします。
  5. レイアウトの[ガジェットの追加]を選択します。
  6. リストから「HTML/Javascript」ガジェットを選択します。
  7. ステップ2でコピーしたユニークなShareThis コードを、ガジェットのコンテンツセクションに貼り付けます。
  8. Save」をクリックします。
  9. ツールを表示させたい場所にガジェットを移動させる。

特定の記事または投稿にインラインShareThis ツールを追加する方法

  1. ログイン または 登録する を、ShareThis プラットフォームに追加しました。
  2. ShareThis プラットフォームで、使用するShareThis ツールを選択し、配置コードをコピーします。インストールするツールによっては、以下のようなコードになるはずです。
  3. Bloggerのアカウントで、ページや記事に移動します。
  4. ツールバーの左側にある鉛筆のドロップダウンを選択し、HTMLビューに切り替えます。
  5. ShareThis ツールを表示させたい場所に、手順 1 でコピーした固有のShareThis コードを貼り付けます。
  6. 変更した内容を保存 または公開 する。

BloggerのテーマにインラインShareThis ツールを追加する方法

これにより、Webサイトで作成するすべての新規投稿に、インラインツールがデフォルトで表示されるようになります。

  1. ログイン または 登録する を、ShareThis プラットフォームに追加しました。
  2. ShareThis プラットフォームで、使用するShareThis ツールを選択し、配置コードをコピーします。インストールするツールによっては、以下のようなコードになるはずです。
  3. Bloggerのアカウントで、左のサイドバーから <strong style="color: initial;">Theme</strong>.
  4. カスタマイズの隣にあるドロップダウンを選択し、「HTMLの編集」をクリックします。
  5. トップバーのプレビューアイコンの隣にある「ウィジェットにジャンプ 」アイコンを使って、テーマのHTMLコードの特定の部分に移動することができます。
  6. ShareThis ツールを表示させたい場所に、手順 1 でコピーした固有のShareThis コードを貼り付けます。
  7. 変更内容を保存します。