【楽天ROOMはじめました】はてなブログへのバナーの貼り付け方
こんにちは。あいちゃんです。
先日、今まで読んできた本を楽天ROOMにまとめてみました。
この投稿では、
「楽天ROOMの始め方」と「はてなブログのサイドバーにバナーを固定する方法」
について書いています。
わたしの楽天ROOMでは、このブログで紹介していない本もまとめています。
楽天ROOMのはじめ方
楽天ROOMを開き、「アカウント登録/ログイン」をタップ。
楽天のアカウントを持っていない場合
指示に従って、楽天のアカウント作成から始めます。
楽天のアカウントを持っている場合
楽天ID・パスワードを入力してログインします。
そのあとは、画面の指示に従ってプロフィールを作成します。
マイROOMに商品を追加する方法
マイROOM右上にある「楽天市場」をクリックします。
新しいウィンドウで楽天市場が立ち上がります。
マイROOMに乗せたい商品を検索して、商品詳細の画面で「ROOMに投稿する」をクリックします。
すると、マイROOMへの投稿画面に移ります。
コメントを記入して「完了」をクリックすれば、投稿完了です。
楽天ROOMのバナーを、はてなブログのサイドバーに固定する方法
バナーのHTMLコードを作成する
楽天ROOMのバナーの作り方は、くうかさんのブログを参考にしました。
こちらのブログに、楽天ROOMの公式バナーや、HTMLコードをコピー&ペースト出来る形式で書いてくださっていました。(2022/07/11時点)
ありがたすぎます…!
くうかさんが公開してくれているコードにマイROOMのURLを当てはめれば、自分用のコードが完成します。
HTMLコードをサイドバーに固定する方法
ダッシュボード左側の「デザイン」を選択します。
真ん中の「カスタマイズ(スパナマーク)」をクリックします。
「サイドバー」を選択します。
1番下の「+モジュールを追加」をクリックします。
下にスクロールして「</>HTML」を選択します。
作成したコードを貼り付けて、「適用」をクリックします。
これで作業完了です!
ブログ画面を確認すると、サイドバーの下の方に楽天ROOMのバナーが追加されていると思います。
ブログのカスタマイズができると、ちょっぴり嬉しい気持ちになりますね(^^♪
おわりに
今回は、楽天ROOMの作成とはてなブログへの貼り付けを行いました。
お気に入りの商品をコレクションするのは、自分だけの宝箱を作っているみたいでワクワクしますね。
ほかの方のROOMで「欲しいものコレクション」を見かけたので、お買い物リストとしての利用方法もあるみたいです。
みなさんも楽天ROOMを楽しんでください(^^)