■

http://hitode909.hatenablog.com/ のタイトルのところにフォローボタンがあるヤツの話。

本来、フォローボタンはサイドバーのプロファイルモジュールの中に置かれているんだけど、どうしてもカラム一個でいきたいとすると表示できない。これを JavaScript で切り出していて、それをタイトルの所に挿入していた。どんな風にやっているかというと、サイドバーの html モジュール? <aside id="box2"> の中にコードが置かれていて

<div class="hatena-module hatena-module-html">
  
    <div class="hatena-module-title"> nikki2</div>
  
  <div class="hatena-module-body">
    <script src="http://dl.dropbox.com/u/8270034/hatenablog/nikki2-my.js"></script>
  </div>
</div>

でこの中で以下のようになっている。

http://dl.dropbox.com/u/8270034/hatenablog/nikki2-my.js

  module_dummy = $('<div>').addClass('hatena-module').addClass('hatena-module-profile');
  $('.hatena-follow-button-box').appendTo(module_dummy);
  module_dummy.appendTo($('#blog-title-inner'));

ということで、これをありがたくコピーアンドペーストさせてもらって、同じくサイドバーの html モジュールに以下のように

<script type="text/javascript">// <![CDATA[
(function(){
  module_dummy = $('<div>').addClass('hatena-module').addClass('hatena-module-profile');
  $('.hatena-follow-button-box').appendTo(module_dummy);
  module_dummy.appendTo($('#blog-title-inner'));
})();
// ]]></script>

を貼って出来上がり。

JavaScript が自由に貼り付けられたりして、実は hatena blog かなり「自由」なのかもしれない、と思いましたとさ。