Bloggerでのバナー掲載方法

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

 2. Bloggerでのバナー掲載方法

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



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

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


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


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


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


おすすめのバナー掲載方法へ進む

目次へ戻る


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

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


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


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


おすすめのバナー掲載方法へ進む

目次へ戻る



2. Bloggerでのバナー掲載方法
おすすめのバナー掲載方法

Blogger管理画面から、新しい投稿をクリックし、新規記事投稿画面に移動してください。
左上にあります、①のHTMLをクリックしてください。
本文枠内で右クリックし、②の貼り付けをクリックしてください。スマートフォンからの場合は、本文枠内でペーストしてください。
貼り付けまたはペーストが成功しましたら、③のようなバナーhtmlが表示されます。
適当なタイトルを入れ、記事を書きましたら、右上の公開をクリックしてください。


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


目次へ戻る



3. その他の掲載方法



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

Blogger管理画面の左の欄から、①の投稿をクリックします。
クリックしますと、全ての投稿の一覧がみれますので、②のようなバナーを掲載したい記事のタイトルをクリックしてください。
その後は、新規記事と同様の方法でバナーが掲載できます。


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


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

目次へ戻る


ヘッダー・サイドバー・フッタへのバナー掲載方法

Blogger管理画面の左の欄から、①のレイアウトをクリックしてください。
サイドバー(下)の欄にあります、②のガジェットを追加をクリックしてください。


新しいページが出てきますので、そこから③のテキストをクリックしてください。


テキストの設定画面で、コンテンツ枠内で右クリックし、④の貼り付けをクリックしてください。スマートフォンからの場合は、本文枠内でペーストしてください。
貼り付けまたはペーストが成功しましたら、⑤のようなバナーhtmlが表示されます。
適当なタイトルを入れましたら、⑥の保存をクリックしてください。


サイドバー(下)の欄に今追加したものが表示されましたら、右上の配置を保存をクリックしてください。
また、サイドバーだけでなく、ヘッダーやフッタにもバナーを表示することができます。
先ほど追加したものを、⑦のように左クリックを押しながら掲載したい欄まで持っていき置いてください。必ず右上の配置を保存をクリックしてください。


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


その他の掲載方法へ戻る

目次へ戻る