先日バナー 初挑戦いたしました。
デコレーションアーティストの北村真衣です
やり方がわからない人の為にバナーの貼り付け方を書きたいと思います。
といいますか、私も初心者の為詳しくわかりません。専門的なことは省きますのでご了承くださいませ。。ＵＲＬとかＨＴＭＬとかしらなくても大丈夫！
http://からはじまるやつかな？くらいに思いながらはじめてみましょう(*^_^*)
〈パソコン〉
①まず、バナーにしたい画像を用意してください。
私はお問い合わせフォームのバナーを作りながら説明したいと思います。
〔↑私がバナーにしたい画像はコチラです。〕
②画像データのＵＲＬを用意しましょう
画像データには必ずＵＲＬが存在します。どこかに貼り付けたら右クリックするとプロパティで見れます。
色々やり方がありますが、まずアメブロ記事にこの画像だけ貼り付けてみましょう記事の編集画面下にＨＴＭＬタグを表示とあるのでクリックしてください。
するとごちゃごちゃしてますがよく見ると
【 http://からはじまり.jpg 】
などで終わるＵＲＬが出てきます。
これが問い合わせ画像のＵＲＬです。
何かにコピーしておいて下さい。②
③バナーをクリックした時のリンク先のＨＴＭＬを用意します。
私の場合BASEでネットショップを運営しているのでこちらの問い合わせに飛ぶように設定したいと思います。http://③こちらもコピーしておいてください。
<a href="リンク先のＨＴＭＬ"><img src="バナー画像のＵＲＬ" /></a>
⑤さて、最後になります。
④にリンク先のＨＴＭＬとバナー画像のＵＲＬを当てはめてください。
完成です！
完成しましたらコピーして保存しておきましょう。私は携帯のメモ機能にもこの完成したバナーをいれてあります。
携帯からBlogを書いてバナーを貼ってみよう！！
パソコンではなく、携帯から簡単にアップしたいですよね。
携帯でBlog記事を書くと記事を書き終えたら右上の入力完了ボタンを押します。すると右下にタグ編集と出てくるので押します。アルファベットや記号ばかりが並ぶページになりましたか？
そしてその一番下に先程完成した
<a href="リンク先のＨＴＭＬ"><img src="バナー画像のＵＲＬ" /></a>
を貼りましょう！
そしてプレビューで確認してみてください。
バナーが現れましたか？
↑私が今回作成した
お問い合わせフォームのバナーです♡
完成いたしました。
せっかくなのでもし宜しければ私のもclickしてみてくださいね✨
この記事に関する質問はお問い合わせフォームにはご遠慮くださいませ。
ーⓂ︎aiー