Cara Terbaru Memasang Video Facebook Responsive di Blog - Video merupakan suatu kelengkapan dari sebuah artikel selain gambar. Dengan adanya video, maka artikel di blog teman akan semakin menarik dan juga memperlihatkan kenyamanan kepada pembaca untuk lebih mengerti ihwal artikel yang teman buat.
Youtube merupakan salah satu platform video yang banyak dipakai oleh para blogger. Di Youtube, mungkin teman dapat mencari video dan mengubahnya menjadi artikel, kemudian memasang video tersebut di blog sobat. Pastinya, cara memasang video Youtube responsive di blog sudah banyak bertebaran di Google dan teman tinggal mengikuti langkah-langkahnya dengan teliti. Namun, apa karenanya jikalau video yang ingin teman pasang di blog berada di Sosial Media terbesar ketika ini, yaitu Facebook? Memang ada banyak juga tutorial menyerupai artikel aku ini di Google, tetapi artikel mereka kebanyakan tidak up to date yang berdampak kepada pembacanya, sebab ada perubahan tampilan dan sistem di Facebook. Jadi, akan sedikit menyulitkan pembaca, sebab tutorial dan prakteknya tidak sama.
Namun, pada artikel kali ini aku ingin memperlihatkan solusi untuk duduk perkara tersebut. Ok, simak tutorial Cara Terbaru Memasang Video Facebook Responsive di Blog berikut ini!
Cara Terbaru Memasang Video Facebook Responsive di Blog
- Pergi ke alamat (link) di Facebook yang ingin teman pasang videonya di blog sobat.
- Kemudian, klik tanggalnya (contoh 28 Maret 2017)
- Video akan mulai, klik icon 3 titik yang ada di sebelah pojok kanan atas, kemudian pilih Benamkan
- Akan muncul jendela baru, silahkan teman klik Pengaturan Lanjut
- Setelah itu, teman akan di arahkan ke Tab baru, yaitu Facebook for Developers. Langsung saja, teman klik Dapatkan Kode
- Kemudian akan muncul instruksi menyerupai berikut.
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> - Copy instruksi di atas dan letakkan sempurna setelah instruksi <body>, kemudian klik simpan.
- Setelah diklik simpan, akan muncul eror menyerupai ini: Kesalahan ketika mengurai XML, baris 869, kolom 64: The reference to entity "version" must end with the ';' delimiter.
- Solusinya, ganti instruksi yang aku tandai warna hijau di atas dengan instruksi berikut.
js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.8";- Kemudian, coba klik simpan lagi, apabila sudah tidak muncul pesan eror, lanjut ke langkah berikutnya.
- Langkah berikutnya yakni silahkan teman ke Tab Facebook for Developer tadi.
- Lalu, Copy instruksi yang menyerupai mirip ini (di Tab Facebook For Developer) dan salin di postingan blog sobat:
<div class="fb-video" data-href="https://www.facebook.com/encyclopedia.bebas/videos/1349120321777945/"></div> - Mungkin teman hanya menemukan instruksi hingga dengan yang aku tandai warna hijau tersebut. Silahkan tambahkan instruksi ></div> diakhir kode sehingga menjadi menyerupai di atas.
- Sampai ditahap ini, teman sudah berhasil memasang video facebook di blog. Tetapi, video tersebut belum responsive.
- Untuk menciptakan video menjadi responsive, silahkan copy instruksi berikut ini, kemudian letakkan sebelum kode ]]></b:skin> atau sesudah </style>
.fb-video,.fb-video span,.fb-video iframe{width:100%!important} - Voila, video facebook responsive sudah berhasil dipasang di blog sobat, yang nantinya akan menjadi menyerupai video di bawah ini.
Itulah Cara Terbaru Memasang Video Facebook Responsive di Blog dari saya. Jika teman mengalami kesulitan dalam melaksanakan langkah-langkah di atas, teman dapat bertanya di kolom komentar, biar bermanfaat!
0 Komentar untuk "Cara Terbaru Memasang Video Facebook Responsive Di Blog"