Pasang widget instagram di blog dari link profil instagram kamu

Cara membuat widget instagram - Instagram merupakan aplikasi sosial media yang banyak digunakan oleh banyak orang. Oleh karena itu, kali ini saya akan membagikan cara memasang widget instagram di blog.

Baca Juga: Cara mendownload gambar instagram dari pc 

Nanti hasilnya akan seperti gambar dibawah ini:

Pertama, Copy script di bawah ini:

<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="http://instagram.com/badrus.sapolos?ref=badge" class="ig-b- ig-b-v-24"><img src="//badges.instagram.com/static/images/ig-badge-view-24.png" alt="Instagram" /></a>

Keterangan :

Ganti teks warna hijau dengan link dari profil instagram kamu

Kedua, buka Blog kamu --> Tata Letak --> Tambahkan Gadget

Ketiga, akan muncul tab baru, Pilih HTML/JavaScript

Keempat, lalu pada bagian konten paste script tadi ke dalam kolom tersebut

Terakhir, Jangan lupa untuk mengklik Simpan

Hasilnya jadi kayak ini

Selamat Mencoba!