各SNSカラーコード バナー風 文章枠

今回は、WordPress、アメブロなどで使えるバナー風の文章枠です。また、各SNSのカラーコードも載せているので、SNSのカラーコードが知りたい場合もこのページを活用いただければと思います。

SNSバナー風文章枠

Facebook #305097

Facebook

 

<div style="border: 3px solid #305097; padding: 10px; background: #305097 none repeat scroll 0% 0%; width: 300px; text-align: center;"><span style="color: #ffffff; font-size: 32px;"><strong>Facebook</strong></span></div>

Twitter #00aced

Twitter

 

<div style="border: 3px solid #00aced; padding: 10px; background: #00aced none repeat scroll 0% 0%; width: 300px; text-align: center;"><span style="color: #ffffff; font-size: 32px;"><strong>Twitter</strong></span></div>

LINE #5ae628

LINE

 

<div style="border: 3px solid #5ae628; padding: 10px; background: #5ae628 none repeat scroll 0% 0%; width: 300px; text-align: center;"><span style="color: #ffffff; font-size: 32px;"><strong>LINE</strong></span></div>

Google+ #db4a39

Google+

 

<div style="border: 3px solid #db4a39; padding: 10px; background: #db4a39 none repeat scroll 0% 0%; width: 300px; text-align: center;"><span style="color: #ffffff; font-size: 32px;"><strong>Google+</strong></span></div>

Instagram #3f729b

Instagram

 

<div style="border: 3px solid #3f729b; padding: 10px; background: #3f729b none repeat scroll 0% 0%; width: 300px; text-align: center;"><span style="color: #ffffff; font-size: 32px;"><strong>Instagram</strong></span></div>

 

ボタンにしちゃお

 

Facebook

<center><a style="margin: 2%; display: block; text-decoration: none; background-color: #305097; font-weight: bold; color: #ffffff; padding: 10px; width: 300px; box-shadow: 5px 5px 5px #AAA; font-size: 24px; text-align: center;" href="あなたのURL" target="_blank" rel="noopener"><span style="font-size: 32px;"><strong>Facebook</strong></span></a></center>

 

まとめ

サイドバーや記事の末尾などにも設置するのも良いですし、使える場所は色々あるかと思います。特にアメブロのサイドバーなど、広告が入るので、何かバナーを貼っていても目立ちにくいので、こういった色があると分かりやすいですよね。

例えば、組み合わせでこんなことが出来たりしますよ!

 


20171028 大阪・梅田
「脱キラキラ 女性経営者への道」

~目指せ月商100万円~

コメントを残す

ABOUTこの記事をかいた人

伝説プロデューサー岩本あきら

起業家、サロン経営者、人気カウンセラー、セラピスト、飲食店などにブログ、SNSを使ったマーケティング、コンサルティングを行っています。WEBサイトの制作、WEBツールの活用でサポートを行っています。