Skip to main content

TRIK MERETAS DESAIN TEMPLATE KEREN SITUS SITUS BESAR DENGAN MUDAH

Saya sempat terkejut dan juga kecewa ketika iseng mencoba menguji kecepatan tema atau template blog untuk loading mobile di web beberapa blog teman teman di situs pengujian Mobile Friendly. Sebelumnya saya berfikir betapa berharganya klaim bahwa sebuah template adalah "ciptaanku", template yang sangat responsive dan mobile friendly, yang saya rasa setimpal dengan jerih payah kita adalah bahwa klaim tersebut sesuai dengan upaya kita melakukan pengamanan sebuah karya.

Saya tidak mambantah bahwa jika seseorang telah menguasai dasar dasar koding membuat template itu amatlah mudah dan sedangkan semua bahan bahan pembuatannya berupa kode kode html, xml, css, java script bukanlah kita pembuatnya, semua orang berhak memanfaatkannya.

Kita ini hanyalah mendesain sebuah templat dengan sumber daya yang telah tersedia. Ibarat seorang tukang bangunan, harus pandai menggunakan peralatan pertukangan dan mengerti material bangunan. Sedangkan seorang desainer template blog hanya membutuhkan bakat seni mendesain maka dengan pengatahuan dasar koding akan terciptalah sebuah template indah yang kita banggakan.

Akan tetapi yang membuat saya terkejut sumber kode terbuka tadi dengan mudah di "copy" tidak ada aturan yang melarangnya, contoh pada saat saya masukan alamat sebuah blog ke kotak dialog pencarian situs Mobile Friendly maka bukan hanya hasil statemen bahwa situs kita sudah memenuhi syarat, akan tetapi di sebelah screenshootnya ditunjukan bahkan lengkap dengan sumber kodenya:
Saya tahu sekalipun pada chrome, semua sumber kode situs dapat dilihat sesuai dengan moto "opensource" tetap saja tidak mengurangi keterkejutan saya, karena pada sumber kode tersebut mengandung informasi yang nyaris lengkap dari desain template milik saya hanya tinggal tautan dan kode kode skin saja yang tidak disertakan. Jadi pada saat seluruh sumber kode saya kopi dan saya uji dan...astaga, saya melihat dan dapat "membuat" semua model template atau menirunya atau menduplikasinya atau entah apalah dan tinggal menambahkan beberapa kekurangan yang dapat kita siasati dengan mudah.
Contoh pada gambar dibawah adalah sumber kode sebuah template yang dapat saya kopi dan saya uji ke blog percobaan baru:
Pada contoh gambar diatas saya mengklik kode sumber dan saya mendapatkan "pedoman" berharga pada saat semua kode saya salin ke notepad saya segera dapat menganalisanya. Lalu saya mencari alamat situs kawan kawan dan hampir semua kode berjalan dengan baik pada kompiler. Setidaknya dengan beberapa trik saya dapat mengkontruksi ulang desain template dengan mudah, ini benar benar diluar dugaan saya. Jadi bagi teman teman para pembuat template mungkin kita lupa sesungguhnya semua sumber kode terbuka itu dapat di tiru dengan mudah. Dan hak cipta itu berjalan pada sumbu yang rapuh, apa yang ada hanyalah "jasa membuat template".

Dan menurut saya sumber kode diatas sudah lebih dari cukup menjadi sumber kode css untuk meniru tampilan sebuah template yang responseive dan mobile friendly terutama karena sangat kaya dengan informasi yang berisi kode kode yang sangat saya butuhkan. Dan apalagi sumber kode tersebut dengan mudah di kopi-paste melalui hape dan tablet Android.

MENIRU DESAIN MELALUI TOOL BROWSER YANG BERNAMA "PERIKSA ELEMEN"
Kalau anda pingin meniru dan sekaligus "mencuri", "mengambil", "menduplikasi" desain atau apalah istilahnya bisa dilakukan dengan mudah melalui alat yang namanya browser, misalnya chrome atau firefox yang selalu memiliki tool yang bernama "periksa elemen" pada header mereka.

Kalau pada PC tinggal periksa menu header akan terlihat tool "periksa elemen" tersebut akan tetapi karena zaman serba mobile. Saya tunjukan cara periksa elemen melalui browser pada hape atau tablet android:

Yakni masuk ke browser chrome atau firefox atau boleh dicoba ke browser lain:
Pada alamat bar langsung ketik: view-source:(alamat situs) misalnya "view-source:kompas.com"
Maka akan keluar sumber kode yang sangat menakjubkan, seperti gambar dibawah:
Tentu saja meniru adalah tindakan kurang terpuji, akan tetapi mengkombinasikan semua style saya rasa adalah salah satu opsi kreativitas yang tidak dapat disepelekan. Sumber sumber kode ini menjadi sangat berguna bagi seorang kodinger dan designer atau apalah istilahnya.

Jadi jika misalnya saya tertarik membuat sebuah templat sehebat kompas saya tinggal mengkopi beberapa elemen dan kode kode cssnya, supaya tidak dikatakan meniru saya akan melakukan beberapa modifikasi. Lalu terakhir saya membuat kredit pada footer template buatan saya dengan tulisan:
Desained by. You are not allowed to delete this credit bla bla bla....tanpa mendaftarkan sebuah karya kepada lembaga lisensi kita akan melihat kenyataan dan betapa rapuhnya itu.

Comments

Popular posts from this blog

INI DIA 9 SITUS TEMPAT BELAJAR KODING TERBAIK

Selagi kalian masih muda, dan kalian terbiasa mengoperasikan komputer: Laptop, Desktop, iPad, Tablet dan bahkan Smart-phone, maka sesungguhnya kalian memiliki kesempatan yang sangat besar untuk tetap bisa belajar layaknya sekolah formal namun melalui jalan online!
Belajar Online? Mengapa tidak? Tidak ada yang salah dengan belajar online. Kalau bisnis online terbukti sukses, belanja online juga bisa, mengapa harus tertutup kesempatan belajar online? Tidak banyak alasan untuk menolaknya, sekalipun masih ada orang berpikirnya begini: Tidak afdol kalau belajar online, harus melalui guru langsung.

Itu namanya paradigma lama, saya belajar secara online, tanpa guru dan walaupun belum terlalu menguasai pelajaran koding seperti yang telah saya targetkan, namun saya telah menguasai beberapa bahasa program web tanpa keluar uang sepeserpun selain hanya waktu dan quota internet. Saran saya jangan mempersulit diri kita sendiri dengan banyak alasan untuk tidak belajar. Hari segini bisnis saja tanpa at…

MENGAPA POWERED BY BLOGGER ITU PENTING BAGI GOOGLE?

Blogger menggunakan ikon, ikon yang dipergunakannya adalah tipe SVG, sebenarnya banyak jenis jenis ikon yang bisa kita pergunakan, misalnya yang paling populer adalah ikon font awsome, namun jika memilih menggunakan font awsome kita harus memasang script link eksternal ke dalam template blogger kita. Hal ini akan membebani loading atau kecepatan halaman blog saat dijalankan di internet.

Nah itulah sebabnya mengapa blogger secara default tidak menggunakan font awsome yang cantik dan memiliki banyak ikon tersebut. Blogger secara default menggunakan SVG yang jauh lebih ringan, dapat berjalan pada semua browser utama.

Ikon pada atribusi dan kredit blogger adalah "trademark" special platform blogger, jadi tidaklah bijaksana menghapus ikon tersebut (walaupun Google tidak secara jelas melarangnya atau memperbolehkannya, meskipun template anda buat dari NOL. Mengapa? Alasannya adalah:
Anda tidak akan membuat template blogger kalau platform blogger itu sendiri tidak ada. Platform Blogge…

QUORA: PEKERJAAN PALING ENAK DAN SANTAI NAMUN GAJINYA BESAR

Quora adalah sebuah situs tempat bertanya dan menjawab: Dari sekian ton pertanyaan dan jawaban saya menemukan jawaban menggelitik seputar profesi anggota DPR dan Pegawai negeri, panasaran? Simak saja:

1. ANGGOTA DPR
Jawaban terbaik untuk pertanyaan ini tentu saja adalah pekerjaan mulia yang digawangi oleh para wakil rakyat Indonesia di gedung DPR-RI. Pekerjaan sebagai anggota DPR. Saya (Anissa) tergoda untuk mencontek langsung tulisan yang bersumber dari quora ini:

Gaji dan tunjangan tetap Gaji Pokok = Rp 4.200.000 Tunjangan Istri (10% GP) = Rp 420.000 Tunjangan Anak (2 anak x 2% GP) = Rp 168.000 Uang sidang / Paket = Rp 2.000.000 Tunjangan Jabatan = Rp 9.700.000 Tunjangan Beras Rp 30.090 per jiwa per bulan Tunjangan PPH pasal 21= Rp 2.699.813 Penerimaan lain:
Penerimaan lain Tunjangan Kehormatan: Rp 5.580.000 Tunjangan Komunikasi Intensif = Rp. 15.554.000 Tunjangan Peningkatan Fungsi Pengawasan dan Anggaran = Rp 3.750.000 Bantuan Langganan Listrik dan Telepon = Rp 7.700.000 Asisten Anggo…