Cara Membuat Iklan IdBlogNetwork Valid HTML5

Sebelumnya Saya berbagi artikel tentang Cara Mendaftar IdBlogNetwork dan Cara Memasang Iklan IdBlogNetwork. Setelah Saya lihat ternyata script iklan dari IdBlogNetwork menggunakan iframe, perlu diketahui bahwa iframe sangat tidak bagus untuk SEO. Namun, pada iframe iklan IdBlogNetwork terdapat error untuk Validasi HTML5 yaitu pada nilai dari iframe.  Untuk mengatasinya kita bisa memanfaatkan jQuery untuk mengatasinya.

Ambil Script Iklan

Silakan ambil script iklan dari IdBlogNetwork, yang belum tahu baca Cara Memasang Iklan IdBlogNetwork. Ini adalah contoh script iklan.

<iframe frameborder="0" src="http://sebar.idblognetwork.com/psg_ppc_flash.php?b=12756&sz=300x250" width="310px" height="260px" marginwidth=0 marginheight=0 ></iframe>
Selanjutnya memasang jQuery sebagai alternatif, seperti berikut ini diatas kode </body>.

<script type='text/javascript'>
//<![CDATA[
setTimeout(function() {
        $(this).replaceWith('<iframe class="idblognetwork loader" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen" width="310px" height="260px" marginwidth=0 marginheight=0 ></iframe>');
    });
//]]>
</script>
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 tambahkan kode dibawah ini pada widget Anda.

<div class="idblognetwork loader" data-src="URL IKLAN"></div>

Pengaturan

Silakan ganti dan sesuai pengaturannya, agar lebih mudah Saya memberikan warna yang harus diganti, ganti dengan warna yang Sama. Bila menemukan kode & pada kode iklan rubah jadi &amp; atau baca artikel Saya berjudul Cara Mengatasi Error Ampersand Pada Validasi HTML5

Tips ini aman untuk Anda gunakan, karena data klik masih berjalan normal. Oleh karena itu Anda bisa menggunakan tips ini agar blog Anda Valid HTM5 ;)

Komentar