IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

【はてなブログカスタマイズの必須作業】~ 「PC・スマホ」で自サイトにHTMLコードを記述する方法 ~ | はてなブログ | スマホから記事上下などにHTMLを記述する方法

f:id:Surprisedblog:20191104202843p:plain

 

 

はてなブログをカスタマイズするのに必要な作業として、HTMLコードの記述があります。

この作業は特に難しくはありませんが、スマホからはてなブログをカスタマイズする方法は、PCとは違うので当記事に記します。

 

PC

PCからは、ダッシュボード > 設定 > 詳細設定 > 検索エンジン最適化 > headに要素を追加から記述が可能です。

または、ダッシュボード > デザイン > カスタマイズ(スパナアイコン)ヘッダ、記事、サイドバー、フッタからHTMLコードを記述することができます。

f:id:Surprisedblog:20191104193828p:plain

 

サイドバーからは、 モジュールを追加 </> HTMLから記述可能です。

f:id:Surprisedblog:20191104194042p:plain

 

 

スマホ

スマホのブラウザからもheadに要素を追加にHTMLコードを記述する手順は同じですが、デザインからHTMLコードを記述するには、PC版表示にする必要があります。

はてなブログのダッシュボードからページ下部のPC版をタップします。

PC版表示にしたら、それ以降の手順はPCと同じです。