個別記事ごとにTwitterのツイートボタンとfacebookのいいね！ボタンを設置する方法-ブログ入門

«（続）ＳＮＳへのリンクボタンをサイドバーに設置してバイラル（口コミ）効果を高めよう | Main | デザインスキンで個別記事ごとにツイートボタンといいね！ボタンを設置»

最新コメント

返）→CILたすけっと小椋さん
⇒ 文字の変換候補から使わない単語を削除 (12/02)

CILたすけっと　小椋より
⇒ 文字の変換候補から使わない単語を削除 (12/02)

返）→npo-torcidaさん
⇒ サイドバーに自動翻訳ボタンを設置（約５０カ国語） (11/23)

npo-torcida
⇒ サイドバーに自動翻訳ボタンを設置（約５０カ国語） (11/23)

返）→菊姫さん
⇒ 記事の背景色の変更方法 (10/15)

菊姫
⇒ 記事の背景色の変更方法 (09/20)

返）→菊姫さん
⇒ 記事の背景色の変更方法 (09/20)

菊姫
⇒ 記事の背景色の変更方法 (09/20)

返）→Hiromanさん
⇒ 個別記事ごとにTwitterのツイートボタンとfacebookのいいね！ボタンを設置する方法 (06/01)

Hiroman
⇒ 個別記事ごとにTwitterのツイートボタンとfacebookのいいね！ボタンを設置する方法 (06/01)

最新トラックバック

ブログの灯台「ブログ入門」 (07/30)

7月23日 (07/23)

グーグル窓の設置方法 (04/26)

ｻｲﾄﾞﾊﾞｰにｺﾒﾝﾄを (04/12)

ユーチューブの画像貼り付け (03/26)

ブログの画面を画像に（２） (03/20)

Web2.0的なCANPANブログ (03/30)

https://blog.canpan.info/document/index1_0.rdf

https://blog.canpan.info/document/index2_0.xml

個別記事ごとにTwitterのツイートボタンとfacebookのいいね！ボタンを設置する方法 [2011年04月16日（Sat）]

情報共有に少しでも役立てればと、

カスタムスキンの方限定ですが、
ＣＡＮＰＡＮブログの個別記事ごとに
Twitterのツイートボタンとfacebookのいいね！ボタンの設置方法を紹介します

カスタムスキン以外の方は
デザインスキンで個別記事ごとにツイートボタンといいね！ボタンを設置を
参考にしてください。

個別記事ごとのTwitterのツイートボタンとfacebookのいいね！ボタンの設置方法ですが、
以下のコードを、
メイン、アーカイブ、１記事テンプレートに
それぞれ貼り付けるだけで、設置完了です

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



<a href="http://twitter.com/share" class="twitter-share-button" data-url="{$BlogEntryPermalinkUrl$}" data-text="『{$BlogName$}』{$BlogEntryTitle$}" 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={$BlogEntryPermalinkUrl$}&layout=button_count&show_faces=false&width=300&action=like&font&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:21px;" allowTransparency="true"></iframe>



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

あと、
メイン、アーカイブ、１記事テンプレートの
どこにコードを挿入すればよいか

個人的なオススメ箇所を
赤色で色づけし、画像で表示しましたので
参考になれば幸いです

【記事の部分の最新記事】

Posted by 中西秀一 at 10:22 | 記事の部分 | この記事のURL | コメント(10) | トラックバック(0)

この記事のURL

https://blog.canpan.info/document/archive/65

トラックバック

ご利用前に必ずご利用規約（別ウィンドウで開きます）をお読みください。
CanpanBlogにトラックバックした時点で本規約を承諾したものとみなします。

この記事へのトラックバックURL
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。
トラックバックの受付は終了しました

コメントする

Hiromanさんへ

さきほどブログを確認したのですが
私のパソコン（Chrome11.0.696.71、IE8、Safari5）では正常に見えました。

ブラウザの種類によって
見え方が違うこともあるみたいです。

なるべく多くのブラウザで活用できるように
また勉強しますね

Posted by: 返）→Hiromanさん　at 2011年06月01日（Wed）　11:34

たびたびすみません。tweetとfacebookのいいね！ボタンですが、設置はできたのですが、見え方がおかしいです。何か原因は考えられますか？

Posted by: Hiroman 　at 2011年06月01日（Wed）　08:01

すみません。さきほど、解決できました。お騒がせしました^^;

Posted by: Hiroman 　at 2011年05月31日（Tue）　09:28

Hiromanさんへ

コメントありがとうございます

＞facebookのいいね！がデフォルトで”3万”と入っています。

さきほど、Hiromanさんのブログを
確認しましたら
無事、表示されていたようで安心しました(^^ゞ

今後とも、どうぞよろしくお願いします

Posted by: 返）→Hiromanさん　at 2011年05月31日（Tue）　09:14

こんにちは！
カスタムスキンで上記の方法を試したのですが、facebookのいいね！がデフォルトで”3万”と入っています。

いつもお世話になっております。
以前も別の記事で試しましたが、何十万という数字が入っていて、驚いてしまいました！そんなに、いいね！をする人はいないので^^;

何か対処法はあるのでしょうか？

Posted by: Hiroman 　at 2011年05月30日（Mon）　09:04

naonaoさんへ

こちらこそ、
コメントありがとうございます

『こんな事できたらいいな。』と
思ったことを記事で紹介しています。

ONE FOR ALL，ALL FOR ONE
ではないですが、
また教えていただくこともあると思います。

どうぞ、よろしくお願いします

Posted by: 返）→naonaoさん　at 2011年05月12日（Thu）　13:39

感謝！いつもいつも。

Posted by: naonao 　at 2011年05月11日（Wed）　23:40

高橋聡美さんへ

無事に設置できてよかったです

https://blog.canpan.info/grief/archive/30

また何かありましたら
いつでもご連絡ください

Posted by: 返）→高橋聡美さん　at 2011年04月27日（Wed）　15:26

高橋聡美さんへ

コメントありがとうございます

デザインスキン
（決められたデザイン）のブログでは

記事に直接コードを入力しないと
ボタンが設置できないようです。

設置ができるように
以下のページを作りましたので
参考にしてみてください

https://blog.canpan.info/document/archive/66

Posted by: 返）→高橋聡美さん　at 2011年04月20日（Wed）　18:38

ひでさん　こんばんは
少し落ち着いたので上記のことを下記のブログで試したらこんな風になってしまってうまくいきません。
なぜでしょう。。。私がうとくていつもすみません・・・
https://blog.canpan.info/grief/archive/30

Posted by: 高橋聡美　at 2011年04月19日（Tue）　21:25