Rabu, 13 Januari 2016

Cara Unik Menampilkan Video Youtube Kedalam Postingan Blog

Dalam membuat sebuah tutorial di sebuah blog akan lebih mudah dipahami oleh pembaca jika di sertakan video tutorialnya. Bahkan mungkin hanya dengan melihat video sudah dapat memahami maksud dari tutorial tersebut namun sayangnya video youtube saat di akses dengan smartphone akan memakan bandwidh / kuota paket smartphone atau tablet. Tidak hanya itu akses video Youtube dengan provider kartu Indonesia memang agak sedikit lambat terutama jika mengkases video pada jam-jam sibuk atau siang hari.
SYARAT:
Punya Blog (Yaaa iyaa lahh :v)
Buka Youtube
Paham Penempatan Script Blog

Memasukkan atau memasang video Youtube ke dalam postingan blog perplatfom blogspot berbeda caranya dengan blog berplatform Wordpress dalam hal ini adalah wordpress gratisan atau wordpress.com. Pada tutorial kali ini akan kita bahas terlebih dahulu cara memasukkan video ke blog berplatform blogspot atau blogger adalah sebagai berikut :

Tentunya langkah awal adalah membuat postingan blog langsung saja buat postingan baru untuk bahan percobaan anda agar lebih aman dan pastikan benar dahulu baru dipindah ke post yang akan di beri video youtube didalamnya

Cara memasukkan video youtube kedalam postingan blog sendiri sebenarnya ada 2 cara seperti di bawah ini:

Memasukkan Video Youtube Dengan Iframe / Menggunakan Kode Script

Sebagai contohnya saya akan memasukkan video Cara Konek VPN ASBI (AS BIASA) Dengan Eproxy Dan OpenVPN
Saya menggunakan Youtube yang berbahasa inggris... jadi yang berbeda bahasanya tolong disesuaikan saja.
Pada menu dibawah video terdapat SHARE. Klik saja kemudian pilih EMBED sehingga muncul script kode video youtube yang akan kita masukkan kedalam postingan blog
Pada Contoh diatas script kode video youtube yang akan saya masukkan adalah:
<iframe width="420" height="315" src="https://www.youtube.com/embed/iZqsXrcpypg" frameborder="0" allowfullscreen></iframe>
COPY kode tersebut
Jika nantinya kita hendak membuat video yang ada di postingan kita berada di tengah maka script kode videonya tinggal kita tambahkan <center>"Script Kode Video"</center>
Sehingga kode script nya menjadi seperti ini
<center><iframe width="420" height="315" src="https://www.youtube.com/embed/iZqsXrcpypg" frameborder="0" allowfullscreen></iframe></center>

Langkah selanjutnya yaitu PASTE kode script tersebut kedalam postingan
INGAT...!!!
Kita memasukkan script kode tersebut kedalam postingan yang dalam mode HTML

Jika sudah tinggal klik PUBLIKASIKAN dan lihat postingan yang telah kalian buat
Jika berhasil maka hasil nya akan tampak seperti di bawah ini


Memasukkan Video Youtube Dengan Menggunakan Menu Insert Video

Sebagai contohnya saya akan memasukkan video yang ada di akun youtube saya yaitu Cara Import Config HTTP Injector Dan Konek VPN Via HTTP Injector SSH Anak Solo
Langkah awal klik Insert a Video yang ada pada menu bar thread bikin postingan blog
Kemudian saya pilih My Youtube Video karena saya hendak menampilkan video dari video youtube kedalam postingan saya
Kemudian pilih video yang akan ditampilkan kedalam postingan blog
sebagai contoh akan saya tampilkan video yaitu Cara Import Config HTTP Injector Dan Konek VPN Via HTTP Injector SSH Anak Solo
Hasilnya dapat kalian lihat di bawah ini :

Tidak ada komentar:

Posting Komentar