AddToAnyを設置する方法 (Blogger)

Atom | RSS

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

AddToAnyを設置する方法 (Blogger)

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

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

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

目次[表示]

• 1.AddToAnyの利用方法
• 2.モバイルコンテンツに表示する方法
• 3.最後に

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 アイコンが表示された投稿ページのスナップショットです。

Blogger の記事 (Articles about the Blogger)

1. 【Blogger】指定したラベルの記事を新着順で抽出して一覧表示する（ことに成功）
2. Google Bloggerブログがマルウェア検出で公開停止に！原因は？復旧は？
3. IFTTT 使用レポート（使い方）
4. Blogger: ブログのページ幅を最適化（アドセンス対策）
5. Bloggerの管理画面が英語表記になる時の緩和策
6. moreタグの動作をカスタマイズする方法｜Blogger
7. アドセンスコードをmoreタグの位置に挿入する方法（同期コード）
8. more タグの位置にアドセンスコードを挿入する方法
9. モバイルユーザビリティエラーの対処方法 (Blogger)
10. Google Search Consoleに記録された構造化データエラーとは？（対策あり）
11. Blogger ラベルの記事（要約付）
12. Blogger が含まれる記事（要約付）

新着順 (New arrival order)

1. なぜ必要？DNSキャッシュクリアの重要性と具体的な手順
2. 【緊急】KB5063060配信開始：Easy Anti-Cheat搭載PC向け自動適用の理由とは
3. 【トラウマ】藤井聡太との死闘が残したもの──タイトル戦はトップ棋士の試金石
4. 【VAIO】BIOS R0500K9リリース：Windows 11 24H2対応と脆弱性修正の詳細（2025年06月11日）
5. 【Pixel／2025年6月】Android 16と指紋認証、Bluetooth、カメラ、システムの改善と修正
6. 【盛者必衰】四段経験なしで全棋士を統括？清水市代新会長誕生が将棋界にもたらす衝撃と期待
7. 【Windows 11】24H2 アップデート後のトラブルシューティング（DISM, SFC, コンポーネントサービス）
8. Intel(R) ME Firmware Ver.11.8.97.4739（2025年6月3日）【vaio】
9. 【Clibor】行頭に連番を挿入する方法【New!】
10. 【ブログ執筆者必見】Cliborでテキスト整形をマスター！コピペ効率を劇的に上げる方法

タイトル：AddToAnyを設置する方法 (Blogger)：SC2

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