Cara Bungkus Kode Css Pada Blog

Kompres CSS

Nah mumpung liburan share artikel nih seember tentang blog biar semua orang pinter blogging hehe nah pada tutorial kali ini saya akan menjelaskan bagaimana cara menghilangkan kode css diblog sobat waduh kok hilang sih nanti gimana tampilan blog saya? hehe tenang aja   saya akan kasih trick menghilangkan kode css template sobat agar loadingnya cepet terus biar gak ada yang cloning template sobat hehe langsung simak aja yuk caranya

1. Login ke Blogger.com Pergi ke Rancangan/Template > Edit HTML 
2. Potong (Cut) script CSS diantara tengah-tengah kode berikut
   

   <b:skin><![CDATA[ script css (cut) ]]></b:skin> 

3. Paste script tersebut dalam sebuah notpad dan simpan dengan nama style.css(selain nama style juga tidak apa-apa asalkan ada .css)
4. Upload file style.css tersebut dalam sebuah hosting. Jika anda tidak mempunyai sebuah hosting anda bisa mengunakan Google Sites sebagai hosting anda. klik berikut untuk cara Cara Upload Css Di Google Sites
5. Setelah anda upload tahap selanjutnya membuat script pemanggil, masi pada halaman Edit HTML
   anda ganti kode <b:skin><![CDATA[ ]]></b:skin> dengan kode dibawah ini
   

   <link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   <b:skin><![CDATA[ ]]></b:skin>
   </b:if>

   Teks yang berwana biru anda ganti dengan URL file CSS yang anda copy dari file hosting anda.
6. Terakir klik Save Template dan lihat pada blog anda apakah script CSSnya sudah menghilang pada open source.

Bagi anda yang mempunyai 2 atau lebih script CSS yang berbeda dan hanya berfungsi pada saat di halaman tertentu MISALNYA seperti kode di bawah ini yang berfungsi hanya di halaman post

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style  type='text/css'>
SCRIPT CSS (cut)
</style>
</b:if>

Cara membungkusnya cukup sederhana ikuti langkah 1-4 dan setelah selesai proses 1-4 sampai proses upload anda ganti kode

<style  type='text/css'>

</style>

Dengan kode

<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>

Sehinga menjadi seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<link href='URL-FILE-CSS' rel='stylesheet' type='text/css'/>
</b:if>

Teks yang berwana biru anda ganti dengan URL file CSS yang anda copy dari file hosting anda.