2010年10月19日火曜日

bloggerにGoogle Buzzのボタンを追加する

[したいこと・しりたいこと・目標]

bloggerにGoogle Buzzのボタンを追加する



[したこと]



(01)
Google バズのサイトに行く。

バズ - ウィジェット
http://www.google.com/buzz/stuff

(02)
Google バズに投稿のリンクを開く。

(03)
好みのスタイルに変更する。


コードをコピーする。

(04)
bloggerのHTMLを編集するタブを開き、ウィジェットのテンプレートを展開をチェックする。

テンプレートの編集画面で、以下のコードを探す。
<div class='post-footer-line post-footer-line-1'>

(05)
(04)で探したコードの下にBuzzのボタンを表示するコードを追加する。

<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>

(06)
プレビューで確認する。
テンプレートを保存する。

0 コメント: