ライブドアブログでのバナー掲載方法

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

 2. ライブドアブログでのバナー掲載方法

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



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

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


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


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


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


PCでの定型文作成からバナー掲載まで

目次へ戻る


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

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




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


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


スマートフォンでの定型文作成からバナー掲載まで

目次へ戻る



2. ライブドアブログのバナー掲載方法
PCでの定型文の作成からバナー掲載まで

マイページから、①のブログの設定をクリックしてください。


ブログの設定に移動した後に、②の定型文をクリックしてください。


定型文をクリックした後に、定型文の管理画面にある、③の新しい定型文を作るをクリックしてください。


定型文下の枠内で右クリックし、④の貼り付けをクリックしてください。
貼り付けが成功すると、⑤のようにバナーhtmlが表示されます。
⑤のようになりましたら、ラベル部分に分かりやすいタイトルを入れて、⑥のOKをクリックしてください。


定型文の追加が成功しますと、⑦にように表示されます。
⑦にように追加が成功しましたら、⑧の記事を書くをクリックし、新規投稿画面に移動します。


先ほど追加した定型文を記事に入れるために、⑨をクリックします。


定型文の挿入で、先ほど追加した定型文の⑩ブログに貼るをクリックします。


すべての過程が成功しますと、⑪のようにバナーが表示されます。
⑪のようにバナーが表示されましたら、記事を書いて⑫に投稿するをクリックしてください。


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


目次へ戻る


スマートフォンでの定型文の作成からバナー掲載まで

ブログ管理ページから、①のブログの設定をタップします。


ブログの設定に移動した後に、②の定型文設定をタップします。


定型文設定に移動した後に、③の定型文を追加するをタップします。


定型文の枠内に、④のようにバナーhtmlをペーストします。
④のように貼り付けられましたら、ラベル部分に分かりやすいタイトルを入れて、⑤の追加するをタップして下さい。


追加が完了しましたら、記事を書くため、ブログ管理ページのトップに戻りまして、⑥の記事を書くをタップしてください。


記事を書く画面に移動しましたら、⑦の定型文をタップしてください。


追加が成功していますと先ほど追加した定型文のタイトルが表示されるので、⑧の定型文のタイトルをタップして下さい。


すべての過程が成功しますと、⑨のようにバナーhtmlが表示されます。
表示されましたら、記事を書いた後に、⑩の更新するをタップしてください。


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


目次へ戻る



3. その他の掲載方法

 PCからのバナー掲載方法

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



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

ライブドアブログのブログ管理画面からブログを書くをクリックし、①のHTMLタグ編集に切り替えてください。
枠内で右クリックすると貼り付け欄がでますので、②の貼り付けをクリックしてください。クリックすると先ほどコピーしたバナーhtmlの貼り付けられます。
貼り付けが成功すると、③のような文が表示されます。
ブログの記事を書いた後に、④の投稿をクリックしてください。


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


その他の掲載方法へ戻る

目次へ戻る


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

マイページからバナーを掲載したい記事の編集をクリックしてください。
その後は、新規記事と同じ方法で、バナーが掲載できます。


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


その他の掲載方法へ戻る

目次へ戻る


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

マイページから、①のブログの設定をクリックしてください。


ブログの設定に移動した後に、②のデザイン/ブログパーツ設定のブログパーツをクリックしてください。


ブログパーツに移動した後に、自由なカスタマイズ用の欄にあるフリーエリアを、③のように長押ししながら左のBの欄へ移動させてください。


移動させた後に、④のフリーエリアの設定ボタンをクリックしてください。


枠内で右クリックすると貼り付け欄がでますので、⑤の貼り付けをクリックしてください。クリックすると先ほどコピーしたバナーhtmlの貼り付けられます。
貼り付けが成功すると、⑥のような文が表示されます。
貼り付けが確認できましたら、⑦の保存をクリックしてください。


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


その他の掲載方法へ戻る

目次へ戻る


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

本文の枠内にバナーhtmlをペーストして、記事を書いた後に更新するをタップしてください。


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


その他の掲載方法へ戻る

目次へ戻る


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

ライブドアブログの記事一覧から、バナーを掲載したい記事をタップします。
その後は、新規記事と同じ方法で、バナーが掲載できます。


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


その他の掲載方法へ戻る

目次へ戻る


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

ブログ管理ページから、①のデザイン設定をタップします。


デザイン設定に移動した後に、②のレイアウトを選択してください。


レイアウトに移動した後に、下の選択エリアで③のフリーエリアを選択してください。
フリーエリアを選択したら、④の追加するをタップしてください。


追加ができましたら、追加された⑤のフリーエリアの欄をタップしてください。


フリーエリアに移動しましたら、テキストエリアの枠内に、⑥のようにバナーhtmlをペーストしてください。
ペーストが成功しましたら、⑦の保存するをタップしてください。


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


その他の掲載方法へ戻る

目次へ戻る