Photo by Tim Mossholder on Unsplash
前から気になっていた赤紫のバナー
に、挑戦してみることにしました！
私にとっては手探り感が強めだったので
誰かのお役に立ったらいいな、と手順を書いてみます🔰
ROOMの始め方（PC版）
まずは、楽天IDが必要です！
そしてROOMのガイドを見るページから
ROOMをはじめるをクリック
楽天IDでログインすると登録画面が出ます。
登録するのは、
- 画像（後でゆっくり登録できるのでスルー）
- ニックネーム＝ユーザー名（後から変更できます）
- URL（※後から変更ができません！既に使われていると使えません）
次の画面で
興味があるジャンルを３つ以上選択（後から変えられるので気分で選んでOK）
これで完了！
まっさらなmy ROOMの出来上がり
ブログへのバナーの貼り方
公式バナーがあります
jpegのダウンロードは必要ありません。
HTMLで自分のROOMへのリンク付きバナーが出来ます
（下のAの「ブログにバナーを貼る場合」の方です）
my ROOMの検索ボックスの右横にある
歯車マーク⚙️の設定から
＞ヘルプ＞よくある質問＞my ROOM＞
（以下コピペ）
Q
ブログやWebサイトに自分のmy ROOMへのリンクを貼りたいのですが、バナーはありますか？
A
バナーはいずれかの方法でご利用ください。
なお、加工しての使用はご遠慮ください。
■ブログにバナーを貼る場合
ブログ用のHTMLソースは以下になります。
"ご自身のmy ROOMのURL "の部分を、ご自分のmy ROOMのURLに書き換えてご利用ください。
<center><a href="ご自身のmy ROOMのURL" target="_blank"><img src="https://room.rakuten.co.jp/campaign/bnr/common/myroom_banner.png" border="0"></a></center>
※上記リンクにて掲載される場合、事前の報告なく、削除または変更されることがあります。
■バナー画像をダウンロードする場合
こちらからダウンロードしてご利用いただけます。
※ロゴデザインに変更があった場合はバナーの掲載を終了してください。
（以上コピペ）
↑のご自身のmy ROOMのURLを入れて完成させたURLを
ブログを書く時に、HTML表示にしてコピペします。
通常表示に戻すかプレビューで確認します！
私はバナーを左寄せにしたいので「center」を「left」に変えて、
<left><a href="ご自身のmy ROOMのURL" target="_blank"><img src="https://room.rakuten.co.jp/campaign/bnr/common/myroom_banner.png" border="0"></a></left>
バナー出来ました〜
まだ空っぽのmy ROOM！どんどんアイテムを入れていきたいと思います
部屋作りみたいで楽しみ