Pada dasarnya pemasangan sebuah kode css yang benar adalah dengan meletakkan di atas kode
]]></b:skin> atau dengan menggunakan kode style ,dan peletakannya harus di bawah kode
]]></b:skin>,tapi sering pula kita lihat beberapa blog sahabat (sebagian ada di blog ini)yang menyajikan beberapa tutorial yang cara peletakan nya tanpa melakukan edit html atau dengan kata lain kode css dan script diletakkan secara bersamaan ke dalam widget ,sebenarnya nya cara ini lebih simple dan terlihat lebih mudah ,akan tetapi tahukah sobat dengan melakukan peletakan kode css dan script secara bersamaan kedalam widget membuat blog sobat tidak valid dan menyumbang 1 error pada validasi html 5 berikut screenshot nya :
Untuk lebih jelasnya silahkan lihat contoh kode berikut :
<style type="text/css">
------------------
kode cssnya disini
------------------
</style>
<script type="text/javascript">
--------
kode scriptnya disini
----------------
</script>
meletakkan kode di atas ke dalam 1 widget akan akan menyumbang 1 buah error pada html yang tentunya membuat blog sobat tidak valid pada html 5 .
sebenarnya ada cara yang sangat mudah saat kita meletakkan kode css dan script ke dalam 1 widget supaya valid html 5 yaitu dengan menambahkan kode
scoped di dalam tag pembuka style contohnya seperti ini <style type="text/css" scoped> sehingga nanti kodenya akan menjadi seperti di bawah ini :
<style type="text/css" scoped>
------------------
kode cssnya disini
------------------
</style>
<script type="text/javascript">
--------
kode scriptnya disini
----------------
</script>
Semoga
tutorial cara pasang style dalam widget agar valid thml 5 di atas mempermudah sobat dalam melakukan validasi pada blog sobat
Terima Kasih Sobat sudah membaca Artikel saya Tentang
cara pasang style dalam widget agar valid html 5 Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat.
Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih
27 komentar
wah baru tahhu saya mas :haha
Saya juga baru tahu mas.. makanya langsung saya share...
bener-bener keren Mas :)
trims mas Andi
saya sudah lama tidak cek mengecek mas, nanti saya cek dulu...
sama-sama Mas. ^_^
ngomong-ngomong blognya yang sekarang keren :)
seharusnya untuk optimasi seo harus sering sering di cek mas agus
Terima Kasih mas Andi
gan, saya mau pasang alexa widget di blog saya, trus saya juga ingin agar valid html walau pasang alexa widget, pertanyaan sy saya tidak melihat ada code "style"
dalam script tersebut, jadi bagaimana caranya saya mempraktekan ilmu dari agan yang di tulis pada artikel ini????
sebenarnya pemasangan style pada widget Alexa hanya untuk membuat rata tengah saja jadi jadi tidak terlalu di butuhkan justru penambahan title saja pada script agar lebih seo silahkan gunakan script berikut
Gan terimakasih banyak gan sudah buatkan kode alexa widget untuk blog saya, dan alhamdullilah setelah saya pasang dan ikutin tips dari agan blog saya bisa valid html
wah saya baru tau ini kang...pantas blog saya banyak erornya ketika dulu dicek, soalnya banyak yg ditumpuk gitu dalam 1 widget, tapi sekarang2 mah uda lama ga dicek lg nih :Q
makasih kang tips2nya, nanti bakal coba diterapkan
KK kalau error gini gimana !!!
Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
Tolong bantuannya maklum newbie !!!
Coba lakukan Ctrl + U bos kayaknya ada kode error di bagian css budle letaknya biasanya di bagian atas skin biasanya text akan berwarna merah jika kode tersebut error
kalau gak salah Mas ryan memasukkan kode
<style type="text/css">di bagian postingan seharusnya ini tidak boleh ,coba di edit lagi di bagian postingan dan tambahkan kode scoped seperti tutorial di atasMaksud saya seperti gambar dibawah ini. setelah saya menambahkan code style type="text/css pada artikel/posting.
![]()
coba masukkan gambar postingan yang judulnya 1111 itu mas dalam bentuk html bukan kompose oh ya mas kalau memasukkan script yang berisi link baiknya jangan di halaman postingan mas lebih baik di halaman statis aja gak bagus buat seo
Ok Thanks atas infonya KK
Cara yang sangat bagus kang :)
kalo saya mau pasang tinggal dirumbah site urlnya aja kan mas menjadi erl blog saya kan..?
Betul Sekali
Waduuuuh 197 error dan 71 warning, Solusinya Bapak.
www.sanggarsenipacul.blogspot.com
jika sudah divalidasi tidak widget yang hilang kan?
Saya tak coba pakai scoped tapi setelah save kok ada yang error dikolom tersebut. Pripun?
ikuti dulu tahap demi tahap
http://www.fullblogdesign.com/2013/05/agar-blog-valid-html5-dan-seo.html
mantep mas, punya saya masih error 1 kesalahan pada penempatan kode javascript .. :D
Saya lihat melalui Ctrl +u ada script di bawah kode
</body>coba pindahkan di atas kode</body>Posting Komentar
Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>