お役立ちスマホツール 動画解説
ブランディング&ビジネス構築
洗練ブランディングプロデューサー
テーブルフォトグラファー養成講座
木嶋 菜穂子 です
お問い合わせの多い
アメブロカスタマイズについて、
ヒントになるよう
まとめていきますね
前回の続きで、
「アメブロでもできる
オンリーワンブランディング」
そのために
ぜひ活用したいのが、
サイドの部分
自分の理想のライフスタイルを
叶えるための
「ビジネス」として
ブログを書いているなら。
ブランディングや
仕組み化は必須。
アメブロでもできること、
お伝えしていきますね!
先日ご紹介した、
使いたい画像を載せたら、
次のステップへ
リンクを貼って動線を作りましょう
サイドにおく画像、
その目的は、ズバリ
「動線づくり」
です。
載せる情報は、
メディア実績
メルマガ
キャンペーン
<バナー>
本命商品
今月のメニュー
<各SNSへのリンク>
インスタ
フェイスブック
などなど。
今日の記事を読んで、
その目線の先に
次に繋がる流れを作っておきましょう。
リンクって、どうやるの?
前回設定した、
「フリースペース編集」
前回、貼りたい画像を選択して、
サイドの幅にあうように、
幅を調整しましたね。
<a href="https://stat.ameba.jp/user_images/20170619/13/livingbeaute/8b/d6/p/o2246090813964167199.png">
<img alt="" contenteditable="inherit" src="https://stat.ameba.jp/user_images/20170619/13/livingbeaute/8b/d6/p/o2246090813964167199.png" width="300">
</a>
ここまでやりました。
リンクは、ブルーの文字の部分です。
この
の部分に、
入れたいリンクに変えます。
(前後の " " を消さないように注意!)
<a href="https://ameblo.jp/livingbeaute/entry-12285076553.html
">
">
<img alt="" contenteditable="inherit" src="https://stat.ameba.jp/user_images/20170619/13/livingbeaute/8b/d6/p/o2246090813964167199.png" width="300">
</a>
最後は、このままコピペ!
これで
リンクつき画像用のコードが
できました!
あとは、
フリースペースにはるだけ。
![下矢印](https://stat100.ameba.jp/blog/ucs/img/char/char3/121.png)
![下矢印](https://stat100.ameba.jp/blog/ucs/img/char/char3/121.png)
設置完了♡
慣れてきたら、
2画面あけて
見ながらコピペ
すると早いです![デレデレ](https://stat100.ameba.jp/blog/ucs/img/char/char3/047.png)
![キラキラ](https://stat100.ameba.jp/blog/ucs/img/char/char3/088.png)
![デレデレ](https://stat100.ameba.jp/blog/ucs/img/char/char3/047.png)
![キラキラ](https://stat100.ameba.jp/blog/ucs/img/char/char3/088.png)
![メール](https://stat100.ameba.jp/blog/ucs/img/char/char3/331.png)
無料メルマガ ご登録はこちら
上質で洗練された【名刺】オーダー
毎月満枠!7月 残1枠!