はてなブログでインスタフォローボタンを設置してみた!

f:id:nunkoro01:20180720130942j:image

 

はてなブログでインスタフォローボタンを設置してみた!

 

こんにちわん!ぬんです!

 

今回は、はてなブログでインスタのフォローボタンを設置してみた!のでその方法をお伝えします。

 

基本的には、サルワカさんのこちらの記事を参考にしながら、設置していきました。

 

とっても簡単ですので、ぜひ皆さんも参考にしてみてください!

 

saruwakakun.com

 

まずは、インスタにログインし、マイページのURLをコピー

 

まずは、インスタにログインし、マイページにいきます。

そのページのURLをコピーします⇩

 

https://www.instagram.com/nunkoro/?hl=ja

 

このURLの後ろに

?ref=badge

 を追加します。

 

すると、僕の場合このようになります⇩ 

https://www.instagram.com/nunkoro/?hl=ja?ref=badge

 

このURLを、以下のコードの#の部分にコピペします。

<a href="#" class="insta_btn2">
<i class="fab fa-instagram"></i> <span>Follow Me</span>
</a>

 

これをインスタボタンを設置したいところにコピペします。

僕の場合は、サイドバーにHTMLとしてコピペしました。

 

次に、好きなデザインを選ぶ

 

次に、サルワカさんの上記の記事から、好きなインスタのフォローボタンのデザインを選びます。

 

そして、サルワカさんに書かれている通り、CSSコードをコピペします。

 

すると、このブログのサイドバーのようなインスタフォローボタンが完成します!

 

もし、アイコンが正しく表示されないという人は、FontAwesomeが導入されていない可能性がありますので、こちらもサルワカさんのこちらの記事を参考に導入してみてください。

 

saruwakakun.com

 

まとめ

 

以上が、

はてなブログでインスタフォローボタンを設置してみた!

でした!

 

ぜひとも、このブログの中の人、ぬんのインスタもフォローしてみてください。

 

まだ投稿は少ないですが、「旅っぽ」という名の通り、夏休みにはいくつか旅を企画しています。

 

そんな旅の様子をインスタに投稿できたらなと思っています。

 

ぜひフォローよろしくお願いします!

 

※現在は諸事情により、インスタフォローボタンを非表示にしています。

 

 

この記事はこれでおわりです!

この記事に共感してくれた方は、記事下のシェアするボタンをポチッと。

このブログの更新情報を受け取りたい方は、TwitterFeedlyのフォローボタンを。

はてなアカウントをお持ちの方は読者登録をぜひお願い致します。