GoogleのSNS「Google+」がサービス終了となりました。大きな影響はありませんでしたが、気になることが一つだけありました。
それは、当ブログのテーマ「Vaster2」のSNSボタンには「Google+」が設置されていることです!。サービスが終了したのに、SNSボタンが残っているのもよくないと思い、今回取り外してみました。
「Vaster2」のSNSボタンのカスタマイズ!
「Google+」サービス終了
GoogleのSNS「Google+」が2019年4月2日にサービス終了となりました。
「Vaster2」のSNSボタン
「Vaster2」のSNSボタンは、このような感じで表示されています。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrYaFM6fMCMwEf012Ak0P2-0VQnUaBQsez33Bgv6kftBaVAcUE2SV4_pCcDIBuU0UQmaC_XCdgg6yZ3AKwBZsukFQxypSSACjzpNllpK2qP5MHL146UPoniugc-Axz8NygIXcDFx7afjmk/s320/SNS%25E3%2583%259C%25E3%2582%25BF%25E3%2583%25B3.png) |
「Vaster2」のSNSボタン |
今回は、終了した「Google+」のボタンを取り外します!
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie4OWSx4kixRo8aQINklpEah3xVkv52j-yjnPxWPByYhLp1xKv7vRvEgL7rFuskPmY74UQXt-MmNLwbBtUnSW5kWjYF_PEdnqTCuQkECNXilD91lRcMoiFaGw2KtmD1OQY1oy0MDDUnMj9/s320/%25E3%2580%258C%25EF%25BC%25A7%25EF%25BD%258F%25EF%25BD%258F%25EF%25BD%2587%25EF%25BD%258C%25EF%25BD%2585%25EF%25BC%258B%25E3%2580%258D%25E3%2583%259C%25E3%2582%25BF%25E3%2583%25B3%25E3%2582%2592%25E5%258F%2596%25E3%2582%258A%25E5%25A4%2596%25E3%2581%2599.png) |
「Google+」ボタン |
ちなみに、2019年4月サービス終了後に、「Google+」のボタンを押すと、終了案内ページが表示されます。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhphmP_f5sDPaRj_VyrFv231MZQ1_hAuBDBoTaWh4oPmZLVE9rIA02IFM5rrbvz3KrFm0J8adN2GXYv-ZQwiNw78XSkte7H3-pFSy1wNtjceuXdTjZnEBUK0YHQRPc2uywNKshIElMFOo4i/s320/%25E3%2580%258CGoogle%25EF%25BC%258B%25E3%2580%258D%25E7%25B5%2582%25E4%25BA%2586%25E6%25A1%2588%25E5%2586%2585.png) |
「Google+」終了案内 |
取り外し方法
1.Bloggerにログインし、「テーマ」→「HTMLの編集」を選択します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinP90gWySlo0VXfQe2mpzYXgaB_5SsK4hrDuqu1uwQwrjLkEZL0pX_-BXeEpcLYdykRO1PoC5dGTQjkp35vvwi_G7AUw5zl60MrdxHs35TZ9Py9wZj1_oZksg7VftlSFpdY0pavaA07ZJK/s320/HTML%25E3%2581%25AE%25E7%25B7%25A8%25E9%259B%2586.png) |
「HTMLの編集」を選択 |
2.編集画面になったら、1行目あたりにカーソルを置きます。続けて「Ctrl」+「F」キーを押して、検索窓を開き「google1」を入力し、「Enter」キーを押して検索します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLNpqc2rzkk7VwJrZDRr8usAiyqV9Mq66RZho0kAO6qwyuMq2K3fcEIput7PaFBuWy6qjV2Pqz9hD6sTdZx3jAZG44GD_Th1trwAuXqO-PDinH2hFIPVV_kM1dtZjh0xt__fQ_BiD4Afn/s1600/%25E3%2580%258Cgoogle%25EF%25BC%2591%25E3%2580%258D%25E3%2582%2592%25E5%2585%25A5%25E5%258A%259B%25E3%2581%2597%25E3%2581%25A6%25E6%25A4%259C%25E7%25B4%25A2.png) |
「google1」を入力して検索する |
3.検索すると220行目あたりにジャンプしていると思います。下記画面のように「Google+」ボタンのCSSを
<!--と
ーー>で囲んで無効化します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4lwBCXma8L1MqWYgrsB20AnVkkmbHW4Tk0rlN33yH6klqDf4OIk0gg3OSf4TGrXaFeO5w9X7ZB9dL9x159CaGBgXOjF18wjri4chmNk04VG7q2OZZliWYaBLRDhJwCsJ1gCdOmWslVe6w/s1600/%25EF%25BC%25A3%25EF%25BC%25B3%25EF%25BC%25B3%25E3%2581%25AE%25E7%25B7%25A8%25E9%259B%2586.png) |
HTMLの編集1 |
4.再び検索窓をクリックし、「Enter」キーを押します。1700行目あたりにジャンプすると思います。下記画面のように「Google+」ボタンに関連する部分を
<!--と
ーー>で囲んで無効化します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc8BiV2S9spjJ4uy7xfQ89r9beXnI3fpzOxz53X-HoPRsFqxJlkSbVRGXZyqETbG50HUs0MAscVJaMh6VYLj_ACn1eZxxNAJvoW85mtmJnUp7DaBde3iyXu8fGuK826Rfx6-60EB9tTfao/s1600/%25EF%25BC%25A3%25EF%25BC%25B3%25EF%25BC%25B3%25E3%2581%25AE%25E7%25B7%25A8%25E9%259B%2586%25EF%25BC%2592.png) |
HTMLの編集2 |
5.「テーマを保存」を選択します。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQECtnSQbNEPWdtXXyHJfFqjay4Hb3huAGe556dOr9hWfoe-JFOxf9qaaVUIhAx-eMNTDRj3VUk64LO7D_0CjnHbTmc-wGxgg-66VfS_x_gwGYa5nFAtJQeUWsXWowIrxDeUYISW6QsckJ/s1600/%25E3%2580%258C%25E3%2583%2586%25E3%2583%25BC%25E3%2583%259E%25E3%2582%2592%25E4%25BF%259D%25E5%25AD%2598%25E3%2580%258D.png) |
「テーマを保存」を選択 |
6.以上で完了です。さっそく、実際のブログ画面で確認してみましょう!
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8OxbyUXO2G0ZbKblGV8SjXlMuzEWlMCb0iMpz4tZYeMDWZrfhLfxF2EjOHYmFegysERBNUjTgfSyVMiUd3gKg-FFzvVbQYaxgTKgc3gyH_fnpbsgra0k3GNjrghFjNLMJsYMHW-ci0sdi/s320/%25E5%25A4%2589%25E6%259B%25B4%25E5%25BE%258C%25E3%2581%25AE%25E7%2594%25BB%25E9%259D%25A2.png) |
変更後の画面 |
最後に
「Vaster2」はシンプルで気に入っています。「Google+」ボタンがなくなったスペースに「LINE」ボタンを設置するのもお勧めです。