Kali ini gw akan sharing bagaimana cara memasang widget instagram di
sidebar blog. Untuk contoh widget yang akan dipasang sama tampilannya dengan
gambar di bawah ini:
11. Copy terlebih dahulu
kode scriptnya 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="https://www.instagram.com/dwi_cahyo44/?ref=badge"
class="ig-b- ig-b-v-24"><img
src="//badges.instagram.com/static/images/ig-badge-view-24.png"
alt="Instagram" /></a>
22.
Rubah yg gw
kasi warna merah di atas dengan ID instagram elo. Terus lo paste ke halaman
Javascript blog elo, enter dan finish. What? Gak tau tempat halaman javascript?
Okey, nie gw kasi tau.
3. Buka www.blogger.com dan klik yang gw lingkarin merah seperti gambar di atas. Pertama2 lo klik dulu tanda panah terus klik "Tata Letak". Setelah itu akan muncul tampilan gambar seperti di bawah ini.
4. Setelah itu gambar diatas lo klik "Tambahkan Gadget" yg gw lingkarin merah. Setelah lo klik akan muncul gambar seperti di bawah ini.
5. Lo Klik "HTML/JavaScript seperti yg gw lingkarin warna merah di atas, dan muncullah halaman seperti di bawah ini.
6. Terakhir lo paste kode script paling atas tadi mengenai cara memasang widget instagram di sidebar blog, terus lo klik "Simpan", selesai. Sekarang silahkan liat perubahan sama blog elo.