Cara Meniru Tampilan Website Atau Blog – Mau tidak mau jikalau kita ingin menciptakan tampilan website berbeda dengan tampilan website orang lain, maka kita harus berani bermain dengan kode. Apalagi jikalau template yang kita gunakan yaitu template gratis. Otomatis akan banyak tampilan website yang sama. Karena umumnya kita lebih suka menikmati akomodasi gratis daripada yang berbayar.
Baca Juga : Cara Membuat Tampilan Posting Unik Di WordPress
Ketika kita sedang menata tampilan website atau blog sering terbentur dengan wangsit dalam menata layout tersebut. Contoh kecilnya kita galau dalam menentukan warna website yang sempurna dan sebagainya.
Jalan keluar untuk memecahkan permasalahan tersebut yaitu dengan mencari di internet untuk menemukan blog atau website yang tampilannya bagus. Namun jikalau pengetahuan kita akan script atau instruksi sangat minim sekali, justru akan semakin tambah galau juga.
Yang ada mungkin kita malah tercengang saja dengan tampilan website tersebut!
Jika kita terdampar disebuah blog yang tampilannya keren, mungkin dalam pikiran kita akan terlintas bagaimana cara menciptakan tampilan tersebut? Kode CSS apa saja yang blog tersebut gunakan? Kode PHP, HTML, atau mungkin instruksi Javascipt apa yang dipakai blog tersebut sehingga tampilannya dapat memikat setiap pengunjung?
Solusi satu-satunya yaitu kita meski tahu source code yang dipakai blog tersebut. Kita dapat memalsukan tampilan website atau blog tersebut tanpa harus meminta pemberian admin blog.
Ko bisa, bagaimana caranya?
Berikut Cara Meniru Tampilan Website Atau Blog Orang Lain
Alat yang kita gunakan untuk memalsukan tampilan website orang lain hanya media browser. Cukup media browser saja! Semua jenis media browser ibarat Google Chrome, Mozilla Firefox, dan lain-lain dapat kita gunakan untuk mengetahui source instruksi website atau blog orang lain.
Mari kita praktikkan sekarang!
Contohnya kita ingin mengetahui instruksi CSS yang dipakai oleh blog InfoMenarik, tepatnya yaitu CSS pada header.
Perlu diketahui bahwa source instruksi yang ditampilkan oleh media browser yaitu source instruksi yang telah diproses oleh media browser itu sendiri. Makara bukan source instruksi orisinil atau source instruksi yang diproses oleh server (seperti PHP dan Javascript) kecuali instruksi CSS dan HTML.
Mari dilanjut materinya ….
Setelah kita menentukan bab tampilan website mana yang akan tiru desainnya, pola disini tampilan header website InfoMenarik. Arahkan kursor mouse pada header lalu klik kanan dan pilih Periksa elemen (Chrome) Inspeksi Elemen (Firefox).
Maka kita akan mengetahui elemen header yang dipakai blog InfoMenarik.
Untuk mengetahui instruksi CSS yang digunakan, Anda dapat lihat pada tab Style (sebelah kanan). Disana sangat terang terlihat style.css yang dipakai pada hidangan header InfoMenarik.
Jika kita ingin memalsukan tampilan header menurut elemen style css tersebut, maka kita cukup melaksanakan copy dan paste kedalam file style.css template yang digunakan.
Saya sarankan sebaiknya Anda coba dulu di WordPress offline ibarat memakai Instant WordPress.
Menggunakan media browser Google Chrome kita juga dapat mengetahui pengaturan instruksi Responsive Website atau Blog. Hal ini cukup dengan menentukan Toggle device mode atau Ctrl+Shift+M pada keyboard.
Fasilitas cek responsive ini dapat kita manfaatkan untuk mengetahui apakah suatu website atau blog yang kita kunjungi sudah responsive atau belum.
Baca Juga : Tema Responsive Belum Tentu Mobile Friendly
Setelah Anda menentukan Toggle device mode maka tampilan browser akan berubah ibarat gambar di bawah ini. Jika website atau blog sudah responsive, maka saat kita rubah ukuran media screennya tampilan website akan tetap rapi.
Kita juga dapat mengetahui element style css responsive yang dipakai blog orang lain.
Kita dapat mencoba screen lainnya untuk menayangkan tampilan responsive website. Atau kita dapat menentukan device model otomatis browser google chrome.
Dengan memanfaatkan akomodasi Periksa elemen (Chrome) atau Inspeksi Elemen (Firefox) maka kita akan mengetahui source instruksi yang dipakai website atau blog orang lain. Kita dapat memodifikasi tampilan blog yang bersumber dari tampilan blog orang lain.
Sebaiknya saat kita memalsukan tampilan website orang lain, kita modifikasi atau sesuaikan lagi dengan blog kita. Dengan begitu tampilan website kita akan berbeda dengan tampilan blog pada umumnya.
Baca Juga : Percantik Tulisan Posting Di WordPress Dengan Efek Gradient
Bagaimana gampang bukan? Selamat mencoba dan agar sukses!
Sumber http://info-menarik.nett