HP制作先着3名様まで(残2)80,000円(税込)

ボタン風囲み枠の使い方

ボタン風囲み枠のリンクの貼り方とボタンに表示される文章の変更方法です。

STEP
囲み枠をコピー

使いたいボタン風囲み枠のコードにある四角をクリックしてコピーします。

STEP
HTML表示に貼り付け

アメブロの記事をHTML表示にして、コピーしたコードを貼り付けます。

クリックで画像拡大
STEP
リンク先アドレスをコピー

ブラウザの別タブで、ボタンのリンク先にしたいURLを開いてコピーします。

YUMI

アドレスバーを右クリックしてコピーしてくださいね

STEP
『リンク先アドレス』を選択

アメブロの記事をHTML表示にもどり『リンク先アドレス』をドラッグして選択(背景色がついた)状態にします。

クリックで画像拡大
STEP
URLを貼り付け

選択した状態で、アドレスバーからコピーしてきたURLを右クリックで『貼り付け』します。

クリックで画像拡大
STEP
ボタンの文章を選択

『ここに本文。』の部分をドラッグで選択して…

クリックで画像拡大
STEP
ボタンに表示される文章を書く

その上からボタンに表示したい文章を書きます。

クリックで画像拡大
STEP
完成!

通常表示に変えてボタンが完成しているのを確認してくださいね。

STEP
Point!リンク確認
クリックで画像拡大

下書き状態でリンクが貼れているか心配な時は、通常表示にしてボタンの上でクリックしてください。下にURLが出てきたらOKです。

YUMI

お疲れ様でした♡

share
  • URLをコピーしました!
  • URLをコピーしました!
Contents