DoboWiki
Top
> ShareButton/Hatena をテンプレートにして作成
ShareButton/Hatena をテンプレートにして作成
開始行:
#title(はてなブックマークボタンを表示する)
#contents
-[[「様々なシェア、ブックマークボタン(Google+1、twitter...
*はてなブックマークボタンを表示する [#e1bfa834]
#ref(../hatena4.png)
**基本的なコード [#v2323131]
はてなブックマークボタンは、「[[はてなブックマークボタン...
基本的なコード(小さなボタン)は、以下のようになります。
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/" class="hatena-book...
}}
大きなボタン(「B!」の右に「ブックマーク」)で、URLを「ht...
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/dobon.net/" class="h...
}}
URLを「https://dobon.net/」にすると、以下のようになります。
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/s/dobon.net/" class=...
}}
**行動情報を取得しないはてなブックマークボタン [#j64c7170]
以前のはてなブックマークボタンは、マイクロアドがユーザー...
**旧はてなブックマークボタンを表示する [#j5ee0032]
#ref(../hatena2.png)
旧はてなブックマークボタン(「このエントリーをはてなブッ...
また、被ブックマーク数を表示する方法は、「[[被ブックマー...
これらの方法ならば、JavaScriptを使用しなくても表示できま...
例えば「http://dobon.net/」のブックマークボタンと被ブック...
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/add/http://dobon.net...
<a href="http://b.hatena.ne.jp/entry/http://dobon.net/"><...
}}
なお被ブックマーク数の画像には3種類の大きさがあります。上...
***旧ブックマークボタンをJavaScriptで表示する [#bd5debaa]
旧ブックマークボタンではページのURLを埋め込まなければなり...
#prescroll(wrap=true){{
<div id="hatena_button"></div>
<script type="text/javascript">
(function(){
var currentUrl = location.href.replace(/#/, '%23');
var appImg = document.createElement("img");
appImg.setAttribute("src","http://b.hatena.ne.jp/images/a...
appImg.setAttribute("width","16");
appImg.setAttribute("height","12");
appImg.setAttribute("style","border: none;");
appImg.setAttribute("alt","このエントリーをはてなブックマ...
appImg.setAttribute("title","このエントリーをはてなブック...
var appA = document.createElement("a");
appA.setAttribute("href","http://b.hatena.ne.jp/entry/add...
appA.setAttribute("target","_blank");
appA.appendChild(appImg);
var cntImg = document.createElement("img");
cntImg.setAttribute("src","http://b.hatena.ne.jp/entry/im...
cntImg.setAttribute("style","border: none;");
cntImg.setAttribute("alt","はてなブックマーク");
cntImg.setAttribute("title","はてなブックマーク");
var cntA = document.createElement("a");
cntA.setAttribute("href","http://b.hatena.ne.jp/entry/" +...
cntA.setAttribute("target","_blank");
cntA.appendChild(cntImg);
var div = document.getElementById("hatena_button");
div.appendChild(appA);
div.appendChild(cntA);
})();
</script>
}}
**はてなブックマークカウンター [#t49a7b98]
#ref(../hatena3.png)
はてなブックマークカウンターは、サイト全体の被ブックマー...
例えば、「http://dobon.net/」のサイト全体の被ブックマーク...
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entrylist?url=http://dobon...
}}
**(X)HTML validにする [#f87f472b]
旧ブックマークボタンを使用するのが1つの方法です。
新ブックマークボタンの場合は、「[[新しいはてなブックマー...
「[[新はてなブックマークボタンをFC2ブログに設置する : web...
この方法ではオプションの指定ができませんので、スタイルの...
この方法によるコードの例は、以下のようなものです。ここで...
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/dobon.net/" class="h...
}}
「data-hatena-bookmark-」属性をJavaScriptで付ける例は、以...
#prescroll(wrap=true){{
<a id="hatena_button" href="http://b.hatena.ne.jp/entry/d...
<script type="text/javascript">
(function(){
var hb = document.getElementById("hatena_button");
hb.setAttribute("data-hatena-bookmark-title","DOBON.NET");
hb.setAttribute("data-hatena-bookmark-layout","vertical-b...
hb.setAttribute("data-hatena-bookmark-lang","ja");
})();
</script>
}}
**コメント [#bc085a91]
#comment
//これより下は編集しないでください
#pageinfo([[:Category/インターネット]],2011-08-31 (水) 03...
終了行:
#title(はてなブックマークボタンを表示する)
#contents
-[[「様々なシェア、ブックマークボタン(Google+1、twitter...
*はてなブックマークボタンを表示する [#e1bfa834]
#ref(../hatena4.png)
**基本的なコード [#v2323131]
はてなブックマークボタンは、「[[はてなブックマークボタン...
基本的なコード(小さなボタン)は、以下のようになります。
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/" class="hatena-book...
}}
大きなボタン(「B!」の右に「ブックマーク」)で、URLを「ht...
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/dobon.net/" class="h...
}}
URLを「https://dobon.net/」にすると、以下のようになります。
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/s/dobon.net/" class=...
}}
**行動情報を取得しないはてなブックマークボタン [#j64c7170]
以前のはてなブックマークボタンは、マイクロアドがユーザー...
**旧はてなブックマークボタンを表示する [#j5ee0032]
#ref(../hatena2.png)
旧はてなブックマークボタン(「このエントリーをはてなブッ...
また、被ブックマーク数を表示する方法は、「[[被ブックマー...
これらの方法ならば、JavaScriptを使用しなくても表示できま...
例えば「http://dobon.net/」のブックマークボタンと被ブック...
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/add/http://dobon.net...
<a href="http://b.hatena.ne.jp/entry/http://dobon.net/"><...
}}
なお被ブックマーク数の画像には3種類の大きさがあります。上...
***旧ブックマークボタンをJavaScriptで表示する [#bd5debaa]
旧ブックマークボタンではページのURLを埋め込まなければなり...
#prescroll(wrap=true){{
<div id="hatena_button"></div>
<script type="text/javascript">
(function(){
var currentUrl = location.href.replace(/#/, '%23');
var appImg = document.createElement("img");
appImg.setAttribute("src","http://b.hatena.ne.jp/images/a...
appImg.setAttribute("width","16");
appImg.setAttribute("height","12");
appImg.setAttribute("style","border: none;");
appImg.setAttribute("alt","このエントリーをはてなブックマ...
appImg.setAttribute("title","このエントリーをはてなブック...
var appA = document.createElement("a");
appA.setAttribute("href","http://b.hatena.ne.jp/entry/add...
appA.setAttribute("target","_blank");
appA.appendChild(appImg);
var cntImg = document.createElement("img");
cntImg.setAttribute("src","http://b.hatena.ne.jp/entry/im...
cntImg.setAttribute("style","border: none;");
cntImg.setAttribute("alt","はてなブックマーク");
cntImg.setAttribute("title","はてなブックマーク");
var cntA = document.createElement("a");
cntA.setAttribute("href","http://b.hatena.ne.jp/entry/" +...
cntA.setAttribute("target","_blank");
cntA.appendChild(cntImg);
var div = document.getElementById("hatena_button");
div.appendChild(appA);
div.appendChild(cntA);
})();
</script>
}}
**はてなブックマークカウンター [#t49a7b98]
#ref(../hatena3.png)
はてなブックマークカウンターは、サイト全体の被ブックマー...
例えば、「http://dobon.net/」のサイト全体の被ブックマーク...
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entrylist?url=http://dobon...
}}
**(X)HTML validにする [#f87f472b]
旧ブックマークボタンを使用するのが1つの方法です。
新ブックマークボタンの場合は、「[[新しいはてなブックマー...
「[[新はてなブックマークボタンをFC2ブログに設置する : web...
この方法ではオプションの指定ができませんので、スタイルの...
この方法によるコードの例は、以下のようなものです。ここで...
#prescroll(wrap=true){{
<a href="http://b.hatena.ne.jp/entry/dobon.net/" class="h...
}}
「data-hatena-bookmark-」属性をJavaScriptで付ける例は、以...
#prescroll(wrap=true){{
<a id="hatena_button" href="http://b.hatena.ne.jp/entry/d...
<script type="text/javascript">
(function(){
var hb = document.getElementById("hatena_button");
hb.setAttribute("data-hatena-bookmark-title","DOBON.NET");
hb.setAttribute("data-hatena-bookmark-layout","vertical-b...
hb.setAttribute("data-hatena-bookmark-lang","ja");
})();
</script>
}}
**コメント [#bc085a91]
#comment
//これより下は編集しないでください
#pageinfo([[:Category/インターネット]],2011-08-31 (水) 03...
ページ名:
▲
▼
[
トップ
] [
新規
|
子ページ作成
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]