Setiap orang rata-rata mempunyai selera dan kreasi yang berbeda-beda. Hal ini menyebabkan banyak variasi yang terlahir dari setiap karya yang dihasilkan. Begitu juga dalam dunia blogging, banyak sekali variasi dalam setiap design ataupun style yang diterapkan pada website ataupun blog. Seolah para web designer sedang berlomba-lomba untuk menyajikan tampilan website atau blog menjadi yang terbaik.
Melihat beberapa style web atau blog orang lain, tak jarang membuat kita memiliki ketertarikan untuk menggunakan style yang sama. Mulai dari warna, font hingga berbagai macam layout ingin kita terapkan di website atau blog kita sendiri. Tentu tak mudah melakukannya, karena kita harus melihat source code dan mencari yang diduga merupakan kode dari style yang digunakan. Itu akan sangat memakan waktu. Mengingat untuk mengetahui kodenya harus dengan beberapa langkah yang cukup rumit dan juga bukan hanya satu atau dua baris kode yang tampil saat dilihat source codenya, melainkan berbaris-baris. Bayangkan pasti akan semakin menambah kesulitan mencari kode dari style yang digunakan.
Oleh karena itu arikel ini hadir dalam rangka memberikan solusi tentang cara meniru style website atau blog lain dengan mudah. Kita tak perlu ribet-ribet lihat source code dari website atau blognya. Cukup dengan beberapa Extensions dari Browser Google Chrome akan dengan sangat mudah memperoleh kode dari style yang digunakan.
Persis seperti judul artikel ini yaitu cara mudah tiru style website atau blog lain menggunakan Extensions Chrome, kita bahas cara langkah demi langkah yang harus dilakukan.
Ada 3 Extensions dari Google Chrome yang kita perlukan.
- WhatFont
Extensions ini berfungsi untuk mengetahui font apa yang digunakan oleh website atau blog tersebut. Penggunaannya sangat mudah sekali. Setelah kalian pasang, klik Extensionsnya lalu arahkan cursor ke font atau tulisan pada website tersebut. Maka secara otomatis akan diketahui nama dari font yang digunakan.
Biasanya letak Extensions saat sudah terinstal berada di pojok kanan atas Browser. Logo Extensions ini seperti berbentuk tulisan f?. Tekan esc pada keyboard untuk memberhentikan programnya. - ColorPick Eyedropper
Extensions yang ini berfungsi untuk mengetahui kode hex warna yang digunakan. Caranya juga terbilang sangat mudah. Seperti biasa setelah terinstal, klik Extensions untuk menjalankan programnya. Arahkan ke warna yang ingin kita tiru lalu klik di warna tersebut. Secara otomatis akan ditampilkan kode hex warna yang digunakan website atau blog tersebut. Tinggal kita copy saja.
Di bawah ini adalah screenshot saat saya mencoba mengetahui warna yang digunakan oleh facebook.
- CSSViewer
Extensions yang terakhir adalah merupakan Extensions yang terkomplit menurut saya. Karena Extensions ini berfungsi menampilkan seluruh kode elemen-elemen CSS yang digunakan. Baik itu font, warna, ukuran dan sebagainya. Saya pribadi sering menggunakannya.
Cara penggunaannya sama seperti biasa. Klik Extensions lalu arahkan ke target. Nanti tampil kotak informasi besar di samping cursor yang berisi informasi seputar CSS yang digunakan untuk style tersebut. Tekan f pada keyboard untuk mengefreeze lalu copy kode-kodenya. Atau agar lebih gampang tekan tombol c pada keyboard nanti otomatis akan dibuatkan kodenya tinggal kalian copy.
Untuk sesuatu yang berbau instan atau tanpa ribet, Extensions ini lumayan baik digunakan karena tingkat akurasi kebenarannya menurut saya sekitar 90-95%. Masih mending dari pada tidak mau susah membuka source code website dan mencari kodenya satu persatu.
Di bawah ini adalah contoh screenshot saat saya menggunakan Extensions ini.
Demikian 3 Extensions Browser Google Chrome yang sangat membantu untuk mempermudah meniru style website atau blog orang lain. Cara ini sangat cocok bagi yang tidak mau ribet-ribet mencari lewat source code. Namun mau bagaimanapun juga sesuatu yang instan akan memiliki nilai yang berbeda dibanding dengan usaha keras sendiri meskipun memakan waktu yang cukup lama. Di sisi lain juga memang rugi mengabaikan tools yang sudah jelas diprogram untuk membantu dan mempermudah suatu pekerjaan. So, saya pikir cukup jangan berat sebelah. Berjalanlah di atas keduanya.
