ムラゴン ホーム
SSブログ（旧So-net）へのバナー掲載方法
2019年2月1日
現在ブログ村全面リニューアルに伴い、
サポート記事の内容が古い情報の場合がございます。
ご不便をおかけして申し訳ございませんが、リニューアル完了後に修正予定でございますので何卒ご了承のほどよろしくお願い申し上げます。
・【重要】ブログ村システムの全面リニューアル 及び サービスや機能の新設・統廃合 - にほんブログ村からのお知らせ
1. にほんブログ村バナーhtml取得方法
2. SSブログ（旧So-net）でのバナー掲載方法
3. その他のバナー掲載方法はこちら (細かく設定したい方向け)
にほんブログ村の右上にある、①のマイページをクリックしてください。
マイページに移動しましたら、②のランキング用バナーをクリックしてください。
ランキング用バナー移動した後に、以下のようなバナーhtmlがありますので、③のタグコピーをクリックしていただくと、バナーhtmlが取得できます。
※上記の方法でうまくいかない方はこちらをご覧ください
上記の方法でうまくいかない方は、以下のようにhtmlを範囲選択した後に、範囲選択枠内で右クリックをするとコピー欄がでますので、コピーをクリックすると取得できます。
以上でバナーが取得できますので、お試しくださいませ。
にほんブログ村の右上にある、①のマイページをタップしてください。
マイページに移動しましたら、メンバー・コンテンツ管理メニュー内にある、②のランキング用バナーをタップしてください。
ランキング用バナー移動した後に、以下のようなバナーhtmlがありますので、③のように範囲選択しコピーしていただくと、バナーhtmlが取得できます。
以上でバナーが取得できますので、お試しくださいませ。
はじめに定型文の設定を行います。
SSブログ（旧So-net）管理画面から、①の設定をクリックしてください。
設定をクリックしましたら、②の定型文設定をクリックしてください。
定型文の設定で、定型文枠内で右クリックし、③の貼り付けをクリックしてください。
貼り付けが成功しますと、④ようなバナーhtmlが表示されます。
ラベルに適当な名前を入れ、⑤のリストに追加をクリックしてください。
上のタブから、⑥の新規作成をクリックしてください。
適当なタイトルを入れ、記事を書きましたら、⑦の定型文のアイコンをクリックしてください。
※リッチエディタでない方は、定型文と書いてあるボタンをクリックしてください。
先ほど設定した定型文の、⑧挿入するをクリックしてください。
定型文の登録が成功していますと、バナーが本文に表示されます。
以上で完成しますので、お試しくださいませ。
スマートフォンからバナーを掲載するには、PCモードに切り替えて、定型文を作成する必要があります。
SSブログ（旧So-net）管理画面の下にあります、PC版をタップしてください。タップするとPC版に切り替わりますので、PCと同様の方法で定型文を設定してください。
PCでのバナー掲載方法へお進みください。
PCからのバナー掲載方法
SSブログ（旧So-net）管理画面から、上のタブにあります、①の新規作成をクリックしてください。
適当なタイトルを入れ、記事を書いた後に、②のソースコードのアイコンをクリックしてください。
ソースコード枠内で右クリックし、③の貼り付けをクリックしてください。
貼り付けが成功しますと、④のようなバナーhtmlが表示されます。
表示されましたら、⑤のOKをクリックしてください。OKをクリックすると、バナーが表示されます。
以上で完成しますので、お試しくださいませ。
SSブログ（旧So-net）管理画面から、上のタブにあります、①の新規作成をクリックしてください。
本文枠内で右クリックし、②の貼り付けをクリックしてください。
貼り付けが成功しますと、③のようなバナーhtmlが表示されます。
適当なタイトルを入れ、記事を書いた後に、④の保存をクリックしてください。
以上で完成しますので、お試しくださいませ。
SSブログ（旧So-net）管理画面から、上のタブにあります、①の記事管理をクリックします。
記事一覧から、②のようなバナーを掲載したい記事のタイトルをクリックします。
その後は、エディタごとに方法が異なるので、自分が用いている環境に合わせてお進みください。
下から、リッチエディタを利用しているかしてないかを選び、お進みください。
SSブログ（旧So-net）管理画面から、上のタブにあります、①のデザインをクリックしてください。
デザインをクリックしましたら、②のレイアウトをクリックしてください。
レイアウト画面の左の欄にあります、③のサイドコンテンツをクリックしてください。
サイドコンテンツ内にありますカスタムペインを、④のように左クリックを押しながら、サイドバー欄の適当な場所に入れます。
サイドバー欄内にあります、⑤のカスタムペインをクリックします。
カスタムペインの自由入力欄の枠内で右クリックし、⑥の貼り付けをクリックします。
貼り付けが成功しますと、⑦のようなバナーhtmlが表示されます。
⑧の設定を保存するをクリックしてください。
⑨の設定を保存するをクリックしてください。
PCから観られる設定は以上ですが、引き続き携帯から観られる設定も行ってください。
⑩のレイアウト(携帯)をクリックし、PCの設定と同じように設定してください。
以上で完成しますので、お試しくださいませ。
