Cara Menyembunyikan CSS Blog Supaya Tidak Tampil Saat Di View Source

Tips Blogging dari Kampung Bodoh kali ini adalah yaitu tentang Cara Agar CSS Blog Tidak Tampil Saat Di View Source, yuk buat sobat yang takut CSS blognya di intip.

Note : Ini hanya cara menyembunyikan CSS supaya tidak tampil saat di view Source Code (CTRL+U), kalau sobat bertanya cara untuk menyembunyikan CSS saya jawab tidak ada caranya,
Mau di encrypt CSSnya.. ??
Mau di simpan di Google Drive dan di Encrypt linknya CSSnya?? tetap saja akan di load browser tidak dapat di sembunyikan. Artikel ini hanya tentang cara menyembunyikan CSS supaya tidak tampil saat di view Source Code untuk meminimalisir saja

Tutorial

  1. Buka Blogger
  2. Pergi ke menu dan edit template
  3. Backup dulu templatenya untuk berjaga jaga atau simpan code Css template blog
Ambil semua kode Css blog sobat, terdapat di bawah <b:skin> dan di akhiri dengan ujung <b:skin> juga
ingat tidak termasuk tulisan <b:skin> hanya Css.

Kompress Css Terlebih dahulu Klik disini
Pergi dan Buka Data URI Generator Online
Pilih Provide text
Masukan semua Css Blog sobat di Data URI Generator Online tersebut.
dan pilih Generate Data Uri
Maka nantinya sobat akan mendapatkan Data Uri Css sobat,
Contoh
data:text/plain;charset=utf-8;base64,ybGlnbmNlbnRlciB7DQogICAgZGlzcGxheTogYmxvY2s7DQogICAgbWFyZ2luLWxlZnQ6IGF1dG87DQogICAgbWFyZ2luLXJpZ2h0OMS40NDsNCn0NCn0=
Selanjutnya setelah sobat mendapatkan Data Uri Css blog
Masukan Kode Javascript ini dibawah <head> template blog sobat.
<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 kamu")
</script>
kode css base64 kamu silahkan ganti dengan kode css base64 sobat
Berikut contoh, yang saya beri warna merah merupakan kode css base64 sobat.
data:text/plain;charset=utf-8;base64,ybGlnbmNlbnRlciB7DQogICAgZGlzcGxheTogYmxvY2s7DQogICAgbWFyZ2luLWxlZnQ6IGF1dG87DQogICAgbWFyZ2luLXJpZ2h0OMS40NDsNCn0NCn0= 
Silahkan ganti kode css base64 kamu dengan kode base css sobat.

Contoh
<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("ybGlnbmNlbnRlciB7DQogICAgZGlzcGxheTogYmxvY2s7DQogICAgbWFyZ2luLWxlZnQ6IGF1dG87DQogICAgbWFyZ2luLXJpZ2h0OMS40NDsNCn0NCn0= ")
</script>
dan terakhir simpan template blog
Gampang bukan masih bingung silahkan bertanya.

Ditulis Oleh : Robby Armansyah

DMCA.com Protection StatusAnda baru saja membaca artikel dengan judul Cara Menyembunyikan CSS Blog Supaya Tidak Tampil Saat Di View Source. Di tulis oleh Robby Armansyah. Hak cipta di lindungi DMCA dan UUD
URL laman ini.

9 komentar

avatar
×

Kang kalo Javascript samaga penerapannya?

avatar
×

di awali dengan dan di akhiri dengan dengan ujung juga ingat tidak termasuk hanya css saja.

Itu maksudnya apa Gan?

avatar
×

source <b:skin> maksudnya gan

avatar
×

sepertinya ini tidak berfungsi di template blog saya gan,

avatar
×

Di template blog saya kok gak bisa ya gan?