ここがいいのかい？ ここかい？ それともここかい？ ここがいいのんかい？
Webサイトで良い記事を見つけたときに、とりあえず「いいね！」ボタンを探してしまうくらいの Facebook脳です。
しかし、そのページに「いいね！」ボタンが設置されていないこともありますよね。どうしても「いいね！」したい、自分で道を切り開いていくタイプの人は、この方法であらゆるページを「いいね！」できます！
ブラウザのブックマークに簡単なプログラムを設定しておく、ブックマークレットと呼ばれる方法を使います。
まずは動作確認までに、この「いいね！」を押してみてください。ブラウザの左上に何か表示されたでしょうか。表示までに数秒かかる場合があります。こんな感じで、どんなページにも「いいね！」ボタンを表示させることができます。
- 何でもいいのでブックマークを作成します。試しにこのページをブックマーク。
- そのブックマークの名前を「いいね！」などに変更します。
- ブックマークの URL を以下の内容に変更します。コピペしてください。
javascript:(function()%7Bvar%20s=document.createElement('script');s.charset='UTF-8';s.src='http://dl.dropbox.com/u/1047086/js/like.js';document.body.appendChild(s)%7D)(); - 「いいね！」したいページでこのブックマークを選択して、ブラウザの左上にボタンが表示されたら成功です。
このブックマークレット（JavaScript）の中身はこうなっているようです。
(function(){
var _fbDiv=(function(){
function singleton(){
var _url=encodeURI(location.href);
var _fbapi='http://www.facebook.com/plugins/like.php?href='+_url+'&layout=standard&show_faces=true&action=like&font&colorscheme=light';
var _fb=document.createElement('iframe');
_fb.src=_fbapi;
_fb.scrolling='no';
_fb.frameborder='0';
_fb.style.border='none';
_fb.style.overflow='hidden';
_fb.style.height='30px';
_fb.allowTransparency='true';
this.div=document.createElement('div');
this.div.id='gungnir_odin_fbdiv';
this.div.style.position='fixed'
this.div.style.top='5px';
this.div.style.left='5px';
this.div.style.padding='5px';
this.div.style.backgroundColor='#ffffff';
this.div.appendChild(_fb);
}
var instance;
var _static={
getInstance:function(){
if(instance===undefined){
instance=new singleton();
}
return instance;
}
};
return _static;
})();
if(!document.getElementById('gungnir_odin_fbdiv')){
var _div=_fbDiv.getInstance().div;
document.getElementsByTagName('body').item(0).appendChild(_div);
}
}());
