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

自分のウェブサイトにTwitterボタンを追加する方法 (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
こちらを参考に

<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
↑
こんな感じ