CSS yang merupakan kependekan dari
Cascading Style Sheets adalah
kumpulan kode yang digunakan untuk mempercantik tampilan website, css
mengatur suatu objek harus seperti apa, berwarna apa, bentuknya
bagaimana, ukurannya seberapa besar, dan lain sebagainya. CSS Biasanya
digunakan di html, php, asp, dan lain lain.
Membuat CSS itu tergolong gampang-gampang susah. Dan pada suatu hari
saya pernah kecolongan CSS Saya, dimana seseorang dengan mudahnya
melakukan copy paste kode css dengan fitur
View Page Source
yang ada di browser, saya mencari cara proteksi css di google. Akhirnya
saya menemukannya :D. Okay kita mulai mempelajarinya disini.
Contoh saya gunakan css dibawah :
filenamenya
style.css
Kita Ganti nama filenya menjadi berakhiran .php ( contoh :
style.css menjadi
style.php )
Selanjutnya kita ganti kode diatas menjadi kode berikut
3 | header( "Content-type: text/css" ); |
4 | if ( $_SESSION [ 'NameSession' ] != "Key" ){ die ( "CSS PROTECTED" ); } |
5 | $_SESSION [ 'NameSession' ] = "AnotherKey" ; |
CSS Sudah diproteksi dengan bantuan session php, dimana jika session
tidak ditemukan atau tidak cocok maka kode css tidak akan ditampilkan,
namun browser hanya akan menampilkan tulisan “CSS PROTECTED”, sampai
disini kode ini sudah oke, tetapi belum bisa digunakan.
:: Cara Penggunaan
Kalau ingin menggunakan kode berikut. ( Taruh di index.php / lainnya
), disini kita memprotek isi dari style.php yang isinya adalah kode css
dengan menggunakan session di php.
3 | $_SESSION [ 'NameSession' ] = "Key" ; |
5 | Isi index / header atau lainnya |
:) Silahkan dicoba.
DEMO
Untuk demo silahkan lihat
disini.
TIPS LAIN
Untuk menggunakan CSS nya cukup mudah. Namun jangan menggunakan
link href, tetapi gunakan
@import seperti berikut ini.
Menyamarkan style.php menjadi style.css
dan sedikit lagi. Trik menghilangkan ekstensi
.php
dan menggantinya dengan
.css
agar kode dapat diproteksi kita menggunakan
.htaccess
( mod_rewrite ). Bagaimana caranya?
Begini Caranya :
2 | RewriteRule style.css style.php |
Bagaimana ? Anda bisa ? Coba dulu. Silahkan Berkomentar bila ada masalah, atau belum mengerti.
HASIL
DEMO | DOWNLOAD CODE
Berikut file CSS yang di protek:
http://tutorial-webdesign.com/labs/php/proteksi-css-dengan-php/style.php
http://tutorial-webdesign.com/labs/php/proteksi-css-dengan-php/style.css
Kelemahan
Tidak ada sistem yang sempurna, trik inipun tidak sepenuhnya
memproteksi file css kita, misal dengan bantuan firebug kode css masih
bisa dilihat, hal ini dikarenakan browser talah mendownload dahulu
script css nya dan menyimpannya dikomputer kita untuk diproses oleh
browser. Namun trik ini tetap ada gunanya, walaupun kita tidak bisa
sepenuhnya membuat ini aman, setidaknya dengan ini sudah cukup
menyulitkan orang untuk melakukan copy-paste kode seenaknya, terutama
yang belum mengerti tools seperti firebug.
Sumber
0 komentar:
Posting Komentar