お申し込みボタンが画像なしで簡単に作れます！

こんにちは。
『やさしいブログの作り方』の松田です。

ブログからお申し込みやご予約を頂く際、テキストリンクよりもボタン画像があるとわかりやすい場合があります。

画像を作るのは面倒、わからないという方のために、ＨＴＭＬタグだけでボタン画像（風）のものを作ることができます。

お申込はこちらをクリック


↑こんな感じです。


以下に色サンプルをいくつか書いておきますので、使いたい色のボタンのＨＴＭＬタグをコピーしてお使いくださいませ。＾＾

お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#bfa469;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#3b5998;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#ff1493;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#006600;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#dc143c;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#ff8080;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#666666; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#e6e6fa;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#4169e1;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#009DBF;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#32cd32;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#ffa500;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#ffffff; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#d2691e;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />


お申込はこちらをクリック
<a href="リンク先のアドレス" target="_blank" style="color:#666666; font-weight:bold; text-decoration:none; line-height:5.0;"><span style="margin:3px; padding:15px 30px; background:#F5F5DC;border-radius:25px; box-shadow:3px 3px 3px #999999;">お申込はこちらをクリック</span></a><br /><br />
 
【注意点】
リンク先のアドレスのところは実際のリンク先のアドレス（メールフォームのアドレスなど）に置き換えて下さい。
お申込はこちらをクリックのところは自由に変えられますが、文字数が長いと割れてしまうので１０文字程度にしてください。



最後までお読みいただきありがとうございました。
 
お知らせ
ご登録頂くと、ＬＩＮＥ＠スタートアップセミナーをプレゼント！
やさしいブログのＬＩＮＥ＠のご登録はこちらから

リリースした３冊の書籍をすべて無料公開！
新メールマガジンにご登録いただいた方全員にプレゼント！