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サイトにぴったりなデザインに仕上げられます
PR
COMMENT