Mengatasi Blogger Skin HTML5 Yang Tidak Berfungsi

Suatu saat saya pernah mengalami dimana template yang saya buat selalu berantakan. Kode-kode css yang dimasukkan di bagian skin tidak berfungsi. Agak susah melacak penyebabnya karena pada bagian skin ini tidak ada highlight character color, berbeda dengan memasukkan css pada bagian <style>.....</style>.

Akhirnya ketemu juga penyebabnya, ternyata saya kurang memberi tanda /* pada keterangan template. Saya menuliskannya begini :
--------------------------------------------------
Name      :  Temtana Premium
Designer  :  Kontak Media Online
URL       :  www.kontakmedia.com
Release  :  07 Agustus 2015
--------------------------------------------------
Padahal seharusnya begini :
/*-----------------------------------------------
Name      :  Temtana Premium
Designer  :  Kontak Media Online
URL       :  www.kontakmedia.com
Release  :  07 Agustus 2015
-----------------------------------------------*/
Untuk mengurangi karakter-karakter yang tidak perlu, maka saya mengubahnya menjadi seperti ini :
/*
Name      :  Temtana Premium
Designer  :  Kontak Media Online
URL       :  www.kontakmedia.com
Release  :  07 Agustus 2015
*/

Maka keseluruhan bagian skin tersebut akhirnya menjadi seperti ini :

<link href='//www.blogger.com/static/v1/widgets/3950009988-widget_css_bundle.css' media='speech' rel='stylesheet' type='text/css'/> &lt;style type=&quot;text/css&quot;&gt; &lt;!--/*<b:skin><![CDATA[[/*
Name     :  Temtana Premium
Designer :  Kontak Media Online
URL      :  www.kontakmedia.com
Release  :  07 Agustus 2015
*/
<!---- kode-kode css di sini -----/>]]></b:skin>

Saya menambahkan media='speech' pada sintaks di atas agar tetap bisa menggunakan widget-widget bawaan blogger secara async sehingga loading template menjadi lebih cepat.

IKLAN INI BUKAN BAGIAN DARI ARTIKEL

No comments: