ブログにインスタグラムのフォローボタンを設置してみよう!
今回紹介する「インスタグラム フォローボタン」は、ブログにいたまま、インスタグラムをフォローできます。
とりあえず、フォローしてみて!って意味では、こちらの方が読者の皆さんの負担は減るんじゃないかなって思います。
まずはこのサイトに行ってください。
まずはこのサイトに行ってください。
1.「Sign In」をポチッとすると、あなたのインスタグラムアカウントでログインできます。
2.ボタンのサイズを3種類から選んで下さい。
3.フォロー数を表示したい方は、「Count Buble」をオンに。
4.ご自身のアカウント名を表示したい方は、「@Username」をオンに。
HTMLとJavascript、2種類のコードが作成されます。
HTMLコードは表示用です。
表示したいところに貼り付けてください。
Javascriptの方は読み込むためのもの。アメブロの場合はフリープラグインに、Wordpressは</Body>の前に貼り付けて下さい。
2.ボタンのサイズを3種類から選んで下さい。
3.フォロー数を表示したい方は、「Count Buble」をオンに。
4.ご自身のアカウント名を表示したい方は、「@Username」をオンに。
HTMLとJavascript、2種類のコードが作成されます。
HTMLコードは表示用です。
表示したいところに貼り付けてください。
Javascriptの方は読み込むためのもの。アメブロの場合はフリープラグインに、Wordpressは</Body>の前に貼り付けて下さい。
アメブロで、サイドバーに表示する場合は、HTML、JavaScriptのふたつを張り付けます。
サイドバー以外に、例えば投稿に表示する場合は、フリープラグインにJavaScriptを貼り、HTMLのコードを表示したい場所に貼り付けて下さい。
サイドバーをご覧いただくと、今回設置したフォローボタンと、以前紹介した3×3のインスタグラムの最新投稿が表示されています。
これであれば、移動することなくインスタグラムの投稿をご覧いたただき、フォローまで、ブログ上で行うことができます。
こんな感じになります。
サイドバーをご覧いただくと、今回設置したフォローボタンと、以前紹介した3×3のインスタグラムの最新投稿が表示されています。
これであれば、移動することなくインスタグラムの投稿をご覧いたただき、フォローまで、ブログ上で行うことができます。
こんな感じになります。
お試し下さい(^-^)
質問はお気軽にどーぞ。