Hai, sobat bloger!
Pada artikel kali ini, saya akan membahas perihal cara pemakaian inspect element atau bila diterjemahkan kedalam bahasa Indonesia menjadi inspeksi elemen. Artikel ini, saya buat semata-mata hanya untuk membagikan pengalaman saya menggunakan fitur browser yang sering kita jumpai di desktop dan juga menjawab pertanyaan-pertanyaan dari sahabat bloger saya.
Oh, iya. Sekedar gosip sobat, bloger ialah kata baku dari blogger dalam bahasa Indonesia. Artinya blogger ialah bahasa inggris, sedangkan bloger ialah bahasa Indonesia dari blogger. Saya tidak akan membahas secara mendalam mengenai istilah ini, maka dari itu, silakan baca selanjutnya.
Sebenarnya, fitur ini kadang disalahgunakan oleh orang yang tidak bertanggung jawab. Maka, dari itu, anda harus menggunakan fitur yang satu ini dengan baik. Lalu, bagaimana cara melaksanakan inspeksi elemen terhadap blog kita. Berikut ini klarifikasi beserta tutorialnya.
Cara membuka fitur Inspect Element
1. Buka situs yang anda ingin inspeksi kemudian klik kanan pada bidang kosong.
2. Menu kecil akan terbuka. Maka, klik sajian untuk menginspeksi. Contohnya disini saya menggunakan chrome, maka sajian yang dipilih ialah inspeksi.
3. Lihat disebelah kanan situs,akan terbuka sajian besar menciutkan ukuran situs yang anda kunjungi. Tapi, damai saja, artinya blog anda itu responsive, apabila blog menciut.
4. Selesai.
Lalu, bagaimana cara menggunakan fitur inspeksi elemen? Untuk keperluan blog, maka fiturnya tidak perlu terlalu kompleks. Berikut ini beberapa tutorial kecil untuk menggunakan fitur inspeksi elemen.
Cara mencari isyarat css dengan inspect element
1. Buka terlebih dahulu sajian yang satu ini.
2. Klik icon sajian kecil di kiri atas sajian inspeksi berlambangkan kursor dan klik pada elemen di situs yang anda kunjungi. Contohnya disini, saya menginspeksi salah satu sajian header.
3. Maka, inspeksi elemen, akan mencari isyarat pada elemen yang anda pilih
4. Lalu, lihat sajian inspect element di bab bawah pada sajian style.
5. Nah, kini anda silakan cari kode-kode yang anda ingin ketahui pada css elemen yang anda pilih. Anda juga sanggup melaksanakan klik pada isyarat yang anda pilih untuk menyalin isyarat tersebut.
6. Selesai
Cara berguru padding, margin, dll dengan inspect element
Nah, fitur ini ialah cara cepat untuk berguru padding, margin, dll dengan cepat. Berikut ini tutornya.
1. Masih pada sajian style. Lihat pada sajian yang bertuliskan padding, margin, dll. Lalu, coba arahkan mouse anda ke salah satu kotak yang ada.
2. Lalu, lihat pada elemen yang tadi anda pilih, akan ada blocking area untuk menandai dimana isyarat tersebut ditempatkan.
3. Anda juga sanggup melihat berapa ukurannya dengan melihat di dalam kotak tersebut.
4. Selesai.
Cara cek isyarat pada suatu elemen
Nah, untuk yang satu ini anda membutuhkan satu fitur pemanis yang sudah dipasang default oleh browse. Berikut penjelasannya.
1. Lalukan lagi pemilihan elemen pada elemen yang anda ingin pilih. Disini saya mencontohkan header.
2. Karena elemen yang saya pilih, bukan elemen utama dan saya menginginkan elemen utama.Maka saya mencari elemen utamanya dengan menentukan baris isyarat di inspect element.
3. Lalu, hafalkan kata kunci pada isyarat yang tertera. Disini kata kunci yang tertera ada pada id, yaitu “Header-Container”.
4. Lalu, klik kanan pada situs yang anda kunjungi dan lihat isyarat sumber laman.
5. Tekan CTRL+F dan ketik kata kunci tadi. Lalu, cari isyarat tersebut hingga dapat.
6. Disini saya beri pola untuk melaksanakan cek sekaligus salin terhadap css pada elemen tersebut. Maka, pola tampilan akan menyerupai berikut.
7. Silakan blocking area untuk melaksanakan select pada isyarat elemen tadi.
8. Disitu juga anda sanggup melaksanakan cek untuk melihat isyarat css yang menciptakan header pada situs itu menjadi gradien. Dan kodenya sudah terang tertera dengan kata-kata gradient.
9. Selesai.
Tutor cocok untuk pemula tingkat menengah. Jikalau anda sudah jago maka anda sanggup melaksanakan trik tersendiri. Selanjutnya, anda sanggup menggunakan cara diatas untuk mengedit template blog anda atau melaksanakan sesuatu yang lainnya. Jadi, anda sanggup berkreatifitas sendiri. Jikalau anda ingin mengedit template anda, ada baiknya untuk melihat tata cara yang baik dan benaruntuk menggunakan css terlebih dahulu.
Hmmm... Bagaimana? Praktis dimengerti bukan? Jikalau anda punya pertanyaan atau kritik dan saran. Silakan cantumkan di kolom komentar. Jangan lupa juga untuk membagikan artikel ini ke teman-teman anda dan juga berlangganan gratis di blog ini untuk mengetahui info menarik terbaru.