Cara Membuat Demo Jsfiddle di Blog dengan JQuery - Kali saya akan menjawab pertanyaan dari teman saya kemarin, yaitu tentang Cara Membuat Demo Jsfiddle di Blog dengan JQuery, sebetulnya banyak sekali tutorial yang dapat Anda lakukan untuk membuat demo suatu blog.
Pasti Anda penasaran kayak apa demonya, Nih dia demo dari Jsfiddle di blog dengan JQuery di blog. Nah gimana menggunakan Demo Jsfiddle di blog dengan JQuery?, mudah sekali untuk menerapkannya,
langkah pertama Anda harus memasang
CSS ini tepat di atas kode
]]></b:skin> atau
</style>
jsfiddle-demo {
display:block;
width:99%;
height:300px;
border:2px solid #bbb;
}
Langkah ke dua yaitu pasang javascript ini di atas kode
</body>
<script type='text/javascript'>
//<![CDATA[
setTimeout(function() {
$('.jsfiddle-demo').each(function() {
$(this).replaceWith('<iframe class="jsfiddle-demo loader" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen"></iframe>');
});
}, 5000);
//]]>
</script>
Namun bagaimana cara penggunaannya?. Cara Anda pemasangannya mudah yaitu
Simpan kode ini pada postingan Anda bagian HTML (bukan compose)
<div class="jsfiddle-demo loader" data-src="URL Hostingan Demo Anda Disini"></div>
Mungkin hanya itu yang dapat saya jawab dari pertayaan teman saya yang tidak mau disebutkan namanya tentang bagaimana cara membuat demo jsfiddle di blog dengan jquery. Semoga bermanfaat,..
Blogger
Google+
Facebook
Twitter