18 May 2015

Cara Membuat Kode Iframe Valid HTML5

Kode Iframe adalah kode yang ditakuti oleh para blogger, karena bisa berdampak buruk terhadap blog mereka, diantaranya adalah terjadinya error HTML5, bahkan ada juga yang mengatakan bisa mempengaruhi faktor SEO.

Cara Membuat Kode Iframe Valid HTML5

Widget yang menggunakan atribut iframe biasanya seperti vidio player, dan juga iklan. dulu sempat ada masa dimana terjadinya exchange kode iframe, sama seperti halnya bertukar link, jadi disini blog A memasang iframe blog B begitu pula sebaliknya, hal ini bertujuan untuk memperbanyak page view blog, namun tentu saja hal itu merupakan hal yang bagus, tapi sekarang tidak ada lagi exchange iframe.

Berikut contoh kode iframe

<iframe src="http://musafus.web.id/vidio.php" frameborder="0" scrolling="no" width="300" height="250" marginwidth="0" marginheight="0"></iframe>

Namun kode iframe di atas dapat menyebabkan terjadinya error html5.

Untuk mengatasi hal tersebut ada cara untuk membuat kode iframe valid html5, caranya adalah dengan menggunakan javascript documen.write, gunakan javascript di bawah ini untuk memasang iframe di blog

<script type="text/javascript">
//<![CDATA[
document.write('kode iframe di sini');
//]]>
</script>

Setelah dipasang kode iframe kurang lebih seperti ini

<script type="text/javascript">
//<![CDATA[
document.write('<iframe src="http://musafus.web.id/vidio.php" frameborder="0" scrolling="no" width="300" height="250" marginwidth="0" marginheight="0"></iframe>
');
//]]>
</script>

Letakkan kode tersebut tepat di atas kode </head> atau </body>

Silahkan di cek halaman blog anda apakah terjadi error html5nya, semoga bermanfaat.

Sumber Referensi : Kompi Ajaib
Disqus Comments