はてなブックマーク設置テスト

はてなブックマークを設置してみました。
アメブロだとはてなの公式設置が効かないらしいのですが、

<a href="http://b.hatena.ne.jp/append?自分の書いたブログのＵＲＬ" target="blank"><img height="12" width="16" border="0" alt="はてなブックマークに追加" src="http://b.hatena.ne.jp/images/append.gif" /></a>

<a href="http://b.hatena.ne.jp/append?自分の書いたブログのＵＲＬ" target="blank"><img border="0" src="http://b.hatena.ne.jp/entry/image/自分の書いたブログのＵＲＬ" /></a>




でが表示できるとのこと。記事内の最初か最後にしか置けないのが少し不便かも
タイトルの下とか横におきたい。

自分の書いたブログのURLってたとえばこの記事ならhttp://ameblo.jp/nao-ls2/entry-10723228233.html
っていうように、記事ごとのURLですね。

あと、ついでに
「フリープラグインにはてブ自動追加プラグインをコピペしてサイドバーに配置する」ことではてブ＋はてなスターを導入する機能も追加。

下の文字列をフリープラグインにコピペ追加すればタイトルの隣に自動的に設置できました。

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script >
<script type="text/javascript">
Hatena.Star.SiteConfig = {
entryNodes: {
'div.entry': {
uri: 'div.foot a:first',
title: 'h3.title',
container: 'h3.title'
}}};
</script>
<a href="http://ameblo.jp/katyos/">[katyos.Lab]</a><br>
<script type="text/javascript">
function addHatenaBookmark() {
var url = location.href;
if( url.match( /^.+\/entry-\d+\.html$/g ) ) {
var url_btn = 'http://b.hatena.ne.jp/append?' + url;
var url_cnt = 'http://b.hatena.ne.jp/entry/' + url;
var url_cimg= 'http://b.hatena.ne.jp/entry/image/' + url;
var url_hatena = '<a href="' + url_btn + '" target="blank"><img height="12" width="16" border="0" alt="はてなブックマークに追加" src="http://b.hatena.ne.jp/images/append.gif " /></a><a href="' + url_cnt + '" target="blank"><img border="0" src="' + url_cimg + '" /></a>';
var entry = document.getElementsByTagName('div');
for( var i=0; i<entry.length; i++ ) {
if( entry[i].className=='entry' || entry[i].className=='entry new' ) {
var info = entry[i].getElementsByTagName('h3');
for( var j=0; j<info.length; j++ ) {
if( info[j].className=='title' ) {
var t = document.createElement('span');
t.innerHTML = url_hatena;
info[j].appendChild(t);
}}}}}}
if(window.addEventListener){
window.addEventListener("load", addHatenaBookmark, false);
}else if(window.attachEvent){
window.attachEvent("onload", addHatenaBookmark);
} else {
window.onload = addHatenaBookmark;
}
</script>

下記の記事を参考にしました。感謝です。

◆【アメブロのみ】はてなブックマークの置き方｜【バカレ】学食のカレーとバカ日記

◆アメブロにはてなブックマークとはてなスターを自動設置する｜katyos開発室