はてなブログで外部HTML・CSS・JSファイルを読み込む方法

ブログ運営
ブログ運営
Info
最新のブログ運営(PV&収益)についてはTwitterで報告しています。
#クロヤギの運営報告
読了時間 挨拶

記事は約 2 分で読めます。

くろやぎ
くろやぎ

みなさん、こんにちは!
くろやぎ(kuroyagikuncom)です。
よろしければ、Twitterの方にも遊びに来てください。

HTMLを外部読み込みする方法

今回は例として、「https://temp.com/temp.html」をはてなブログから読み込む方法について解説します。
はてなブログの管理画面にアクセスし、【デザイン】→【カスタマイズ】→【ヘッダ】→【タイトル下】に、次のコードを入力します。(コード内の「スクリプト」を「script」に置換してください。)

変更を保存して管理画面に戻り、【設定】→【詳細設定】→【検索エンジン最適化】→【headに要素を追加】に、次のコードを入力します。

今回は「import」というidを設定しましたが、HTML内の他のidと重複しないのであれば任意に設定してもらって構いません。

CSSを外部読み込みする方法

今回は例として、「https://temp.com/temp.css」をはてなブログから読み込む方法について解説します。
管理画面にアクセスし、【設定】→【詳細設定】→【検索エンジン最適化】→【headに要素を追加】に、次のコードを入力します。

JavaScriptを外部読み込みする方法

今回は例として、「https://temp.com/temp.js」をはてなブログから読み込む方法について解説します。
管理画面にアクセスし、【設定】→【詳細設定】→【検索エンジン最適化】→【headに要素を追加】に、次のコードを入力します。

1行目において、jQueryを利用するために、CDNにホストされているjQueryファイルの読み込みを行っています。

初心者ブロガーが登録すべきASP ベスト3

初心者ブロガーが登録すべきASP ベスト3

A8.net

A8.netは広告主数が豊富で、初心者ブロガーでも簡単に登録できるためアフィリエイトを手軽に始めることができます。
また、A8.netは「セルフバック」が充実していて、レビュー記事にはもってこいです。

もしもアフィリエイト

もしもアフィリエイトは、Amazonアソシエイトと楽天アフィリエイトを一緒に管理できるため余計な手間がかかりません。
さらに、W報酬制度やプレミアム報酬などの、他のASPにはない魅力的な報酬制度があります。

バリューコマース

バリューコマースは、スマートフォン向けのオーバーレイ広告が掲載できる点が特徴です。
また、バリューコマースにしかない広告案件があり、漏れをなくすためのサブののASPとして登録しておいて損はないです。

ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

ブログ運営
シェアする
クロヤギ

コメント

タイトルとURLをコピーしました