DoboWiki
Top
> ShareButton/GoogleBuzz をテンプレートにして作成
ShareButton/GoogleBuzz をテンプレートにして作成
開始行:
#title(Googleバズボタンを表示する)
#contents
-[[「様々なシェア、ブックマークボタン(Google+1、twitter...
*Googleバズボタンを表示する [#o8b56e2f]
#column(注意){{
Googleバズは、2013/7/17に廃止されました。
}}
#ref(../buzz1.png)
**基本的なコード [#s9dbc90e]
Google バズボタンは、「[[バズ - ウィジェット>http://www.g...
基本的なコード(ボタンとカウンタを表示し、カウンタは上に...
#prescroll(wrap=true){{
<a title="Google バズに投稿" class="google-buzz-button" h...
<script type="text/javascript" src="http://www.google.com...
}}
カウンタをボタンの横に表示し、言語を日本語、投稿先のURLを...
#prescroll(wrap=true){{
<a title="Google バズに投稿" class="google-buzz-button" h...
<script type="text/javascript" src="http://www.google.com...
}}
詳しくは、「[[Buttons and Gadgets - Google Buzz API - Goo...
**ポストするメッセージを設定する [#j12726cb]
メッセージは、data-message属性で指定できます。
#prescroll(wrap=true){{
<a title="Google バズに投稿" class="google-buzz-button" h...
<script type="text/javascript" src="http://www.google.com...
}}
**JavaScriptを使用しないで、リンクだけを作成する [#o1058d...
カウンタは表示できませんが、バズに投稿するためのリンクはJ...
#prescroll(wrap=true){{
<a href="http://www.google.com/buzz/post?http%3A%2F%2Fdob...
}}
**(X)HTML validにする [#q8123875]
(X)HTML validにするには、JavaScriptを使用しない方法にする...
「data-」属性をJavaScriptで付けることで、validにした例を...
#prescroll(wrap=true){{
<a id="buzz_button" title="Google バズに投稿" class="goog...
<script type="text/javascript" src="http://www.google.com...
<script type="text/javascript">
(function(){
var bb = document.getElementById("buzz_button");
bb.setAttribute("data-button-style","normal-count");
bb.setAttribute("data-url","http://dobon.net/");
bb.setAttribute("data-locale","ja");
</script>
})();
}}
**フォローボタンを表示する [#m6b15fd9]
#ref(../buzz2.png)
Googleバズフォローボタンを表示するためのコードは、「[[バ...
**コメント [#i8b1a9a5]
#comment
//これより下は編集しないでください
#pageinfo([[:Category/インターネット]],2011-09-01 (木) 23...
終了行:
#title(Googleバズボタンを表示する)
#contents
-[[「様々なシェア、ブックマークボタン(Google+1、twitter...
*Googleバズボタンを表示する [#o8b56e2f]
#column(注意){{
Googleバズは、2013/7/17に廃止されました。
}}
#ref(../buzz1.png)
**基本的なコード [#s9dbc90e]
Google バズボタンは、「[[バズ - ウィジェット>http://www.g...
基本的なコード(ボタンとカウンタを表示し、カウンタは上に...
#prescroll(wrap=true){{
<a title="Google バズに投稿" class="google-buzz-button" h...
<script type="text/javascript" src="http://www.google.com...
}}
カウンタをボタンの横に表示し、言語を日本語、投稿先のURLを...
#prescroll(wrap=true){{
<a title="Google バズに投稿" class="google-buzz-button" h...
<script type="text/javascript" src="http://www.google.com...
}}
詳しくは、「[[Buttons and Gadgets - Google Buzz API - Goo...
**ポストするメッセージを設定する [#j12726cb]
メッセージは、data-message属性で指定できます。
#prescroll(wrap=true){{
<a title="Google バズに投稿" class="google-buzz-button" h...
<script type="text/javascript" src="http://www.google.com...
}}
**JavaScriptを使用しないで、リンクだけを作成する [#o1058d...
カウンタは表示できませんが、バズに投稿するためのリンクはJ...
#prescroll(wrap=true){{
<a href="http://www.google.com/buzz/post?http%3A%2F%2Fdob...
}}
**(X)HTML validにする [#q8123875]
(X)HTML validにするには、JavaScriptを使用しない方法にする...
「data-」属性をJavaScriptで付けることで、validにした例を...
#prescroll(wrap=true){{
<a id="buzz_button" title="Google バズに投稿" class="goog...
<script type="text/javascript" src="http://www.google.com...
<script type="text/javascript">
(function(){
var bb = document.getElementById("buzz_button");
bb.setAttribute("data-button-style","normal-count");
bb.setAttribute("data-url","http://dobon.net/");
bb.setAttribute("data-locale","ja");
</script>
})();
}}
**フォローボタンを表示する [#m6b15fd9]
#ref(../buzz2.png)
Googleバズフォローボタンを表示するためのコードは、「[[バ...
**コメント [#i8b1a9a5]
#comment
//これより下は編集しないでください
#pageinfo([[:Category/インターネット]],2011-09-01 (木) 23...
ページ名:
▲
▼
[
トップ
] [
新規
|
子ページ作成
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]