MENU

【楽天ROOMはじめました】はてなブログへのバナーの貼り付け方

 

こんにちは。あいちゃんです。

 

先日、今まで読んできた本を楽天ROOMにまとめてみました。

 

この投稿では、

楽天ROOMの始め方」と「はてなブログのサイドバーにバナーを固定する方法」

について書いています。

サイドバーにリンクを固定してます。

わたしの楽天ROOMでは、このブログで紹介していない本もまとめています。

 

 

楽天ROOMのはじめ方

楽天ROOMを開き、「アカウント登録/ログイン」をタップ。

room.rakuten.co.jp

楽天のアカウントを持っていない場合

指示に従って、楽天のアカウント作成から始めます。

 

楽天のアカウントを持っている場合

楽天ID・パスワードを入力してログインします。

そのあとは、画面の指示に従ってプロフィールを作成します。

 

マイROOMに商品を追加する方法

マイROOM右上にある「楽天市場」をクリックします。

 

新しいウィンドウで楽天市場が立ち上がります。

マイROOMに乗せたい商品を検索して、商品詳細の画面で「ROOMに投稿する」をクリックします。

「ROOMに投稿する」バナーは画面右側に小さく表示されています。

すると、マイROOMへの投稿画面に移ります。

コメントを記入して「完了」をクリックすれば、投稿完了です。

 

楽天ROOMのバナーを、はてなブログのサイドバーに固定する方法

バナーのHTMLコードを作成する

楽天ROOMのバナーの作り方は、くうかさんのブログを参考にしました。

www.kurasitotonoe.com

 

こちらのブログに、楽天ROOMの公式バナーや、HTMLコードをコピー&ペースト出来る形式で書いてくださっていました。(2022/07/11時点)

ありがたすぎます…!

くうかさんが公開してくれているコードにマイROOMのURLを当てはめれば、自分用のコードが完成します。

 

HTMLコードをサイドバーに固定する方法

ダッシュボード左側の「デザイン」を選択します。

 

真ん中の「カスタマイズ(スパナマーク)」をクリックします。

 

「サイドバー」を選択します。

 

1番下の「+モジュールを追加」をクリックします。

 

下にスクロールして「</>HTML」を選択します。

作成したコードを貼り付けて、「適用」をクリックします。

 

これで作業完了です!

ブログ画面を確認すると、サイドバーの下の方に楽天ROOMのバナーが追加されていると思います。

必要に応じてバナーの位置は調整してください。

ブログのカスタマイズができると、ちょっぴり嬉しい気持ちになりますね(^^♪

 

おわりに

今回は、楽天ROOMの作成とはてなブログへの貼り付けを行いました。

お気に入りの商品をコレクションするのは、自分だけの宝箱を作っているみたいでワクワクしますね。

ほかの方のROOMで「欲しいものコレクション」を見かけたので、お買い物リストとしての利用方法もあるみたいです。

 

みなさんも楽天ROOMを楽しんでください(^^)