▲PAGE TOP

【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はアップロードしたサーバのアドレスです

以上です。



COMMENT 投稿した内容は「 掲示板 」に掲載されます。
ペンネーム(必須)

タイトル

メールアドレス

話題にするページ/ウェブサイトのURL
メッセージ(必須)
アップロードする画像
パスワード(必須)