Twitterのフォローボタンをテキストリンク化する方法

PR

Twitterのフォローボタン、いいのですが
やっぱりデザイン的にちょっと、WEBサイトに合わない時があるので
できればテキストリンクで実現したい

 

Twitterのフォローボタンをテキストリンク化する方法

まずはボタンを作成し、そのリンクがフォローのリンクになるのでそれをテキストリンク化すれば完了ですが不要な部分を削りました。不要な部分をとったらとてもシンプルなURLになりましたので、あとはユーザー名だけ入れ替えれば使えます

https://twitter.com/intent/follow?screen_name=9bb_

srceen_name=
このあとにユーザー名を@無しで指定します、これでフォローリンクのURLになりました

 

 

あとはaタグと組み合わせて

<a href="https://twitter.com/intent/follow?screen_name=9bb_" target="_blank">Twitter</a>

テキストを好きにCSSで装飾すればWEBサイトにぴったりなデザインに仕上げられます

Twitter

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー