Blog Personal tentang tips Blogging dan Internet

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.

Berlangganan : Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari Kang Mousir langsung di pesan kotak masuk.

feedburner

4 Komentar untuk "Cara Membuat Flash Banner Valid HTML5"

Umar Azmar MF

pertamaxxx diamankan,... untuk artikel yang sangat membantu,.. satu lagi trik validasi HTML5 :-d

Ruly Jenar Nakula

Mantap trik's nya kang mousir tea ateuh

Kang Mousir

silakan dibawa pulang pertamaxnya. :D

Kang Mousir

hatur nuhung Kang Ruly hehe

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 !

Klik emoticon : :) :D :( :-o @@, :s :wow: 8) :x :P :| ;) :lol: :oops: :cry: :evil: :twisted: :roll: :!: :?: :idea: :arrow: :mrgreen: :-d