忍者ブログ(shinobi.jp)へのバナー掲載方法

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

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

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



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

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


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


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


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


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

目次へ戻る


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

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


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


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


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

目次へ戻る



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

各記事の下にバナーを掲載する設定です。
1回設定すると、新規の記事も過去の記事も全ての記事にバナーが掲載されるようになります。


忍者ブログ管理ページから、①の共通タグをクリックしてください。


共通タグの設定画面に移動しましたら、②の記事下をクリックしてください。
枠内で右クリックし、③の貼り付けをクリックしてください。
貼り付けが成功しますと、④のようなバナーhtmlが表示されます。
⑤の保存をクリックしてください。


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


目次へ戻る


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

各記事の下にバナーを掲載する設定です。
1回設定すると、新規の記事も過去の記事も全ての記事にバナーが掲載されるようになります。


忍者ブログ管理ページから、①のデザインをタップしてください。


デザイン画面に移動しましたら、②の共通タグをタップしてください


共通タグ設定画面で、③の記事下をタップしてください。
枠内にコピーしたバナーhtmlを、④のようにペーストしてください。
ペーストしましたら、⑤の保存をタップしてください。


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


目次へ戻る



3. その他の掲載方法

 PCからのバナー掲載方法

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



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

忍者ブログ管理ページから、ブログを書くをクリックしまして、新規記事投稿ページに移動します。
移動しましたら、①のソースコードをクリックしてください。
枠内で右クリックしまして、②の貼り付けをクリックしてください。
貼り付けが成功しますと、③のようなバナーhtmlが表示されます。
その後は、見ながら編集をクリックし、タイトルを入れ、記事を書いたら④の公開するをクリックし、記事を公開してください。


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


その他の掲載方法へ戻る

目次へ戻る


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

忍者ブログ管理ページから、①のブログ記事一覧をクリックしてください。
過去の記事一覧から、バナーを掲載したい記事の②修正をクリックしてください。
その後は、新規記事と同様の方法で掲載できます。


新規記事へのバナー掲載方法へお進みください。


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

目次へ戻る


PCからサイドバーへのバナー掲載方法

忍者ブログ管理画面から、①のプラグインをクリックしてください。
②のプラグインの追加をクリックしてください。
フリーエリアの③追加をクリックしてください。


先ほど追加したフリーエリアの④表示設定をクリックしてください。


プラグインHTMLの変更枠内で右クリックし、⑤の貼り付けをクリックしてください。
貼り付けが成功すると、⑥のようなバナーhtmlが表示されます。
⑦の変更をクリックしてください。


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


その他の掲載方法へ戻る

目次へ戻る


スマートフォンから新規記事へのバナー掲載方法

忍者ブログ管理画面から、ブログを書くをタップし、新規記事投稿画面に移動してください。
①のソースコードをタップしてください。
枠内にコピーしたバナーhtmlを②のようにペーストしてください。
ペーストができましたら、適当なタイトルを入れ、③の公開するをタップし、記事を公開してください。


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


その他の掲載方法へ戻る

目次へ戻る


スマートフォンから既存記事へのバナー掲載方法

忍者ブログ管理ページから、ブログ記事一覧をタップしてください。
過去の記事一覧から、バナーを掲載したい記事の修正ボタンをタップしてください。
その後は、新規記事と同様の方法で掲載できます。


新規記事へのバナー掲載方法へお進みください。



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

目次へ戻る


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

忍者ブログ管理ページから、①のデザインをタップしてください。


デザイン画面に移動しましたら、②のプラグインをタップしてください。


③のプラグインの追加をタップしてください。
④のフリーエリアの追加をタップしてください。


追加した後に、フリーエリアの⑤表示設定をタップします。


プラグインHTMLの変更枠内に、コピーしたバナーhtmlを⑥のようにペーストしてください。
ペーストできましたら、⑦の変更をタップしてください。


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


その他の掲載方法へ戻る

目次へ戻る