Cara Menyembunyikan CSS dengan data url

MurliCyber    4/09/2015    Css3 , Javascript , Tips dan Trik , Tutorial    Comment   

Yeay, tukang clonning semakin meraja rela di dunia blogger mereka dengan gampang nya meng clone template dengan cara View source di blog tersebut, lalu mereka meng copy paste css dari blog tersebut dan tanpa izin dari author nya

Tutorial yang saya bahas kali ini bagaimana cara untuk mempersulit si tukang clonning di saat mereka meng view source pada template kita, cara nya dengan kita menyembunyikan css kita lalu di rubah menjadi data url, jadi ketika di view source css sudah menjadi date url dengan bahasa yang sangat rumit dan mempersulit si tukang clonning untuk merubah menjadi css kembali

Cara nya sangat mudah

1. Masuk ke template lalu edit html

2. Selanjut nya kita copy seluruh css pada template, biasa nya css terletak di dalam tag <b:skin> hingga </b:skin> atau dari tag <style> hingga </style> copy bagian css nya saja

Sebelum kamu copy css pada template kamu di harap kan di back up dulu

3. Lalu silahkan menuju data url generator Kesini klik Provide Text

4. Masukkan seluruh css yang kamu copy tadi ke dalam Enter the Text Below

5. Selanjut nya klik Generate data url

6. Copy kode hasil dari generate data url tadi

7. Kembali ke edit html, lalu cari kode </head> letakkan kode di bawah ini di atas kode tadi

<script type="text/javascript">
function mautauaja(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);
}mautauaja("kode hasil dari data url generate")
</script>

8. Ganti kode kode hasil dari data url generate yang udah kamu copy tadi

9. Pada bagian data:text/plain;charset=utf-8;base64, silahkan di hapus saja, jika sudah keseluruhan nya akan seperti ini

<script type="text/javascript">
function mautauaja(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);
}mautauaja("aHRtbCxib2R5LGRpdixzcGFuLGFwcGxldCxvYmplY3QsaWZyYW1lLGgxLGgyLGgzLGg0LGg1LGg2LHAsYmxvY2txdW90ZSxwcmUsYSxhYmJyLGFjcm9ueW0sYWRkcmVzcyxiaWcsY2l0ZSxjb2RlLGRlbCxkZm4sZW0saW1nLGlucyxrYmQscSxzLHNhbXAsc21hbGwsc3RyaWtlLHN0cm9uZyxzdWIsc3VwLHR0LHZhcixiLHUsaSxjZW50ZXIsZGwsZHQsZGQsb2wsdWwsbGksZmllbGRzZXQsZm9ybSxsYWJlbCxsZWdlbmQsdGFibGUsY2FwdGlvbix0Ym9keSx0Zm9vdCx0aGVhZCx0cix0aCx0ZCxhcnRpY2xlLGFzaWRlLGNhbnZhcyxkZXRhaWxzLGVtYmVkLGZpZ3VyZSxmaWdjYXB0aW9uLGZvb3RlcixoZWFkZXIsaGdyb3VwLG1lbnUsbmF2LG91dHB1dCxydWJ5LHNlY3Rpb24sc3VtbWFyeSx0aW1lLG1hcmssYXVkaW8sdmlkZW97bWFyZ2luOjA7cGFkZGluZzowO2JvcmRlcjowIG5vbmU7Zm9udC1mYW1pbHk6aW5oZXJpdDtmb250LXN0eWxlOmluaGVyaXQ7Zm9udC12YXJpYW50OmluaGVyaXQ7Zm9udC13ZWlnaHQ6aW5oZXJpdDtsaW5lLWhlaWdodDppbmhlcml0O2ZvbnQtc2l6ZS1hZGp1c3Q6aW5oZXJpdDtmb250LXN0cmV0Y2g6aW5oZXJpdDtmb250LXNpemU6MTAwJTt2ZXJ0aWNhbC1hbGlnbjpiYXNlbGluZX0NCiAgICBhcnRpY2xlLGFzaWRlLGRldGFpbHMsZmlnY2FwdGlvbixmaWd1cmUsZm9vdGVyLGhlYWRlcixoZ3JvdXAsbWVudSxuYXYsc2VjdGlvbntkaXNwbGF5OmJsb2NrfQ0KICAgIG9sLHVse2xpc3Qtc3R5bGU6bm9uZX0NCiAgICBibG9ja3F1b3RlLHF7cXVvdGVzOm5vbmV9DQogICAgYmxvY2txdW90ZTpiZWZvcmUsYmxvY2txdW90ZTphZnRlcixxOmJlZm9yZSxxOmFmdGVye2NvbnRlbnQ6Jyc7Y29udGVudDpub25lfQ0KICAgIHRhYmxle2JvcmRlci1jb2xsYXBzZTpjb2xsYXBzZTtib3JkZXItc3BhY2luZzowfQ0KICAgIGJvZHl7Y29sb3I6IzJDM0U1MDtiYWNrZ3JvdW5kLWNvbG9yOiNFQUVBRUE7Zm9udDoxNHB4LzIwcHggIm9wZW4gc2FucyIsQXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7Zm9udC13ZWlnaHQ6NDAwfQ0KICAgIHN0cm9uZyxie2ZvbnQtd2VpZ2h0OjcwMH0NCiAgICBjaXRlLGVtLGl7Zm9udC1zdHlsZTppdGFsaWN9DQogICAgYXt0ZXh0LWRlY29yYXRpb246bm9uZX0NCiAgICBhOmhvdmVye3RleHQtZGVjb3JhdGlvbjp1bmRlcmxpbmV9DQogICAgYSBpbWd7Ym9yZGVyOm5vbmV9DQogICAgYWJicixhY3Jvbnlte2JvcmRlci1ib3R0b206MXB4IGRvdHRlZDtjdXJzb3I6aGVscH0NCiAgICBzdXAsc3Vie3ZlcnRpY2FsLWFsaWduOmJhc2VsaW5lO3Bvc2l0aW9uOnJlbGF0aXZlO3RvcDotLjRlbTtmb250LXNpemU6ODYlfQ0KICAgIHN1Ynt0b3A6LjRlbX0NCiAgICBzbWFsbHtmb250LXNpemU6ODYlfQ0KICAgIGtiZHtmb250LXNpemU6ODAlO2JvcmRlcjoxcHggc29saWQgIzk5OTtwYWRkaW5nOjJweCA1cHg7Ym9yZGVyLWJvdHRvbS13aWR0aDoycHg7Ym9yZGVyLXJhZGl1czozcHh9DQogICAgbWFya3tiYWNrZ3JvdW5kLWNvbG9yOiNmZmNlMDA7Y29sb3I6IzAwMH0NCiAgICBwLGJsb2NrcXVvdGUscHJlLHRhYmxlLGZpZ3VyZSxocixmb3JtLG9sLHVsLGRse21hcmdpbjoxLjVlbSAwfQ0KICAgIGhye2hlaWdodDoxcHg7Ym9yZGVyOm5vbmU7YmFja2dyb3VuZC1jb2xvcjojNjY2fQ0KICAgIGgxLGgyLGgzLGg0LGg1LGg2e21hcmdpbjotMTBweCAwIDIwcHg7cGFkZGluZzoyMHB4IDAgMDtsaW5lLWhlaWdodDoxfQ0KICAgIGgxe2ZvbnQtc2l6ZToyMDAlfQ0KICAgIGgye2ZvbnQtc2l6ZToxODAlfQ0KICAgIGgze2ZvbnQtc2l6ZToxNjAlfQ0KICAgIGg0e2ZvbnQtc2l6ZToxNDAlfQ0KICAgIGg1e2ZvbnQtc2l6ZToxMjAlfQ0KICAgIGg2e2ZvbnQtc2l6ZToxMDAlfQ0KICAgIG9sLHVsLGRse21hcmdpbi1sZWZ0OjNlbX0NCiAgICBvbHtsaXN0LXN0eWxlOmRlY2ltYWwgb3V0c2lkZX0NCiAgICB1bHtsaXN0LXN0eWxlOmRpc2Mgb3V0c2lkZX0NCiAgICBsaSB7DQogIG1hcmdpbjogLjVlbSAwOw0KICBsaXN0LXN0eWxlOiBub25lOw0KfQ0KICAgIGR0e2ZvbnQtd2VpZ2h0OjcwMH0NCiAgICBkZHttYXJnaW46MCAwIC41ZW0gMmVtfQ0KICAgIGlucHV0LGJ1dHRvbixzZWxlY3QsdGV4dGFyZWEsYS5idXR0b257Zm9udC1mYW1pbHk6aW5oZXJpdDtmb250LXN0eWxlOmluaGVyaXQ7Zm9udC13ZWlnaHQ6aW5oZXJpdDtmb250LXNpemUtYWRqdXN0OmluaGVyaXQ7Zm9udC1zdHJldGNoOmluaGVyaXQ7Zm9udC1mZWF0dXJlLXNldHRpbmdzOmluaGVyaXQ7Zm9udC1sYW5ndWFnZS1vdmVycmlkZTppbmhlcml0O2ZvbnQta2VybmluZzppbmhlcml0O2ZvbnQtc3ludGhlc2lzOmluaGVyaXQ7Zm9udC12YXJpYW50OmluaGVyaXQ7Zm9udC1zaXplOjEwMCU7bGluZS1oZWlnaHQ6bm9ybWFsO3ZlcnRpY2FsLWFsaWduOmJhc2VsaW5lfQ0KICAgIGJ1dHRvbixpbnB1dFt0eXBlPSJidXR0b24iXSxpbnB1dFt0eXBlPSJyZXNldCJdLGlucHV0W3R5cGU9InN1Ym1pdCJdLC5idXR0b24sYS5idXR0b257cG9zaXRpb246cmVsYXRpdmU7d2lkdGg6YXV0bztsaW5lLWhlaWdodDpub3JtYWw7Y29sb3I6I2ZGRiFpbXBvcnRhbnQ7dGV4dC1hbGlnbjpjZW50ZXI7O3BhZGRpbmc6OHB4IDE0cHg7Y3Vyc29yOnBvaW50ZXI7dGV4dC1kZWNvcmF0aW9uOm5vbmV9DQogICAgYnV0dG9uOmhvdmVyLGlucHV0W3R5cGU9ImJ1dHRvbiJdOmhvdmVyLGlucHV0W3R5cGU9InJlc2V0Il06aG92ZXIsaW5wdXRbdHlwZT0ic3VibWl0Il06aG92ZXIsLmJ1dHRvbjpob3ZlcixhLmJ1dHRvbjpob3ZlcixhLnBlamV0OmhvdmVye29wYWNpdHk6MC45O3RleHQtZGVjb3JhdGlvbjpub25lfQ0KICAgIHRleHRhcmVhe2Rpc3BsYXk6YmxvY2s7Ym94LXNpemluZzpib3JkZXItYm94fQ0KICAgIHByZSxjb2Rle2ZvbnQtZmFtaWx5OiJDb3VyaWVyIE5ldyIsQ291cmllcixNb25vc3BhY2U7Y29sb3I6aW5oZXJpdH0NCiAgICBwcmV7d2hpdGUtc3BhY2U6cHJlO3dvcmQtd3JhcDpub3JtYWw7b3ZlcmZsb3c6YXV0b30NCiAgICBibG9ja3F1b3Rle21hcmdpbi1sZWZ0OjJlbTttYXJnaW4tcmlnaHQ6MmVtO2JvcmRlci1sZWZ0OjRweCBzb2xpZCAjY2NjO3BhZGRpbmctbGVmdDoxZW07Zm9udC1zdHlsZTppdGFsaWN9DQogICAgdGFibGUgdGgsdGFibGUgdGQsdGFibGUgY2FwdGlvbntib3JkZXI6MXB4IHNvbGlkO3BhZGRpbmc6LjVlbSAxZW07dGV4dC1hbGlnbjpsZWZ0O3ZlcnRpY2FsLWFsaWduOnRvcH0NCiAgICB0aHtmb250LXdlaWdodDo3MDB9DQogICAgdGFibGUgY2FwdGlvbntib3JkZXI6bm9uZTtmb250LXN0eWxlOml0YWxpY30NCiAgICBAbWVkaWEgc2NyZWVuew0KICAgICAgLmhpZGRlbixbaGlkZGVuXXtkaXNwbGF5Om5vbmV9DQogICAgICAuc3J7cG9zaXRpb246YWJzb2x1dGUhaW1wb3J0YW50O292ZXJmbG93OmhpZGRlbjtjbGlwOnJlY3QoMHB4LDBweCwwcHgsMHB4KTtoZWlnaHQ6MXB4O3dpZHRoOjFweDttYXJnaW46LTFweCAwIDA7cGFkZGluZzowO2JvcmRlcjowIG5vbmV9DQogICAgICAuY2x7ZGlzcGxheTpibG9jaztjbGVhcjpib3RofQ0KICAgICAgLmNmOmJlZm9yZSwuY2Y6YWZ0ZXJ7Y29udGVudDoiIjtkaXNwbGF5OnRhYmxlfQ0KICAgICAgLmNmOmFmdGVye2NsZWFyOmJvdGh9DQogICAgICAucHVsbC1sZWZ0e2Zsb2F0OmxlZnR9DQogICAgICAucHVsbC1yaWdodHtmbG9hdDpyaWdodH0NCiAgICAgIC5jZW50ZXJlZHtjbGVhcjpib3RoO2Rpc3BsYXk6YmxvY2s7dGV4dC1hbGlnbjpjZW50ZXI7bWFyZ2luLWxlZnQ6YXV0bzttYXJnaW4tcmlnaHQ6YXV0b30NCiAgICAgIC50ZXh0LWNlbnRlcnt0ZXh0LWFsaWduOmNlbnRlcn0NCiAgICAgIC")
</script>

10. Silahkan simpan template kamu

Dan lihat blog kamu ketika di view source css nya sudah hilang XD

Sekian tutorial kali ini, semoga bermanfaat.