Cara Validasi Widget Musik Dari Reverbnation
Seperti halnya di SoundCloud, banyak penyanyi-penyanyi besar mengupload lagu-lagunya di ReverbNation. Dengan aneka macam genre musik, kita sanggup menampilkan musik favorite kita di blog kesayangan kita dengan widget yang telah disediakan.
Namun meskipun widget musik dari ReverbNation ini diberi title widget HTML5 Player, nyatanya widget ini masih error pada validasi HTML5. Cukup banyak error yang disebabkan widget ini.
Untuk itu sekarang aku sharing cara menciptakan valid widget musik dari ReverbNation ini biar tidak menjadikan error validasi HTML5.
Biasanya instruksi embed dari widget musik ReverbNation akan menyerupai di bawah ini.
<div class="widget_iframe" style="display:inline-block;width:100%;height:320px;margin:0;padding:0;border:0;"><iframe class="widget_iframe" src="http://www.reverbnation.com/widget_code/html_widget/artist_1132007?widget_id=50&posted_by=fan_3273989&pwc[design]=default&pwc[background_color]=%23333333&pwc[included_songs]=1&pwc[photo]=0%2C1&pwc[size]=fit" width="100%" height="100%" frameborder="0" scrolling="no"></iframe><div class="footer_branding" style="margin-top:-5px;font-size:10px;font-family:Arial;"><center><a href="http://www.reverbnation.com/band-promotion/widgets?utm_campaign=a_features_widgets&utm_medium=widget&utm_source=HTML5_Player&utm_content=widgetfooter_Free embed music player from ReverbNation.com" target="_blank" style="text-decoration:none;color:#444;">Free embed music player from ReverbNation.com</a></center></div></div>
Perhatikan kode-kode yang berwarna merah, itulah instruksi yang menimbulkan error pada validasi HTML5. Sebenarnya instruksi iframe sudah valid HTML5 namun error pada skor seo blog di Chkme, untuk itu iframe perlu dirubah juga. Kode iframe ganti dengan object. Kode src ganti dengan data. Kode ?widget_id=50&posted_by=fan_3273989&pwc[design]=default&pwc[background_color]=%23333333&pwc[included_songs]=1&pwc[photo]=0%2C1&pwc[size]=fit silahkan di hapus. Ganti kode width="100%" height="100%" frameborder="0" scrolling="no" menjadi style="width:100%;height:100%". Kemudian tambahkan instruksi amp; pada instruksi & serta ganti spasi pada kode Free embed music player from ReverbNation.com dengan %20. Untuk instruksi <center> hapus dan tambahkan text-align:center pada div-nya. Dan akan lebih baik tambahkan juga title tag untuk linknya. Sehingga penampakannya akan menyerupai di bawah ini.
<div class="widget_iframe" style="display:inline-block;width:100%;height:320px;margin:0;padding:0;border:0;"><object class="widget_iframe" data="http://www.reverbnation.com/widget_code/html_widget/artist_1132007" style="width:100%;height:100%"></object><div class="footer_branding" style="margin-top:-5px;font-size:10px;font-family:Arial;text-align:center"><a href="http://www.reverbnation.com/band-promotion/widgets?utm_campaign=a_features_widgets&utm_medium=widget&utm_source=HTML5_Player&utm_content=widgetfooter_Free%20embed%20music%20player%20from%20ReverbNation.com" target="_blank" style="text-decoration:none;color:#444;" title="Cara Validasi Widget Musik Dari ReverbNation">Free embed music player from ReverbNation.com</a></div></div>
Sebagai tumpuan silahkan nikmati widget musik player dari ReverbNation yang sudah valid HTML5 dari instruksi di atas.
Selamat mencoba...
Sumber https://www.kompiajaib.com/
0 Response to "Cara Validasi Widget Musik Dari Reverbnation"
Posting Komentar