Cara Menyembunyikan CSS Pada Template

Cara Menyembunyikan CSS Pada Template

Cara Menyembunyikan CSS Pada Template - Selamat pagi sobat, apa kabarnya? Baik baik saja kah, kali ini saya akan berbagi sedikit tutorial dari Blog tetangga (Afowles) yg Kode aslinya dari Motyar - Blog kemudian di kreasikan lagi, Sebelum sobat mencoba trik ini ada baiknya sobat mengenak dulu mengenal apa itu Base64 atau DataURI, jika sobat belum paham maka akan saya jelaskan sedikit disini..

Menurut wikipedia DataURI adalah penggunaan skema data secara inline didalam halaman web yang seakan - akan data tersebut berada pada web lain ( eksternal web ) Browser suppot DataURI silahkan sobat cek disini,

Saya harap anda mengerti, sulit? Memang sulit untuk memahami hal baru karena saya sendiri pernah mengalaminya.

Berikut tutorialnya :

1. Backup terlebih dahulu template sobat.

2. Edit Template sobat,

3. Copy Javascript ini di atas </head>

<script type="text/javascript">
function whatdepak(css){
var xdx = document.createElement("link");
xdx.href = "data:text/css;base64,"+css;
xdx.rel = "stylesheet";
document.head = document.head || document.getElementsByTagName('head')[0];
document.head.appendChild(xdx);
}
whatdepak("kode css base64 anda")
</script>

4. Compres CSS sobat disini
Generate CSS anda menjadi Base64, disini kemudian simpan ke dalam Notepad.
Untuk penerapann sobat perlu mengambil Kode base64, saja seperti yg saya tandai

data:text/css;base64,Ym9keXtiYWNrZ3JvdW5kOmJsYWNrfQ==

5. Langkah terkahir adalah menggabungkan Javascript dan Base64, itu menjadi satu..

<script type="text/javascript">
function whatdepak(css){
var xdx = document.createElement("link");
xdx.href = "data:text/css;base64,"+css;
xdx.rel = "stylesheet";
document.head = document.head || document.getElementsByTagName('head')[0];
document.head.appendChild(xdx);
}
whatdepak("Ym9keXtiYWNrZ3JvdW5kOmJsYWNrfQ==")
</script>