ページ

2012/01/16

Web上でチップが貰えるぞ!噂のGrow!をBloggerに設置する方法

Grow!って何?

お気に入りのコンテンツにボタンを通じてチップを贈り、コンテンツ製作者を支援すると同時に
それを友人と共有するSocial Tipping Platform ソーシャル チッピング プラットフォーム
らしいです。詳しくはこちら。
ここではGrow!でチップを貰うためにBloggerに設置する方法を説明します。
<script type='text/javascript' src='http://growbutton.com/javascripts/button.js?apikey=xxx&shape=rectangle'></script>
Blogger設定画面

レイアウト

ガジェットを追加

HTML/JavaScriptを選択

上のコードをコピー

apikeyxxx からあなたのAPI Keyに書き換える

ガジェットに貼り付けて保存

以下のように表示されたらOK!!


元のコードからの変更点は以下の通り。
タグ内のダブルクォーテーションをシングルクォーテーションへ書き換え
&を&amp;へ書き換え

本当は各記事に設置したかったんだけどGrow!から提供されたタグがXHTML的に invalid なタグで、
Bloggerのテンプレート編集機能が受け付けてくれなかったから諦めました。
FC2ブログも持っているので設置してみたけど何故か上手く行かなかったです。
ということで今のところは上記の方法でサイトに一つ設置するので我慢しましょう。
始まったばかりのサービスだからこれからに期待ということで。

追記:記事フッターにも設置できました!DevAchieve: Bloggerの記事フッターにGrow!ボタンを設置する方法

よろしければGrow!ボタンを押して下さいな(*´ω`*)

それではー