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 &
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
Tapi banyak atribut yang kurang saya pahami.
misal *meta content='website' property='og:type'/> itu untuk apa??
sama *meta content='general' name='rating'/> :D
saya sudah coba menerapkan kode diatas biar valid html5, tapi banner default IBN nya tidak muncul mas, serem juga mas kalau pake iframe seo turun drastis.. mohon bantuannya ya mas.. kira" apa yang harus ditambah..semua cara dan petunjuk mas sudah saya ikuti semua.. :-d
Terimakasih
seandainya g bisa trus caranya gimana mas klo bagi pengguna wordpress
Silakan berkomentar sesuai dengan topik. Jangan menyisipkan link pada komentar dan jangan sampai komentar Anda masuk komentar SPAM.
Jangan salahkan Saya bila komentar Anda dihapus !