Javascripts untuk simpan CSS dalam Postingan

SOURCE

Mengenai hal ini, saya langsung mencari cara gimana caranya agar css style yang kita pasang dalam postingan bisa di sisipkan / ke dalam markup </head> supaya tidak menampilkan pesan error dan tentunya sesuai dengan Prosedur Dokumen HTML..

Akhirnya saya menemukan tutorial di forum stackoverflow cara menambahkan style ke dalam are head dengan menggunakan javascript..
Kenapa javascript? karena javascript bisa kita simpan di area head dan body..

Nah sekarang saya akan memberikan cara alternatif untuk mengatasi Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

• Biasanya kalo kita memasang css di postingan tentunya dengan pembungkus css seperti berikut

<style type='text/css'>
Kode CSS Disini
</style>

atau

<style>
Kode CSS Disini
</style>

• Nah kode pembungkus css di atas kita rubah dengan kode javascript berikut

<script type="text/javascript">
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
var css = 'KODE CSS KALIAN MASUKAN DI SINI';
style.appendChild(document.createTextNode(css));
head.appendChild(style); 
</script>



Sebelum kalian memasukan css ke script itu, kalian terlebih dahulu harus mengompres css kalian / css minify bisa kalian gunakan tools ini Tools CSS Minifly Online