【Blogger】特定のページにだけ適用されるCSSの設定方法

Bloggerのページ全体のCSSは　ダッシュボード内の　テンプレート　＞　HTML編集　の.xmlを編集するのですが、特定のページだけに適用したい場合も多いはずです。

まずは、下のリンクタグ登録関数（拡張子.js）をサーバにアップロードします。

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);
}

次に投稿記事の最上部に下のタグを入力します。入力の際はHTMLバージョンで投稿する。

<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>

xxxxはアップロードしたサーバのアドレスです

以上です。