CSS yang sudah terpasang di blogspot tidak dapat kita hapus dan menggantinya begitu saja dengan script biasa seperti dibawah ini:
<style>
.... script bikinan sendiri disini ....
</style>
atau,
<style type="text/css">
.... script bikinan sendiri disini ....
</style>
Mengapa? karena disana ada Bundle.CSS yang sudah ter-host atau tersimpan di hosting blogger.com.
Dimana kita bisa menemukan bundle.css milik blogger.com di blog tersebut?
Caranya: Klik kanan pada halaman blogspot, lalu tekan CTRL+F dan ketik: bundle.css.
Screenshotnya seperti dibawah ini:
Lalu, bagaimana agar bundle.css itu bisa dihapus?
Yang akan kita lakukan berikut ini BUKAN MENGHAPUS, tapi menyembunyikannya alias menon-aktifkannya dan menggantinya dengan script CSS kita sendiri.
Mari kita mulai!
Pertama
Hapus semua CSS dan Variable CSS blogger.com
Kedua
Masukkan script dibawah ini dibawah tag <html>
<head>
Sehingga secara keseluruhan tahap kedua ini seperti dibawah ini:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
...........
...........
Ketiga
Cari SKIN CSS blogger.com seperti dibawah ini:
<b:skin>
Kemudian tambahkan CDATA dan tutup skin tersebut.
Sehingga lengkapnya menjadi seperti ini:
<b:skin><![CDATA[/*
-----------------------------------------------
Modifikasi oleh Herman Nz
----------------------------------------------- */
]]></b:skin>
Selanjutnya, baru bisa dimulai penulisan script css sendiri dan mulai dengan tag style, sbb:
<style type="text/css">
dan tutup dengan </style>, sehingga menjadi:
<b:skin><![CDATA[/*
-----------------------------------------------
Modifikasi oleh Herman Nz
----------------------------------------------- */
]]></b:skin>
<style type="text/css">
/*............. kode CSS anda ditulis disini .......................*/
</style>
Keempat
Ganti tag tutup </head> tepat dibawah tag tutup </style> dengan script parser berikut ini:
</head><!--
<head/>
-->
Sehingga secara lengkapnya:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<!-- .............. Meta Judul dan meta tag disini ............ -->
<b:skin><![CDATA[/*
-----------------------------------------------
Modifikasi oleh Herman Nz
----------------------------------------------- */
]]></b:skin>
<style type="text/css">
/*............. kode CSS anda ditulis disini .......................*/
</style>
</head><!--
<head/>
-->
Selesai! Silahkan mencoba!
Bila ada pertanyaan, kirim kesini:
https://www.facebook.com/appacyber.net
No comments:
Post a Comment