Share と Retweet を付けてみた。

2010 12/16

2010年12月16日 2010年12月16日

ブログをFacebookと連携したついでに、
「いいね」と「リツイート」ボタンをブログに設置してみた。
HTML触るの久々すぎてはじめ戸惑ったけども、なんとか設置完了。
さて、Facebookはどこまで拡がるんかしら。
そもそも英語で書かないと半分ぐらいの人には全く伝わってないんやろな（笑）

————————《以下、ShareとRetweetボタン設置方法》———————–
まず、「Shareボタン」の設置方法は簡単↓
下のコードを任意の位置に貼り付けるのみ。
（※なんかJugemブログだと、トップページからではエントリ別にシェア出来ないので、
特定のページに移ってからでないと記事のシェアが出来ませんが、、、）
<a name=”fb_share”></a>
<script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”
        type=”text/javascript”>
</script>
次に、「Retweetボタン」の設置方法は↓
HTMLコードの頭の<head>・・・・・</head>の間に、下のコードを追加。
<script type=”text/javascript” src=”./template/js/cookie.js”></script>
<script type=”text/javascript” id=”topsy_global_settings”>
　 var topsy_style = ‘big’;
   　var topsy_nick = ‘《TwitterのユーザーID》‘;
   　var topsy_order = ‘count,badge,retweet’;
   　var topsy_theme = ‘blue’;
   　var topsy_tweet_text = ‘tweet’;
   　var topsy_retweet_text = ‘retweet’;
</script>
赤字の部分には自分のTwitterのユーザーIDへ変更。
ちなみに、「var topsy_style」や「var topsy_nick」で
色々と設定が変えられるみたい。（よくわからなかったので無視）
そして、上の「Share」と同様にボタンを付けたい任意の位置に、下のラインを追加。
<div class=”topsy_widget_data” style=”float”><!–{”url”:” {entry_permalink}”, “style”: “big”}–></div>

{entry_permalink}の部分はJugem Blogの独自タグなので、
違うブログの時は変更になるハズです。

———————–《以上、自分で探してめんどくさかったので笑》———————

よかったらシェアしてね！