\裏方起業を応援します!/
魅せる資料作成プランナー
小松あさみです。
お仕事でブログを使うなら
サイドバーの活用がおすすめ♡
なぜなら、
きちんと感が出てブログが
一気にプロっぽくなるし
自身のサービスや各種SNSへの
導線ができるから♡
サイドバーとは?
\ブログ記事サイドのここの部分/
サイドバーにバナーを設定する
手順は以下のとおりです✨
STEP 0 画像を作成
STEP 1 画像をアップロード&リンクの貼り付け
STEP 2 コードを取得
STEP 3 コードの貼り付け
※STEP 0の画像の作成は今回の解説には含みません。
ちなみに、
用意する画像の「横幅」は
ブログのレイアウトによって決まります。
<参考>
2カラムの場合:300px
3カラム(狭い方)の場合:200px
3カラム(広い方)の場合:300px
※画像の高さはご自由に設定してください✨
では、早速✨
STEP 1 から解説していきます!
STEP 1 画像をアップロード&リンクの貼り付け
アメブロにて
新規記事の作成画面を開きます。
\サイドバーに載せたい画像を挿入/
それぞれの画像に
リンクを貼り付けます。
\画像をクリック→リンクの挿入/
\リンクの貼り付け/
※最初に表示されている画像のリンクは消してOK!
※飛ばしたいリンクを挿入します!
STEP 2 コードの取得
記事作成ページの1番下にある
\「HTML表示」をクリック/
\すべて選んでコピー/
STEP 3 コードの貼り付け
コードを取得したら「管理トップ」に戻ります。
※先ほどの記事は保存しなくてもOK!
※私は変更したい時にすぐ修正できるように
「下書き保存」してあります。
\設定・管理からフリースペース編集を選択/
\コードの張り付け/
\プレビューで確認/
\余計な余白が入っている時は?/
フリースペースの編集画面で
</p>のタグを消すとスペースがなくなります💡
調整が終わったら「保存」
フリースペースの設定が終わったら
配置設定でフリースペースを
配置するのもお忘れなく✨
最後に、ブログTOPで
画像をクリックして
リンク先に飛ぶことを
確認できたら完了です♡
以上、
アメブロサイドバーの設定方法を
お届けしました✨
よかったらみなさんも
トライしてみてくださいね♪
それでは、今日も
裏方起業ライフを楽しみます♡
人気記事
▷ 評価が上がる資料作成のコツ♡画像を扱う3つのポイントを教えます
▷ 3分で分かる!おしゃれな資料を作る「センス」と「実務スキル」の高め方
▷面倒なフォント変更が一瞬でできる♡パワポの便利機能をご紹介
\仕事に役立つ情報や勉強法を発信中!/
\女性起業家のサービスをワンランク上に魅せる/
<受付中>
✔︎ 講座スライド作成
✔︎ 講座テキスト作成
✔︎ レジュメ作成
✔︎ 特典資料作成 など
その他、制作物にも対応可能♡
お気軽にご相談ください^^
▷ご提供メニューはこちら
▷お仕事のご依頼はこちら
▷制作事例のご紹介はこちら
\裏方起業を楽しむコツをお届け♡/
▷毎週月,水,金曜日の朝8時に配信
>>QRコードはこちらから
もしくはLINEの友達検索から<@komako>で登録できます。
”@”を忘れずに♡