Memasang Widget Instagram di Blog
Turoial sites - Kali ini saya akan sharing cara memasang widget instagram di sidebar blog. Untuk contoh widget yang akan dipasang sama tampilannya dengan gambar di bawah ini:
Berikut tutorial nya :
1. 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="http://instagram.com/tutorialsites?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. Ubah tulisan berwarna merah dengan ID IG kalian.
3. Buka www.blogger.com dan klik "Tata Letak". Setelah itu akan muncul tampilan gambar seperti di bawah ini.
4. Lalu klik "Tambahkan Gadget" dan akan muncul tampilan di bawah ini.
5. Klik Klik "HTML/JavaScript, dan muncullah halaman seperti di bawah ini.
6. Terakhir paste kode script paling atas tadi mengenai cara memasang widget instagram di sidebar blog, terus klik "Simpan", selesai.
Demikian tutorial Memasang Widget Instagram di Blog, semoga bermanfaat, dan terima kasih telah mengunjungi blog kami.
sumber : harryhermanan.blogspot.com
0 komentar:
Posting Komentar