2011年6月8日水曜日

Bloggerのエントリに link タグを置く方法

Bloggerの記事を書くときに、特定の記事にだけ適用したいスタイルシートがあったので、投稿ページからHTMLを次のように入力したら

<link href="http://xxxx.jp/xxxx.css" media="screen" rel="stylesheet" type="text/css"/>

作成された HTML ファイルは承認できません: タグは使用できません: LINK

なんてエラーが出てしまい投稿できなかった。
仕方ないので、linkタグをjavascriptで動的に生成してみたらうまくいったので、メモっておきます。

とりあえず、リンクタグ登録用関数を別ファイルの中に作っておく。
function addLinkTag(href, media, rel, type) {
    var tagLink = document.createElement('link');
    tagLink.href = href;
    tagLink.media = media;
    tagLink.rel = rel;
    tagLink.type = type;
    document.getElementsByTagName('head')[0].appendChild(tagLink);
}
でもって、記事の上のほうで、
<script src="http://xxxx.jp/xxxx.js" type="text/javascript">
</script>
<script type="text/javascript">
  addLinkTag('http://xxxx.jp/xxxx.css', 'screen', 'stylesheet', 'text/css');
</script>
とやったら、あっさりうまくいきました。