インスタグラムのフォローボタンをワードプレスのブログに設置する方法

インスタグラムのフォローボタンをワードプレスのブログに設置する方法

Masakiです。

インスタグラムってあなたは
ビジネスで使っていますか?

Facebookha使わないけれど
インスタグラムは使っているよって人も
中には多いようですが主に写真の投稿が多いことで
有名人も使用している人も多いんですよね。

やはりブログだと文章能力が大事になるので
苦手意識を持つ人も多いですが、
写真で一言投稿するだけで伝えられるのが
人気の理由の1つでもあります。

私もインスタグラムは不定期ですが
投稿しています。

Masakiのインスタグラム

以前までインスタグラムでは
先程のページからブログなどに埋め込む
インスタグラムのフォローボタンのタグを
取得できたのですが、それができなくなりました。

中にはブログなどに自分のインスタグラムの
フォローボタンを埋め込みたいけれどできなくて
困っている人もいるかと思います。

というわけでインスタグラムの
フォローボタンを設置する方法を
動画でとりました。

まずはこちらのリンクに
アクセスしてください。

https://www.instagram.com/developer/

ログインした状態で
overviewを選択します。

そうすると右上に自分の
インスタグラムのアイコンが出ると思います。

そこをクリックするとバナーという項目が
あると思うのでそれをクリックします。

そして自分の表示させたい
バナーの種類を選択しましょう。

そうするとコードが出ます。

私の場合であれば、

<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min–moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }</style>
<a href=”https://www.instagram.com/instanetmasa/?ref=badge” class=”ig-b- ig-b-v-24″><img src=”//badges.instagram.com/static/images/ig-badge-view-24.png” alt=”Instagram” /></a>

のように出ますので、
これをワードプレスであれば
HTMLを表示できるテキスト側のほうへ
貼り付けます。

これだけでインスタグラムの
フォローボタンが設置OKです。

こんな感じで私も設置できました。
ついでにフォローもよろしくです。

Instagram

私のメルマガではネットビジネスで
稼ぐためのテクニックや思考を
発信しています。

無料ですのでまだの場合は
こちらからご登録下さい。

友だち追加


コメントを残す

cyousen
*メールアドレス
*お名前(姓)

サブコンテンツ