Blogger用汎用共有ボタン ~ FPS(Furiouz Personal Side)

2021年9月19日日曜日

9/19/2021

Blogger用汎用共有ボタン

Blogger No comments

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]アップした画像を正円表示させる

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Disqus

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

FPS(Furiouz Personal Side)

2021年9月19日日曜日