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

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 ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)