Tutorial Letak Instagram Feeds Di Blog Cara Bro Nasa

Petang tadi, ada blogger baru bertanyakan mengenai Instagram di Blog Bro Nasa. Beliau bertanyakan, bagaimana Bro Nasa buat seperti itu. Ia mudah sahaja sebenarnya. Cuma perlu ada kreativiti sedikit sahaja. Bro Nasa bukan expert benda ini ok. Apa yang tahu, Bro Nasa ajarkan. Ok, begini caranya :

Langkah 1 : Cara Letak Icon/Logo Instagram 

Cari mana-mana logo atau icon Instagram di google yang mengikut citarasa anda. Kemudian, anda perlu edit gambar tersebut di Photoshop seperti di bawah :

1. Pilih gambar mengikut pilihan anda.

2. Guna Quick Selection Tool untuk buang background warna putih tersebut.

3. Pergi ke icon "T" dan letak nama anda di bawah tulisan Instagram tersebut. Jenis tulisan mengikut citarasa anda. Kemudian save gambar tersebut dalam format PNG.

4. Hostkan gambar anda di laman kongsi file seperti Photobucket dan sebagainya. (Rakeman, Photobucket)

5. Ambil code HTML Code dan save.

Langkah 2 : Cara Letak Button Follow Instagram

Untuk buat button seperti Bro Nasa, sila copy code seperti di bawah ini terlebih dahulu. Anda perlu masukkan username anda dengan betul. Jika tidak, ia tidak berfungsi dengan baik. Nombor yang warna hijau itu, anda boleh adjust supaya ia boleh dibesarkan atau di tinggikan button tersebut. Ikut anda.

Sila ke laman http://web.stagram.com/tools/ untuk grab code ini

Langkah 3 : Cara Letak Instagram Feeds

Anda perlu ke laman web http://web.stagram.com/tools/ terlebih dahulu. Isikan form dengan lengkap seperti contoh di bawah ini. Anda boleh memilih berapa feeds mengikut citarasa anda sendiri. Kemudian, klik generate jika lengkap data tersebut. Akan terkeluar satu Popup untuk anda copy dan save.

Langkah 4 : Cara Masukkan Code HTML

Anda sudah salin kesemua code-code tersebut? Jika sudah, anda perlu ke Layout > Configure HTML/Javascript. Susun seperti gambar di bawah ini :

Setelah kesemua code sudah disusun seperti di atas ini, klik save dan cuba preview di blog anda. Jika jadi, sila klik pada button Save Arrangement. Siap!!!

P/S : Jika masih tidak faham, anda boleh emailkan  kepada Bro Nasa secara Private di akubencihackers@gmail[dot]com