AddToAnyを設置する方法 (Blogger)

Atom | RSS

このサイトを検索 | Search this site

AddToAnyというWebサービスを利用して、Bloggerにソーシャルリンクボタンを設置しました。

「AddToAny」はBloggerガジェットにスクリプトを追加するだけで、投稿記事の文末にソーシャルリンクボタンを表示することができます。

追加作業は１分程度です。

AddToAnyの利用方法

1. Bloggerにログインしておく
2. 公式サイトにアクセス
   AddToAny Share Buttons and Icons
3. 「Get the Share Buttons」をクリックする
4. Get Share Buttons for と表示されるので「Blogger」を選択する
   
5. [Install Blogger Widget] をクリックする
   
6. Bloggerの管理画面「ページ要素を追加」が表示されるので [ウィジェットを追加] をクリックする
   
7. Bloggerのレイアウト画面が表示されるので、「AddToAny」ガジェットが追加されていることを確認する
8. 終了

モバイルコンテンツに表示する方法

AddToAnyをモバイルで動作させるには、テンプレートをカスタマイズします。

カスタマイズ方法は公式サイトを見ていただくとして、私が実行した手順は次の通りです。

1. テーマ編集画面を表示する
   
   Blogger管理画面 > テーマ > HTMLの編集
2. [Ctrl ＋ F] を押して検索窓を表示する
3. title='AddToAny' と入力してリターンキーを押す
   
   
4. title='AddToAny' の次に mobile='yes' を追加する
   
   
5. [テーマを保存] 
6. 手順終了 

最後に

AddToAnyの設置に成功すると、投稿記事本文の最後、ラベル一覧、トップページなどにソーシャルメディアのアイコンが表示されます。

以下の画像は AddToAny アイコンが表示された投稿ページのスナップショットです。

：SC2

このサイトを検索 | Search this site