Buang Default Blogger CSS Dari Blog
Secara default, blogger akan muatkan CSS dorang sekali dalam setiap blog. Tapi kalau korang guna Custom Template, CSS ni takda fungsi lansung dan cuma akan beratkan lagi webpage korang.
( **Trick ni cuma untuk "Custom Template" sahaja )
contohnya kalau korang view source ada benda ni :
Jadi untuk buang CSS ni, pergi ke Edit Template HTML (**pastikan backup dulu template sebelum edit) :
ctrl+f dan cari "<b:skin>" dan korang akan jumpa macam ni <b:skin>...</b:skin>.
Expand kan dan korang akan dapat lebih kurang macam ni :
lepastu "select-all" dari <b:skin> sampai penutup </b:skin> dan replace dengan
dan copy code ni : <style></style> dan paste sebelum </head> macam ni :
( Setiap posting di blog ni adalah di bawah Creative Common License 4.0, boleh copy & paste tapi mesti di nyatakan link dan dikreditkan kepada penulis asal )
( **Trick ni cuma untuk "Custom Template" sahaja )
contohnya kalau korang view source ada benda ni :
1. https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css
2. https://www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css
Jadi untuk buang CSS ni, pergi ke Edit Template HTML (**pastikan backup dulu template sebelum edit) :
ctrl+f dan cari "<b:skin>" dan korang akan jumpa macam ni <b:skin>...</b:skin>.
Expand kan dan korang akan dapat lebih kurang macam ni :
<b:skin>copy semua yang ada antara <b:skin> dengan </b:skin> dan paste kan dalam notepad atau apa-apa text editor untuk simpan buat sementara.
<![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Blogger Customized Template
Designer: NoxAsch
URL: https://twitter.com/ASCHsama
Date: 19 August 2014
----------------------------------------------- */
/* Content
----------------------------------------------- */
body {
font: normal normal 12px 'Open Sans', sans-serif;
color: #666666;
background-color: #ecf0f1;
padding: 0 0 0 0;
}
*/
]]></b:skin>
lepastu "select-all" dari <b:skin> sampai penutup </b:skin> dan replace dengan
<style><!--/*<b:skin><![CDATA[*/]]></b:skin>kemudian, search "</head>" pulak
dan copy code ni : <style></style> dan paste sebelum </head> macam ni :
<style type="text/css"> </style>lepastu copy balik code korang yang korang save dalam notepad ke apa tadi di tengah-tengah <style "text/css"></style> macam ni :
</head
<style type="text/css">So, jadi tak trick ni ? Tinggalkan komen korang, kalau suka boleh share.
body {
font: normal normal 12px 'Open Sans', sans-serif;
color: #666666;
background-color: #ecf0f1;
padding: 0 0 0 0;
}
</style>
</head
( Setiap posting di blog ni adalah di bawah Creative Common License 4.0, boleh copy & paste tapi mesti di nyatakan link dan dikreditkan kepada penulis asal )