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

自分のウェブサイトにTwitterボタンを追加する方法
https://help.twitter.com/ja/using-twitter/twitter-buttons
自分のウェブサイトにXボタンを追加する方法
https://help.x.com/ja/using-x/x-buttons
X(旧Twitter)公式
ここから貰えるコードは
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
見ているページを呟くもの

Blogger公式共有ボタンの様に
ブログタイトル: 投稿タイトル url
と呟く様にしたかったので
BloggerでTwitterシェア時に「記事タイトル | ブログタイトル URL」に設定する方法 | BonDay
https://bonday.net/entry/blogger-twitter-share-code
こちらを参考に

<a class='twitter-share-button' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.canonicalUrl + &quot;&amp;text=&quot; + data:blog.title + ": " + data:post.title'>Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<div class='post-footer-line post-footer-line-3'> の上に置きました

Tweet

↑
こんな感じ

大きいボタンにする (Large Button)

<a class='twitter-share-button' data-size='large' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.canonicalUrl + &quot;&amp;text=&quot; + data:blog.title + ": " + data:post.title'>Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Tweet

↑
こんな感じ