頑張らない!でも諦めない!必死にならずにええかげん

Seesaa™ブログでHTMLの修正を行う方法

      2014/11/22

Seesaa™ブログではHTMLの編集を認めている無料ブログサービスです。
そのSeesaaブログでHTMLの編集を行う方法をご紹介しておきます。
他のサイトでもご紹介されているでしょうが、
HTMLタグ構造の詳細などについてもご紹介しています。

はじめに

Seesaaブログといえばアフィリエイターの方などによく利用されているブログでしょう。
それはHTML編集ができたり、商用利用を認めていたりと、
自由度が高いサービスであるためではないかと思います。

既にご利用の方はHTMLの編集もされているでしょうから、
特に難しいことはないかもしれません。

HTML編集の方法

HTMLの編集は以下の手順で行います。

Seesaaブログにログインしサイドメニューからデザインをクリックします。

01_ブログ新規投稿画面からデザインの選択

ブログ新規投稿画面からデザインの選択

表示されたデザイン一覧の画面でタブがPC、ケータイ、スマートフォンなど、
変更対象にしたいテンプレート種別が選択されていることを確認し、
[HTML]をクリックします。

02_PCタブ確認とHTMLの選択

PCタブ確認とHTMLの選択

HTMLの一覧が表示されますので、
編集を行いたいテンプレートの名前をクリックします。

尚、ラジオボタンが選択されているテンプレートが、
現在ブログの表示に利用されているテンプレートです。

テンプレートを編集する前には必ずコピーを取っておくようにしましょう。


03_編集対象テンプレート名のクリック

編集対象テンプレート名のクリック

テンプレート名をクリックするとHTMLの編集画面が開きます。
下部の編集エリアで直接HTMLを編集します。

プリビューをクリックすると編集した状態でブログの表示を確認できます。
[保存]をクリックすることで編集内容を保存します。

04_HTML編集画面

HTML編集画面

テンプレートのHTML編集が完了すると、
上部に[設定を完了しました]と表示されます。

テンプレートの一覧に戻るには[HTML]をクリックします。

05_テンプレート保存の完了

テンプレート保存の完了

テンプレートの一覧で現在適用されていないテンプレートの
ラジオボタンをクリックすると選択したテンプレートが適用されます。

06_適用テンプレートの変更

適用テンプレートの変更

テンプレートの適用対象が変更されると、
上部に[設定を完了しました]と表示されます。

07_適用テンプレート変更の完了

適用テンプレート変更の完了

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

SeesaaブログのHTMLの編集方法は以上です。
編集の方法自体は難しいことはありません。

どのように編集して、HTMLのどの位置にタグを挿入すると、
どのように表示されるのかといったHTML構造については、以下でご紹介しています。

 

また編集したHTMLの見た目を変更する際にCSSを利用される場合には、
以下の投稿でCSSの変更方法をご紹介しています。

 


Seesaaはシーサー株式会社の登録商標(第5049965号)であり、
Seesaaロゴはシーサー株式会社の登録商標(第5137457号)です。
Seesaaブログはシーサー株式会社のサービス名です。
Seesaaのサービスに用いられるアイコンその他のマーク等は、
シーサー株式会社の商標であり、シーサー株式会社の著作物です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - Seesaa, 無料ブログ ,

  関連記事

eye_ameba
Google Analyticsアクセス解析をアメブロで利用する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_hatena
Google Analyticsアクセス解析をはてなブログで利用する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google_anl
無料ブログ各社のGoogle™ Analytics利用可否と方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_seesaa
Seesaa™ブログの投稿で「続きを読む(read more)を表示する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_yaplog
ブックマークアイコン(ファビコン)をyaplogで表示する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_a8_funblog
Google™ Analyticsアクセス解析をファン(A8)ブログで利用する方法にコンテンツは使えない?

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_jugem
Google Analyticsアクセス解析をJugemブログで利用する方法(HTML)

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_dev-test
無料ブログサービスのHTMLをEclipseで見やすく修正する(4.3.1 Kepler:日本語)

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_seesaa
Seesaa™ブログに設置したGoogle™AdSense広告のレイアウトをセンタリングする

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_seesaa
Seesaa™ブログのHTML構造とタグ挿入位置の関係

Google or AdMax Promotion(it) 禁断の機能がau公式 …