コピペするだけでアメブロでも使える色別シンプルなリンクボタン

こんにちは
神奈川県横浜で女性起業家のアメブロカスタマイズ、ホームページ制作を中心にやっています もりかわゆきえ です

コピペするだけでアメブロでも使える色別シンプルなリンクボタンのソースコードを作ってみました

そんなに難しくはないのでボタンの色を変えたり、テキストの色を変えたり、アレンジも可能です

ぜひ使ってみてくださいね


オレンジ

お問い合わせはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FE642E; color:#FFFFFF; font-size:16px; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; font-weight:bold;">お問い合わせはこちら</a>

お申込みはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FE642E; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">お申込みはこちら</a>

詳細はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FE642E; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">詳細はこちら</a>

読者登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FE642E; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">読者登録はこちら</a>

メルマガ登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FE642E; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">メルマガ登録はこちら</a>

ピンク

お問い合わせはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FF3366; color:#FFFFFF; font-size:16px; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; font-weight:bold;">お問い合わせはこちら</a>

お申込みはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FF3366; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">お申込みはこちら</a>

詳細はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FF3366; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">詳細はこちら</a>

読者登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FF3366; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">読者登録はこちら</a>

メルマガ登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#FF3366; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">メルマガ登録はこちら</a>

ブルー

お問い合わせはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#0080FF; color:#FFFFFF; font-size:16px; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; font-weight:bold;">お問い合わせはこちら</a>

お申込みはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#0080FF; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">お申込みはこちら</a>

詳細はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#0080FF; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">詳細はこちら</a>

読者登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#0080FF; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">読者登録はこちら</a>

メルマガ登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#0080FF; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">メルマガ登録はこちら</a>

グリーン

お問い合わせはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#04B404; color:#FFFFFF; font-size:16px; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; font-weight:bold;">お問い合わせはこちら</a>

お申込みはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#04B404; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">お申込みはこちら</a>

詳細はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#04B404; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">詳細はこちら</a>

読者登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#04B404; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">読者登録はこちら</a>

メルマガ登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#04B404; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">メルマガ登録はこちら</a>

ブラウン

お問い合わせはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#8A4B08; color:#FFFFFF; font-size:16px; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; font-weight:bold;">お問い合わせはこちら</a>

お申込みはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#8A4B08; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">お申込みはこちら</a>

詳細はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#8A4B08; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">詳細はこちら</a>

読者登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#8A4B08; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">読者登録はこちら</a>

メルマガ登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#8A4B08; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">メルマガ登録はこちら</a>

ブラック

お問い合わせはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#000; color:#FFFFFF; font-size:16px; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; font-weight:bold;">お問い合わせはこちら</a>

お申込みはこちら

<a href="リンク先アドレスを入れてね" style="background-color:#000; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">お申込みはこちら</a>

詳細はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#000; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">詳細はこちら</a>

読者登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#000; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">読者登録はこちら</a>

メルマガ登録はこちら

<a href="リンク先アドレスを入れてね" style="background-color:#000; padding:10px; border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display:inline; text-decoration:none; color:#FFFFFF; font-weight:bold;">メルマガ登録はこちら</a>



にほんブログ村


にほんブログ村

伝言板

毎月限定2名様 アメブロカスタマイズ

毎月2名様限定でアメブロカスタマイズ承ります。

募集定員　毎月2名限定

詳細・申込みはこちら

子連れOK　川崎・横浜　起業ママの異業種交流会

日時　2月19日（金）11：00～
場所　ららぽーと横浜の飲食店
テーマ　集客のためのFacebook活用法
定員　5名

お問い合わせはこちら

起業ママのアメブロ・ウェブサイト・ITサポート　yukiwebマガジン

起業ママをIT方面からサポートするためにウェブサイトやアメブロの運営などあれこれをメルマガにて不定期に発行！

読者様には優先的にイベントのお誘いや各種割引サービスなども実施しています。

メルマガ登録はこちら