ご訪問ありがとうございます。
ブログを始めて3ヶ月経ちますが、まだまだわからない事ばかり。そのおかげで日々学ぶことが多くて楽しいmaiです。
今日もまた一つ新しい事を覚えました。
それはブログに楽天ROOMの公式バナーを貼る方法です!
\これ/
- はてなブログ
- WordPress
- 楽天ブログ
- アメブロ
どのブログにも使えるそうです。
こうゆう作業が苦手な私でも簡単に貼れたので是非参考にしてみて下さい。
「わたしのROOM」バナーを貼り付ける場合
バナー画像をダウンロードする
楽天ROOMの公式バナーは下記のリンクからダウンロードできます。
画像を保存する方法です。
携帯の場合は画像を長押ししてダウンロード。
パソコン(MAC)の場合はcontrolキーを押したまま画像をクリック→「イメージを‘ダウンロード’に保存」
パソコン(Windows)の場合はバナーの上で右クリック→「名前をつけて画像を保存」
楽天ROOMの公式バナーは、下記の手順でもダウンロードすることができます。
- 楽天ROOMへログイン
- myROOM画面の右上の設定(歯車マーク)をクリック
- 「ヘルプ」をクリック
- 「よくある質問」をクリック
- 「myROOM」をクリック
- 「ブログやWebサイトに自分のmy ROOMへのリンクを貼りたいのですが、バナーはありますか?」をクリック
- ‘バナー画像をダウンロードする場合こちらからダウンロードしてご利用いただけます’ の「こちら」をクリック
- 上記の携帯・PC別の方法で画像を保存すればOKです
ブログに「わたしのROOM」バナーを貼り付ける
画像を保存したら、自分の楽天ROOMのURLを調べます。
携帯の場合は、アプリで自分の楽天ROOMを開き、設定(歯車マーク)をクリック。次にプロフィール編集を開き、「ROOM URL」の右側のマークをクリックするとコピー完了です。
↓
↓
PCの場合はMyROOMの画面の上(アドレスバー)に表示されているURLをコピーすれば簡単です。
最後に、記事作成画面でROOMのバナー画像を貼り付け、下のように選択。
リンクボタンをクリックして、楽天ROOMのURLをペーストし、「プレビュー」→「選択した形式でリンクを挿入」をクリックしたら完成です。
\できたかな?/
ブログにバナーを貼る場合
楽天ROOMには、
ブログ用の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に変更し保存しておくと便利です。
\こうなるよ/
ROOMのバナー画像は公式からダウンロードした物のみ使用が認められているようなので是非使って見て下さい。
これを機にROOMの整理しよ(^^;;