• もっと見る
«個別記事ごとにTwitterのツイートボタンとfacebookのいいね!ボタンを設置する方法 | Main | ツイッターの表記法»
デザインスキンで個別記事ごとにツイートボタンといいね!ボタンを設置 [2011年04月20日(Wed)]
CANPANブロガーの高橋さんから
「デザインスキンで個別記事ごとにツイートボタンといいね!ボタンを設置するには?」と
質問をいただきましたわーい(嬉しい顔)




カスタムスキンの設置方法は以前書いたのですが、

デザインスキンの設置方法は
以下のコードを毎回、記事に貼り付けるしか
私には思い浮かびませんあせあせ(飛び散る汗)

ただ赤字の部分を変更して貼り付けるだけなので

あらかじめメモ帳などにコピーしておけば
そんなに手間は掛からないと思います。

ブログ記事のアドレス部分は末尾の数字を増やすだけ、
ブログの名前は事前に入力しておけば楽でするんるん

ちなみに、以下のコードは
CANPANブログ以外のブログにも活用できますので
よろしければご利用ください。

―――――――――――― ココから ――――――――――――


<!-- デザインスキンで個別記事ごとにTwitterのツイートボタンとfacebookのいいね!ボタンを設置 START -->

<a href="http://twitter.com/share" class="twitter-share-button" data-url="ブログ記事のアドレス" data-text="『ブログの名前』 記事のタイトル" data-count="horizontal" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><iframe src="http://www.facebook.com/plugins/like.php?href=ブログ記事のアドレス&layout=button_count&amp;show_faces=false&amp;width=300&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:21px;" allowTransparency="true"></iframe>

<!-- デザインスキンで個別記事ごとにTwitterのツイートボタンとfacebookのいいね!ボタンを設置 END -->

―――――――――――― ココまで ――――――――――――


赤字の部分の変更例として
この記事に設置した場合のコードを参考まで掲載しますメモする

<!-- デザインスキンで個別記事ごとにTwitterのツイートボタンとfacebookのいいね!ボタンを設置 START -->

<a href="http://twitter.com/share" class="twitter-share-button" data-url="https://blog.canpan.info/document/archive/66" data-text="『ブログ入門』 デザインスキンで個別記事ごとにツイートボタンといいね!ボタンを設置" data-count="horizontal" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><iframe src="http://www.facebook.com/plugins/like.php?href=https://blog.canpan.info/document/archive/66&layout=button_count&amp;show_faces=false&amp;width=300&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:21px;" allowTransparency="true"></iframe>

<!-- デザインスキンで個別記事ごとにTwitterのツイートボタンとfacebookのいいね!ボタンを設置 END -->
トラックバック
ご利用前に必ずご利用規約(別ウィンドウで開きます)をお読みください。
CanpanBlogにトラックバックした時点で本規約を承諾したものとみなします。
この記事へのトラックバックURL
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。
トラックバックの受付は終了しました

コメントする
コメント