2013年12月
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        

最近のトラックバック

無料ブログはココログ

俺リスト

  • はてなスター
  • ソーシャルブックマーク
    はてなブックマーク
    livedoor clip
  • FireFoxとか
    Mozilla Firefox ブラウザ無料ダウンロード

« iPhone3G発表!&気になるポイント | トップページ | Sun SPOT ManagerとSDKのインストール »

2008年6月11日 (水)

ココログフリーに、はてブアイコンを追加してみる

2008y06m12d_051516625 ふと思い立って自分のブログに、はてなブックマークへの追加アイコンを設置しようとしてハマった。

どうも簡単にできるような方法がコントロールパネルを見ても見つからない。

しかたないので、Google先生に聞いてみても、ココログフリーで「はてブ」アイコンを追加している人が見つからない。

あきらめ・・・いや!使えないのはくやしい!!

ので以下の方法で、ココログフリーに「はてブへの追加アイコン」をプログラマ的に追加してみる事にしたので保存をかねてメモ。

1、まず、「はてブ」への追加アイコンをココログの「コントロールパネル」→「ファイル」から、「ホーム」フォルダにアップロード。この時、ファイル名は「add_hatena.gif」にしておく。

2、次にマイリストを作成。「マイリスト」→「マイリストの新規作成」で、リストのタイプは「メモ」。名前は適当でOK。

3、作成したマイリストに、このページの下の「----」から「----」までの内容を「----」を除いてコピペする。

4、保存したら、作成したマイリストを各ページに表示する。
これで各エントリーのタイトルに、「はてブ」の追加アイコンが表示されるはず。

テンプレートによっては、表示されなかったり、おかしな場所に表示されてしまうかもしれないです。ごめんなさい。でも、ほとんどのテンプレートではうまくいくようです。

詳しく言うと、以下の条件を満たすテンプレートであれば、きちんと表示されます。

・エントリー(とエントリーリスト)が<div class="entry">で囲まれている。
・エントリーのタイトルが<div class="entry">の直後の<H3>タグで囲まれている。
・エントリーのpermalinkが、<H3>タグの直後にある。(例:<h3><a href="エントリのpermalink">タイトル</a></h3>)

ただ、上記を満たしていても崩れる事もあると思いますので、その時はマイリストから作成したリストを削除して下さい。元に戻ります。

----

<a href="http://b.hatena.ne.jp/">はてなブックマーク</a><br>
<script type="text/javascript">
function add_hatebu_icon(){//by t.mizuno
    var maybeentries = document.getElementsByTagName("div");
    for( var entryidx in maybeentries ) {
        if( maybeentries[entryidx].className == "entry" ) {
            var maybeheaders = maybeentries[entryidx].getElementsByTagName("H3");

            var taghref = document.location;
            var alla = maybeheaders[0].getElementsByTagName("a");
            if( 0 < alla.length ) { taghref = alla[0].href; }

            var prevHTML = maybeheaders[0].innerHTML;
            prevHTML += '&nbsp;'; //separator             //hatena bookmark             prevHTML += '<a href="http://b.hatena.ne.jp/append?' + taghref + '">';
            prevHTML += '<img src="/add_hatena.gif" alt="この記事をはてなブックマークに追加" style="border:none;vertical-align:middle"></img>';
            prevHTML += '</a>';
            prevHTML += '<a href="http://b.hatena.ne.jp/entry/' + taghref + '">';
            prevHTML += '<img src="http://b.hatena.ne.jp/entry/image/' + taghref + '" style="border:none;vertical-align:middle"></img>';
            prevHTML += '</a>';

            prevHTML += '&nbsp;'; //separator             maybeheaders[0].innerHTML = prevHTML;
        }
    }
};

if (document.all) {
attachEvent( "onload", add_hatebu_icon );
} else {
addEventListener("load", add_hatebu_icon, true );
}
</script>

----

« iPhone3G発表!&気になるポイント | トップページ | Sun SPOT ManagerとSDKのインストール »

パソコン・インターネット」カテゴリの記事

コメント

すばらしい!

いただきました。

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/436332/21566354

この記事へのトラックバック一覧です: ココログフリーに、はてブアイコンを追加してみる:

» ココログベーシックではてなブックマークボタン表示 [僕だけが幸せになればいいのに。 ]
ココログが用意しているテンプレートにはてなブックマークのアイコン と XXusers が記事の横に表示されるJSをトグサ秋月氏が公開してたので、設置。イタダキ。 ココログフリーに、はてブアイコンを追加してみる@トグサ秋月の電脳設計室 ふと思い立って自分のブログに、はてなブックマークへの追加アイコンを設置しようとしてハマった。どうも簡単にできるような方法がコントロールパネルを見ても見つからない。しかたないので、Google先生に聞いてみても、ココログフリーで「はてブ」アイコンを追加している人が見つから... [続きを読む]

« iPhone3G発表!&気になるポイント | トップページ | Sun SPOT ManagerとSDKのインストール »