Swift

Cara Memasang Widget Instagram di Blog

Instagram reyhan_rohman

Ada yang belum punya instagram? Media sosial satu ini memang belakangan makin diminati, terkhusus bagi orang yang gemar mengekspresikan diri lewat foto, apalagi bagi fotografer untuk pamer hasil jepretannya. Dan semakin ke sini juga banyak orang yang jualan di instagram dan hasilnya memang luar biasa laris. Lalu kali ini kita akan membahas tentang cara memasang widget instagram di blog.

Memang dunia instagram sekarang sulit dipisahkan dari keseharian. Orang-orang kerap memposting kegiatan mereka setiap saat. Mereka pun dapat bisa dengan bebas berekspresi di media sosial yang mengkhususkan untuk mengunggah foto.

Nah nanti tampilan widgetnya akan seperti ini:

Instagram

Widget itu digunakan untuk menghubungkan blog dengan instagram, jadi jika ada orang yang ingin melihat instagram Anda, tinggal klik icon seperti di atas. Bisa dikatakan widget tersebut adalah jalan pintas menuju instagram kita. Jadi bisa memudahkan pengunjung blog yang kepo instagram kita, bukan? Instagram kita juga makin mudah diakses.

Nah sekarang bagaimana cara memasang widget instagram di blog? Langsung saja kita belajar bersama:

1. Copy kode scrip yang suda kami sediakan 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/reyhan_rohman?ref=badge" class="ig-b- ig-b-v-24"><img src="//badges.instagram.com/static/images/ig-badge-view-24.png" alt="Instagram" /></a>
2. Sekarang buka dulu blog kamu dan masuk ke dalam panel atau menu tata letak.

3. Klik add widget atau tambahkan gadget di sidebar mana untuk menempatkan widget instagram tersebut. Kamu bisa meletakkannya di samping postingan atau di bawah, itu terserah kamu dan menyesuaikan dengan template yang kamu gunakan.

4. Otomatis akan membuka jendela baru dan terdapat beberapa pilihan widget yang ingin dimasukkan. Pilih HTML/Java Script nanti akan masuk ke kotak HTML.

5. Pastekan kode yang sudah di-copy di atas ke dalam kotak HTML tersebut.


 6. Ubah kode yang di-blog di atas (atau berwarna biru tersebut) dengan akun instagram-mu. Kemudia klik Simpan.

7. Buka blog kamu dan widget instagram sudah terpasang di blog kamu.

Bagaimana? cara memasang widget instagram di blog sangat mudah, bukan? Setelah ini mungkin instagrammu akan kerap dikunjungi orang yang kebetulan berkunjung ke blogmu. Sekarang blog mu pun sudah kekinian. Hehe.

You Might Also Like

2 komentar

Silahkan tinggalkan jejak komentar, kesan ataupun saran. Sehingga dapat menjadi pelajaran untuk menyempurnakan tulisan, maupun desain blog ini. Komentar Anda adalah semangat saya ^_^ Terima kasih