Assalamualaikum Sobat,
Bertemu Lagi Dengan Saya
+Fauzi Chan . Pada Kesempatan Kali Ini, Saya Akan Berbagi Mengenai
Cara Menampilkan Demo Di Blog. Ya, JsFiddle Merupakan Situs Yang Menyediakan Fasilitas Mengedit Kode CSS, HTML, Dan JavaScript Atau JS. Selain Itu, Kita Dapat Menampilkan Demo Hasil Dari Campuran Kode CSS, HTML Dan JS Di Blog Kita. Dengan Mengambil Kode
Embed-nya. Baiklah, Silahkan Simak Tutorial Berikut,
Cara Menampilkan Demo JsFiddle Di Blog
- Diharapkan Sobat Mempunyai Akun JsFiddle, Bagi Yang Sudah Mempunyai Akunnya Silahkan Login, Bagi Yang Belum Mempunyai Akun JsFiddle Silahkan Daftar Terlebih Dahulu.
- Buat Kreasi Sobat Pada Bagian Editor, Lalu Klik Run Dan Save.
- Setelah Itu, Share Kreasi Tersebut Berupa iFrame, Contohnya Seperti Berikut;
<iframe width="100%" height="300" src="http://jsfiddle.net/fauzichan/Yc2A6/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
- Untuk Mengurangi Error Valid HTML5 Dan Juga Kurangnya Nilai SEO, Silahkan Ganti iFrame Menjad Embed, Hilangkan Kode allowfullscreen="allowfullscreen" frameborder="0", Dan Hapus Kode % Pada width="100%" Lalu Atur Sesuai Ukuran Lebar Yang Sobat Mau. Contoh Seperti Berikut;
<embed width="580" height="300" src="http://jsfiddle.net/fauzichan/Yc2A6/embedded/" /">
Kurang Lebih, Hasilnya Akan Menjadi Seperti Ini
Sekian Dan Terima Kasih,
Semoga Bermanfaat.