Tutorial Lengkap: Cara Menambahkan Widget Instagram pada Blogspot

Kelas Digital - Cara Menambahkan Widget Instagram pada Blogspot

Halo kelas, apakah Anda ingin menambahkan widget Instagram pada blogspot Anda? Jika iya, maka Anda berada di tempat yang tepat. Pada artikel ini, kami akan memberikan tutorial lengkap tentang cara menambahkan widget Instagram pada blogspot.

Widget Instagram akan memungkinkan pengunjung blog Anda untuk melihat foto-foto terbaru dari akun Instagram Anda, bahkan tanpa harus meninggalkan halaman blogspot Anda. Ini adalah cara yang baik untuk memperluas jangkauan akun Instagram Anda dan mempromosikan konten blog Anda secara lebih luas.

Mari kita mulai dengan cara menambahkan widget Instagram pada blogspot Anda.

Membuat Instagram Access Token dan User ID

Sebelum kita mulai menambahkan widget Instagram pada blogspot, kita perlu membuat Instagram Access Token dan User ID. Berikut adalah langkah-langkahnya:

Buka halaman website Instagram Developer di https://www.instagram.com/developer/
Klik tombol "My Apps" pada pojok kanan atas layar dan masuk menggunakan akun Instagram Anda.
Klik tombol "Create App".
Isi detail aplikasi Anda dan klik tombol "Create".
Setelah aplikasi berhasil dibuat, klik pada aplikasi yang Anda buat.
Klik pada tab "Security" dan ubah "Disable" menjadi "Enforce".
Masukkan alamat website blogspot Anda pada kolom "Valid Redirect URIs" dan klik tombol "Save".
Kembali ke tab "Client" dan perhatikan Client ID dan Client Secret Anda.
Buka browser baru dan masuk ke alamat berikut: https://api.instagram.com/oauth/authorize/?client_id=[Client ID Anda]&redirect_uri=[Alamat Redirect yang Anda masukkan]&response_type=token&scope=public_content
Masuk menggunakan akun Instagram Anda dan setujui permintaan akses aplikasi Anda.
Setelah Anda menyetujui permintaan tersebut, Anda akan diarahkan ke halaman baru dengan token akses yang terlihat pada bagian akhir URL. Token ini akan digunakan pada langkah selanjutnya.
Selanjutnya, buka alamat berikut: https://api.instagram.com/v1/users/self/?access_token=[Access Token Anda]
Perhatikan User ID Anda yang terletak pada bagian "id" pada hasil JSON.

Setelah Anda berhasil membuat Access Token dan User ID, kita siap untuk melanjutkan ke tahap selanjutnya yaitu menambahkan widget Instagram pada blogspot.

Memilih dan Mendesain Widget Instagram

Setelah berhasil membuat Instagram Access Token dan User ID, langkah selanjutnya adalah memilih dan mendesain widget Instagram yang akan ditambahkan pada blogspot. Berikut adalah langkah-langkahnya:

Buka situs web penyedia widget Instagram, seperti SnapWidget (https://snapwidget.com/) atau LightWidget (https://lightwidget.com/).
Pilih jenis widget yang ingin Anda gunakan, seperti galeri foto atau slider.
Masukkan User ID dan Access Token yang sudah Anda dapatkan pada tahap sebelumnya.
Atur pengaturan tampilan widget, seperti ukuran, tata letak, dan tema warna.
Previews widget untuk melihat bagaimana widget Anda akan tampil pada blogspot.
Jika Anda sudah puas dengan desain widget, salin kode HTML yang telah disediakan oleh penyedia widget.
Selanjutnya, buka halaman blogspot Anda dan pilih tempat di mana Anda ingin menempatkan widget Instagram tersebut.
Pilih opsi "HTML/JavaScript" pada menu Widget dan tempelkan kode HTML widget Instagram yang sudah Anda salin pada langkah sebelumnya.
Klik tombol "Simpan" untuk menyimpan perubahan pada halaman blogspot Anda.

Setelah itu, widget Instagram sudah berhasil ditambahkan pada halaman blogspot Anda. Anda bisa mengecek tampilan widget tersebut pada halaman blogspot Anda untuk memastikan bahwa widget sudah terlihat dengan baik dan berfungsi dengan baik. Jika terdapat masalah, Anda bisa mencoba memperbaiki kode HTML atau menghubungi penyedia widget untuk mendapatkan bantuan.

Menambahkan Widget Instagram pada Blogspot

Setelah Anda telah membuat Instagram Access Token dan User ID, serta mendesain widget Instagram sesuai dengan keinginan, langkah terakhir adalah menambahkan widget Instagram pada blogspot Anda. Berikut adalah langkah-langkahnya:

Login ke akun Blogger Anda dan pilih blog yang ingin Anda tambahkan widget Instagram.
Pilih Tata Letak (Layout) pada menu samping kiri halaman Blogger.
Pilih tempat di mana Anda ingin menambahkan widget Instagram, seperti Sidebar atau Footer.
Klik pada opsi "Add a Gadget" atau "Tambahkan Gadget" pada tempat yang Anda pilih.
Cari opsi "HTML/JavaScript" dan klik pada tanda plus (+) untuk menambahkannya.
Tempelkan kode HTML widget Instagram yang sudah Anda salin pada tahap sebelumnya ke dalam kotak yang tersedia.
Beri judul pada widget Instagram Anda, misalnya "Instagram Terbaru".
Klik tombol "Save" atau "Simpan" untuk menyimpan perubahan pada halaman blogspot Anda.
Lihat tampilan blogspot Anda untuk memastikan bahwa widget Instagram sudah berhasil ditambahkan dan tampil dengan baik.

Sekarang widget Instagram sudah ditambahkan pada blogspot Anda dan pengunjung blogspot Anda dapat melihat foto-foto terbaru dari akun Instagram Anda dengan mudah. Pastikan widget tersebut terlihat bagus dan berfungsi dengan baik agar pengunjung Anda tertarik untuk mengikuti akun Instagram Anda dan mengunjungi blogspot Anda secara berkala.

Kesimpulan

Menambahkan widget Instagram pada blogspot dapat meningkatkan interaksi antara blogspot Anda dan pengunjung melalui platform media sosial populer ini. Untuk melakukannya, Anda perlu membuat Instagram Access Token dan User ID terlebih dahulu, memilih dan mendesain widget Instagram yang sesuai dengan keinginan, dan terakhir menambahkan widget tersebut pada blogspot Anda dengan menempelkan kode HTML pada halaman yang Anda inginkan.

Dalam menambahkan widget Instagram pada blogspot, pastikan bahwa widget tersebut terlihat baik dan berfungsi dengan baik agar pengunjung tertarik untuk mengikuti akun Instagram Anda dan mengunjungi blogspot Anda secara berkala. Dengan menggunakan widget Instagram, Anda dapat menampilkan foto-foto terbaru dari akun Instagram Anda dan menambahkan dimensi visual yang menarik pada blogspot Anda.