SIRIUS(シリウス)のカスタマイズをする際に得た知識やノウハウ等を公開

SIRIUSカスタム研究所

シリウスでソーシャルボタンを簡単コピペで設置する方法

SIRIUSでソーシャルボタンを設置する機能は一応備わっていますが、以下のように
Facebookのいいね!ボタン」と「ツイッターのツイートボタン」、そして「それらの両方
を追加する機能しかありません。

 

シリウスでソーシャルボタンを簡単コピペで設置する方法

 

 

でも、やはりはてなブックマークのはてブボタンは絶対必要ですよね!
(あとついでにGoogle+のぐぐたすボタンもw)

 

 

というわけで、それら4つを一括で設置するコードをあげておきます。

 

全文コピペすれば以下のようになるはずです。
(なぜかSIRIUS上のプレビュー画面では見れないけど)

 

このエントリーをはてなブックマークに追加   

 

 

以下、コピペ用のコード。

<a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script> <iframe src="http://www.facebook.com/plugins/like.php?href=<% pageUrl %>&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> <script src="https://apis.google.com/js/platform.js" async defer>{lang: 'ja'}</script><span class="g-plusone" data-size="medium" data-annotation="none"></span> <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

 

ちなみに、上記ソースコードはSIRIUSの記事編集画面上で貼り付けた場合のみ作動します
他の場所では正常に動かないのでご注意を。

このエントリーをはてなブックマークに追加

スポンサーリンク

シリウスでソーシャルボタンを簡単コピペで設置する方法関連ページ

スマホでのみ画像が表示されない時の対処方法
絶対URLの取得
アクセス解析タグの反映方法
SIRIUSを使用する上で、色々調べた結果分かったカスタマイズ方法等のノウハウを書き留めました。
ランキングを10位まで表示する方法
SIRIUSを使用する上で、色々調べた結果分かったカスタマイズ方法等のノウハウを書き留めました。
SIRIUSでtitleを記事名+サイト名にする方法+α
SIRIUSを使用する上で、色々調べた結果分かったカスタマイズ方法等のノウハウを書き留めました。

ホーム RSS購読 サイトマップ
メニュー
カスタマイズ テンプレート 開発メモ 独自タグ一覧 関数一覧

先頭へ戻る