sebenarnya saya kurang memahami beginian namun saya akan coba sedikit berbagi buat sahabat yang ingin menampilkan demo tutorial blog dalam postingan dengan menggunakan JSFIddle/IFrame Loader.
Tentunya ini akan sangat bermanfaat buat anda yang mempunyai blog bertema trik blogger,orang lain akan langsung menangkap maksud postingan yang ingin anda sampaikan dengan membuat demo nya live dalam postingan tersebut.
Namun sahabat blogger semua dapat menerapkan nya langsung di blog sebab saya tidak menyediakan demo nya tapi saya sudah menguji dan ternyata berhasil.Berikut ini adalah langkah penerapan nya memasang demo JSFiddle/IFrame Loader
Letakan kode CSS ini diatas ]]></b:skin>
jsfiddle-demo {display:block;width:99%;height:300px;border:1px solid #bbb;}
Kemudian taruh SCRIPT ini diatas 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>
Selanjutnya tinggal meletakan kode pemanggil dalam postingan blog (jangan di COMPOSE)
<div class="jsfiddle-demo loader" data-src="Masukan URL DEMO Anda Disini"></div>
sumber : http://adf.ly/dPAxN
Demikianlah ulasan singkat bagaimana menampilkan demo JSFiddle dalam postingan blog,semoga informasi bermanfaat dan mohon di koreksi jika langkah penjelasan diatas kurang di mengerti
Tidak ada komentar:
Posting Komentar