Blogger用汎用共有ボタン

2021/09/19 初版

このブログだと画像に枠が付いてたりpaddingがありますが、並びはこんな感じ

<div class="">
              <a expr:href='"mailto:?subject=" + data:post.title + "&amp;body=" + data:post.url.canonical' rel="nofollow" target="_blank" title="Email"><img alt="" border="0" width="40" data-original-height="512" data-original-width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWrpUQphA0CVLl60-ydkf8PrXJTge5ABexeRUoDPph-ZfTPohj8duMQeQCdUVZ-IWHMD7PO2lWwhK8s476Ieie3e89r6z9G3I0dYAwP3iWGxBdcUxUz_aW2yAFWRDmwfcaLgKQ2tTSdZhb/s40/com.google.android.gm.png"/></a>
              <a expr:href='"https://twitter.com/intent/tweet?url=" + data:post.url.canonical + "&amp;text=" + data:post.title' rel="nofollow" target="_blank" title="Twitter"><img alt="" border="0" width="40" data-original-height="512" data-original-width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiESEFNxN3gbl_9xJ-S9_2fYnzOcT_oK2u5l_nqPwMgctqCnBdNyld52-2xH-LmFGAcVqeW3ctg660K3nkObiaKXsCH9Y02CBjGa6niB9EMHSAhuPzTM6UmD3bqquQzANOIVhoPvyd41gQ/s40/com.twitter.android.png"/></a>
              <a expr:href='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' target="_blank" title="Facebook"><img alt="" border="0" width="40" data-original-height="512" data-original-width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_wJyqttv4ePrNaP8daRjC0o0r_IybNCdTviJ5hShPR4E1RMPnuJSerAQMsiIQOZGmqKgFLow0xHJYQEI2Fvwm1q3gWIK6HlgigKnwYElg9OZBemRc4uQigNCmuXPyBrz0-RsDjECDMbOB/s40/com.facebook.katana.png"/></a>
              <a expr:href='"https://www.pinterest.com/pin/create/button/?url=" + data:post.url.canonical + "&amp;media=" + data:post.featuredImage + "&amp;description=" + data:post.title' rel="nofollow" target="_blank" title="Pinterest">
                  <img alt="" border="0" width="40" data-original-height="512" data-original-width="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBaDWhHAMTr7n6MyAuYMOeR_8jDPlo9lUkfplNCDobCBx5_Humry_brwD_ENKpCHELW-fUKWbKwjmwkMYBj25Cc127_yMwYMqDUHcU7W9JPff2QUKxw7BWvuGe9wNjxosWAMxUdEyguMKM/s40/com.pinterest.png"/>
              </a>
  </div>

<div class="post-share-buttons">
<b:include data="post" name="shareButtons">
</b:include></div>
下とかに追加
画像は最大で512まで幅を変更できます(これは40)
アイコンはGoogle Playから持ってきてます
Twitterボタンは 投稿タイトル スペース URL でツイートされます

サークルアイコンにする場合:

• [Blogger]アップした画像を正円表示させる

関連エントリ:

• [Blogger]"ブログタイトル: 投稿タイトル URL"で共有するツイートボタンの設置