すたすた式
Vaster2
変更したのはやや前のことなので、備忘録です。
この部分を変更しました
<li class='google1'><a expr:href='"https://plus.google.com/share?url=" + data:post.canonicalUrl' onclick='javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;' target='_blank'><i class='fa fa-google-plus'/><br/>Google+</a></li>
LINE公式、カスタムアイコンのところにあったコードに入れ替えとclass名の変更
ここを
<li class='google1'><a expr:href='"https://plus.google.com/share?url=" + data:post.canonicalUrl' onclick='javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;' target='_blank'>
これに変更
<li class='line'> <a expr:href='"https://social-plugins.line.me/lineit/share?url=" + data:blog.pageName + " " + data:blog.canonicalUrl' target='_blank'>
参考サイト
LINE Social Plugins
LINEへのシェアや友だち追加がボタン一つで
PCもスマホも両方OKなLINEのカスタマイズシェアボタン - Qiita
Blogger用Vaster2を簡単にカスタマイズしてみる|休日の空間
Vaster2に自動目次作成、カエレバ対応などを導入、また、初期CSSを少し変更してより使いやすくしました。
FontAwesomeのバージョンは5系が必要（Vaster2デフォルトは4系）
[Vaster2] Font Awesome5にかえてみました [Blogger] | すたすた式
Vaster2 デフォルトのFontAwesome4系から5系にかえてみました
<i class='fa fa-google-plus'/><br/>Google+</a></li>
<i class='fab fa-line'/><br/>LINE</a></li>
LINEに送るの部分とあわせた全体像
<li class='line'> <a expr:href='"https://social-plugins.line.me/lineit/share?url=" + data:blog.pageName + " " + data:blog.canonicalUrl' target='_blank'> <i class='fab fa-line'/><br/>LINE</a></li>
.line a { background: #fff; color: #00B900; border: 2px solid #00B900; } .line a:hover { background: #00B900; color: #fff; }
サイト内検索に使ってください 🐤
© 2015 すたすた式
Enjoy!👍
QooQ
コメントなし:
コメントを投稿