Cara memasang widge instagram di blog

Cara memasang widge instagram  (view on instagram) di  blog

Kali ini saya akan membagikam cara memasang widge instagram pada blog kalian , tentu kalian mau kan jika saat orang membuka blog kalian ada ikon instagram (view on instagram ) atau untuk menuju ke instagram kalian

Tentu saja banyak fungsinya jika kalian memasang widge instagram pada blog kalian salah satunya orang akan tau instgram kalian dan pengikut kalian di instagram akan bertambah

Oki langsung saja  kita kecara  atau toturial nya

1.buka blog

Hal yang pertama harus kalian lakukan adalah membuka blog kalian di  www.blogger.com

Kemudian klik ikon seperti foto yang saya kasih panah dibawah ini

2.klik  tata letak

Kebetulan jika  kalian memasang widge instagram kalian , kalian tidak harus mengedit tamplate tetapi hanya menambah widge jadi lebih mudahkan ,

3.tambah gadget

Kalian bisa menambahakan gadget dimana saja sesuai posisi yang kalian suka dan ingin tampilkaan kebetulan saya meletaknya disana

4.Pilih html / javaScript

Nanti akan muncul tampilan seperti dibawah ini

5.Paste link html

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

ganti taks yang berwarna merah dengan ID INSTAGRAM kalian  dan Copy terlebih dahulu code yang di atas dan paste link  di atas dan masukan di htm/JavaScript

Atau seperti foto dibawah ini

6.Cek  blog kalian

Setelah itu cek blog kalian apakah sudah tampil widge instagram kalian

Jika sudah selamat anda telah  berhasil  memasang widge pada blog kalian

Jangan lupa like coment , dan apabila ada yang kurang paham dan tidak berhasil silahkan komen dibawah

Sekian dari saya semoga bermanfaat , terima kasih

Tweet

Subscribe to receive free email updates: