Senin, 07 Desember 2015

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.

Demikianlah artikel dari Kontakmedia yang berjudul Mengatasi Blogger Skin HTML5 Yang Tidak Berfungsi, semoga bermanfaat. Dan terima kasih untuk Anda yang telah berkunjung ke blog ini.