Seesaaブログでのバナー掲載方法

 1. にほんブログ村バナーhtml取得方法

 2. Seesaaブログでのバナー掲載方法

 3. その他のバナー掲載方法はこちら (細かく設定したい方向け)



1. にほんブログ村バナーhtml取得方法
PCからバナーhtmlを取得したい方

にほんブログ村の右上にある、①のマイページをクリックしてください。
マイページに移動しましたら、②のランキング用バナーをクリックしてください。


ランキング用バナー移動した後に、以下のようなバナーhtmlがありますので、③のタグコピーをクリックしていただくと、バナーhtmlが取得できます。


※上記の方法でうまくいかない方はこちらをご覧ください
上記の方法でうまくいかない方は、以下のようにhtmlを範囲選択した後に、範囲選択枠内で右クリックをするとコピー欄がでますので、コピーをクリックすると取得できます。


以上でバナーが取得できますので、お試しくださいませ。


PCからのバナー掲載方法へ進む

目次へ戻る


スマートフォンからバナーhtmlを取得したい方

にほんブログ村の右上にある、①のマイページをタップしてください。
マイページに移動しましたら、メンバー・コンテンツ管理メニュー内にある、②のランキング用バナーをタップしてください。


ランキング用バナー移動した後に、以下のようなバナーhtmlがありますので、③のように範囲選択しコピーしていただくと、バナーhtmlが取得できます。


以上でバナーが取得できますので、お試しくださいませ。


スマートフォンからのバナー掲載方法へ進む

目次へ戻る



2. Seesaaブログのバナー掲載方法
PCからのバナー掲載方法

バナーを掲載するに当たって、3回設定を行っていただきます。
以下の設定を全て行ってください。


Seesaaブログ管理ページの左の欄から、①のデザインをクリックします。
デザインページに移動した後に、②のPCをクリックします。
PCをクリックした後に、③のコンテンツをクリックしてください。


コンテンツをクリックした後に、④のように、左のブログパーツ欄から自由形式を左クリックで長押ししながら、記事下欄まで持ってきます。
記事下欄まで持ってこれましたら、⑤も設定のマークをクリックしてください。


自由形式枠内で右クリックし、⑥の貼り付けをクリックします。
貼り付けが成功しましたら、⑦のようにバナーhtmlが貼り付けられます。
⑦のようになりましたら、⑧の保存をクリックしてください。クリック後に閉じてください。


最後に⑨の保存をクリックしてください。


続いて、スマートフォンも設定します。
この設定を行わないと、スマートフォンから見る方に、バナーが表示されません。


次に、①のスマートフォンをクリックします。
スマートフォンに切り替えた後に、②のコンテンツをクリックします。
コンテンツをクリックした後に、③のように、左のブログパーツ欄から自由形式を左クリックで長押ししながら、記事下欄まで持ってきます。
記事下欄まで持ってこれましたら、④も設定のマークをクリックしてください。その後、先ほど行ったようにバナーhtmlを貼り付けて保存します。
⑤の保存をクリックします。


続いて、フィーチャーフォンも設定します。
この設定を行わないと、フィーチャーフォンから見る方に、バナーが表示されません。


次に、①のフィーチャーフォンをクリックします。
フィーチャーフォンに切り替えた後に、②のコンテンツをクリックします。
コンテンツをクリックした後に、③のように、左のブログパーツ欄から自由形式を左クリックで長押ししながら、記事下欄まで持ってきます。
記事下欄まで持ってこれましたら、④も設定のマークをクリックしてください。その後、先ほど行ったようにバナーhtmlを貼り付けて保存します。
⑤の保存をクリックします。


以上で設定は終了です。お試しくださいませ。


目次へ戻る


スマートフォンからのバナー掲載方法

スマートフォンからバナーを掲載するためには、PCモードに切り替えて設定を行ってください。
Seesaaブログ管理ページからデザインのページに進み、1番下にあるパソコンをタップするとPCモードに切り替えることができます。
その後は、PCと同じ方法で掲載できるので、PCからのバナー掲載方法へ進んでください。


以上で切り替えられますので、お試しくださいませ。


PCからのバナー掲載方法へ進む

目次へ戻る



3. その他の掲載方法

 PCからのバナー掲載方法



定型文から新規記事へのバナー掲載方法はこちら

定型文を作成すると、新規記事へのバナー掲載が簡単になります。


Seesaaブログ管理ページから、 ①の設定をクリックしてください。
②の定型文設定をクリックしてください。


定型文枠内で右クリックし、③の貼り付けをクリックしてください。
貼り付けが成功すると、④のようにバナーhtmlが表示されます。
④のようになりましたら、ラベルに適当な名を入れ、⑤のリストに追加をクリックしてください。


リストに追加が完了しましたら、⑥の新規投稿ページに移動します。
⑦の定型文のアイコンをクリックしてください。クリックすると、右に定型文一覧が出てきます。
先ほど作成した定型文の、⑧の挿入するをクリックしてください。
全てが成功すると、⑨のようにバナーhtmlが表示されるので、記事を書いて保存してください。


以上で完成しますので、お試しくださいませ。


その他の掲載方法へ戻る

目次へ戻る


PCから新規記事へのバナー掲載方法

Seesaaブログ管理ページから、①の新規投稿をクリックしてください。
本文枠内で右クリックし、②の貼り付けをクリックしてください。
貼り付けが成功すると、③のような文が表示されます。記事を書いた後、保存してください。


以上で完成しますので、お試しくださいませ。


その他の掲載方法へ戻る

目次へ戻る


PCから既存記事へのバナー掲載方法

Seesaaブログ管理ページから、①の記事一覧をクリックしてください。
②のような、バナーを掲載したい記事をクリックします。
その後は、新規記事と同じ方法でバナーを掲載できます。


以上で完成しますので、お試しくださいませ。


新規記事へのバナー掲載方法へ進む

目次へ戻る


PCからヘッダ,サイドバー,フッターへのバナー掲載方法

バナーを掲載するに当たって、3回設定を行っていただきます。
以下の設定を全て行ってください。


Seesaaブログ管理ページの左の欄から、①のデザインをクリックします。
デザインページに移動した後に、②のPCをクリックします。
PCをクリックした後に、③のコンテンツをクリックしてください。
コンテンツをクリックした後に、④のように、左のブログパーツ欄から自由形式を左クリックで長押ししながら、ヘッダやフッターまで持ってきます。
掲載したい場所の、⑤の設定のマークをクリックしてください。


右上にあります、⑥のコンテンツHTML編集をクリックします。
枠内で右クリックし、⑦の貼り付けをクリックします。
貼り付けが成功しましたら、⑧のようにバナーhtmlが貼り付けられます。
⑧のようになりましたら、⑨の保存をクリックしてください。クリック後に閉じてください。


最後に、⑩の保存をクリックします。


続いて、スマートフォンも設定します。
この設定を行わないと、スマートフォンから見る方に、バナーが表示されません。


次に、①のスマートフォンをクリックします。
スマートフォンに切り替えた後に、②のコンテンツをクリックします。
コンテンツをクリックした後に、③のように、左のブログパーツ欄から自由形式を左クリックで長押ししながら、ヘッダやフッターまで持ってきます。
記事下欄まで持ってこれましたら、④も設定のマークをクリックしてください。その後、先ほど行ったようにバナーhtmlを貼り付けて保存します。
⑤の保存をクリックします。


続いて、フィーチャーフォンも設定します。
この設定を行わないと、フィーチャーフォンから見る方に、バナーが表示されません。


次に、①のフィーチャーフォンをクリックします。
フィーチャーフォンに切り替えた後に、②のコンテンツをクリックします。
コンテンツをクリックした後に、③のように、左のブログパーツ欄から自由形式を左クリックで長押ししながら、ヘッダやフッターまで持ってきます。
記事下欄まで持ってこれましたら、④も設定のマークをクリックしてください。その後、先ほど行ったようにバナーhtmlを貼り付けて保存します。
⑤の保存をクリックします。


以上で終了です。お試しくださいませ。


その他の掲載方法へ戻る

目次へ戻る