lisz-works

技術系だけど関係ないこと多い系ブログ

かわいいフォローボタンを付ける方法

【スポンサーリンク】

フォローボタン

どうもlisです。

コチラのサイトに載っているかわいいフォローボタンを設置しました。

georges.hatenablog.jp

そこでわかりづらかった点についての捕捉を書いていこうと思います。

内容

こちらのサイトを参考にしました。 georges.hatenablog.jp

コピペOKと銘打っているだけあって、ほんと簡単でした。

わかりづらかった点について

分かりづらかった点をメモしておきます。

はてなの読者になるボタン

こちらのサイトは、はてなのドメインを使っていたので、独自ドメインの場合が不明でした。

試したところ独自ドメインも同様に、「http://」を除いたアドレスを設定するでOKでした。

僕の場合は、「www.lisz-works.com」です。

FeedlyのURL

Feedlyは自分のページのURLとのことでしたが、なんだっけ?となりました(笑)

答えは、Feedlyボタンを作成したときに出てくるURLでOKのようです。

Feedlyボタンは、下記ページから作成できるモノです。

www.feedly.com

こちらで作成すると、このようなコードが出てきます。

<a href='http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fwww.lisz-works.com%2Ffeed'  target='blank'><img id='feedlyFollow' src='http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-medium_2x.png' alt='follow us in feedly' width='71' height='28'></a>

この中のうち、「href=‘★'」の★に当たる場所ですね。このURLを設定すればOKでした。

あとがき

ほんとこういうの載せてくれているブログとか、ありがたいの極みです。

Web系やデザイン系は、全然なので、こういうのを提供してくれて簡単にブログが綺麗になるとか、ほんとありがたいの極みです(2回目)。