Saturday, September 15, 2007

bloggerにdel.cio.us

del.icio.us対応もしてみた。とりあえずメモ。
<span class='post-delicios-add'>
 <a href="http://del.icio.us/post"
  expr:onclick="'window.open('
   + '\'http://del.icio.us/post?'
   + 'v=4&amp;noui'
   + '&amp;jump=close&amp;url=\'+encodeURIComponent(\'' 
   + data:post.url + \'')+\'&amp;'
   + 'title=\'+encodeURIComponent(\'' 
   + data:post.title + \''), \'delicious\','
   + '\'toolbar=no,'
   + 'width=700,height=400\'); return false;'">
    <img src="http://.../delicious.small.gif"
      alt="Save to del.icio.us" />
 </a>
</span>
注意すべき点は、& を &amp; とエンコードすること、' のエスケープに気をつけること かな。 それから、これを post-footer-line のあたりに追加。
<b:if cond='data:blog.pageType == "item"'>
<script type="text/javascript">
 if (typeof window.Delicious == "undefined") 
    window.Delicious = {};
 Delicious.BLOGBADGE_DEFAULT_CLASS =
   'delicious-blogbadge-line';
</script>
<script 
src="http://images.del.icio.us/static/js/blogbadge.js">
</script>
</b:if>
こちらは対象が今みているページみたいなので item を表示している時だけに表示 ついでに Read more! ぽくできるようにしてみた。 これを参考に。 spanじゃなくてdivにしてみる。 labalに readmore がある時だけ "Read more!"リンクを表示。