Jumaat, 4 April 2014

Cara Membuat Flash Banner Valid HTML5

Logo HTML5
Mencoba untuk berbagi tips dan trik Validasi HTML5, kali ini Saya akan coba berbagi tips bagaimana cara membuat flash banner valid HTML5. Sebenarnya artikel mirip dengan artikel Saya berjudul Cara Membuat Iklan IdBlogNetwork Valid HTML5. Biasanya flash banner sering menggunakan iframe dan ini sangat tidak baik untuk SEO. Oleh karena itu Saya akan memberikan alternatif agar flash banner tersebut SEO Friendly dan tentunya Valid HTML5.

Mengambil URL Flash Banner

Silakan Anda ambil URL Flash Banner yang di inginkan. Contohnya seperti ini.

<iframe src="http://namadomain.com/Fbdevhxxxx.swf"/>
Anda ambil URL yang Saya tandai diatas.

Memasang jQuery

Kemudian tambahkan jQuery Libary dibawah ini dan simpab diatas kode </head>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
Lalu simpan jQuery ini diatas kode </body>.

<script type='text/javascript'>
//<![CDATA[
$(this).replaceWith('<iframe class="banner loader" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen" width="738px" height="100px" marginwidth=0 marginheight=0 ></iframe>');
});
//]]>
</script>

Memasang Banner

Selanjutnya simpan kode dibawah ini pada widget Anda HTML/JavaScript.

<div class="banner loader" data-src="URL Flash Banner"></div>
Itulah cara Cara Membuat Flash Banner Valid HTML5 .Semoga atrikel ini dapat membantu Anda mengatasi error Validasi HTML5 pada flash banner.

Tiada ulasan:

Catat Ulasan