Cara Menampilkan Demo JSFIDDLE di Blog

JSFiddle ini adalah salah satu alat yang paling sering digunakan para blogger untuk meng-edit kode antara lain yaitu CSS, HTML, JavaScrip...

JSFiddle ini adalah salah satu alat yang paling sering digunakan para blogger untuk meng-edit kode antara lain yaitu CSS, HTML, JavaScript, maupun JQuery. JSFiddle adalah salah satu web yang menyediakan editor kode atau yang sering dikenal dengan Playground dan hasil dari edit kode di JSFiddle ini juga dapat di tampilkan di blog anda. Selain itu pada kesempatan kali ini saya juga akan membuat kode embed dari JSFiddle ini menjadi valid HTML5.
Biasanya kode embed default dari JSFiddle sendiri adalah seperti berikut :

<iframe width="100%" height="300" src="//jsfiddle.net/eliyantosarages/fvjr6554/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

namun kode di atas belum valid HTML5, untuk itu kita akan membuat.nya menjadi valid HTML5 dengan cara mengganti iframe menjadi object dan src menjadi data serta hapus kode frameborder="0" sehingga kode yang sudah valid HTML5 menjadi seperti berikut

<object width="100%" height="300" data="//jsfiddle.net/eliyantosarages/fvjr6554/embedded/" allowfullscreen="allowfullscreen"></object>

Untuk menampilkan hasil atau result.nya saja tinggal tambahkan result di belakang src url dari embed JSFiddle sehingga menjadi seperti berikut

<object width="100%" height="300" data="//jsfiddle.net/eliyantosarages/fvjr6554/embedded/result" allowfullscreen="allowfullscreen"></object>

Untuk width="100%" dan height="300" dapat anda sesuaikan dengan lebar dan tinggi blog anda atau juga bisa disesuaikan dengan keinginan anda.